/* Tema de SaludTotalPlus (saludtotalplus.com): sobrio y editorial.

   Verde petróleo sobre neutros cálidos, titulares en serif (Fraunces) con texto en Inter,
   esquinas apenas redondeadas, filetes finos en lugar de sombras y botones rectos.
   Mismas variables que static/css/sitios/saludator.css (ahí se explica el formato «R G B»);
   debajo, los retoques propios, siempre bajo html[data-sitio="saludtotalplus"]. */
:root {
    --marca-50: 238 248 244;
    --marca-100: 213 239 229;
    --marca-200: 171 223 204;
    --marca-300: 116 199 173;
    --marca-400: 63 169 139;
    --marca-500: 13 131 102;
    --marca-600: 11 112 89;
    --marca-700: 9 90 72;
    --marca-800: 8 74 60;
    --marca-900: 7 61 50;
    --marca-950: 3 36 29;

    --neutro-50: 250 249 247;
    --neutro-100: 243 241 237;
    --neutro-200: 230 226 219;
    --neutro-300: 211 205 195;
    --neutro-400: 163 156 144;
    --neutro-500: 119 112 102;
    --neutro-600: 87 81 74;
    --neutro-700: 67 62 56;
    --neutro-800: 42 38 34;
    --neutro-900: 27 24 21;
    --neutro-950: 13 11 9;

    --fuente-texto: 'Inter';
    --fuente-titulos: 'Fraunces', Georgia, 'Times New Roman', serif;

    --radio-md: 2px;
    --radio-lg: 3px;
    --radio-xl: 4px;
    --radio-2xl: 6px;
    --radio-3xl: 10px;

    --sombra-suave: 0 1px 0 rgb(var(--neutro-200));
    --sombra-tarjeta: 0 14px 30px -18px rgb(var(--marca-950) / 0.35);

    --logo-rotulo: 27 24 21;
    --fondo-noche: 16 14 12;
    /* Dorado de los detalles (filetes, numeración, subrayados) */
    --acento: 176 137 72;
}

/* ---------------------------------------------------------------- retoques del sitio
   Solo aspecto: nada de esto cambia el contenido ni el orden de las páginas. Los ganchos
   (.glass-nav, .nav-cta, .logo-sitio, .firma-correduria, .hero-*, #comparador…) son clases e
   identificadores de las plantillas comunes. Lo que pone un fondo claro lleva
   :not([data-theme="dark"]): el modo noche de la portada (su botón de la luna) manda. */

/* Titulares en serif; los rótulos en versalitas y los títulos de tarjeta siguen en Inter */
html[data-sitio="saludtotalplus"] :is(h1, h2, h3):not(.uppercase) {
    font-family: var(--fuente-titulos);
    font-weight: 600;
    letter-spacing: -0.015em;
}
html[data-sitio="saludtotalplus"] h4 { font-family: var(--fuente-texto), sans-serif; }
html[data-sitio="saludtotalplus"] .uppercase { letter-spacing: 0.14em; }

/* Casillas y botones de opción nativos con el color de la marca */
html[data-sitio="saludtotalplus"] :is(input[type="checkbox"], input[type="radio"]) { accent-color: rgb(var(--marca-600)); }

/* Logotipo y firma */
html[data-sitio="saludtotalplus"] .logo-sitio { height: 38px; }
html[data-sitio="saludtotalplus"] .firma-correduria { margin: -5px 0 0 40px; }
html[data-sitio="saludtotalplus"] footer .logo-sitio { height: 34px; }
html[data-sitio="saludtotalplus"] footer .firma-correduria { margin: -6px 0 1rem 36px; }

