/* cierrea.css — cierre «Hecho para inmobiliarios. Listo hoy.»: Gu de busto (gu26-busto.png) sube desde una línea de horizonte
 * a medida que bajas, frente a un anillo de luz (el eclipse de los celulares). Opción A de opciones-cierre.html. */
.ci { position: relative; text-align: center; padding: 160px 0 0; border-top: 1px solid var(--line); overflow: hidden; }
.ci h2 { font-size: clamp(48px, 6.4vw, 92px); font-weight: 900; line-height: .98; letter-spacing: -.045em; margin: 0; }
.ci-p { color: var(--muted); font-size: 19px; margin: 22px auto 0; max-width: 44ch; }
.ci-cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 34px; }
.ci-cta .boton { padding: 15px 24px; font-size: 16px; }
.ci-cta .ghost svg { color: var(--kd0d3d8); }   /* como en la opción elegida: el ícono en gris, sin el verde de WhatsApp */
.ci-esc { position: relative; height: 470px; margin-top: 56px; clip-path: inset(-300px -50vw 0 -50vw); }   /* Gu sale del horizonte: se recorta solo lo de abajo */
.ci-anillo { position: absolute; left: 50%; bottom: -260px; width: 760px; height: 760px; transform: translateX(-50%); border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, transparent 57%, rgb(var(--t1) / .5) 60.5%, rgb(var(--t2) / .8) 61.2%, rgb(var(--t1) / .35) 62.5%, transparent 68%); filter: blur(1.5px);
  -webkit-mask: linear-gradient(#000 45%, transparent 62%); mask: linear-gradient(#000 45%, transparent 62%); }
.ci-gu { position: absolute; left: 50%; bottom: 0; width: 460px; height: auto; transform: translate(-50%, var(--y, 40%)); filter: drop-shadow(0 -10px 60px rgb(var(--t1) / .35)); }
.ci-hor { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line2) 20%, rgb(var(--t1) / .7) 50%, var(--line2) 80%, transparent); }
.ci-esc::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(transparent, var(--bg)); pointer-events: none; }
@media (max-width: 900px) {
  .ci { padding-top: 110px; }
  .ci-esc { height: 330px; } .ci-gu { width: 300px; } .ci-anillo { width: 520px; height: 520px; bottom: -180px; }
  .ci-cta .boton, .ci-cta .ghost { width: 100%; justify-content: center; }
}