:root{--bg-color: #050a19;--primary-glow: #FFD700;--secondary-glow: #00BFFF;--accent-gold: #FFC300;--btn-gold-shadow: rgba(255, 195, 0, .7);--text-color: #E0E0E0;--font-primary: "Orbitron", sans-serif;--font-secondary: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-secondary);overflow-x:hidden}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:10000;display:flex;justify-content:center;align-items:center}#preloader .preloader-logo img{width:150px}#interface-container{opacity:0;visibility:hidden;position:relative;z-index:10}#scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#0000 0,#0000 1px,#ffffff08 2px);pointer-events:none;z-index:100;animation:scanlines 10s linear infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100px}}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#main-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a19e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0}#main-nav ul{list-style:none;text-align:center}#main-nav li{margin:20px 0}#main-nav a{font-family:var(--font-primary);font-size:clamp(2rem,6vw,2.8rem);color:var(--text-color);text-decoration:none;text-transform:uppercase;letter-spacing:4px;position:relative;padding:10px;transition:color .3s ease}#main-nav a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-glow);transition:width .4s ease}#main-nav a:hover{color:var(--primary-glow);text-shadow:0 0 15px var(--primary-glow)}#main-nav a:hover:before{width:100%}.nav-icon{font-size:.8em;vertical-align:middle}.section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(3rem,10vh,6rem) clamp(1.5rem,5vw,5rem);z-index:10}.section-title{font-size:clamp(1.8rem,5vw,2.5rem);text-align:center;margin-bottom:3rem;max-width:1200px}h1,h2,h3{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 15px rgba(0,0,0,1),0 0 10px var(--primary-glow),0 0 20px rgba(255,215,0,.4)}p{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.7;max-width:700px;margin:1.25rem 0;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8)}.logo{display:inline-block;cursor:pointer;z-index:1001}.logo img{width:clamp(80px,15vw,120px);filter:drop-shadow(0 0 20px var(--primary-glow)) brightness(1.2);transition:filter .3s ease,transform .3s ease}.logo:hover img{filter:drop-shadow(0 0 35px var(--primary-glow));transform:scale(1.05)}#fixed-logo-placeholder{position:fixed;top:20px;left:20px;z-index:1005}#fixed-logo-placeholder .logo img{width:80px}#logo-modal{position:fixed;width:250px;background:#050a19e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--secondary-glow);color:var(--text-color);padding:15px;border-radius:10px;font-family:var(--font-secondary);font-size:.95rem;line-height:1.5;box-shadow:0 0 20px #00bfff33;z-index:1002;visibility:hidden;transform-origin:top center}#logo-modal.dialogue:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent var(--secondary-glow) transparent}#logo-modal.thought{border-radius:20px;padding-top:25px}.thought-tail{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:60px;height:30px}.thought-tail span{position:absolute;background:var(--bg-color);border:1px solid var(--secondary-glow);border-radius:50%}.thought-tail span:nth-child(1){width:20px;height:20px;bottom:-10px;left:0}.thought-tail span:nth-child(2){width:12px;height:12px;bottom:8px;left:-10px}.thought-tail span:nth-child(3){width:7px;height:7px;bottom:20px;left:-5px}#inicio{text-align:center}#inicio h1{font-size:clamp(2.2rem,7vw,4rem);font-weight:900}#inicio h2{font-size:clamp(1.1rem,4vw,1.5rem);font-family:var(--font-secondary);font-weight:300;text-shadow:0 0 8px var(--secondary-glow);max-width:800px}#inicio .btn-container{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.btn-holographic{display:inline-block;padding:1rem 2.25rem;border:2px solid var(--primary-glow);color:var(--primary-glow);text-decoration:none;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;transition:color .4s ease,box-shadow .4s ease,background-color .4s ease,border-color .4s ease;margin-top:1.875rem;background:transparent;cursor:pointer}.btn-holographic span{position:relative;z-index:2}.btn-holographic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-glow);transition:left .4s ease;z-index:1}.btn-holographic:not(:disabled):hover{color:var(--bg-color);box-shadow:0 0 25px var(--primary-glow)}.btn-holographic:not(:disabled):hover:before{left:0}.btn-holographic.secondary{border-color:var(--secondary-glow);color:var(--secondary-glow)}.btn-holographic.secondary:not(:disabled):hover{color:var(--bg-color);box-shadow:0 0 25px var(--secondary-glow)}.btn-holographic.secondary:before{background:var(--secondary-glow)}.btn-holographic:disabled{border-color:#555;color:#555;cursor:not-allowed}.btn-holographic.sent{background-color:var(--primary-glow);border-color:var(--primary-glow);color:var(--bg-color)}.orbital-container{margin-top:4rem;width:100%;height:300px;display:flex;justify-content:center;align-items:center;perspective:2000px}.orbital-track{position:relative;width:200px;height:200px;transform-style:preserve-3d;animation:orbit 35s linear infinite}@keyframes orbit{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.orbital-container:hover .orbital-track{animation-play-state:paused}.orbital-card{position:absolute;top:0;left:0;width:200px;height:200px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--secondary-glow);box-shadow:0 0 15px var(--secondary-glow),inset 0 0 20px #00bfff4d;text-decoration:none;color:var(--text-color);transition:transform .5s ease,opacity .5s ease,box-shadow .5s ease,border-color .5s ease;opacity:.9;--transform-initial: rotateY(0deg) translateZ(0);transform:var(--transform-initial)}.card-content-wrapper{width:100%;height:100%;display:flex;justify-content:center;transform:var(--transform-initial-inverse)}.orbital-card:not(.orbital-card-logo) .card-content-wrapper{align-items:flex-end;padding-bottom:20px}.orbital-card.orbital-card-logo .card-content-wrapper{align-items:center;flex-direction:column;gap:10px}.orbital-card h3{font-size:1.2rem;text-align:center;text-shadow:0 0 8px #000;margin:0;padding:0 10px}.orbital-container:hover .orbital-card{opacity:.5}.orbital-card:hover{opacity:1;border-color:var(--primary-glow);box-shadow:0 0 35px var(--primary-glow),inset 0 0 30px #ffd70066;transform:var(--transform-initial) scale(1.15) translateZ(30px)}.orbital-card.orbital-card-logo img,.orbital-card.orbital-card-logo svg{width:50%;height:auto;filter:drop-shadow(0 0 15px var(--primary-glow));transition:transform .4s ease}.orbital-card.orbital-card-logo:hover img,.orbital-card.orbital-card-logo:hover svg{transform:scale(1.1)}.orbital-card:nth-child(1){--transform-initial: rotateY(0deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:url(/assets/images/thumbs/07.png)}.orbital-card:nth-child(2){--transform-initial: rotateY(60deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:url(/assets/images/thumbs/06.png)}.orbital-card:nth-child(3){--transform-initial: rotateY(120deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:url(https://m.media-amazon.com/images/I/61Ml3qM3jKL._SY466_.jpg)}.orbital-card:nth-child(4){--transform-initial: rotateY(180deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:none;background-color:#050a1966}.orbital-card:nth-child(5){--transform-initial: rotateY(240deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:none;background-color:#050a1966}.orbital-card:nth-child(6){--transform-initial: rotateY(300deg) translateZ(350px);--transform-initial-inverse: rotateY(0deg);background-image:url(/assets/images/thumbs/08.png)}.content-section{background-size:cover;background-position:center center}#StartUp{background-image:linear-gradient(#050a19b3,#050a19b3),url(/assets/images/startup.png)}#Personal{background-image:linear-gradient(#050a1999,#050a1999),url(/assets/images/Conocenos.png)}#LibroAmazon{background-image:linear-gradient(#050a19b3,#050a19b3),url(/assets/images/startup.png)}#YouTube{background-image:linear-gradient(#050a1999,#050a1999),url(/assets/images/Personal.png)}#Intelilam{background-image:linear-gradient(#050a1999,#050a1999),url(/assets/images/Personal.png)}.content-block{background:#050a19d9;padding:clamp(2rem,5vw,3.5rem);border:1px solid rgba(0,191,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:750px;text-align:center;border-radius:5px;box-shadow:0 0 30px #00bfff1a}.content-block-split{display:flex;gap:40px;align-items:center;max-width:1200px;text-align:left}.content-block-split .text-content{flex:1.2}.content-block-split .text-content p{max-width:100%}.content-block-split .screenshot-container{flex:1;perspective:1000px}.screenshot-img{width:100%;border-radius:8px;border:2px solid var(--secondary-glow);box-shadow:0 0 20px #00bfff4d;transition:transform .5s ease,box-shadow .5s ease;transform:rotateY(-10deg) rotateX(5deg)}.screenshot-container a{display:block}.screenshot-container a:hover .screenshot-img{transform:scale(1.05) rotateY(0) rotateX(0);box-shadow:0 0 35px var(--secondary-glow)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border:2px solid var(--secondary-glow);border-radius:8px;box-shadow:0 0 20px #00bfff4d;transition:transform .5s ease,box-shadow .5s ease;transform:rotateY(-10deg) rotateX(5deg)}.content-block-split:hover .video-container{transform:scale(1.05) rotateY(0) rotateX(0);box-shadow:0 0 35px var(--secondary-glow)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:992px){.orbital-container{perspective:1500px;height:350px}.orbital-card{width:150px;height:150px}.orbital-card:nth-child(1){--transform-initial: rotateY(0deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.orbital-card:nth-child(2){--transform-initial: rotateY(60deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.orbital-card:nth-child(3){--transform-initial: rotateY(120deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.orbital-card:nth-child(4){--transform-initial: rotateY(180deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.orbital-card:nth-child(5){--transform-initial: rotateY(240deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.orbital-card:nth-child(6){--transform-initial: rotateY(300deg) translateZ(280px);--transform-initial-inverse: rotateY(0deg)}.content-block-split{flex-direction:column;max-width:700px;text-align:center}.content-block-split .text-content{order:2}.content-block-split .screenshot-container{order:1;width:100%;max-width:500px;margin-bottom:30px}.screenshot-img,.video-container{transform:rotateY(0) rotateX(0)}.content-block-split:hover .video-container,.screenshot-container a:hover .screenshot-img{transform:scale(1.05)}}@media(max-width:768px){#interface-container{padding-top:0}#fixed-logo-placeholder{margin-top:0}.section{padding-top:clamp(4rem,15vh,6rem);padding-bottom:clamp(4rem,15vh,6rem)}.orbital-container{height:auto;perspective:none;margin-top:2rem}.orbital-track{position:static;transform-style:flat;animation:none;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.orbital-card{position:static;transform:none!important;opacity:1!important;width:250px;height:250px}.card-content-wrapper{transform:none!important}.orbital-card:hover{transform:scale(1.05)!important;box-shadow:0 0 35px var(--primary-glow),inset 0 0 30px #ffd70066}.orbital-container:hover .orbital-track{animation-play-state:running}.orbital-container:hover .orbital-card{opacity:1!important}.content-block-split,.content-block{padding:clamp(1.8rem,6vw,2.5rem)}.section-title{margin-bottom:2rem}#main-nav a{font-size:clamp(1.8rem,7vw,2.2rem)}}@media(max-width:480px){.content-block-split,.content-block{padding:1.5rem}.btn-holographic{padding:.8rem 1.5rem;font-size:.9rem;margin-top:1.5rem}#inicio h1{font-size:clamp(2rem,8vw,2.8rem)}#inicio h2{font-size:clamp(1rem,4vw,1.1rem)}#fixed-logo-placeholder .logo img{width:60px!important}#logo-modal{width:200px;font-size:.9rem}}.contact-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.form-group{position:relative}.form-input{width:100%;padding:15px;background:transparent;border:1px solid var(--secondary-glow);color:var(--text-color);font-size:1rem;font-family:var(--font-secondary);transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--primary-glow);box-shadow:0 0 10px var(--primary-glow)}.form-label{position:absolute;top:15px;left:15px;pointer-events:none;color:#ffffff80;transition:all .3s ease}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-10px;left:10px;font-size:.8rem;background:var(--bg-color);padding:0 5px;color:var(--primary-glow)}.footer{text-align:center;padding:40px;position:relative;z-index:10}.footer p{font-size:1rem;color:#ffffff80}