@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root { color-scheme:dark; --azul:#1d1896; --claro:#fff; --acento:#ffc55c; }
* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; }
body { background:#070e20; color:var(--claro); font-family:'Montserrat',Arial,sans-serif; overflow-x:hidden; }
.fondo-animado { position:fixed; inset:-4%; z-index:-3; background:url('../images/torres-atardecer.jpg') center center/cover no-repeat; animation:acercar 30s ease-in-out infinite alternate; }
.resplandor { position:fixed; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(3,8,22,.55),rgba(3,9,25,.85) 30%,rgba(4,10,28,.86) 70%,rgba(3,8,22,.48)),linear-gradient(0deg,rgba(2,6,15,.85),transparent 35%); }
.portada { min-height:calc(100svh - 55px); display:flex; align-items:center; justify-content:center; padding:50px 22px 28px; text-align:center; }
.contenido { max-width:850px; width:100%; animation:aparecer 1.1s ease both; }
.marca { margin-bottom:26px; }
.logotipo { display:block; max-width:150px; max-height:150px; object-fit:contain; margin:0 auto 14px; filter:drop-shadow(0 5px 20px rgba(0,0,0,.4)); }
.razon-social { font-size:clamp(15px,2.2vw,23px); font-weight:800; letter-spacing:.22em; margin:0; }
.razon-social span { color:#ffcf80; }
.indicador { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.28); border-radius:100px; padding:10px 18px; font-size:10px; font-weight:700; letter-spacing:.22em; background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }
.punto { width:8px; height:8px; background:#ffb648; border-radius:50%; box-shadow:0 0 0 5px rgba(255,182,72,.12); animation:latido 2s infinite; }
h1 { font-size:clamp(42px,7vw,84px); line-height:1.08; letter-spacing:-.06em; margin:26px 0 14px; font-weight:800; text-shadow:0 5px 35px rgba(0,0,0,.35); }
h1 span { display:block; color:var(--acento); }
.subtitulo { font-size:clamp(17px,2.4vw,24px); font-weight:600; margin:0 0 22px; }
.descripcion { max-width:670px; margin:0 auto; font-size:clamp(13px,1.5vw,16px); line-height:1.9; color:#d6dbea; }
.linea { height:1px; max-width:440px; margin:34px auto 25px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); }
.servicios { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:15px; font-size:11px; font-weight:700; letter-spacing:.15em; }
.servicios i { height:5px; width:5px; border-radius:50%; background:var(--acento); }
.mensaje { color:#ffc55c; font-size:13px; margin-top:35px; font-weight:600; }
.pie { min-height:55px; display:flex; justify-content:center; align-items:center; text-align:center; padding:12px 18px; color:#b6bdce; font-size:11px; background:rgba(0,0,0,.25); }
@keyframes acercar { from { transform:scale(1); } to { transform:scale(1.1) translateY(-1%); } }
@keyframes aparecer { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes latido { 50% { box-shadow:0 0 0 9px rgba(255,182,72,0); } }
@media(max-width:600px) { .portada { padding-top:35px; } .razon-social { letter-spacing:.1em; } .servicios { gap:10px; font-size:9px; } .descripcion { line-height:1.7; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; } }