:root{--bg:#0e0d0c;--accent:#c5683b;--text:#f4eee8;--muted:#8a827a;--line:#ffffff24;--font-d:var(--fuente-display), "Space Grotesk", system-ui, sans-serif;--font-b:var(--fuente-cuerpo), "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);min-height:100svh;color:var(--text);font-family:var(--font-b);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;font-weight:300;display:flex;position:relative;overflow:hidden}.bg{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg .slide{opacity:0;will-change:opacity, transform;background-position:50%;background-size:cover;animation:45s infinite pulse;position:absolute;inset:0}.bg .slide:first-child{background-image:url(/fondo/1.jpg);animation-delay:8s}.bg .slide:nth-child(2){background-image:url(/fondo/2.jpg);animation-delay:17s}.bg .slide:nth-child(3){background-image:url(/fondo/3.jpg);animation-delay:26s}.bg .slide:nth-child(4){background-image:url(/fondo/4.jpg);animation-delay:35s}.bg .slide:nth-child(5){background-image:url(/fondo/5.jpg);animation-delay:44s}.bg:after{content:"";background:radial-gradient(1100px 720px at 50% 42%,#0e0d0c1f,#0e0d0c85 72%),linear-gradient(#0e0d0c73 0%,#0e0d0c38 40%,#0e0d0ccc 100%);position:absolute;inset:0}@keyframes pulse{0%{opacity:0;transform:scale(1.04)}3%{opacity:.62}16%{opacity:.62}19.5%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1.04)}}.center{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:40px 24px;display:flex;position:relative}.logo{opacity:0;width:min(120px,30vw);height:auto;margin-bottom:34px;animation:1s .1s forwards fade}h1{font-family:var(--font-d);letter-spacing:-.01em;text-shadow:0 2px 30px #00000073;opacity:1;max-width:13ch;font-size:clamp(34px,7vw,72px);font-weight:400;line-height:1.1;animation:1.1s 6.7s forwards introOut}h1 .w{opacity:0;filter:blur(7px);animation:1.5s cubic-bezier(.2,.7,.2,1) forwards word;display:inline-block;transform:translateY(12px)}h1 .w:first-child{animation-delay:.7s}h1 .w:nth-child(2){animation-delay:1.45s}h1 .w:nth-child(3){animation-delay:2.2s}h1 .w:nth-child(4){animation-delay:2.95s}h1 .w:nth-child(5){animation-delay:3.7s}h1 .w:nth-child(6){animation-delay:4.45s}.loader{opacity:0;background:#ffffff1f;border-radius:2px;width:min(240px,62vw);height:2px;margin-top:46px;animation:.8s .4s forwards fade,1.1s 6.7s forwards introOut;position:relative;overflow:hidden}.loader>i{background:linear-gradient(90deg, var(--accent), #e29468);border-radius:2px;width:0;animation:2.6s cubic-bezier(.4,0,.1,1) .5s forwards load;position:absolute;top:0;bottom:0;left:0}.loader.done>i{opacity:.85;width:100%;animation:3.4s ease-in-out infinite breathe}.foot{z-index:2;opacity:0;justify-content:center;width:100%;padding:0 24px 42px;animation:1.2s 8s forwards fade;display:flex;position:relative}form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:8px;width:min(360px,88vw);padding:6px 6px 6px 20px;transition:border-color .3s,background .3s;display:flex;box-shadow:0 8px 30px -12px #00000080}form:focus-within{border-color:var(--accent);background:#ffffff1a}input{color:var(--text);font-family:var(--font-b);letter-spacing:.01em;background:0 0;border:0;outline:none;flex:1;font-size:14.5px;font-weight:400}input::placeholder{color:#c3bbb1}button{background:var(--accent);cursor:pointer;color:#fff;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .25s,transform .25s;display:grid}button:hover{background:#d98a5a;transform:translate(1px)}.sent input{display:none}.sent .ok{color:var(--muted);letter-spacing:.04em;font-size:12.5px;font-family:var(--font-d)}.ok{display:none}.sent .ok{display:block}.sent button{display:none}.trampa{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}@keyframes fade{to{opacity:1}}@keyframes word{to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes load{to{width:100%}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.95}}@keyframes introOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}h1{opacity:1!important;animation:none!important}h1 .w{opacity:1;filter:none;transform:none}.loader{opacity:1!important;animation:none!important}.foot{opacity:1!important}.bg .slide:first-child{opacity:.26}}
