/* ============================================================
   CGAP · Medicina estética (medicina-estetica.html)
   ============================================================ */

/* Hero */
.est-hero{min-height:calc(88vh - 112px);background:#F5E6D8;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px}
.est-hero-inner{max-width:780px}
.est-hero-rotating{transition:opacity 1.2s ease;}
.est-hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:1;letter-spacing:-.03em;color:var(--plum);margin:.8rem 0 1.4rem}
.est-hero h1 em{color:var(--magenta);font-style:italic}
.est-hero p{font-size:1.15rem;color:var(--muted);max-width:50ch;margin:0 auto 2rem;line-height:1.65}

/* Hero — segundo botón */
.est-hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:0}
.est-hero-wa{
  display:inline-flex;align-items:center;
  padding:.8rem 1.5rem;border-radius:100px;
  background:rgba(0,0,0,.06);border:2px solid var(--plum);
  color:var(--plum);font-weight:700;font-size:.9rem;
  text-decoration:none;transition:all .2s;
}
.est-hero-wa:hover{background:rgba(0,0,0,.08)}

/* Tratamientos alternados */
.est-treats{background:var(--white)}
.est-treat{display:grid;grid-template-columns:1fr 1fr;min-height:260px;border-bottom:1px solid var(--line)}
.est-treat-img{position:relative;overflow:hidden}
.est-treat-body{padding:40px 52px;display:flex;flex-direction:column;justify-content:center;gap:0}
.est-treat-body .eyebrow{margin-bottom:1.2rem}
.est-treat-body h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin-bottom:1.2rem}
.est-treat-body h2 em{color:var(--magenta);font-style:italic}
.est-treat-body p{color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:1.4rem}
.est-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}
.est-list li{font-size:.92rem;color:var(--text);font-weight:600;padding-left:1.4rem;position:relative}
.est-list li::before{content:'✦';position:absolute;left:0;color:var(--magenta);font-size:.6rem;top:.3rem}

/* ================================================
   MEDICINA ESTÉTICA v2 (est2-*)
   ================================================ */

/* Tratamientos destacados */
.est2-destacados{padding-top:72px}
.est2-destacados-header{max-width:640px;margin:0 auto;text-align:center;padding:0 24px 48px}
.est2-destacados-title{
  font-family:'Fraunces',serif;font-size:clamp(1.5rem,3vw,2rem);
  color:var(--plum);margin:0 0 10px;
}
.est2-destacados-sub{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}

/* Tratamientos estéticos (catálogo): el botón "Tratamientos Estéticos" del
   hero salta acá; scroll-margin-top evita que el navbar sticky lo tape. */
#tratamientos-estetica{scroll-margin-top:120px}
/* Descripción de cada card truncada a 4 líneas siempre (no solo en mobile:
   con textos largos las cards quedaban de alturas muy dispares y poco
   escaneables) con un degradé hacia el blanco de la card en vez de un
   corte seco. Acá no hace falta un botón "Ver más" propio de la card
   (como en tratamiento-depilacion-definitiva.html): la card entera ya es
   el disparador que abre el modal con la info completa (#estModal, ver
   js/estetica-catalogo.js), así que el clip es solo visual. */
#estGrid .prac-card p{
  line-height:1.5;max-height:6em;overflow:hidden;position:relative;
}
/* .is-truncado la agrega js/estetica-catalogo.js solo cuando el texto
   realmente no entra en las 4 líneas (scrollHeight > clientHeight); sin
   eso, textos cortos mostraban el degradé flotando debajo de la última
   línea aunque no hubiera nada oculto. */
#estGrid .prac-card p.is-truncado::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1.5em;
  background:linear-gradient(rgba(255,255,255,0),#fff);
}

/* Confianza */
.est2-confianza{background:var(--blush-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 24px}
.est2-confianza-inner{
  max-width:740px;margin:0 auto;
  display:flex;align-items:flex-start;gap:20px;
}
.est2-confianza-icon{
  flex-shrink:0;width:52px;height:52px;border-radius:50%;
  background:var(--blush);display:flex;align-items:center;
  justify-content:center;font-size:1.4rem;
}
.est2-confianza-title{
  font-family:'Fraunces',serif;font-size:1.25rem;
  color:var(--plum);margin:0 0 8px;
}
.est2-confianza-text{font-size:.88rem;color:var(--muted);line-height:1.7;margin:0}

/* CTA final */
.est2-cta-final{background:#fff;padding:80px 24px;text-align:center}
.est2-cta-final-title{
  font-family:'Fraunces',serif;
  font-size:clamp(1.5rem,3.5vw,2.4rem);
  color:var(--plum);margin:0 0 1rem;line-height:1.2;
}
.est2-cta-final-sub{font-size:.95rem;color:var(--muted);line-height:1.7;margin:0}