@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wgt@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200&family=Roboto:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}body{background-color:#030303;font-family:Poppins,"sans-serif";color:#fff}.container{max-width:1200px;margin:0 auto}.header{background-image:linear-gradient(to bottom,#0000 70%,#030303),url(/build/assets/pantalla1-6cIBm45j.png);background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:120vh;display:flex;align-items:center}.menu{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.logo{font-size:35px;color:#fff}.menu .navbar ul li{position:relative;float:left}.menu .navbar ul li a{font-weight:700;font-size:20px;padding:12px 20px;color:#0e0d0d;background-color:#e3e3e3;display:inline-block;border-radius:15px;transition:background-color .3s,color .3s}.menu .navbar ul li a:hover{color:#670d2f}#menu{display:none}.menu-icono{width:25px}.menu label{cursor:pointer;display:none}.header-content{display:flex;width:100%}.header-1{display:flex;flex-direction:column;width:50%;align-self:flex-end}.header-1 img{width:300px}.header-2{width:50%;margin-top:80px;text-align:end}.header-2 h1{color:#ffffff72;font-size:80px;line-height:80px}.header-2 img{width:70px}.btn-1{display:inline-block;padding:7px 20px;background-color:#670d2f;color:#fff;font-size:20px}.btn-2{width:110px;display:inline-block;padding:7px 20px;background-color:#670d2f;font-size:15px;margin-top:30px;color:#fff}.movies{padding:50px 0 0;display:flex;flex-direction:column}h2{font-size:35px;margin-bottom:20px}hr{border:1px solid #670D2F;width:50%;margin-bottom:40px}.box-container-1,.box-container-2,.box-container-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.box-1,.box-2,.box-3{border-radius:5px;z-index:1000;display:none}.box-1:nth-child(1),.box-1:nth-child(2),.box-1:nth-child(3),.box-1:nth-child(4){display:inline-block}.box-2:nth-child(1),.box-2:nth-child(2),.box-2:nth-child(3),.box-2:nth-child(4){display:inline-block}.box-3:nth-child(1),.box-3:nth-child(2),.box-3:nth-child(3),.box-3:nth-child(4){display:inline-block}.load-more{margin-top:40px;display:inline-block;padding:10px 25px;border-radius:15px;border:1px solid #670D2F;color:#670d2f;font-size:16px;cursor:pointer;align-self:flex-end}.load-more:hover{background-color:#670d2f;color:#fff}.content img{width:100%;margin-bottom:15px}.content h3{font-size:20px;margin-bottom:10px}.content{color:#cfcfcf;font-size:20px}.footer{display:flex;justify-content:space-between;align-items:center;padding:100px 0;margin-top:100px;border-top:1px solid #320302}.footer ul{display:flex}.footer h3{font-size:30px}.footer a{color:#fff;font-size:20px;margin-right:20px;display:block}.footer a:hover{color:#670d2f}.plan-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;text-align:center}.plan-container h1{font-size:28px;margin-bottom:10px}.discount{font-weight:700;color:#670d2f;margin-bottom:20px}.plan-tabs{display:flex;justify-content:center;margin-bottom:30px}.tab{padding:10px 20px;margin:0 10px;border:none;background:none;font-weight:700;cursor:pointer;color:#670d2f}.tab.active{color:#ddd;border-bottom:3px solid #670D2F}.plans{display:flex;justify-content:space-between;gap:20px}.plan-card{border:1px solid #ddd;border-radius:8px;padding:20px;flex:1;text-align:left}.plan-card h3{font-size:18px;margin-top:0;border-bottom:1px solid #ddd;padding-bottom:10px}.plan-card ul{list-style:none;padding:0}.plan-card ul li{margin-bottom:10px}.price{font-size:24px;font-weight:700;margin:20px 0}.price span{font-size:14px;font-weight:400;color:#670d2f}.choose-btn{width:100%;padding:10px;background-color:#670d2f;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.choose-btn:hover{background-color:#a53860}@media (max-width: 768px){.plans{flex-direction:column}}.genres-carousel{margin:30px auto;position:relative;overflow:hidden}.carousel-container{display:flex;align-items:center;position:relative;width:100%}.carousel-track{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:15px;padding:20px 0;scrollbar-width:none;flex:1}.genre-card{flex:0 0 auto;width:200px;scroll-snap-align:start;transition:transform .3s}.genre-card:hover{transform:scale(1.05)}.genre-content{background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000004d;height:100%}.genre-content img{width:100%;object-fit:cover}.genre-content h3{padding:10px 10px 0;margin:0;font-size:1.1rem}.genre-content p{padding:0 10px 10px;margin:5px 0 0;font-size:.8rem;color:#aaa}.carousel-btn{background:#00000080;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:1;transition:all .3s}.carousel-btn:hover{background:#000c}.prev-btn{margin-right:10px}.next-btn{margin-left:10px}@media (max-width: 768px){.genre-card{width:160px}.carousel-btn{display:none}}.faq-section{margin:50px auto;max-width:800px;color:#fff}.faq-container{margin-top:20px}.faq-item{margin-bottom:15px;border-radius:8px;overflow:hidden;background:#1a1a1a;box-shadow:0 2px 8px #0003}.faq-question{width:100%;padding:18px 20px;text-align:left;border:none;background:#2a2a2a;color:#fff;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s}.faq-question:hover{background:#333}.faq-question i{transition:transform .3s}.faq-answer{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease}.faq-item.active .faq-answer{padding:20px;max-height:500px}.faq-item.active .faq-question i{transform:rotate(180deg)}.plans-list{padding-left:20px;margin:10px 0}.plans-list li{margin-bottom:8px}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin:15px 0}.device-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ddd}.device-item i{font-size:1.8rem;color:#e50914}@media (max-width: 768px){.faq-section{padding:0 15px}.devices-grid{grid-template-columns:repeat(2,1fr)}}
