*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}html{scroll-behavior:smooth;}body{background:radial-gradient(circle at top right,rgba(0,212,255,.12),transparent 30%),linear-gradient(135deg,#41895449,#40804985,#3f7d518d);}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:rgba(1,30,15,.759);backdrop-filter:blur(12px);border-bottom:1px solid rgba(8,236,92,.967);z-index:1000;}.brand{display:flex;align-items:center;gap:15px;}.logo{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #00d4ff;box-shadow:0 0 15px rgba(217,255,0,.595);}.company-info h2{color:#ffffff;font-size:20px;margin-bottom:3px;}.company-info span{color:#9ff692;font-size:14px;}.nav-menu{display:flex;align-items:center;gap:8px;}.nav-menu a{text-decoration:none;color:white;padding:10px 18px;border-radius:25px;transition:.3s;}.nav-menu a:hover{color:#f4f74b;background:rgba(93,195,102,.567);}.btn-contacto{background:#04f42c;color:#0a0a0a!important;font-weight:bold;}.btn-contacto:hover{background:#00b5d6;}.menu-toggle{display:none;border:none;background:none;color:#00ff1e;font-size:30px;cursor:pointer;}@media(max-width:900px){.menu-toggle{display:block}.nav-menu{position:absolute;top:80px;right:0;width:280px;background:#173001f8;flex-direction:column;padding:20px;gap:10px;transform:translateX(100%);transition:.4s;box-shadow:-10px 10px 30px rgba(0,0,0,.3)}.nav-menu.active{transform:translateX(0)}.nav-menu a{width:100%;text-align:center}.company-info span{font-size:13px}.navbar{padding:0 20px}}.marquesina{width:100%;height:50px;background:#000d01;overflow:hidden;position:relative;display:flex;align-items:center;}.marquesina-contenido{white-space:nowrap;font-weight:600;font-size:24px;position:absolute;animation:marquesina 22s linear infinite;font-weight:800;text-shadow:0 0 5px #f8fc03,0 0 10px #76f587,0 0 20px #98e0f2,0 0 40px #04f5fd,2px 2px 4px rgb(247,248,245);}@keyframes marquesina{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.carousel{position:relative;width:100%;height:500px;overflow:hidden;}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out;}.slide.active{opacity:1;}.slide img{padding-top:60px;width:100%;height:100%;object-fit:cover;}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:#fff;}.overlay h2{font-size:3rem;margin-bottom:15px;color:#7dfe99;-webkit-text-stroke:1px rgb(3,86,17);text-shadow:2px 2px 4px rgb(1,34,2),4px 4px 8px rgb(3,254,41);}.overlay p{font-size:1.2rem;max-width:800px;line-height:1.6;color:#f7fafa;font-style:oblique;text-decoration:double;}.dots{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;gap:10px;z-index:10;}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s;}.dot.active{background:#fff;}@media (max-width:768px){.carousel{height:400px}.overlay h2{font-size:2rem}.overlay p{font-size:1rem}}.services{padding:80px 5%;display:flex;flex-wrap:wrap;justify-content:center;gap:40px;}.service-card{width:250px;text-align:center;transition:.4s;}.service-card:hover{animation:salto .6s ease;}@keyframes salto{0%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}100%{transform:translateY(-15px)}}.service-card img{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 5px 20px rgba(0,0,0,.2);transition:all .4s ease;}.service-card:hover img{transform:scale(1.08);box-shadow:0 20px 35px rgba(2,247,10,.889);}.service-card h3{padding-top:15px;color:#032e85;text-shadow:0 0 5px rgba(0,212,255,.3),0 0 10px rgba(0,212,255,.2),2px 2px 4px rgba(0,0,0,.25);}.service-card p{color:#024152;text-shadow:1px 1px 2px rgba(29,29,31,.777);}.service-card{position:relative;}.comentario{display:none;position:absolute;bottom:140px;left:50%;transform:translateX(-50%);width:250px;background:#41f74d;color:#000801;padding:12px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.25);border:2px solid #0b0b0b;z-index:100;text-align:center;}.comentario::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:10px;border-style:solid;border-color:#fb0606 transparent transparent transparent;}.comentario.activo{display:block;}.tarjetas-info{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:60px 5%;}.flip-card{width:300px;height:500px;perspective:1000px;}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;}.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:15px;overflow:hidden;backface-visibility:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);}.flip-card-front img{width:100%;height:100%;object-fit:cover;}.flip-card-back{background:#0d1117;color:white;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;}.flip-card-back h3{color:#e4f002;margin-bottom:15px;font-size:24px;}.flip-card-back p{line-height:1.6;}.flip-card::before{content:'';position:absolute;inset:-3px;border-radius:18px;background:linear-gradient(45deg,#0044ff,#00aaff,#00e5ff,#66ffff);background-size:400% 400%;opacity:0;transition:.4s;z-index:-1;}.flip-card:hover::before{opacity:1;animation:bordeFulminante 1.5s linear infinite;box-shadow:0 0 15px rgba(0,200,255,.8),0 0 30px rgba(0,255,255,.6),0 0 45px rgba(0,229,255,.4);}@keyframes bordeFulminante{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.flip-card:hover{transform:translateY(-8px);transition:.4s;filter:drop-shadow(0 0 10px rgba(255,255,0,.8)) drop-shadow(0 0 20px rgba(255,255,0,.5));}.info-section{padding:80px 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}.info-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.4s;}.info-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,212,255,.2);}.info-card video{width:100%;height:280px;object-fit:cover;display:block;}.info-content{padding:25px;}.info-content h3{margin-bottom:12px;color:#0b1220;text-align:center;}.info-content p{color:#555;line-height:1.6;text-align:center;}.info-card:hover{border:1px solid rgba(0,212,255,.4);box-shadow:0 0 15px rgba(0,212,255,.3),0 0 30px rgba(0,212,255,.15);}.whatsapp-container{position:fixed;bottom:28px;right:70px;display:flex;align-items:center;z-index:9999;}.whatsapp-btn{position:fixed;bottom:19px;right:20px;z-index:9999;width:60px;height:60px;border-radius:50%;background-color:#02fa5d1e;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.3);animation:breathe 2s ease-in-out infinite;}.whatsapp-btn i{color:#049c1d;font-size:33px;animation:beat 2s ease-in-out infinite;text-decoration:none;}.whatsapp-text{background:#028733d5;color:rgb(245,248,244);padding:8px 10px;border-radius:30px;margin-right:10px;font-size:12px;font-weight:bold;box-shadow:0 4px 10px rgba(6,6,6,.2);animation:moverTexto 2s infinite}@keyframes breathe{0%{box-shadow:0 0 0 0 rgba(5,216,82,.899)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes beat{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.social-sidebar{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:9999;}.social-sidebar a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:white;font-size:22px;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .3s ease;}.social-sidebar a:hover{transform:scale(1.12);}.instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);}@media (max-width:768px){.social-sidebar{right:10px}.social-sidebar a{width:42px;height:42px;font-size:18px}}footer{background:#0b1220;color:white;padding:60px 5% 20px;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}.footer-grid h3{color:#00d4ff;margin-bottom:15px;}.footer-grid ul{list-style:none;}.footer-grid li{margin-bottom:10px;}.footer-grid a{color:#d9e4ec;text-decoration:none;}.footer-grid a:hover{color:#00d4ff;}.tech{display:flex;flex-wrap:wrap;gap:10px;}.tech span{padding:8px 15px;border-radius:25px;border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.08);color:#00d4ff;}.copy{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);}.portfolio-web{padding:80px 5%;}.section-title{text-align:center;margin-bottom:50px;}.section-title h2{font-size:40px;margin-bottom:10px;}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}.portfolio-card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);transition:.4s;}.portfolio-card:hover{transform:translateY(-10px);}.portfolio-card img{width:100%;height:220px;object-fit:cover;}.portfolio-content{padding:25px;}.portfolio-content h3{margin-bottom:10px;}.portfolio-content a{display:inline-block;margin-top:15px;background:#00d4ff;color:#08111d;padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:bold;}.logos-section{padding:80px 5%;}.logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}.logo-card{background:white;text-align:center;padding:30px;border-radius:18px;transition:.4s;box-shadow:0 8px 20px rgba(0,0,0,.08);}.logo-card:hover{transform:translateY(-10px);box-shadow:0 0 20px rgba(0,212,255,.25);}.logo-card img{width:140px;height:140px;object-fit:contain;margin-bottom:20px;}.logo-card h3{color:#0b1220;}.modal{display:none;position:fixed;inset:0;z-index:9999;justify-content:center;align-items:center;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);}.modal-content{width:90%;max-width:600px;background:linear-gradient(135deg,#0b1120,#1e3a8a);color:white;padding:35px;border-radius:20px;border:2px solid #00e5ff;box-shadow:0 0 20px rgba(0,229,255,.5),0 0 40px rgba(0,229,255,.2);text-align:center;animation:aparecer .5s ease;}.modal-content h2{margin-bottom:15px;color:#00e5ff;text-shadow:0 0 10px #00e5ff;}.modal-content ul{text-align:left;margin:20px 0;}.btn-promocion{display:inline-block;margin-top:15px;padding:12px 25px;background:#00e5ff;color:#0b1120;text-decoration:none;font-weight:bold;border-radius:8px;transition:.3s;}.btn-promocion:hover{transform:scale(1.05);}.cerrar{float:right;cursor:pointer;font-size:30px;color:white;}@keyframes aparecer{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}