{"id":7,"date":"2026-04-15T17:36:41","date_gmt":"2026-04-15T17:36:41","guid":{"rendered":"https:\/\/iptv-costarica.com\/?page_id=7"},"modified":"2026-04-15T17:52:46","modified_gmt":"2026-04-15T17:52:46","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/iptv-costarica.com\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n IPTV Costa Rica | #1 Servicio de IPTV en Costa Rica \u2013 Canales en Vivo, Pel\u00edculas y Deportes<\/title>\n <meta name=\"description\" content=\"IPTV Costa Rica: El mejor servicio de IPTV en Costa Rica. +24,000 canales en vivo, +90,000 pel\u00edculas y series en 4K. Sin cortes, sin buffering. Prueba gratis.\">\n <meta name=\"keywords\" content=\"iptv costa rica, iptv en costa rica, mejor iptv costa rica, suscripci\u00f3n iptv costa rica, canales iptv costa rica, televisi\u00f3n por internet costa rica\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"author\" content=\"IPTV Costa Rica\">\n <link rel=\"canonical\" href=\"https:\/\/iptv-costarica.com\/\">\n\n <!-- Open Graph -->\n <meta property=\"og:title\" content=\"IPTV Costa Rica | El Mejor Servicio de IPTV en Costa Rica\">\n <meta property=\"og:description\" content=\"+24,000 canales en vivo, +90,000 pel\u00edculas y series en calidad 4K. Prueba gratis disponible.\">\n <meta property=\"og:url\" content=\"https:\/\/iptv-costarica.com\/\">\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"es_CR\">\n\n <!-- Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n <!-- Schema.org JSON-LD -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"IPTV Costa Rica\",\n \"url\": \"https:\/\/iptv-costarica.com\",\n \"description\": \"El mejor servicio de IPTV en Costa Rica con m\u00e1s de 24,000 canales en vivo y 90,000 pel\u00edculas.\",\n \"areaServed\": \"CR\",\n \"priceRange\": \"$$\"\n }\n <\/script>\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es IPTV Costa Rica?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"IPTV Costa Rica es un servicio de televisi\u00f3n por internet que te permite acceder a m\u00e1s de 24,000 canales en vivo, 90,000 pel\u00edculas y series en calidad 4K desde cualquier dispositivo.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfFunciona en todos los dispositivos?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"S\u00ed, nuestro servicio IPTV es compatible con Smart TV, Firestick, Android, iOS, Windows, Mac, y m\u00e1s.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfOfrecen prueba gratuita?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"S\u00ed, ofrecemos una prueba gratuita de 24 horas para que puedas evaluar la calidad de nuestro servicio antes de suscribirte.\"\n }\n }\n ]\n }\n <\/script>\n\n <style>\n :root {\n --bg-primary: #0a0a0f;\n --bg-secondary: #111118;\n --bg-card: #16161f;\n --bg-card-hover: #1c1c28;\n --accent: #e63946;\n --accent-glow: rgba(230, 57, 70, 0.3);\n --blue: #002b7f;\n --white: #ffffff;\n --text-primary: #f0f0f5;\n --text-secondary: #9999ab;\n --text-muted: #666680;\n --gold: #f4a700;\n --green: #2ecc71;\n --border: rgba(255,255,255,0.06);\n --font-display: 'Bebas Neue', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-body);\n background: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* ========== NOISE TEXTURE OVERLAY ========== *\/\n body::before {\n content: '';\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 9999;\n }\n\n \/* ========== NAVIGATION ========== *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n padding: 0 40px;\n height: 72px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: rgba(10,10,15,0.85);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n\n .logo {\n font-family: var(--font-display);\n font-size: 1.8rem;\n letter-spacing: 2px;\n color: var(--white);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .logo-icon {\n width: 36px;\n height: 36px;\n background: var(--accent);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: 700;\n }\n\n .logo span {\n color: var(--accent);\n }\n\n .nav-links {\n display: flex;\n gap: 32px;\n list-style: none;\n align-items: center;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n transition: color 0.3s;\n letter-spacing: 0.3px;\n }\n\n .nav-links a:hover {\n color: var(--white);\n }\n\n .nav-cta {\n background: var(--accent) !important;\n color: var(--white) !important;\n padding: 10px 24px;\n border-radius: 50px;\n font-weight: 600 !important;\n transition: transform 0.3s, box-shadow 0.3s !important;\n }\n\n .nav-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px var(--accent-glow);\n }\n\n .hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n background: none;\n border: none;\n padding: 8px;\n }\n\n .hamburger span {\n width: 24px;\n height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all 0.3s;\n }\n\n \/* ========== HERO ========== *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 120px 40px 80px;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);\n border-radius: 50%;\n animation: pulse 6s ease-in-out infinite;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -30%;\n left: -10%;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(0,43,127,0.2) 0%, transparent 70%);\n border-radius: 50%;\n animation: pulse 8s ease-in-out infinite reverse;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n }\n\n .hero-inner {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 2;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(230,57,70,0.12);\n border: 1px solid rgba(230,57,70,0.25);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--accent);\n margin-bottom: 20px;\n letter-spacing: 1px;\n text-transform: uppercase;\n animation: fadeInUp 0.8s ease-out;\n }\n\n .hero-badge::before {\n content: '';\n width: 8px; height: 8px;\n background: var(--accent);\n border-radius: 50%;\n animation: blink 2s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n .hero h1 {\n font-family: var(--font-display);\n font-size: clamp(3rem, 6vw, 5rem);\n line-height: 0.95;\n letter-spacing: 2px;\n margin-bottom: 20px;\n animation: fadeInUp 0.8s ease-out 0.1s both;\n }\n\n .hero h1 .highlight {\n color: var(--accent);\n position: relative;\n }\n\n .hero-desc {\n font-size: 1.1rem;\n color: var(--text-secondary);\n max-width: 480px;\n margin-bottom: 32px;\n line-height: 1.7;\n animation: fadeInUp 0.8s ease-out 0.2s both;\n }\n\n .hero-actions {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n animation: fadeInUp 0.8s ease-out 0.3s both;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 16px 32px;\n border-radius: 50px;\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s;\n border: none;\n }\n\n .btn-primary {\n background: var(--accent);\n color: var(--white);\n box-shadow: 0 4px 20px var(--accent-glow);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 35px var(--accent-glow);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--white);\n border: 1px solid rgba(255,255,255,0.15);\n }\n\n .btn-secondary:hover {\n border-color: rgba(255,255,255,0.4);\n background: rgba(255,255,255,0.05);\n }\n\n .hero-stats {\n display: flex;\n gap: 40px;\n margin-top: 48px;\n animation: fadeInUp 0.8s ease-out 0.4s both;\n }\n\n .stat h3 {\n font-family: var(--font-display);\n font-size: 2.2rem;\n letter-spacing: 1px;\n color: var(--white);\n }\n\n .stat h3 .accent { color: var(--accent); }\n\n .stat p {\n font-size: 0.8rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n font-weight: 500;\n }\n\n \/* Hero Visual *\/\n .hero-visual {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: fadeInUp 0.8s ease-out 0.3s both;\n }\n\n .tv-mockup {\n width: 100%;\n max-width: 520px;\n aspect-ratio: 16\/10;\n background: linear-gradient(135deg, #1a1a2e 0%, #0d0d1a 100%);\n border-radius: 16px;\n border: 2px solid rgba(255,255,255,0.08);\n overflow: hidden;\n position: relative;\n box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);\n }\n\n .tv-screen {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 24px;\n position: relative;\n overflow: hidden;\n }\n\n .tv-screen::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.4));\n }\n\n .channel-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n width: 100%;\n position: relative;\n z-index: 2;\n }\n\n .channel-tile {\n aspect-ratio: 16\/9;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 0.65rem;\n letter-spacing: 1px;\n color: rgba(255,255,255,0.9);\n position: relative;\n overflow: hidden;\n }\n\n .channel-tile:nth-child(1) { background: linear-gradient(135deg, #e63946, #c0392b); }\n .channel-tile:nth-child(2) { background: linear-gradient(135deg, #2980b9, #3498db); }\n .channel-tile:nth-child(3) { background: linear-gradient(135deg, #27ae60, #2ecc71); }\n .channel-tile:nth-child(4) { background: linear-gradient(135deg, #f39c12, #e67e22); }\n .channel-tile:nth-child(5) { background: linear-gradient(135deg, #8e44ad, #9b59b6); }\n .channel-tile:nth-child(6) { background: linear-gradient(135deg, #1abc9c, #16a085); }\n .channel-tile:nth-child(7) { background: linear-gradient(135deg, #d35400, #e74c3c); }\n .channel-tile:nth-child(8) { background: linear-gradient(135deg, #2c3e50, #34495e); }\n\n .live-badge {\n position: absolute;\n top: 4px; right: 4px;\n background: var(--accent);\n padding: 1px 6px;\n border-radius: 3px;\n font-size: 0.5rem;\n font-weight: 700;\n }\n\n .tv-stand {\n width: 120px;\n height: 6px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n margin: 12px auto 0;\n border-radius: 3px;\n }\n\n .floating-badge {\n position: absolute;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 12px 16px;\n backdrop-filter: blur(10px);\n animation: float 4s ease-in-out infinite;\n }\n\n .floating-badge.top-right {\n top: -10px; right: -20px;\n animation-delay: 0s;\n }\n\n .floating-badge.bottom-left {\n bottom: 20px; left: -30px;\n animation-delay: 2s;\n }\n\n .floating-badge .badge-icon {\n font-size: 1.2rem;\n margin-bottom: 4px;\n }\n\n .floating-badge .badge-text {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--white);\n }\n\n .floating-badge .badge-sub {\n font-size: 0.65rem;\n color: var(--text-muted);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ========== SECTIONS ========== *\/\n section {\n padding: 100px 40px;\n }\n\n .section-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-label {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(2rem, 4vw, 3.2rem);\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 600px;\n font-size: 1.05rem;\n line-height: 1.7;\n }\n\n \/* ========== FEATURES ========== *\/\n #caracteristicas {\n background: var(--bg-secondary);\n position: relative;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 60px;\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 36px 28px;\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n }\n\n .feature-card:hover {\n border-color: rgba(230,57,70,0.2);\n transform: translateY(-4px);\n background: var(--bg-card-hover);\n }\n\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-icon {\n width: 52px;\n height: 52px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 20px;\n background: rgba(230,57,70,0.1);\n }\n\n .feature-card h3 {\n font-family: var(--font-display);\n font-size: 1.4rem;\n letter-spacing: 0.5px;\n margin-bottom: 10px;\n }\n\n .feature-card p {\n color: var(--text-secondary);\n font-size: 0.92rem;\n line-height: 1.6;\n }\n\n \/* ========== PRICING ========== *\/\n #planes {\n position: relative;\n }\n\n .pricing-toggle {\n display: flex;\n justify-content: center;\n margin: 40px 0;\n gap: 0;\n background: var(--bg-card);\n border-radius: 50px;\n padding: 4px;\n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n border: 1px solid var(--border);\n }\n\n .toggle-btn {\n padding: 10px 28px;\n border: none;\n border-radius: 50px;\n font-family: var(--font-body);\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n background: transparent;\n color: var(--text-secondary);\n }\n\n .toggle-btn.active {\n background: var(--accent);\n color: var(--white);\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 20px;\n }\n\n .pricing-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px 32px;\n text-align: center;\n transition: all 0.4s;\n position: relative;\n }\n\n .pricing-card.featured {\n border-color: var(--accent);\n background: linear-gradient(180deg, rgba(230,57,70,0.06) 0%, var(--bg-card) 50%);\n transform: scale(1.04);\n }\n\n .pricing-card.featured .popular-tag {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--accent);\n color: var(--white);\n padding: 4px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .pricing-card:hover {\n transform: translateY(-4px);\n border-color: rgba(230,57,70,0.3);\n }\n\n .pricing-card.featured:hover {\n transform: scale(1.04) translateY(-4px);\n }\n\n .pricing-card .plan-name {\n font-family: var(--font-display);\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\n\n .pricing-card .plan-period {\n color: var(--text-muted);\n font-size: 0.85rem;\n margin-bottom: 24px;\n }\n\n .pricing-card .price {\n font-family: var(--font-display);\n font-size: 3.5rem;\n letter-spacing: 1px;\n color: var(--white);\n margin-bottom: 4px;\n }\n\n .pricing-card .price-note {\n color: var(--text-muted);\n font-size: 0.8rem;\n margin-bottom: 28px;\n }\n\n .pricing-card .old-price {\n text-decoration: line-through;\n color: var(--text-muted);\n font-size: 1rem;\n margin-bottom: 4px;\n }\n\n .pricing-card .save-badge {\n display: inline-block;\n background: rgba(46,204,113,0.12);\n color: var(--green);\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n\n .pricing-features {\n list-style: none;\n text-align: left;\n margin: 24px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .pricing-features li {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n .pricing-features li::before {\n content: '\u2713';\n color: var(--green);\n font-weight: 700;\n font-size: 0.85rem;\n flex-shrink: 0;\n }\n\n .pricing-card .btn {\n width: 100%;\n justify-content: center;\n margin-top: 8px;\n }\n\n \/* ========== DEVICES ========== *\/\n #dispositivos {\n background: var(--bg-secondary);\n }\n\n .devices-showcase {\n display: flex;\n justify-content: center;\n gap: 48px;\n flex-wrap: wrap;\n margin-top: 60px;\n }\n\n .device-item {\n text-align: center;\n transition: transform 0.3s;\n }\n\n .device-item:hover {\n transform: translateY(-6px);\n }\n\n .device-icon-box {\n width: 100px;\n height: 100px;\n border-radius: var(--radius);\n background: var(--bg-card);\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 12px;\n font-size: 2.4rem;\n transition: all 0.3s;\n }\n\n .device-item:hover .device-icon-box {\n border-color: rgba(230,57,70,0.3);\n background: rgba(230,57,70,0.06);\n }\n\n .device-item span {\n font-size: 0.85rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\n\n \/* ========== FAQ ========== *\/\n #faq {\n background: var(--bg-primary);\n }\n\n .faq-grid {\n max-width: 800px;\n margin: 60px auto 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n overflow: hidden;\n transition: border-color 0.3s;\n }\n\n .faq-item.active {\n border-color: rgba(230,57,70,0.25);\n }\n\n .faq-question {\n padding: 20px 24px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 0.95rem;\n transition: color 0.3s;\n }\n\n .faq-question:hover {\n color: var(--accent);\n }\n\n .faq-toggle {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n flex-shrink: 0;\n font-size: 0.9rem;\n color: var(--text-muted);\n }\n\n .faq-item.active .faq-toggle {\n background: var(--accent);\n color: var(--white);\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.4s ease;\n }\n\n .faq-answer-inner {\n padding: 0 24px 20px;\n color: var(--text-secondary);\n font-size: 0.92rem;\n line-height: 1.7;\n }\n\n .faq-item.active .faq-answer {\n max-height: 300px;\n }\n\n \/* ========== CTA BANNER ========== *\/\n .cta-banner {\n background: linear-gradient(135deg, var(--accent) 0%, #b71c1c 100%);\n text-align: center;\n padding: 80px 40px;\n position: relative;\n overflow: hidden;\n }\n\n .cta-banner::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%);\n border-radius: 50%;\n }\n\n .cta-banner h2 {\n font-family: var(--font-display);\n font-size: clamp(2rem, 4vw, 3rem);\n letter-spacing: 1px;\n margin-bottom: 16px;\n position: relative;\n z-index: 2;\n }\n\n .cta-banner p {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 32px;\n position: relative;\n z-index: 2;\n }\n\n .cta-banner .btn {\n background: var(--white);\n color: var(--accent);\n position: relative;\n z-index: 2;\n }\n\n .cta-banner .btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(0,0,0,0.3);\n }\n\n \/* ========== FOOTER ========== *\/\n footer {\n background: var(--bg-secondary);\n padding: 60px 40px 30px;\n border-top: 1px solid var(--border);\n }\n\n .footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 40px;\n }\n\n .footer-brand .logo {\n margin-bottom: 16px;\n }\n\n .footer-brand p {\n color: var(--text-muted);\n font-size: 0.9rem;\n line-height: 1.6;\n max-width: 320px;\n }\n\n .footer-col h4 {\n font-family: var(--font-display);\n font-size: 1.1rem;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .footer-col a {\n display: block;\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.88rem;\n margin-bottom: 10px;\n transition: color 0.3s;\n }\n\n .footer-col a:hover {\n color: var(--accent);\n }\n\n .footer-bottom {\n max-width: 1200px;\n margin: 40px auto 0;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.8rem;\n color: var(--text-muted);\n }\n\n .payment-icons {\n display: flex;\n gap: 12px;\n align-items: center;\n }\n\n .payment-icon {\n width: 40px;\n height: 26px;\n background: rgba(255,255,255,0.06);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6rem;\n font-weight: 700;\n color: var(--text-muted);\n }\n\n \/* ========== WHATSAPP FLOAT ========== *\/\n .whatsapp-float {\n position: fixed;\n bottom: 28px;\n right: 28px;\n width: 60px;\n height: 60px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n box-shadow: 0 6px 20px rgba(37,211,102,0.4);\n transition: transform 0.3s;\n text-decoration: none;\n font-size: 1.8rem;\n }\n\n .whatsapp-float:hover {\n transform: scale(1.1);\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1024px) {\n .hero-inner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .hero-desc {\n margin-left: auto;\n margin-right: auto;\n }\n .hero-actions {\n justify-content: center;\n }\n .hero-stats {\n justify-content: center;\n }\n .hero-visual {\n order: -1;\n }\n .tv-mockup {\n max-width: 420px;\n }\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .pricing-card.featured {\n transform: scale(1);\n }\n .pricing-card.featured:hover {\n transform: translateY(-4px);\n }\n .footer-inner {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n @media (max-width: 768px) {\n nav {\n padding: 0 20px;\n }\n .nav-links {\n display: none;\n position: absolute;\n top: 72px;\n left: 0; right: 0;\n background: rgba(10,10,15,0.98);\n backdrop-filter: blur(20px);\n flex-direction: column;\n padding: 20px;\n gap: 16px;\n border-bottom: 1px solid var(--border);\n }\n .nav-links.open {\n display: flex;\n }\n .hamburger {\n display: flex;\n }\n .hero {\n padding: 100px 20px 60px;\n }\n section {\n padding: 60px 20px;\n }\n .features-grid {\n grid-template-columns: 1fr;\n }\n .pricing-grid {\n grid-template-columns: 1fr;\n }\n .pricing-card.featured {\n transform: scale(1);\n }\n .footer-inner {\n grid-template-columns: 1fr;\n }\n .footer-bottom {\n flex-direction: column;\n gap: 16px;\n text-align: center;\n }\n .floating-badge {\n display: none;\n }\n .devices-showcase {\n gap: 24px;\n }\n .device-icon-box {\n width: 72px;\n height: 72px;\n font-size: 1.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- NAVIGATION -->\n <nav>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">\u25b6<\/div>\n IPTV <span>COSTA RICA<\/span>\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"#caracteristicas\">Caracter\u00edsticas<\/a><\/li>\n <li><a href=\"#planes\">Planes<\/a><\/li>\n <li><a href=\"#dispositivos\">Dispositivos<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"#planes\" class=\"nav-cta\">Suscribirse<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/nav>\n\n <!-- HERO -->\n <section class=\"hero\" id=\"inicio\">\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\ud83d\udd34 En vivo ahora \u2014 +24,000 canales<\/div>\n <h1>EL MEJOR SERVICIO DE <span class=\"highlight\">IPTV EN COSTA RICA<\/span><\/h1>\n <p class=\"hero-desc\">\n Disfruta de m\u00e1s de 24,000 canales en vivo, +90,000 pel\u00edculas y series en calidad 4K. Sin cortes, sin buffering. Servidores estables y veloces. Compatible con todos tus dispositivos.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#planes\" class=\"btn btn-primary\">Ver Planes \u2193<\/a>\n <a href=\"#prueba\" class=\"btn btn-secondary\">Prueba Gratis 24h<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <h3>24K<span class=\"accent\">+<\/span><\/h3>\n <p>Canales en Vivo<\/p>\n <\/div>\n <div class=\"stat\">\n <h3>90K<span class=\"accent\">+<\/span><\/h3>\n <p>Pel\u00edculas & Series<\/p>\n <\/div>\n <div class=\"stat\">\n <h3>4K<\/h3>\n <p>Calidad UHD<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"floating-badge top-right\">\n <div class=\"badge-icon\">\u26a1<\/div>\n <div class=\"badge-text\">Sin Buffering<\/div>\n <div class=\"badge-sub\">Servidores premium<\/div>\n <\/div>\n <div class=\"floating-badge bottom-left\">\n <div class=\"badge-icon\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"badge-text\">100% Estable<\/div>\n <div class=\"badge-sub\">Uptime garantizado<\/div>\n <\/div>\n <div>\n <div class=\"tv-mockup\">\n <div class=\"tv-screen\">\n <div class=\"channel-grid\">\n <div class=\"channel-tile\">DEPORTES<span class=\"live-badge\">LIVE<\/span><\/div>\n <div class=\"channel-tile\">CINE<\/div>\n <div class=\"channel-tile\">NOTICIAS<span class=\"live-badge\">LIVE<\/span><\/div>\n <div class=\"channel-tile\">KIDS<\/div>\n <div class=\"channel-tile\">SERIES<\/div>\n <div class=\"channel-tile\">M\u00daSICA<\/div>\n <div class=\"channel-tile\">PPV<span class=\"live-badge\">LIVE<\/span><\/div>\n <div class=\"channel-tile\">DOCS<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tv-stand\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FEATURES -->\n <section id=\"caracteristicas\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\u00bfPor qu\u00e9 elegirnos?<\/div>\n <h2 class=\"section-title\">TODO LO QUE NECESITAS EN UN SERVICIO DE IPTV<\/h2>\n <p class=\"section-desc\">IPTV Costa Rica te ofrece la mejor experiencia de entretenimiento con tecnolog\u00eda de punta y soporte dedicado.<\/p>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcfa<\/div>\n <h3>+24,000 CANALES EN VIVO<\/h3>\n <p>Accede a canales de todo el mundo en calidad HD, Full HD y 4K. Deportes, noticias, cine, infantiles y mucho m\u00e1s.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfac<\/div>\n <h3>+90,000 PEL\u00cdCULAS Y SERIES<\/h3>\n <p>Biblioteca VOD masiva con los \u00faltimos estrenos, cl\u00e1sicos del cine y las series m\u00e1s populares del momento.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <h3>SERVIDORES ESTABLES<\/h3>\n <p>Tecnolog\u00eda anti-congelamiento. Sin buffering ni interrupciones. Solo necesitas una conexi\u00f3n de 12 Mbps.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcf1<\/div>\n <h3>TODOS LOS DISPOSITIVOS<\/h3>\n <p>Compatible con Smart TV, Firestick, Android, iOS, Windows, Mac, Enigma y m\u00e1s. Configura en minutos.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfc6<\/div>\n <h3>DEPORTES EN VIVO Y PPV<\/h3>\n <p>NFL, NBA, MLB, UFC, Liga MX, Premier League, Champions League y todos los eventos PPV en tiempo real.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcac<\/div>\n <h3>SOPORTE 24\/7<\/h3>\n <p>Equipo de soporte t\u00e9cnico disponible las 24 horas v\u00eda WhatsApp y chat en vivo. Respuesta inmediata.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PRICING -->\n <section id=\"planes\">\n <div class=\"section-inner\">\n <div style=\"text-align:center;\">\n <div class=\"section-label\">Planes y precios<\/div>\n <h2 class=\"section-title\">ELIGE TU PLAN DE IPTV COSTA RICA<\/h2>\n <p class=\"section-desc\" style=\"margin:0 auto 8px;\">Todos los planes incluyen acceso completo a canales, VOD y soporte t\u00e9cnico.<\/p>\n <\/div>\n\n <div class=\"pricing-toggle\">\n <button class=\"toggle-btn active\" data-connections=\"1\">1 Dispositivo<\/button>\n <button class=\"toggle-btn\" data-connections=\"2\">2 Dispositivos<\/button>\n <\/div>\n\n <!-- 1 Connection Plans -->\n <div class=\"pricing-grid\" id=\"plans-1\">\n <div class=\"pricing-card\">\n <div class=\"plan-name\">MENSUAL<\/div>\n <div class=\"plan-period\">1 mes de suscripci\u00f3n<\/div>\n <div class=\"price\">$20<\/div>\n <div class=\"price-note\">por mes<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>Compatible con todos los dispositivos<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"border-color:rgba(255,255,255,0.15);\">Elegir Plan<\/a>\n <\/div>\n\n <div class=\"pricing-card featured\">\n <div class=\"popular-tag\">\u2b50 M\u00c1S POPULAR<\/div>\n <div class=\"plan-name\">ANUAL<\/div>\n <div class=\"plan-period\">12 meses de suscripci\u00f3n<\/div>\n <div class=\"old-price\">$240<\/div>\n <div class=\"save-badge\">AHORRA 67%<\/div>\n <div class=\"price\">$80<\/div>\n <div class=\"price-note\">por a\u00f1o ($6.67\/mes)<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>Compatible con todos los dispositivos<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-primary\">Elegir Plan<\/a>\n <\/div>\n\n <div class=\"pricing-card\">\n <div class=\"plan-name\">SEMESTRAL<\/div>\n <div class=\"plan-period\">6 meses de suscripci\u00f3n<\/div>\n <div class=\"old-price\">$120<\/div>\n <div class=\"save-badge\">AHORRA 42%<\/div>\n <div class=\"price\">$70<\/div>\n <div class=\"price-note\">por 6 meses ($11.67\/mes)<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>Compatible con todos los dispositivos<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"border-color:rgba(255,255,255,0.15);\">Elegir Plan<\/a>\n <\/div>\n <\/div>\n\n <!-- 2 Connections Plans -->\n <div class=\"pricing-grid\" id=\"plans-2\" style=\"display:none;\">\n <div class=\"pricing-card\">\n <div class=\"plan-name\">MENSUAL<\/div>\n <div class=\"plan-period\">1 mes \u2014 2 dispositivos<\/div>\n <div class=\"price\">$25<\/div>\n <div class=\"price-note\">por mes<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>2 conexiones simult\u00e1neas<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"border-color:rgba(255,255,255,0.15);\">Elegir Plan<\/a>\n <\/div>\n\n <div class=\"pricing-card featured\">\n <div class=\"popular-tag\">\u2b50 M\u00c1S POPULAR<\/div>\n <div class=\"plan-name\">ANUAL<\/div>\n <div class=\"plan-period\">12 meses \u2014 2 dispositivos<\/div>\n <div class=\"old-price\">$300<\/div>\n <div class=\"save-badge\">AHORRA 57%<\/div>\n <div class=\"price\">$129<\/div>\n <div class=\"price-note\">por a\u00f1o ($10.75\/mes)<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>2 conexiones simult\u00e1neas<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-primary\">Elegir Plan<\/a>\n <\/div>\n\n <div class=\"pricing-card\">\n <div class=\"plan-name\">SEMESTRAL<\/div>\n <div class=\"plan-period\">6 meses \u2014 2 dispositivos<\/div>\n <div class=\"old-price\">$150<\/div>\n <div class=\"save-badge\">AHORRA 28%<\/div>\n <div class=\"price\">$108<\/div>\n <div class=\"price-note\">por 6 meses ($18\/mes)<\/div>\n <ul class=\"pricing-features\">\n <li>+24,000 canales en vivo<\/li>\n <li>+90,000 pel\u00edculas y series<\/li>\n <li>Calidad 4K \/ HD \/ SD<\/li>\n <li>2 conexiones simult\u00e1neas<\/li>\n <li>Gu\u00eda EPG incluida<\/li>\n <li>Soporte t\u00e9cnico 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"btn btn-secondary\" style=\"border-color:rgba(255,255,255,0.15);\">Elegir Plan<\/a>\n <\/div>\n <\/div>\n\n <p style=\"text-align:center; margin-top:32px; color:var(--text-muted); font-size:0.85rem;\">\n \ud83d\udcb3 Pago seguro \u00b7 \ud83d\udd12 Garant\u00eda de reembolso \u00b7 \u26a1 Activaci\u00f3n instant\u00e1nea\n <\/p>\n <\/div>\n <\/section>\n\n <!-- DEVICES -->\n <section id=\"dispositivos\">\n <div class=\"section-inner\" style=\"text-align:center;\">\n <div class=\"section-label\">Compatibilidad total<\/div>\n <h2 class=\"section-title\">FUNCIONA EN TODOS TUS DISPOSITIVOS<\/h2>\n <p class=\"section-desc\" style=\"margin:0 auto;\">Nuestro servicio de IPTV Costa Rica es compatible con los dispositivos y apps m\u00e1s populares.<\/p>\n <div class=\"devices-showcase\">\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83d\udcfa<\/div>\n <span>Smart TV<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83d\udd25<\/div>\n <span>Firestick<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83e\udd16<\/div>\n <span>Android<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83c\udf4e<\/div>\n <span>iOS \/ Apple TV<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83d\udcbb<\/div>\n <span>Windows<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83d\udda5\ufe0f<\/div>\n <span>Mac<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83c\udf10<\/div>\n <span>Navegador<\/span>\n <\/div>\n <div class=\"device-item\">\n <div class=\"device-icon-box\">\ud83d\udce1<\/div>\n <span>MAG \/ Enigma<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ -->\n <section id=\"faq\">\n <div class=\"section-inner\" style=\"text-align:center;\">\n <div class=\"section-label\">Preguntas frecuentes<\/div>\n <h2 class=\"section-title\">TODO LO QUE NECESITAS SABER<\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-item active\">\n <div class=\"faq-question\">\n \u00bfQu\u00e9 es IPTV Costa Rica?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n IPTV Costa Rica es un servicio de televisi\u00f3n por internet que te permite acceder a m\u00e1s de 24,000 canales en vivo, 90,000 pel\u00edculas y series en calidad 4K desde cualquier dispositivo con conexi\u00f3n a internet. Es la alternativa moderna al cable tradicional.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfEn qu\u00e9 dispositivos funciona?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n Nuestro servicio es compatible con Smart TV (Samsung, LG), Amazon Firestick, Android TV, tel\u00e9fonos y tablets Android e iOS, computadoras Windows y Mac, Apple TV, dispositivos MAG, Enigma y navegadores web.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfOfrecen una prueba gratuita?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n S\u00ed, ofrecemos una prueba gratuita de 24 horas para que puedas evaluar la calidad de nuestros canales, la estabilidad del servidor y la variedad de contenido antes de suscribirte.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfNecesito alg\u00fan equipo especial?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n No. Solo necesitas un dispositivo compatible y una conexi\u00f3n a internet de al menos 12 Mbps. No se requiere antena, decodificador ni instalaci\u00f3n especial.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfCu\u00e1nto tarda la activaci\u00f3n?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n La activaci\u00f3n es instant\u00e1nea. Una vez realizado el pago, recibir\u00e1s tus credenciales de acceso por correo electr\u00f3nico o WhatsApp en pocos minutos.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u00bfTienen canales de Costa Rica y Latinoam\u00e9rica?\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-inner\">\n Por supuesto. Tenemos una amplia selecci\u00f3n de canales de Costa Rica, M\u00e9xico, Colombia, Argentina, Chile, Per\u00fa y toda Latinoam\u00e9rica, adem\u00e1s de canales internacionales en ingl\u00e9s, portugu\u00e9s y m\u00e1s.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA BANNER -->\n <section class=\"cta-banner\" id=\"prueba\">\n <h2>\u00bfLISTO PARA LA MEJOR TELEVISI\u00d3N EN COSTA RICA?<\/h2>\n <p>Prueba nuestro servicio de IPTV Costa Rica gratis por 24 horas. Sin compromiso.<\/p>\n <a href=\"#\" class=\"btn\">Obtener Prueba Gratis \u2192<\/a>\n <\/section>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">\u25b6<\/div>\n IPTV <span>COSTA RICA<\/span>\n <\/a>\n <p>El servicio de IPTV #1 en Costa Rica. M\u00e1s de 24,000 canales en vivo y 90,000 pel\u00edculas y series en calidad 4K. Entretenimiento sin l\u00edmites.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>NAVEGACI\u00d3N<\/h4>\n <a href=\"#inicio\">Inicio<\/a>\n <a href=\"#caracteristicas\">Caracter\u00edsticas<\/a>\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#dispositivos\">Dispositivos<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>LEGAL<\/h4>\n <a href=\"#\">Pol\u00edtica de Privacidad<\/a>\n <a href=\"#\">T\u00e9rminos de Servicio<\/a>\n <a href=\"#\">Pol\u00edtica de Reembolso<\/a>\n <a href=\"#\">Contacto<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 IPTV Costa Rica \u2014 iptv-costarica.com. Todos los derechos reservados.<\/span>\n <div class=\"payment-icons\">\n <div class=\"payment-icon\">VISA<\/div>\n <div class=\"payment-icon\">MC<\/div>\n <div class=\"payment-icon\">PP<\/div>\n <div class=\"payment-icon\">\u20bf<\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- WHATSAPP BUTTON -->\n <a href=\"https:\/\/wa.me\/TUNUMERO\" class=\"whatsapp-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\ud83d\udcac<\/a>\n\n <!-- SCRIPTS -->\n <script>\n \/\/ Mobile nav toggle\n const hamburger = document.getElementById('hamburger');\n const navLinks = document.getElementById('navLinks');\n hamburger.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n });\n \/\/ Close nav on link click\n navLinks.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => navLinks.classList.remove('open'));\n });\n\n \/\/ Pricing toggle\n const toggleBtns = document.querySelectorAll('.toggle-btn');\n toggleBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n toggleBtns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const conn = btn.dataset.connections;\n document.getElementById('plans-1').style.display = conn === '1' ? 'grid' : 'none';\n document.getElementById('plans-2').style.display = conn === '2' ? 'grid' : 'none';\n });\n });\n\n \/\/ FAQ accordion\n document.querySelectorAll('.faq-question').forEach(q => {\n q.addEventListener('click', () => {\n const item = q.parentElement;\n const wasActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if (!wasActive) item.classList.add('active');\n });\n });\n\n \/\/ Scroll animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.feature-card, .pricing-card, .device-item, .faq-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease-out';\n observer.observe(el);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTV Costa Rica | #1 Servicio de IPTV en Costa Rica \u2013 Canales en Vivo, Pel\u00edculas y Deportes \u25b6 IPTV COSTA RICA Caracter\u00edsticas Planes Dispositivos FAQ Suscribirse \ud83d\udd34 En vivo ahora \u2014 +24,000 canales EL MEJOR SERVICIO DE IPTV EN COSTA RICA Disfruta de m\u00e1s de 24,000 canales en vivo, +90,000 pel\u00edculas y series en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/iptv-costarica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}