/* Barra: opaca, con filete y una línea de marca arriba */
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) .glass-nav {
    background: rgb(var(--neutro-50) / 0.97);
    backdrop-filter: none;
    border-bottom: 1px solid rgb(var(--neutro-200));
    box-shadow: inset 0 3px 0 rgb(var(--marca-600));
}
/* Botones rectos: las píldoras de enlaces y botones pasan a esquina mínima */
html[data-sitio="saludtotalplus"] :is(a, button).rounded-full { border-radius: 3px; }
html[data-sitio="saludtotalplus"] .nav-cta {
    background: rgb(var(--marca-600));
    box-shadow: none;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
html[data-sitio="saludtotalplus"] .nav-cta:hover { background: rgb(var(--marca-800)); }
/* Sin resplandor de color bajo los botones */
html[data-sitio="saludtotalplus"] :is(a, button)[class*="shadow-brand"] { box-shadow: none; }

/* Portada */
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) #hero {
    background: linear-gradient(180deg, rgb(var(--neutro-50)) 0%, rgb(var(--neutro-100)) 100%);
}
html[data-sitio="saludtotalplus"] .hero-blob { display: none; }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) .hero-badge {
    background: transparent;
    border: 0;
    border-left: 3px solid rgb(var(--acento));
    border-radius: 0;
    padding: 0.1rem 0 0.1rem 0.75rem;
    color: rgb(var(--neutro-600));
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
html[data-sitio="saludtotalplus"] .hero-badge > span:first-child { display: none; }
html[data-sitio="saludtotalplus"] .hero-title { font-weight: 500; line-height: 1.08; }
/* El resalte del titular: cursiva en verde, sin degradado */
html[data-sitio="saludtotalplus"] .hero-title span {
    background: none;
    color: rgb(var(--marca-600));
    -webkit-text-fill-color: currentColor;
    font-style: italic;
}
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) .hero-media {
    border-radius: 4px;
    box-shadow: 14px 14px 0 rgb(var(--marca-100));
}
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) .market-analysis-card { background: rgb(var(--neutro-50) / 0.97); border-color: rgb(var(--neutro-200)); }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) .hero-partners { background: rgb(var(--neutro-50)); }

/* Tarjetas de «por qué elegirnos»: filete en vez de fondo */
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) #funcionamiento .bg-slate-50 {
    background: transparent;
    border: 1px solid rgb(var(--neutro-200));
    border-top: 3px solid rgb(var(--marca-600));
}
html[data-sitio="saludtotalplus"] #tipos .rounded-full { border-radius: 2px; }

/* Comparador: marco dorado sobre verde oscuro */
html[data-sitio="saludtotalplus"] #comparador > div > .bg-brand-600 { background: rgb(var(--acento)); padding: 3px; }
html[data-sitio="saludtotalplus"] #comparador .rounded-\[22px\] { border-radius: 7px; }

/* Pie oscuro (también el de base.html) */
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer {
    background: rgb(var(--marca-950));
    border-top: 3px solid rgb(var(--acento));
}
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer .logo-sitio { color: #fff; }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer .text-slate-900 { color: #fff; }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer :is(.text-slate-400, .text-slate-500) { color: rgb(var(--neutro-300)); }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer a:hover { color: rgb(var(--marca-300)); }
html[data-sitio="saludtotalplus"]:not([data-theme="dark"]) footer .border-t { border-color: rgb(255 255 255 / 0.14); }

/* Ilustración de la portada (templates/includes/sitios/saludtotalplus/_portada.html) */
html[data-sitio="saludtotalplus"] .il-fondo { fill: rgb(var(--marca-900)); }
html[data-sitio="saludtotalplus"] .il-cruz { fill: rgb(var(--marca-800)); }
html[data-sitio="saludtotalplus"] .il-reticula { stroke: rgb(255 255 255 / 0.06); }
html[data-sitio="saludtotalplus"] .il-papel { fill: rgb(var(--neutro-50)); }
html[data-sitio="saludtotalplus"] .il-destacada { fill: #fff; }
html[data-sitio="saludtotalplus"] .il-acento { fill: rgb(var(--acento)); }
html[data-sitio="saludtotalplus"] .il-linea { fill: rgb(var(--neutro-200)); }
html[data-sitio="saludtotalplus"] .il-barra { fill: rgb(var(--marca-200)); }
html[data-sitio="saludtotalplus"] .il-barra-fuerte { fill: rgb(var(--marca-600)); }
html[data-sitio="saludtotalplus"] .il-si { fill: rgb(var(--marca-600)); }
html[data-sitio="saludtotalplus"] .il-no { fill: rgb(var(--neutro-200)); }
html[data-sitio="saludtotalplus"] .il-marca { fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html[data-sitio="saludtotalplus"] .il-sello { fill: none; stroke: rgb(var(--acento)); stroke-width: 3; }
html[data-sitio="saludtotalplus"] .il-sello-marca { fill: none; stroke: rgb(var(--acento)); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
html[data-sitio="saludtotalplus"] .il-titulo {
    fill: rgb(var(--neutro-900));
    font-family: var(--fuente-titulos);
    font-size: 22px;
    font-weight: 600;
}