/* ==================== WHAT IS IPTV ==================== */
.what-iptv-section{background:var(--black-soft);padding:120px 0;position:relative;overflow:hidden}
.what-iptv-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.what-iptv-header{text-align:center;margin-bottom:30px}
.what-iptv-header h2{font-size:3rem;margin-bottom:25px}
.what-iptv-header p{color:var(--gray-400);font-size:1.05rem;max-width:900px;margin:0 auto 20px;line-height:1.8}
.what-iptv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:60px}
.what-iptv-video{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,0.5),0 0 40px rgba(214,40,40,0.2),0 0 80px rgba(214,40,40,0.1);border:2px solid rgba(214,40,40,0.5)}
.what-iptv-video video{width:100%;display:block;border-radius:18px}
.what-iptv-video::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--red),transparent 40%,transparent 60%,var(--gold));border-radius:22px;z-index:-1;opacity:0.6}
.what-iptv-video::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:18px;box-shadow:inset 0 0 60px rgba(214,40,40,0.1)}
.video-watermark{position:absolute;top:15px;left:15px;z-index:10;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);padding:8px 14px;border-radius:8px;border:1px solid rgba(214,40,40,0.4)}
.video-watermark .wm-logo{width:24px;height:24px;border-radius:4px;object-fit:contain}
.video-watermark .wm-text{height:18px;object-fit:contain}
.video-watermark .wm-text span{color:var(--red)}
.video-badge{position:absolute;bottom:15px;right:15px;z-index:10;background:linear-gradient(135deg,var(--red),#a31d1d);color:white;font-size:10px;font-weight:700;padding:6px 12px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px rgba(214,40,40,0.4)}
.video-badge i{font-size:8px;animation:pulse-live 1.5s ease-in-out infinite}
@keyframes pulse-live{0%,100%{opacity:1}50%{opacity:0.4}}
.what-iptv-features{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.iptv-feature-card{background:var(--black-card);border:1px solid rgba(214,40,40,0.15);padding:35px 30px;border-radius:15px;text-align:center;transition:transform 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}
.iptv-feature-card:hover{border-color:var(--red);transform:translateY(-10px);box-shadow:0 20px 40px rgba(214,40,40,0.15)}
.iptv-feature-card .icon{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold);border-radius:15px;color:var(--gold);font-size:1.8rem;transition:background 0.3s ease,color 0.3s ease}
.iptv-feature-card:hover .icon{background:var(--gold);color:var(--black)}
.iptv-feature-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:12px}
.iptv-feature-card p{color:var(--gray-400);font-size:0.9rem;line-height:1.6}

/* ==================== VIDEO SHOWCASE ==================== */
.video-showcase{background:var(--black);padding:100px 0;overflow:hidden}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.video-card{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:16/9;cursor:pointer}
.video-card video{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.video-card:hover video{transform:scale(1.1)}
.video-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(214,40,40,0.9) 100%);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:flex-end;padding:25px}
.video-card:hover .video-card-overlay{opacity:1}
.video-card-content h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:5px}
.video-card-content span{font-size:0.8rem;color:rgba(255,255,255,0.8)}
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(214,40,40,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;opacity:0;transition:opacity 0.3s ease}
.video-card:hover .video-play-btn{opacity:1}

/* ==================== SECTION STYLES ==================== */
.section{padding:140px 0;position:relative}
.section-header{text-align:center;margin-bottom:80px}
.section-label{display:inline-block;color:var(--red-light);font-size:0.75rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px}
.section-title{font-size:3.5rem;font-weight:600;letter-spacing:-1px}
.section-title .thin{font-weight:400;color:var(--gray-400)}

/* Content-visibility: skip layout/paint for below-fold sections */
.what-iptv-section,.video-showcase,.gallery-section,.experience-section,.devices-section,.faq-section,.cta-section,.testimonials-section{content-visibility:auto;contain-intrinsic-size:auto 800px}

