/* Secciones de la portada y páginas legales. */
.seccion{padding:clamp(64px,10vw,120px) 0}
.seccion--suave{background:var(--crema-2)}
.seccion__cabeza{max-width:640px;margin-bottom:48px}
.aviso-legal{margin:32px 0 0;color:var(--tinta-2);font-size:.95rem;max-width:720px}

/* Hero con textura del símbolo al 6 % */
.hero{position:relative;background:var(--verde);color:var(--crema);padding:clamp(56px,8vw,112px) 0;overflow:hidden}
.hero::before,.cotizar::before{content:"";position:absolute;inset:0;background:url("../img/brand/simbolo-crema.svg") 0 0/96px 96px repeat;opacity:.06;pointer-events:none}
.hero__rejilla{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:900px){.hero__rejilla{grid-template-columns:1fr}}
.hero h1{color:var(--crema)}
.etiqueta--clara{color:var(--mango)}
.hero__bajada{font-size:1.2rem;opacity:.92;max-width:34em}
.hero__acciones{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 28px}
.hero__media{position:relative}
.hero__foto,.hero__media picture{width:100%;border-radius:32px;aspect-ratio:4/3;object-fit:cover}
.hero__ilustracion{aspect-ratio:4/3;border-radius:32px;background:var(--verde-2);display:grid;place-items:center}
.hero__ilustracion img{width:min(260px,50%)}
.hero__tarjeta{position:absolute;left:-16px;bottom:24px;margin:0;background:var(--crema);color:var(--verde);border-radius:20px;padding:14px 20px;box-shadow:var(--sombra);font-weight:700}
.hero__tarjeta strong{font-family:var(--f-display);font-size:1.5rem;color:var(--verde)}
@media (max-width:900px){.hero__tarjeta{left:16px}}

/* Franja de confianza */
.confianza{background:var(--crema-2);border-bottom:1px solid var(--linea);padding:40px 0}
.confianza__lista{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0 auto}
@media (max-width:900px){.confianza__lista{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.confianza__lista{grid-template-columns:1fr}}
.confianza__lista li{display:flex;gap:14px;align-items:flex-start;color:var(--verde-2)}
.confianza__lista span{color:var(--tinta-2);font-size:.95rem}
.confianza__lista strong{display:block;color:var(--verde);font-size:1rem}

/* Cómo reservar: línea de tiempo */
.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:paso;position:relative}
.pasos::before{content:"";position:absolute;top:28px;left:28px;right:28px;height:2px;background:var(--linea)}
.pasos li{position:relative}
.pasos__num{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--mango);color:var(--verde);font-family:var(--f-display);font-size:1.5rem;margin-bottom:16px;position:relative}
.pasos p{font-size:1.1rem;font-weight:600;color:var(--verde);max-width:18em}
@media (max-width:760px){
  .pasos{grid-template-columns:1fr;gap:24px}
  .pasos::before{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto}
  .pasos li{display:flex;gap:20px;align-items:center}
  .pasos__num{margin:0;flex:none}
  .pasos p{margin:0}
}

/* Cobertura */
.chips--zonas li{font-size:1rem;padding:.6em 1.2em}

/* Cotizador (sección verde) */
.cotizar{position:relative;background:var(--verde);color:var(--crema);padding:clamp(64px,10vw,120px) 0;overflow:hidden}
.cotizar__rejilla{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
@media (max-width:900px){.cotizar__rejilla{grid-template-columns:1fr}}
.cotizar h2{color:var(--crema)}
.cotizar__intro p{opacity:.92}
.cotizar__aviso{display:flex;gap:.6em;align-items:center;font-weight:700;color:var(--mango)}
.formulario .cotizar__aviso{color:var(--verde-2)}

/* Páginas legales */
.legal{padding:clamp(48px,8vw,96px) 0}
.legal h1{font-size:var(--fs-h2)}
.legal__fecha{color:var(--tinta-2);margin-bottom:2em}
.legal__texto h2{font-size:1.5rem;margin-top:1.6em}
.legal__texto h3{margin-top:1.4em}
.legal__texto ul{padding-left:1.2em}
.legal__texto li{margin-bottom:.4em}