/* ==========================================================================
   Pages 2026 - componentes de subpáginas (fase 2 del rediseño claro)
   Se carga en las subpáginas DESPUÉS de site-2026.css + home-v2.css +
   theme-light.css. Aquí solo lo que las subpáginas necesitan y la home no.
   ========================================================================== */

/* --- Page hero compacto (todas las subpáginas) --- */
.phero{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2rem,4vw,3rem)}
.phero .eyebrow{margin-bottom:1.3rem}
.phero h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.04;letter-spacing:-.03em;max-width:22ch}
.phero__sub{margin-top:1.3rem;color:var(--taupe);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6;max-width:52ch}
.phero__sub b{color:var(--ivory);font-weight:600}

/* --- Layout de contacto: form + lateral --- */
.contact{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,3vw,2.4rem);align-items:start}
@media(min-width:960px){.contact{grid-template-columns:1.05fr .95fr}}
.contact__aside{display:flex;flex-direction:column;gap:1.2rem}

/* form: reutiliza la tarjeta .zone; extras del form largo */
.zone__form textarea{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:3px;
  padding:.85rem 1rem;color:var(--ivory);font-family:var(--font-body);font-size:.95rem;
  min-height:110px;resize:vertical;transition:border-color .2s}
.zone__form textarea::placeholder{color:var(--taupe-dim)}
.zone__form textarea:focus-visible{outline:none;border-color:var(--gold)}
.zone__form label.field{font-family:var(--font-display);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--taupe-dim);margin-bottom:-.3rem}
.check{display:flex;gap:.65rem;align-items:flex-start;font-size:.82rem;color:var(--taupe);line-height:1.45}
.check input{width:16px;height:16px;margin-top:.2rem;accent-color:var(--gold);flex:none}
.check a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}

/* tarjetas laterales */
.side{background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:clamp(1.3rem,2.4vw,1.8rem)}
.side h3{font-family:var(--font-display);font-weight:620;font-size:1.1rem;margin-bottom:.9rem}
.side p{color:var(--taupe);font-size:.93rem}
.side__row{display:flex;gap:.8rem;align-items:flex-start;padding:.55rem 0;color:var(--taupe);font-size:.93rem;line-height:1.5}
.side__row svg{width:18px;height:18px;color:var(--gold);flex:none;margin-top:.15rem}
.side__row b{color:var(--ivory);font-weight:600}
.side--wa{border-color:rgba(33,122,80,.35)}
.side--wa .btn{width:100%;justify-content:center;margin-top:.9rem}
.btn--wa{background:#1FA45C;color:#fff;border-color:transparent}
.btn--wa:hover{background:#25B968;transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(31,164,92,.5)}

/* chips de reaseguro bajo el form */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.chip{font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--taupe);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem}