:root {
    --rv-verde: #1f4d38;
    --rv-verde-claro: #3d8f68;
    --rv-salmon: #ff6b4a;
    --rv-salmon-normal: #ff8a72;
    --rv-salmon-bajito: #ffd0c2;
    --rv-salmon-fuerte: #ff5c3d;
    --rv-verde-subido: #168a45;
    --rv-salmon-oscuro: #e23d2b;
    --rv-primario: #e23d2b;
    --rv-primario-hover: #c93222;
    --rv-primario-oscuro: #1f4d38;
    --rv-primario-suave: #ffe0d6;
    --rv-texto: #1d2b24;
    --rv-texto-suave: #5d6d64;
    --rv-fondo: var(--rv-salmon-normal);
    --rv-superficie: #fff;
    --rv-borde: #f0b0a2;
    --rv-error: #b00020;
    --rv-error-suave: #fdecee;
    --rv-radio: 10px;
    --rv-radio-pill: 999px;
    --rv-sombra: 0 2px 10px rgba(31, 77, 56, 0.08);
    --rv-fuente: "Montserrat", Arial, sans-serif;
    --rv-transicion: 0.15s ease;
    --rv-gradiente: linear-gradient(135deg, #0e5c38 0%, var(--rv-verde-subido) 100%);
    --rv-gradiente-salmon: linear-gradient(160deg, #ffb199 0%, #ff6a48 50%, #e44532 100%);
    --rv-gradiente-suave: linear-gradient(120deg, #ffd0c2 0%, #ff8a6a 22%, #ff5c3d 48%, #ff7d62 72%, #e44532 100%);
    --rv-gradiente-superficie: linear-gradient(180deg, #ffffff 0%, #fffdfb 100%);
    --rv-pagina: linear-gradient(120deg, #ffe4da 0%, #ffd0c2 34%, #ffb199 67%, #fff5f1 100%);
    --rv-contenedor: #fff;
    --rv-tarjeta: var(--rv-salmon-fuerte);
    --rv-tarjeta-texto: #fff;
    --rv-texto-pagina: #1d2b24;
    --rv-filtro: #fff;
    --rv-filtro-texto: #1d2b24;
    --rv-filtro-linea: #ead8cf;
    --rv-chip: #ff5c3d;
    --rv-chip-texto: #fff;
    --rv-chip-activo: #ff5c3d;
    --rv-chip-activo-texto: #fff;
}
html[data-tema="calido"] {
    --rv-pagina: linear-gradient(120deg, #ffe4da 0%, #ffb199 28%, #ffd0c2 52%, #ff9a82 78%, #ffe8df 100%);
    --rv-contenedor: #fff;
    --rv-tarjeta: var(--rv-salmon-fuerte);
    --rv-tarjeta-texto: #fff;
    --rv-texto-pagina: #1d2b24;
}
html[data-tema="verde"] {
    --rv-pagina: linear-gradient(120deg, #0e5c38 0%, #168a45 30%, #23a35c 55%, #0f6b40 80%, #146b3a 100%);
    --rv-contenedor: var(--rv-salmon-bajito);
    --rv-tarjeta: var(--rv-salmon-fuerte);
    --rv-tarjeta-texto: #fff;
    --rv-texto-pagina: #fff;
}
html[data-tema="fuego"] {
    --rv-pagina: linear-gradient(120deg, #ff7a5c 0%, #ff5c3d 32%, #e23d2b 58%, #ff6b4a 82%, #ff8a72 100%);
    --rv-contenedor: #fff;
    --rv-tarjeta: var(--rv-verde-subido);
    --rv-tarjeta-texto: #fff;
    --rv-texto-pagina: #fff;
}
html[data-tema="claro"] {
    --rv-pagina: linear-gradient(120deg, #ffffff 0%, #ffe8e0 30%, #ffd0c2 55%, #fff5f1 78%, #ffffff 100%);
    --rv-contenedor: #fff;
    --rv-tarjeta: var(--rv-salmon-fuerte);
    --rv-tarjeta-texto: #fff;
    --rv-texto-pagina: #1d2b24;
}

body {
    font-family: var(--rv-fuente);
    color: var(--rv-texto);
}

a,
a:link,
a:visited {
    color: var(--rv-primario-oscuro);
    font-weight: 500;
    text-decoration: none;
    transition: color var(--rv-transicion);
}
a:hover,
a:focus-visible {
    color: var(--rv-primario);
    text-decoration: underline;
}
.enlace-suave,
.enlace-suave:link,
.enlace-suave:visited {
    color: var(--rv-texto-suave);
    font-size: 0.875rem;
    text-decoration: underline;
}

.btn,
.btn:link,
.btn:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: var(--rv-radio-pill);
    background: transparent;
    font-family: var(--rv-fuente);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--rv-transicion), color var(--rv-transicion), border-color var(--rv-transicion), box-shadow var(--rv-transicion);
}
.btn:hover {
    text-decoration: none;
}
.btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(226, 61, 43, 0.35);
}

.btn-primario,
.btn-primario:link,
.btn-primario:visited {
    border-color: transparent;
    background: var(--rv-gradiente);
    color: #fff;
}
.btn-primario:hover {
    background: linear-gradient(135deg, #183e2d 0%, #2f7a56 100%);
    color: #fff;
}

.btn-secundario,
.btn-secundario:link,
.btn-secundario:visited {
    border-color: #d7e4dc;
    background: var(--rv-gradiente-superficie);
    color: var(--rv-verde);
}
.btn-secundario:hover {
    border-color: var(--rv-verde);
    background: #fff;
    color: var(--rv-verde);
}

.btn-claro,
.btn-claro:link,
.btn-claro:visited {
    background: #fff;
    color: var(--rv-primario-oscuro);
}
.btn-claro:hover {
    background: var(--rv-primario-suave);
    color: var(--rv-primario-oscuro);
}

.btn-contorno-claro,
.btn-contorno-claro:link,
.btn-contorno-claro:visited {
    border-color: rgba(255, 255, 255, 0.85);
    color: #fff;
}
.btn-contorno-claro:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.btn-texto,
.btn-texto:link,
.btn-texto:visited {
    min-height: 32px;
    padding: 0 6px;
    color: var(--rv-primario-oscuro);
}
.btn-texto:hover {
    background: var(--rv-primario-suave);
    color: var(--rv-primario-oscuro);
}

.btn-sm,
.btn-sm:link,
.btn-sm:visited {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.875rem;
}
.btn-lg,
.btn-lg:link,
.btn-lg:visited {
    min-height: 50px;
    padding: 0 22px;
    font-size: 1.05rem;
}
.btn-bloque,
.btn-bloque:link,
.btn-bloque:visited {
    display: flex;
    width: 100%;
}

.chip,
.chip:link,
.chip:visited {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--rv-radio-pill);
    background: #f7e4dc;
    color: var(--rv-verde);
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}
.chip:hover {
    background: #f3d8ce;
    color: var(--rv-verde);
    text-decoration: none;
}
.chip.activo,
.chip.activo:link,
.chip.activo:visited,
.chip.activo:hover {
    background: var(--rv-verde);
    color: #fff;
}

.opcion-filtro a,
.opcion-filtro a:link,
.opcion-filtro a:visited {
    color: var(--rv-texto);
}
.opcion-filtro.activo a,
.opcion-filtro a:hover {
    color: var(--rv-primario-oscuro);
    font-weight: 700;
}

.aviso-error {
    margin: 0;
    padding: 10px 14px;
    border-left: 4px solid var(--rv-error);
    border-radius: 8px;
    background: var(--rv-error-suave);
    color: #8a0019;
    font-size: 0.95rem;
}
.aviso-error:empty {
    display: none;
}
.aviso-ok {
    margin: 0 0 12px;
    padding: 10px 14px;
    border-left: 4px solid var(--rv-verde);
    border-radius: 8px;
    background: #eef6f1;
    color: var(--rv-verde);
    font-size: 0.95rem;
}

.paginacion {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    padding: 12px 8px 20px;
}
.paginacion .pagina-actual {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    border-radius: var(--rv-radio-pill);
    background: var(--rv-gradiente-salmon);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
}