/* ==================== PLANES ==================== */
.planes-section{background:var(--black);position:relative}
.planes-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(214,40,40,0.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(214,40,40,0.1) 0%,transparent 40%);pointer-events:none}
.planes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative}
.plan-card{background:var(--black-card);border:1px solid rgba(214,40,40,0.15);padding:50px 35px;position:relative;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),border-color 0.5s ease,box-shadow 0.5s ease;overflow:hidden;border-radius:15px}
.plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-light));transform:scaleX(0);transition:transform 0.5s ease;will-change:transform}
.plan-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(214,40,40,0.05) 0%,transparent 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}
.plan-card:hover{transform:translateY(-15px);border-color:rgba(214,40,40,0.5);box-shadow:0 40px 80px rgba(214,40,40,0.2)}
.plan-card:hover::before{transform:scaleX(1)}
.plan-card:hover::after{opacity:1}
.plan-card.featured{background:linear-gradient(180deg,rgba(214,40,40,0.15) 0%,var(--black-card) 100%);border-color:var(--red);box-shadow:0 0 40px rgba(214,40,40,0.2)}
.plan-card.featured::before{transform:scaleX(1)}
.plan-badge{position:absolute;top:0;right:25px;background:linear-gradient(180deg,var(--red),var(--red-dark));color:var(--white);font-size:0.65rem;font-weight:700;letter-spacing:1px;padding:8px 15px 10px;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}
.plan-icon{width:65px;height:65px;background:linear-gradient(135deg,rgba(214,40,40,0.2),rgba(214,40,40,0.05));border:1px solid rgba(214,40,40,0.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.plan-icon i{font-size:1.5rem;color:var(--red)}
.plan-duration{font-size:0.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:3px;margin-bottom:15px}
.plan-name{font-family:'Sora',sans-serif;font-size:2rem;font-weight:600;margin-bottom:5px}
.plan-price{display:flex;align-items:baseline;gap:5px;margin-bottom:30px}
.plan-currency{font-size:1.2rem;color:var(--red);font-weight:600}
.plan-amount{font-family:'Sora',sans-serif;font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--red),var(--red-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.plan-period{font-size:0.85rem;color:var(--gray-500)}
.plan-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--red),transparent);margin:30px 0}
.plan-features{list-style:none;margin-bottom:40px}
.plan-features li{display:flex;align-items:center;gap:15px;padding:12px 0;color:var(--gray-400);font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.03)}
.plan-features li:last-child{border-bottom:none}
.plan-features li i{width:22px;height:22px;background:rgba(214,40,40,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red-light);font-size:0.6rem}
.plan-features li strong{color:var(--white)}
.plan-btn{display:block;width:100%;padding:18px;background:transparent;border:2px solid rgba(214,40,40,0.5);color:var(--white);font-size:0.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;border-radius:8px}
.plan-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);box-shadow:0 10px 30px rgba(214,40,40,0.4)}
.plan-card.featured .plan-btn{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:var(--red);color:var(--white)}
.plan-card.featured .plan-btn:hover{background:linear-gradient(135deg,var(--red-light),var(--red));box-shadow:0 15px 40px rgba(214,40,40,0.5)}

/* ==================== DEVICES TOGGLE ==================== */
.devices-toggle-container{display:flex;justify-content:center;margin-bottom:50px}
.devices-toggle{display:inline-flex;background:var(--black-card);border:1px solid rgba(214,40,40,0.3);border-radius:50px;padding:5px}
.devices-toggle-btn{padding:12px 22px;font-size:0.8rem;font-weight:600;color:var(--gray-400);background:transparent;border:none;cursor:pointer;transition:color 0.3s ease,background 0.3s ease;border-radius:50px;white-space:nowrap}
.devices-toggle-btn.active{color:var(--white);background:linear-gradient(135deg,var(--red),var(--red-dark))}
.devices-toggle-btn i{margin-right:6px}
@media(max-width:576px){
.devices-toggle{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;gap:4px;width:100%;max-width:320px}
.devices-toggle-btn{border-radius:12px;padding:12px 16px;font-size:0.78rem;text-align:center}
}

