:root{--primary:#0a1628;--primary-light:#1a2d4a;--accent:#00d4aa;--accent-glow:rgba(0,212,170,.3);--accent-blue:#00a3ff;--accent-orange:#ff6b35;--accent-orange-glow:rgba(255,107,53,.3);--accent-purple:#8b5cf6;--text:#e8edf5;--text-muted:#a8b8d8;--text-secondary:#b0c4de;--surface:hsla(0,0%,100%,.03);--surface-hover:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.08);--gradient-1:linear-gradient(135deg,#00d4aa,#00a3ff);--gradient-2:linear-gradient(180deg,var(--primary) 0%,#0d1f35 100%);--gradient-orange:linear-gradient(135deg,#ff6b35,#f7931e);--gradient-purple:linear-gradient(135deg,#8b5cf6,#a855f7)}*{box-sizing:border-box;margin:0;outline:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}html{scroll-behavior:smooth}body{background:var(--primary);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:700;line-height:1.2}.promo-banner{align-items:center;background:var(--gradient-1);color:var(--primary);display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;line-height:1.4;padding:.75rem 1rem;position:relative;text-align:center;z-index:1100}.promo-banner i{animation:bounce 1s infinite;margin-right:.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.navbar{background:transparent;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}body.has-banner .navbar{top:var(--banner-height,40px)}body.has-banner .navbar.scrolled{top:0}.navbar.scrolled{backdrop-filter:blur(20px);background:rgba(10,22,40,.95);border-bottom:1px solid var(--border);padding:.75rem 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{color:var(--text);font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;gap:.5rem;letter-spacing:-.02em;text-decoration:none}.logo-dot{animation:pulse 2s infinite;background:var(--accent);border-radius:50%;height:10px;width:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:var(--accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a.active,.nav-links a:hover{color:var(--text)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-cta{background:var(--gradient-1);border-radius:50px;color:var(--primary);font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.nav-cta:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px) scale(1.02)}.nav-cta:active{transform:translateY(0) scale(.98)}.mobile-toggle{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:10px}.mobile-toggle span{background:var(--text);height:2px;transition:all .3s ease;width:25px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:140px 2rem 80px;position:relative}.hero:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),radial-gradient(ellipse 60% 40% at 100% 0,rgba(0,163,255,.15),transparent);content:"";pointer-events:none}.hero-grid,.hero:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);opacity:.3}.hero-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hero-badge{align-items:center;animation:fadeInUp .8s ease forwards;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-muted);display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.hero-badge i{color:var(--accent)}.hero h1{animation:fadeInUp .8s ease .1s forwards;font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:1.5rem;opacity:0}.hero h1 .gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{animation:fadeInUp .8s ease .2s forwards;color:var(--text-secondary);font-size:1.25rem;margin-bottom:2.5rem;max-width:650px;opacity:0}.hero-buttons{animation:fadeInUp .8s ease .3s forwards;display:flex;flex-wrap:wrap;gap:1rem;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{align-items:center;background:var(--gradient-1);border-radius:50px;color:var(--primary);display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{box-shadow:0 15px 40px var(--accent-glow);transform:translateY(-3px)}.btn-secondary{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text);display:inline-flex;font-weight:500;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent)}.btn-orange{align-items:center;background:var(--gradient-orange);border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.btn-orange:hover{box-shadow:0 15px 40px var(--accent-orange-glow);transform:translateY(-3px)}.hero-trust{animation:fadeInUp .8s ease .4s forwards;border-top:1px solid var(--border);flex-wrap:wrap;gap:2rem;margin-top:3rem;opacity:0;padding-top:2rem}.hero-trust,.trust-item{align-items:center;display:flex}.trust-item{color:var(--text-muted);font-size:.9rem;gap:.5rem}.trust-item i{color:var(--accent);font-size:1.1rem}.trust-badges-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.trust-badge-pill{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;display:flex;gap:.5rem;padding:.75rem 1.25rem}.trust-badge-pill i{color:var(--accent)}.trust-badge-pill span{font-size:.9rem}#servicios{padding:100px 2rem;position:relative}.section-header{margin:0 auto 4rem;max-width:700px;text-align:center}.section-tag{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--accent);display:inline-flex;font-size:.875rem;gap:.5rem;letter-spacing:.1em;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.section-tag.orange{border-color:rgba(255,107,53,.3);color:var(--accent-orange)}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-description{color:var(--text-secondary);font-size:1.125rem}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card.fiber:before{background:var(--gradient-1)}.service-card.cctv:before{background:var(--gradient-purple)}.service-card.web:before{background:var(--gradient-orange)}.service-card:hover{background:var(--surface-hover);transform:translateY(-10px)}.service-card:hover:before{transform:scaleX(1)}.service-card.fiber:hover{border-color:rgba(0,212,170,.3)}.service-card.cctv:hover{border-color:rgba(139,92,246,.3)}.service-card.web:hover{border-color:rgba(255,107,53,.3)}.service-icon{align-items:center;border-radius:20px;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.service-card.fiber .service-icon{background:linear-gradient(135deg,rgba(0,212,170,.15),rgba(0,163,255,.15));color:var(--accent)}.service-card.cctv .service-icon{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(168,85,247,.15));color:var(--accent-purple)}.service-card.web .service-icon{background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(247,147,30,.15));color:var(--accent-orange)}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card>p{color:var(--text-muted);margin-bottom:1.5rem}.service-features{list-style:none;margin-bottom:2rem}.service-features li{align-items:flex-start;color:var(--text-muted);display:flex;font-size:.95rem;gap:.75rem;padding:.5rem 0}.service-features li i{margin-top:.2rem}.service-card.fiber .service-features li i{color:var(--accent)}.service-card.cctv .service-features li i{color:var(--accent-purple)}.service-card.web .service-features li i{color:var(--accent-orange)}.service-cta{align-items:center;border-radius:50px;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.service-card.fiber .service-cta{background:var(--gradient-1);color:var(--primary)}.service-card.cctv .service-cta{background:var(--gradient-purple);color:#fff}.service-card.web .service-cta{background:var(--gradient-orange);color:#fff}.service-cta:hover{transform:translateY(-2px)}#planes{background:var(--gradient-2);padding:100px 2rem;position:relative}#planes:before{background:radial-gradient(ellipse 60% 40% at 50% 0,var(--accent-glow),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.plans-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.installation-banner{border-radius:20px;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.installation-banner:before{background:var(--gradient-1);content:"";height:3px;left:0;position:absolute;right:0;top:0}.installation-image img{max-width:450px}.installation-content{max-width:600px}.installation-price{flex-wrap:wrap;gap:2rem}.installation-price .price-tag{color:var(--accent);font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800}.installation-price .includes{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;text-align:left}.installation-price .includes span{align-items:center;color:var(--text-muted);display:flex;gap:.5rem}.installation-price .includes i{color:var(--accent)}.free-month{align-items:center;animation:pulse-glow 2s infinite;background:var(--gradient-1);border-radius:50px;color:var(--primary);display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;margin-top:1.5rem;padding:.5rem 1.25rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}.plans-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.5rem;position:relative;text-align:center;transition:all .4s ease}.plan-card.popular{border-color:var(--accent);transform:scale(1.05);z-index:10}.plan-card.popular:before{background:var(--gradient-1);border-radius:50px;box-shadow:0 4px 15px var(--accent-glow);color:var(--primary);content:"★ Más Popular";font-size:.8rem;font-weight:700;left:50%;padding:.5rem 1.25rem;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.plan-card:hover{border-color:rgba(0,212,170,.5);transform:translateY(-10px)}.plan-card.popular:hover{transform:scale(1.05) translateY(-10px)}.plan-overlay-bg{background:url(../img/gamer.png) 50%/cover;bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.plan-content-wrapper{position:relative;z-index:1}.plan-speed{background:var(--gradient-1);-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.plan-speed span{font-size:1.5rem}.plan-type{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.plan-price{margin:1.5rem 0}.plan-price .amount{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800}.plan-price .period{color:var(--text-muted);font-size:1rem}.plan-cta{background:var(--gradient-1);border-radius:50px;color:var(--primary);display:block;font-weight:600;padding:1rem;text-decoration:none;transition:all .3s ease}.plan-cta:hover{box-shadow:0 10px 30px var(--accent-glow)}.benefits-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:var(--accent);transform:translateY(-5px)}.benefit-card i{background:var(--gradient-1);-webkit-background-clip:text;font-size:2rem;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.benefit-card h4{font-size:1rem;margin-bottom:.5rem}.benefit-card p{color:var(--text-muted);font-size:.85rem}#constructoras{background:linear-gradient(180deg,var(--primary-light) 0,var(--primary) 100%);overflow:hidden;padding:100px 2rem;position:relative}#constructoras:before{background:radial-gradient(ellipse 60% 40% at 0 50%,var(--accent-orange-glow),transparent),radial-gradient(ellipse 40% 30% at 100% 80%,rgba(255,107,53,.1),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.guatecompras-grid{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.guatecompras-content h2{font-size:2.5rem;margin-bottom:1.5rem}.guatecompras-content h2 .gradient-orange{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guatecompras-content>p{color:var(--text-muted);font-size:1.1rem;margin-bottom:1.5rem}.guatecompras-features{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.guatecompras-feature{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.guatecompras-feature:hover{background:var(--surface-hover);border-color:rgba(255,107,53,.3)}.guatecompras-feature i{color:var(--accent-orange);font-size:1.5rem;margin-top:.2rem}.guatecompras-feature-text h4{font-size:1rem;margin-bottom:.25rem}.guatecompras-feature-text p{color:var(--text-muted);font-size:.9rem;margin:0}.guatecompras-visual{position:relative}.guatecompras-mockup{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;position:relative}.mockup-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.mockup-dot{border-radius:50%;height:12px;width:12px}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27ca40}.mockup-content{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.mockup-content:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 40%,rgba(255,107,53,.1) 50%,transparent 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mockup-play{align-items:center;background:var(--gradient-orange);border-radius:50%;box-shadow:0 10px 40px var(--accent-orange-glow);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;position:relative;width:80px;z-index:1}.mockup-play i{margin-left:5px}.live-badge{align-items:center;background:#e53935;border-radius:50px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;left:1rem;letter-spacing:.05em;padding:.35rem .75rem;position:absolute;text-transform:uppercase;top:1rem}.live-badge:before{animation:blink 1s infinite;background:#fff;border-radius:50%;content:"";height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hikvision-badge{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:8px;bottom:1rem;color:var(--text);display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem}.hikvision-badge i{color:var(--accent-orange)}.tecnoventas-cta{background:var(--surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:60px 2rem}.tecnoventas-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1000px}.tecnoventas-info{flex:1;min-width:300px}.tecnoventas-info h3{align-items:center;display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:.5rem}.tecnoventas-info h3 i{color:var(--accent-purple)}.tecnoventas-info p{color:var(--text-muted)}.tecnoventas-link{align-items:center;background:var(--gradient-purple);border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.tecnoventas-link:hover{box-shadow:0 15px 40px rgba(139,92,246,.3);transform:translateY(-3px)}#nosotros{padding:100px 2rem}.about-grid{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-image,.about-image img{position:relative}.about-image img{border-radius:24px;width:100%;z-index:1}.about-image:before{border:2px solid var(--accent);border-radius:24px;bottom:20px;content:"";left:-20px;opacity:.3;position:absolute;right:20px;top:-20px}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.about-content p{color:var(--text-muted);margin-bottom:1.5rem}.about-stats{border-top:1px solid var(--border);display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;padding-top:2rem}.about-stat{text-align:center}.about-stat .number{color:var(--accent);font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.about-stat .label{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}#contacto{background:var(--primary-light);padding:100px 2rem}.contact-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:var(--accent);transform:translateY(-5px)}.contact-card i{background:var(--gradient-1);-webkit-background-clip:text;font-size:2.5rem;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.contact-card h3{font-size:1rem;margin-bottom:.5rem}.contact-card a,.contact-card p{color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:var(--accent)}#faq{background:var(--primary);padding:100px 2rem}.faq-container{margin:3rem auto 0;max-width:900px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:var(--accent)}.faq-item summary{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:var(--accent);content:"+";font-size:1.5rem;transition:transform .3s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--text-muted);line-height:1.6;margin-top:1rem}footer{background:var(--primary);border-top:1px solid var(--border);padding:3rem 2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-logo{color:var(--text);font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--text-muted);font-size:.875rem}.back-to-top{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;bottom:30px;color:var(--text);display:flex;font-size:1.25rem;height:50px;justify-content:center;left:30px;opacity:0;position:fixed;text-decoration:none;transition:all .3s ease;visibility:hidden;width:50px;z-index:998}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--accent);border-color:var(--accent);color:var(--primary)}.mobile-menu{align-items:center;backdrop-filter:blur(20px);background:rgba(10,22,40,.98);bottom:0;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu a{color:var(--text);font-size:1.5rem;font-weight:600;text-decoration:none}.mobile-close{color:var(--text);cursor:pointer;font-size:2rem;position:absolute;right:2rem;top:2rem}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.services-grid{grid-template-columns:1fr;max-width:500px}.plans-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-10px)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.guatecompras-grid{grid-template-columns:1fr}.about-image,.guatecompras-visual{order:-1}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-cta,.nav-links{display:none}.mobile-toggle{display:flex}.promo-banner{font-size:.8rem;padding:.6rem .5rem}.hero{padding-top:100px}.hero h1{font-size:2rem}.hero-trust{align-items:flex-start}.hero-trust,.installation-price{flex-direction:column;gap:1rem}.installation-price .includes{align-items:center;text-align:center}.benefits-grid{grid-template-columns:1fr}.guatecompras-content h2{font-size:1.75rem}.tecnoventas-container{flex-direction:column;text-align:center}.contact-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.back-to-top{bottom:100px;height:45px;left:15px;width:45px}.hero{background-attachment:scroll}.hero-description{font-size:1rem}.trust-badges-container{align-items:flex-start;flex-direction:column;gap:1rem}.btn-orange,.btn-primary,.btn-secondary,.plan-cta{align-items:center;display:flex;justify-content:center;min-height:48px}.faq-item summary{padding:.75rem 0}}.installation-banner{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-bottom:4rem;padding:3rem;text-align:left}.installation-image{display:none;max-width:300px}@media (min-width:768px){.installation-image{display:block}}.installation-image img{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);width:100%}.installation-content{flex:1;min-width:280px}.installation-price{align-items:center;display:flex;gap:2.5rem;justify-content:flex-start}.plan-gamer-card{overflow:hidden;position:relative}.plan-gamer-bg{background-image:url(../img/gamer.webp);background-position:50%;background-size:cover;bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.no-webp .plan-gamer-bg{background-image:url(../img/gamer.png)}.plan-gamer-content{position:relative;z-index:1}.plan-gamer-badge{align-items:center;color:var(--accent-purple);display:flex;font-weight:800;gap:.5rem;justify-content:center;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.price-tag{color:#fff;font-size:3rem;font-weight:800}@media (max-width:900px){.plans-grid{grid-template-columns:1fr}}.audience-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:4rem auto;max-width:1200px}.audience-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex:1;max-width:380px;min-width:300px;padding:2.5rem;text-align:center;transition:all .4s ease}.audience-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-10px)}.audience-icon{color:var(--accent);font-size:2.5rem;margin-bottom:1.5rem}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:center;transition:all .4s ease}.feature-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-10px)}.feature-icon{color:var(--accent);font-size:2rem;margin-bottom:1rem}.security-banner{background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:4rem;padding:2rem}.security-item{align-items:center;color:var(--text-muted);display:flex;gap:.75rem}.security-item i{color:var(--accent);font-size:1.25rem}.tecnoventas-pricing .pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:3rem 2rem;text-align:center;transition:all .4s ease}.back-link{align-items:center;color:var(--text-muted);display:flex;gap:.5rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--accent)}.pricing-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;padding:3rem 2rem;text-align:center;transition:all .4s ease}.pricing-card.featured{background:linear-gradient(145deg,rgba(var(--accent-glow),.1),transparent);border-color:var(--accent);transform:scale(1.05)}.pricing-name{color:#fff;font-size:1.5rem;margin-bottom:1rem}.pricing-price{color:var(--accent);font-family:Syne,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1rem}.pricing-price span{color:var(--text-muted);font-size:1rem}.pricing-description{color:var(--text-muted);margin-bottom:2rem}.pricing-features{flex-grow:1;list-style:none;margin-bottom:2.5rem;text-align:left}.pricing-features li{align-items:center;color:var(--text-muted);display:flex;gap:.75rem;margin-bottom:.75rem}.pricing-features li i{color:var(--accent)}.pricing-cta{background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text);display:block;font-weight:600;padding:1rem;text-decoration:none;transition:all .3s ease}.pricing-card.featured .pricing-cta{background:var(--gradient-1);border:none;color:var(--primary)}.pricing-cta:hover{border-color:var(--accent);transform:translateY(-3px)}