/* Coming soon de Eyecandy (CEO 21-oct-2026): el logo y nada más. Sin estilos ni scripts en línea. */
:root { --bg:#0B0B0D; --fg:#F2F2F3; --mut:#8A8A90; --rojo:#E8261C; --line:#202024; }
* { box-sizing:border-box; }
html, body { height:100%; }
body { margin:0; background:var(--bg); color:var(--fg); font:15px/1.5 Georgia, "Times New Roman", serif;
  display:grid; place-items:center; overflow:hidden; }
body::before { content:""; position:fixed; inset:-20%;
  background:radial-gradient(40% 35% at 50% 46%, rgba(232,38,28,.22), transparent 70%),
             radial-gradient(70% 60% at 50% 110%, rgba(255,255,255,.04), transparent 70%);
  animation:respira 7s ease-in-out infinite; pointer-events:none; }
body::after { content:""; position:fixed; inset:0; pointer-events:none; opacity:.07;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.5) 0 1px, transparent 1px 3px); }
main { position:relative; text-align:center; padding:24px 16px; }
.logo { position:relative; width:min(220px, 56vw); aspect-ratio:1; margin:0 auto 28px; }
.logo img { width:100%; height:100%; object-fit:contain; display:block;
  filter:drop-shadow(0 18px 40px rgba(232,38,28,.28)); animation:entra 1.6s cubic-bezier(.2,.8,.2,1) both; }
.logo::after { content:""; position:absolute; inset:0; border-radius:50%;
  background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%);
  mix-blend-mode:screen; -webkit-mask:url(logo.png) center/contain no-repeat; mask:url(logo.png) center/contain no-repeat;
  background-size:250% 100%; animation:brillo 6s ease-in-out 1.8s infinite; }
h1 { margin:0; font:600 .78rem/1 ui-monospace, Menlo, monospace; letter-spacing:.5em; text-transform:uppercase;
  color:var(--fg); padding-left:.5em; }
h1 span { color:var(--rojo); }
p { margin:.9rem 0 0; color:var(--mut); font-style:italic; }
nav { margin-top:2.2rem; display:flex; gap:1.4rem; justify-content:center; flex-wrap:wrap;
  font:600 .7rem/1 ui-monospace, Menlo, monospace; letter-spacing:.18em; text-transform:uppercase; }
nav a { color:var(--mut); text-decoration:none; padding:.5rem 0; border-bottom:1px solid var(--line); transition:color .2s, border-color .2s; }
nav a:hover, nav a:focus-visible { color:var(--fg); border-color:var(--rojo); outline:none; }
@keyframes entra { from { opacity:0; transform:scale(.94) rotate(-8deg); } to { opacity:1; transform:none; } }
@keyframes brillo { 0%, 70% { background-position:120% 0; } 100% { background-position:-120% 0; } }
@keyframes respira { 0%, 100% { opacity:.75; transform:scale(1); } 50% { opacity:1; transform:scale(1.04); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; } }