/* ZTC Real Estate · página «Muy pronto» (servida por Zinlezz Vecino mientras se publica el sitio). */
@font-face { font-family: "Montserrat"; src: url("/ztc/fuentes/montserrat.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("/ztc/fuentes/open-sans.woff2") format("woff2"); font-weight: 300 800; font-display: swap; }

:root {
  --noche: #0c1e36;
  --noche-hondo: #08152a;
  --laton: #cca353;
  --laton-claro: #dec38f;
  --texto: #d6dde6;
  --tenue: #93a1b3;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  color: var(--texto);
  font: 400 17px/1.6 "Open Sans", system-ui, sans-serif;
  background:
    radial-gradient(60% 50% at 50% 38%, rgba(56, 132, 214, .18), transparent 70%),
    linear-gradient(180deg, var(--noche), var(--noche-hondo));
  background-color: var(--noche-hondo);
}
.pronto { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto;
  max-width: 1100px; margin: 0 auto; padding: max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom)); }
.marca { display: flex; align-items: center; gap: 12px; font: 600 18px/1 "Montserrat", sans-serif; letter-spacing: .02em; color: #fff; }
.marca img { width: 34px; height: auto; }
.marca b { color: var(--laton); font-weight: 600; }
.centro { display: grid; justify-items: center; align-content: center; text-align: center; padding: 24px 0 40px; }
.torres { width: min(260px, 58vw); height: auto; margin-bottom: 8px;
  filter: drop-shadow(0 18px 40px rgba(40, 120, 220, .35)); }
.etiqueta { margin: 0 0 10px; color: var(--laton); font: 600 14px/1 "Montserrat", sans-serif; letter-spacing: .18em; }
h1 { margin: 0 0 16px; max-width: 16ch; color: #fff; font: 700 clamp(32px, 6vw, 56px)/1.08 "Montserrat", sans-serif; letter-spacing: -.02em; }
.texto { margin: 0 0 28px; max-width: 58ch; color: var(--texto); }
.texto b { color: var(--laton-claro); font-weight: 600; }
.acciones { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; justify-content: center; }
.boton { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 26px; border-radius: 999px;
  background: var(--laton); color: var(--noche-hondo); font: 700 16px/1.2 "Montserrat", sans-serif; text-decoration: none;
  box-shadow: 0 10px 30px -10px rgba(204, 163, 83, .6); }
.boton:hover { background: var(--laton-claro); }
.enlace { color: #fff; font-weight: 600; text-decoration: underline; text-decoration-color: var(--laton); text-underline-offset: 5px; }
.boton:focus-visible, .enlace:focus-visible { outline: 3px solid var(--laton-claro); outline-offset: 4px; }
.pie { color: var(--tenue); font-size: 13px; text-align: center; }
@media (prefers-reduced-motion: no-preference) {
  .torres { animation: aparecer 1.2s ease-out both; }
  @keyframes aparecer { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}