/* ==================== EXPERIENCIA ==================== */
.experience-section{background:var(--black);position:relative;overflow:hidden;padding-top:60px}
.experience-section::before{content:'';position:absolute;left:-20%;top:50%;transform:translateY(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(214,40,40,0.15) 0%,transparent 60%);filter:blur(60px)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative}
.experience-content h2{font-size:3rem;margin-bottom:30px;line-height:1.2;overflow-wrap:break-word}
.experience-content p{color:var(--gray-400);font-size:1.05rem;line-height:1.9;margin-bottom:40px}
.experience-features{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.exp-feature{padding:30px;background:linear-gradient(145deg,rgba(214,40,40,0.08),transparent);border:1px solid rgba(214,40,40,0.2);border-radius:15px;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.4s ease,box-shadow 0.4s ease;position:relative;overflow:hidden}
.exp-feature::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--red);transform:scaleY(0);transition:transform 0.3s ease}
.exp-feature:hover{border-color:var(--red);transform:translateY(-8px);box-shadow:0 20px 40px rgba(214,40,40,0.2)}
.exp-feature:hover::before{transform:scaleY(1)}
.exp-feature-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:12px;margin-bottom:20px;font-size:1.3rem;color:var(--white);box-shadow:0 10px 20px rgba(214,40,40,0.3)}
.exp-feature h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:10px}
.exp-feature p{font-size:0.85rem;color:var(--gray-500);margin:0;line-height:1.6}
.experience-visual{position:relative}
.experience-image{position:relative;overflow:hidden;border-radius:20px}
.experience-image img{width:100%;height:auto;display:block;transition:transform 0.5s ease;object-fit:cover}
.experience-image:hover img{transform:scale(1.05)}
.experience-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--red);border-radius:20px;transform:translate(15px,15px);z-index:-1}
.floating-card{position:absolute;bottom:-30px;right:-30px;background:linear-gradient(145deg,var(--black-card),rgba(214,40,40,0.1));border:1px solid rgba(214,40,40,0.4);padding:35px;min-width:220px;border-radius:15px;backdrop-filter:blur(10px)}
.floating-card-number{font-family:'Sora',sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--red),var(--red-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.floating-card-text{font-size:0.8rem;color:white;text-transform:uppercase;letter-spacing:2px;margin-top:10px}

/* ==================== DISPOSITIVOS ==================== */
.devices-section{background:var(--black);overflow:hidden;position:relative}
.devices-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.devices-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.devices-marquee{display:flex;gap:40px;animation:scroll 25s linear infinite;will-change:transform;margin-bottom:0}
.devices-marquee:hover{animation-play-state:paused}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.device-item{display:flex;align-items:center;gap:18px;padding:25px 45px;background:linear-gradient(145deg,rgba(214,40,40,0.08),transparent);border:1px solid rgba(214,40,40,0.2);white-space:nowrap;transition:transform 0.4s ease,border-color 0.4s ease,background 0.4s ease;border-radius:12px}
.device-item:hover{border-color:var(--red);background:rgba(214,40,40,0.15);transform:scale(1.05)}
.device-item i{font-size:1.8rem;color:var(--red)}
.device-item span{font-size:0.95rem;font-weight:600;letter-spacing:1px}

/* ==================== FAQ ==================== */
.faq-section{background:var(--black);position:relative}
.faq-section::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(214,40,40,0.1) 0%,transparent 60%);filter:blur(60px)}
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start;position:relative}
.faq-content h2{font-size:2.8rem;margin-bottom:20px;line-height:1.2}
.faq-content p{color:var(--gray-400);margin-bottom:30px}
.faq-contact{display:flex;align-items:center;gap:15px;color:var(--red);font-size:0.85rem;font-weight:600;letter-spacing:1px;text-decoration:none;transition:color 0.3s ease}
.faq-contact:hover{color:var(--red-light)}
.faq-contact i{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white);font-size:1.3rem;border-radius:12px;box-shadow:0 10px 25px rgba(214,40,40,0.3)}
.faq-list{display:flex;flex-direction:column;gap:15px}
.faq-item{background:var(--black-card);border:1px solid rgba(214,40,40,0.15);overflow:hidden;transition:border-color 0.3s ease,box-shadow 0.3s ease;border-radius:12px}
.faq-item:hover{border-color:rgba(214,40,40,0.4)}
.faq-item.active{border-color:var(--red);box-shadow:0 10px 30px rgba(214,40,40,0.15)}
.faq-question{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.3s ease}
.faq-question:hover{background:rgba(214,40,40,0.05)}
.faq-question span{font-size:1rem;font-weight:500;padding-right:20px}
.faq-question i{color:var(--red);font-size:0.8rem;transition:transform 0.3s ease}
.faq-item.active .faq-question i{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.faq-item.active .faq-answer{max-height:300px}
.faq-answer p{padding:0 30px 25px;color:var(--gray-400);font-size:0.95rem;line-height:1.8}

/* ==================== CTA ==================== */
.cta-section{padding:150px 0;position:relative;overflow:hidden}
.cta-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(214,40,40,0.15) 0%,transparent 50%),linear-gradient(-45deg,rgba(214,40,40,0.1) 0%,transparent 50%)}
.cta-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}
.cta-content h2{font-size:3.5rem;margin-bottom:20px;line-height:1.2}
.cta-content p{color:var(--gray-400);font-size:1.1rem;margin-bottom:40px}

