/* ==========================================================
   DISEÑO PRINCIPAL — Modelo 3 · "Profundo"
   Elegido por Claudia el 23-oct-2026 14:58 (hora de Moncton).
   Se carga DESPUÉS de styles.css (que importa tokens.css).
   Tono por sección con el atributo data-tone:
     dark   → fondo #203B57 (oficial, fondo oscuro)
     dark-2 → fondo #274465 (oficial, Navy)
     light  → fondo #EEF2F3 (derivado de la paleta oficial) — secciones de lectura
   Todos los tonos no oficiales: derivado de la paleta oficial.
   Modelos 1 y 2 archivados en archivo/.
   ========================================================== */
:root{
  --surface:      #EEF2F3; /* derivado: fondo de secciones claras de lectura */
  --surface-deep: #E4EAEC; /* derivado: variante alterna en claro */
  --surface-card: #FAFCFC; /* derivado: tarjetas en claro */
  --header-bg:    #203B57; /* oficial: fondo oscuro */
}
body{background:#203B57}
/* ---- Ámbito oscuro: reasigna variables dentro de la sección ----
   texto #FFF (11,5:1 / 10:1) · secundario #C9D2DA (7,5:1 / 6,5:1) · acento #9FD0D4 (6,8:1 / 5,9:1; 5,2:1 sobre tarjeta #2C4D70) */
.site-header,[data-tone="dark"],[data-tone="dark-2"]{
  color:#fff; --brand-primary:#FFFFFF; --text:#FFFFFF; --text-muted:#C9D2DA; --accent-text:#9FD0D4; --accent:#54959B;
  --line:rgba(255,255,255,.14); --card:#2C4D70; --teal-tint:#2C4D70; --navy-tint:#2C4D70;
  --field-bg:#F4F7F8; --field-border:#9CA6AE; --focus:#9FD0D4}
[data-tone="dark"]{background:#203B57}
[data-tone="dark-2"]{background:#274465;--accent:#6AAAB0} /* teal aclarado (derivado): 3,8:1 sobre #274465, solo gráfico/texto grande */
/* ---- Ámbito claro (lectura) ---- */
[data-tone="light"]{background:var(--surface);color:var(--text);--accent-text:#33656A} /* acento en claro (derivado): 5,8:1 sobre #EEF2F3, 5,4:1 sobre #E4EAEC */
[data-tone="light"].alt{background:var(--surface-deep)}
/* Cabecera oscura con logo blanco */
.site-header{border-bottom:1px solid rgba(255,255,255,.12)}
.site-header nav a{color:#E6EBF0}
.site-header nav a.active{color:#fff;border-bottom-color:#54959B}
.menu-toggle{color:#fff;border-color:rgba(255,255,255,.35)}
/* Botones: en oscuro, teal con texto #0F2236 (4,7:1); en claro, navy con texto blanco (10:1) */
.site-header .btn-primary,[data-tone^="dark"] .btn-primary{background:#54959B;border-color:#54959B;color:#0F2236}
[data-tone^="dark"] .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
[data-tone="light"] .btn-primary{background:#274465;border-color:#274465;color:#fff}
[data-tone="light"] .btn-ghost{color:#274465;border-color:#274465}
/* Hero editorial (Inicio, Sobre mí) y cabeceras de página */
.hero[data-tone]{padding:120px 0 110px;position:relative;overflow:hidden;
  background:radial-gradient(900px 480px at 85% 20%,rgba(84,149,155,.22),transparent 60%),#203B57}
.hero[data-tone]::after,.page-hero[data-tone]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0 80 C240 30 480 120 720 80 S1200 30 1440 70' fill='none' stroke='%2354959B' stroke-width='2'/%3E%3Cpath d='M0 105 C260 60 500 135 760 102 S1220 65 1440 95' fill='none' stroke='%239CA6AE' stroke-opacity='.6' stroke-width='2'/%3E%3C/svg%3E") bottom/100% 140px no-repeat}
.hero[data-tone] .container,.page-hero[data-tone] .container{position:relative;z-index:1}
.hero[data-tone] h1{font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:500;letter-spacing:-.01em}
.page-hero[data-tone]{position:relative;overflow:hidden;border-bottom:0;padding:96px 0 88px}
.crumbs{color:var(--text-muted)}
.eyebrow{letter-spacing:.2em}
/* Marcadores de imagen */
[data-tone^="dark"] .img-ph{background:repeating-linear-gradient(135deg,#2C4D70 0 14px,#31557A 14px 28px);border-color:rgba(255,255,255,.14);color:#fff}
[data-tone="light"] .img-ph{background:repeating-linear-gradient(135deg,#E1E8EC 0 14px,#D6E3E6 14px 28px);border-color:#D3DCE0;color:#274465}
/* Tarjetas */
[data-tone] .card{box-shadow:none}
[data-tone^="dark"] .card{border-color:rgba(255,255,255,.12)}
[data-tone^="dark"] .card.featured{border:2px solid #54959B}
[data-tone^="dark"] .card .icon{background:#203B57;border:1px solid rgba(84,149,155,.55);color:#9FD0D4}
[data-tone^="dark"] .step{border-top:1px solid rgba(255,255,255,.3)}
[data-tone^="dark"] .tl-num{color:#9FD0D4}
[data-tone^="dark"] .mock-note{border-color:rgba(255,255,255,.4)}
[data-tone^="dark"] .subscribe input{color:#1B2430}
[data-tone="light"] .chip.is-on{background:#274465}
.wave{background:linear-gradient(90deg,#54959B 0 60%,#9CA6AE 60%);height:3px;width:56px}
/* Banda CTA en teal (texto #0F2236, 4,7:1) */
.cta-band{background:#54959B;color:#0F2236}
.cta-band h2,.cta-band .ph{color:#0F2236}
.cta-band .btn{background:#203B57;color:#fff;border-color:#203B57}
/* Pie un tono más profundo (derivado #1B3350) */
footer{background:#1B3350;border-top:1px solid rgba(255,255,255,.08)}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}

/* Reseñas de clientes (Home) — tarjetas listas para testimonios reales; sin reseñas se muestra solo la línea .reviews-empty */
.reviews-empty{max-width:640px;font-size:1.05rem}
.review-card{margin:0;display:flex;flex-direction:column;gap:18px;border-top:3px solid var(--brand-secondary,#54959B)}
.review-card blockquote{margin:0;position:relative;padding-top:34px}
.review-card blockquote::before{content:"\201C";position:absolute;top:-10px;left:-2px;font-family:var(--font-heading);font-size:3.6rem;line-height:1;color:#3F7C82}
.review-card figcaption{display:flex;flex-direction:column;gap:2px;font-size:.92rem;margin-top:auto}
.review-card figcaption span{color:#4A5866}
/* Guías de servicio (Recursos) */
.guide-card{display:flex;flex-direction:column}
.guide-card p:last-child{margin-top:auto!important;padding-top:22px}