/* ==================== FOOTER ==================== */
footer{background:var(--black-soft);border-top:1px solid rgba(214,40,40,0.2);padding:80px 0 40px;position:relative}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;margin-bottom:60px}
.footer-brand p{color:var(--gray-400);font-size:0.9rem;margin-top:20px;max-width:280px}
.footer-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--red-light);margin-bottom:25px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:15px}
.footer-links a{color:var(--gray-400);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}
.footer-links a:hover{color:var(--red-light)}
.footer-contact-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.footer-contact-item i{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(214,40,40,0.1);border:1px solid rgba(214,40,40,0.2);color:var(--red);border-radius:10px}
.footer-contact-item span{color:var(--gray-400);font-size:0.9rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid rgba(255,255,255,0.05)}
.footer-bottom p{color:var(--gray-400);font-size:0.85rem}
.footer-bottom a{color:var(--red-light);text-decoration:underline}
.footer-social{display:flex;gap:20px}
.footer-social a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(214,40,40,0.1);border:1px solid rgba(214,40,40,0.2);color:var(--red);transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;border-radius:10px}
.footer-social a:hover{background:var(--red);border-color:var(--red);color:var(--white);transform:translateY(-5px);box-shadow:0 10px 20px rgba(214,40,40,0.3)}

/* ==================== PERU FLAG STRIPE ==================== */
.peru-stripe{position:relative;height:6px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 33.33%,var(--white) 33.33%,var(--white) 66.66%,var(--red) 66.66%,var(--red) 100%)}

/* ==================== WHATSAPP WIDGET ==================== */
.whatsapp-widget{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:'Plus Jakarta Sans',sans-serif}
.whatsapp-chat-box{position:absolute;bottom:80px;right:0;width:380px;background:#fff;border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,0.25);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1)}
.whatsapp-widget.active .whatsapp-chat-box{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.whatsapp-chat-header{background:linear-gradient(135deg,#25d366,#128c7e);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.whatsapp-chat-header-info{display:flex;align-items:center;gap:12px}
.whatsapp-chat-header-info i{font-size:1.8rem;color:white}
.whatsapp-chat-header-info span{color:white;font-weight:600;font-size:1.1rem}
.whatsapp-chat-close{background:rgba(255,255,255,0.2);border:none;color:white;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background 0.3s ease}
.whatsapp-chat-close:hover{background:rgba(255,255,255,0.3)}
.whatsapp-chat-body{padding:15px 18px;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c5beb5' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");min-height:140px}
.whatsapp-chat-message{background:white;padding:10px 14px;border-radius:0 12px 12px 12px;box-shadow:0 1px 2px rgba(0,0,0,0.1);position:relative;margin-bottom:8px;font-size:0.85rem;line-height:1.45;color:#333}
.whatsapp-chat-message::before{content:'';position:absolute;top:0;left:-8px;width:0;height:0;border-top:8px solid white;border-left:8px solid transparent}
.whatsapp-chat-message .time{display:block;text-align:right;font-size:0.7rem;color:#999;margin-top:5px}
.whatsapp-chat-footer{padding:12px 18px;background:#fff}
.whatsapp-chat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#25d366,#128c7e);color:white;border:none;border-radius:25px;font-size:0.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}
.whatsapp-chat-btn:hover{transform:scale(1.02);box-shadow:0 5px 20px rgba(37,211,102,0.4)}
.whatsapp-chat-btn i{font-size:1.2rem}
.whatsapp-toggle-btn{display:flex;align-items:center;justify-content:center;width:65px;height:65px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:white;font-size:1.8rem;border:none;cursor:pointer;box-shadow:0 10px 30px rgba(37,211,102,0.4);transition:transform 0.3s ease,box-shadow 0.3s ease;animation:whatsapp-pulse 2s infinite}
@keyframes whatsapp-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.whatsapp-toggle-btn:hover{transform:scale(1.1);box-shadow:0 15px 40px rgba(37,211,102,0.5);animation:none}
.whatsapp-widget.active .whatsapp-toggle-btn{animation:none}
.whatsapp-toggle-btn .fa-times{display:none}
.whatsapp-widget.active .whatsapp-toggle-btn .fa-whatsapp{display:none}
.whatsapp-widget.active .whatsapp-toggle-btn .fa-times{display:block}

/* ==================== GALLERY SECTION ==================== */
.gallery-section{background:var(--black);padding:100px 0;overflow:hidden}
.gallery-header{text-align:center;margin-bottom:50px}
.gallery-header h2{font-size:2.5rem;font-weight:700;margin-bottom:15px}
.gallery-header h2 span{color:var(--red)}
.gallery-header p{color:var(--gray-400);font-size:1.1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.gallery-item{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16/10;border:2px solid rgba(255,255,255,0.1);transition:transform 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}
.gallery-item:hover{border-color:var(--red);transform:translateY(-8px);box-shadow:0 20px 40px rgba(214,40,40,0.25)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.9) 100%);transition:opacity 0.3s ease}
.gallery-item span{position:absolute;bottom:0;left:0;right:0;padding:20px;color:white;font-weight:600;font-size:1rem;z-index:2;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,transparent,rgba(214,40,40,0.8))}
.gallery-item span i{font-size:1.2rem;color:var(--gold)}

/* ==================== TESTIMONIALS ==================== */
.testimonials-section{background:var(--black-soft);padding:120px 0}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.testimonial-card{background:var(--black-card);border:1px solid rgba(214,40,40,0.15);padding:40px;border-radius:15px;transition:transform 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}
.testimonial-card:hover{border-color:var(--red);transform:translateY(-10px);box-shadow:0 30px 60px rgba(214,40,40,0.1)}
.testimonial-stars{display:flex;gap:5px;margin-bottom:20px}
.testimonial-stars i{color:var(--gold);font-size:0.9rem}
.testimonial-text{color:var(--gray-400);font-size:1rem;line-height:1.8;margin-bottom:25px}
.testimonial-author{display:flex;align-items:center;gap:15px}
.testimonial-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:white}
.testimonial-info h5{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:600;margin-bottom:3px}
.testimonial-info span{font-size:0.8rem;color:var(--gray-500)}

/* ==================== RESPONSIVE ==================== */
@media(max-width:1200px){
.planes-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.testimonials-grid{grid-template-columns:repeat(2,1fr)}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.what-iptv-grid{grid-template-columns:1fr;gap:50px}
.video-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:992px){
.container{padding:0 30px}
.section-title{font-size:2.5rem}
.testimonials-grid{grid-template-columns:1fr}
.video-grid{grid-template-columns:1fr}
.what-iptv-features{grid-template-columns:repeat(2,1fr)}
.experience-grid,.faq-grid{grid-template-columns:1fr;gap:60px}
}
@media(max-width:768px){
header{padding:12px 0}
header.scrolled{padding:10px 0}
.logo-icon{width:42px;height:42px;border-radius:10px;padding:8px}
.logo-text{height:28px}
.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:40px;transform:translateX(-100%);transition:transform 0.4s ease}
.nav-menu.active{transform:translateX(0)}
.nav-menu a{font-size:1.5rem}
.nav-cta{display:none}
.hamburger{display:flex;z-index:1001}
.planes-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
.experience-features{grid-template-columns:1fr}
.what-iptv-features{grid-template-columns:1fr}
.what-iptv-header h2{font-size:2rem}
.video-showcase{padding:60px 0}
.gallery-grid{grid-template-columns:repeat(2,1fr);gap:15px}
.gallery-section{padding:60px 0}
.footer-grid{grid-template-columns:1fr;text-align:center}
.footer-brand p{max-width:100%}
.footer-bottom{flex-direction:column;gap:20px;text-align:center}
.section{padding:80px 0}
.cta-content h2{font-size:2.5rem}
.experience-image::after{display:none}
.floating-card{position:relative;bottom:auto;right:auto;margin-top:20px;text-align:center}
.container{padding:0 20px}
.experience-content h2{font-size:2rem}
.experience-content p{font-size:0.95rem;margin-bottom:25px}
.exp-feature{padding:20px}
.exp-feature-icon{width:45px;height:45px;font-size:1.1rem;margin-bottom:15px}
.experience-grid{gap:40px}
}
@media(max-width:480px){
.container{padding:0 15px}
.experience-content h2{font-size:1.6rem}
.exp-feature{padding:15px}
.exp-feature-icon{width:40px;height:40px;font-size:1rem;margin-bottom:12px}
.exp-feature h3{font-size:0.95rem}
.exp-feature p{font-size:0.8rem}
.logo-icon{width:38px;height:38px;padding:7px}
.logo-text{height:24px}
.plan-card{padding:40px 25px}
.video-watermark{top:10px;left:10px;padding:6px 10px}
.video-watermark .wm-logo{width:18px;height:18px}
.video-watermark .wm-text{height:14px}
.video-badge{bottom:10px;right:10px;font-size:8px;padding:5px 10px}
.whatsapp-chat-box{width:calc(100vw - 40px);right:-10px}
.whatsapp-widget{bottom:20px;right:20px}
.promo-popup{padding:30px 25px}
.promo-title{font-size:24px}
.promo-percent{font-size:44px}
}