*{margin: 0;padding: 0;box-sizing: border-box}:root{--primary: #007bff;--secondary: #6c757d;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8;--light: #f8f9fa;--dark: #343a40;--white:#ffffff}html{overflow-x: hidden;width:100%}body{font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height: 1.6;color: #333;background: #f5f5f5;overflow-x: hidden;width:100%}.container{max-width: 1200px;margin: 0 auto;padding:0 20px}.main-header{background: #2d3748;color: white;padding: 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1);position: sticky;top: 0;z-index:1000}.navbar{display: flex;justify-content: center;align-items: center;padding: 1rem 0;position: relative;gap:3rem}.mobile-menu-toggle{display: none;background: none;border: none;color: white;font-size: 1.5rem;cursor: pointer;padding: 10px;position: relative;z-index:10001}.logo a{font-size: 1.5rem;font-weight: bold;color: white;text-decoration: none;display: flex;align-items: center;gap:10px}.logo img{height: 50px;width: auto;transition: transform 0.3s ease}.logo a:hover img{transform:scale(1.05)}.logo-text{display: flex;flex-direction: column;line-height:1.2}.logo-text strong{font-size: 1.5rem;font-weight: 700;padding:0}.logo-text small{font-size: 0.75rem;opacity: 0.9;font-weight:400}.nav-menu{display: flex;list-style: none;gap: 2rem;align-items: center;margin:0}.nav-menu a{color: #ffffff !important;text-decoration: none;transition: all 0.25s;display: flex;align-items: center;gap: 6px;border-radius: 7px;background: rgba(255,255,255,0.07);padding: 10px 16px;font-size: 1rem;white-space: nowrap}.nav-menu a:hover{background: rgba(255,255,255,0.18);opacity: 1;transform:translateY(-1px)}.search-menu-item{display: flex;align-items:center}.header-search-form{display: flex;align-items: center;gap:5px}.header-search-form input[type="search"]{padding: 8px 15px;border: 1px solid rgba(255,255,255,0.3);border-radius: 20px;font-size: 0.9rem;width: 180px;outline: none;transition: all 0.3s;background: rgba(255,255,255,0.9);color: #333}.header-search-form input[type="search"]:focus{width: 220px;border-color: #fff;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1)}.header-search-form input[type="search"]::placeholder{color:#999}.header-search-form button{background: rgba(255,255,255,0.2);color: white;border: 1px solid rgba(255,255,255,0.3);padding: 8px 15px;border-radius: 20px;cursor: pointer;display: flex;align-items: center;gap: 5px;font-weight: 600;transition: all 0.3s;backdrop-filter: blur(10px)}.header-search-form button:hover{background: rgba(255,255,255,0.3);transform:scale(1.05)}.mobile-menu-toggle{display: none;background: none;border: none;color: white;font-size: 1.5rem;cursor:pointer}.hero-section{background: #2d3748;color: white;padding: 5rem 0;text-align: center;position: relative;overflow: hidden}.hero-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.1)" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size: cover;opacity:0.3}.hero-content{position: relative;z-index:1}.hero-content h1{font-size: 3rem;margin-bottom: 1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.hero-content .lead{font-size: 1.3rem;margin-bottom:0.5rem}.hero-buttons{margin-top: 2rem;display: flex;gap: 1rem;justify-content: center;flex-wrap:wrap}.hero-buttons .btn{display: inline-flex;align-items: center;gap:8px}.whatsapp-float{position: fixed;bottom: 160px;right: 30px;width: 60px;height: 60px;background: #25d366;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;box-shadow: 0 4px 12px rgba(37,211,102,0.4);z-index: 997;text-decoration: none;transition: all 0.3s}.whatsapp-float:hover{background: #1da851;transform: scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.6)}.whatsapp-float i{color:white}.btn{display: inline-block;padding: 0.75rem 1.5rem;text-decoration: none;border-radius: 5px;transition: all 0.3s;border: none;cursor: pointer;font-size:1rem}.btn-primary{background: var(--primary);color: white}.btn-primary:hover{background: #0056b3;transform:translateY(-2px)}.btn-secondary{background: var(--secondary);color: white}.btn-secondary:hover{background:#545b62}.btn-white{background: white;color:var(--primary)}.btn-link{color: var(--primary);text-decoration: none;font-weight:600}.services-overview,.features-section,.blog-section{padding: 4rem 0;background:white}.section-title{text-align: center;font-size: 2rem;margin-bottom: 3rem;color:var(--dark)}.services-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background: white;padding: 2rem;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);text-align: center;transition: all 0.3s;border-top: 3px solid transparent}.service-card:hover{transform: translateY(-10px);box-shadow: 0 15px 30px rgba(102,126,234,0.3);border-top-color:#667eea}.service-card i{font-size: 3rem;color: var(--primary);margin-bottom:1rem}.service-card h3{margin-bottom: 1rem;color:var(--dark)}.features-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{text-align: center;padding:1.5rem}.feature-item i{font-size: 2.5rem;color: var(--primary);margin-bottom:1rem}.posts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));gap:2rem}.post-card{background: white;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: transform 0.3s}.post-card:hover{transform:translateY(-5px)}.post-image img{width: 100%;height: 200px;object-fit:cover}.post-content{padding:1.5rem}.post-meta{display: flex;gap: 1rem;margin-bottom: 1rem;font-size: 0.9rem;color:#666}.post-description{background: linear-gradient(135deg,#e7f3ff 0%,#f0e7ff 100%);padding: 1.5rem;margin: 1.5rem 0;border-radius: 10px;border-left: 4px solid #667eea;box-shadow:0 2px 10px rgba(102,126,234,0.1)}.post-description p{margin: 0;font-size: 1.05rem;line-height: 1.6;color: #333;font-weight:400}.post-category{display: inline-block;padding: 0.25rem 0.75rem;background: var(--primary);color: white;border-radius: 20px;font-size: 0.85rem;margin-bottom:0.5rem}.main-footer{background: #2c3e50;color: white;padding:3rem 0 1rem}.footer-content{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section a{color: #bbb;text-decoration: none}.footer-section a:hover{color:white}.social-links{display: flex;gap: 1rem;margin-top:1rem}.social-links a{width: 40px;height: 40px;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.3s}.social-links a:hover{background:var(--primary)}.footer-bottom{text-align: center;padding-top: 2rem;border-top:1px solid rgba(255,255,255,0.1)}.page-header{background: #2d3748;color: white;padding: 3rem 0;text-align:center}.page-header h1{font-size:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display: block;margin-bottom: 0.5rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{width: 100%;padding: 0.75rem;border: 1px solid #ddd;border-radius: 5px;font-size:1rem}.form-group textarea{resize:vertical}.alert{padding: 1rem;border-radius: 5px;margin-bottom:1.5rem}.alert-success{background: #d4edda;color: #155724;border:1px solid #c3e6cb}.alert-error{background: #f8d7da;color: #721c24;border:1px solid #f5c6cb}.single-post{background: white;padding:2rem 0}.breadcrumb{margin-bottom: 1rem;color:#666}.breadcrumb a{color: var(--primary);text-decoration:none}.post-featured-image{margin: 2rem 0;border-radius: 10px;overflow:hidden}.post-featured-image img{width: 100%;height:auto}.post-content-wrapper{line-height: 1.8;font-size: 1.1rem;margin:2rem 0}.post-tags{display: flex;gap: 0.5rem;flex-wrap: wrap;margin:2rem 0}.tag{background: #e9ecef;padding: 0.25rem 0.75rem;border-radius: 20px;font-size:0.9rem}.comments-section{margin-top: 3rem;padding-top: 2rem;border-top:2px solid #eee}.comment-form{background: #f8f9fa;padding: 2rem;border-radius: 10px;margin:2rem 0}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap:1rem}.comments-list{margin-top:2rem}.comment{background: white;padding: 1.5rem;margin-bottom: 1rem;border-left: 3px solid var(--primary);border-radius:5px}.comment-header{display: flex;justify-content: space-between;margin-bottom:0.5rem}.comment-date{color: #666;font-size:0.9rem}.pagination{display: flex;justify-content: center;gap: 0.5rem;margin:2rem 0}.page-link{padding: 0.5rem 1rem;border: 1px solid #ddd;text-decoration: none;color: var(--primary);border-radius:5px}.page-link.active{background: var(--primary);color: white;border-color:var(--primary)}.text-center{text-align:center}.social-links-large{display: flex;flex-direction: column;gap:10px}.social-btn{display: flex;align-items: center;gap: 10px;padding: 12px 20px;border-radius: 5px;text-decoration: none;color: white;font-weight: 600;transition:all 0.3s}.social-btn i{font-size:1.2rem}.social-btn.facebook{background: #1877f2}.social-btn.facebook:hover{background:#145dbf}.social-btn.whatsapp{background: #25d366}.social-btn.whatsapp:hover{background:#1da851}.social-btn.youtube{background: #ff0000}.social-btn.youtube:hover{background:#cc0000}.contact-info a{color: inherit;text-decoration: none;transition: color 0.3s}.contact-info a:hover{color:var(--primary)}.services-filter{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;margin:20px 0}.filter-btn{padding: 8px 16px;min-width: 90px;max-width: 120px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;border: 2px solid #ddd;background: white;color: #666;text-decoration: none;border-radius: 5px;transition: all 0.3s;font-weight: 600;font-size: 0.97rem}.filter-btn:hover{border-color: var(--primary);color: var(--primary);transform:translateY(-2px)}.filter-btn.active{background: var(--primary);color: white;border-color: var(--primary);padding:8px 16px}.services-grid-full{display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));gap:2rem}.service-card-full{background: white;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: transform 0.3s}.service-card-full:hover{transform:translateY(-5px)}.service-image{width: 100%;height: 200px;overflow:hidden}.service-image img{width: 100%;height: 100%;object-fit:cover}.service-details{padding:1.5rem}.service-price{margin: 1rem 0;font-size: 1.2rem;color:var(--primary)}.blog-layout{display: grid;grid-template-columns: 1fr 300px;gap:2rem}.blog-main{min-width:0}.blog-sidebar{position: sticky;top: 20px;height:fit-content}.sidebar-widget{background: white;padding: 1.5rem;border-radius: 10px;margin-bottom: 2rem;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.sidebar-widget h3{margin-bottom: 1rem;padding-bottom: 0.5rem;border-bottom:2px solid var(--primary)}.category-list{list-style:none}.category-list li{margin-bottom:0.5rem}.category-list a{color: #666;text-decoration: none;transition: color 0.3s;display: block;padding: 0.5rem;border-radius: 5px}.category-list a:hover,.category-list a.active{color: var(--primary);background:#f8f9fa}.recent-posts{list-style:none}.recent-posts li{padding: 0.75rem 0;border-bottom: 1px solid #eee}.recent-posts li:last-child{border-bottom:none}.recent-posts a{color: #333;text-decoration: none;font-weight: 600}.recent-posts a:hover{color:var(--primary)}.recent-posts small{display: block;color: #999;font-size: 0.85rem;margin-top:0.25rem}.services-page{padding: 3rem 0;background:#f8f9fa}.no-results{text-align: center;padding: 3rem;color:#999}.no-results i{font-size: 4rem;margin-bottom:1rem}.cta-section{background: #2d3748;color: white;padding: 4rem 0;text-align:center}.cta-section h2{font-size: 2rem;margin-bottom:1rem}.cta-section p{font-size: 1.2rem;margin-bottom:2rem}.about-content{padding:3rem 0}.about-intro{text-align: center;max-width: 800px;margin:0 auto 3rem}.about-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin:3rem 0}.about-card{background: white;padding: 2rem;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);text-align:center}.about-card i{font-size: 3rem;color: var(--primary);margin-bottom:1rem}.about-services{margin:4rem 0}.services-list{display: grid;gap: 1.5rem;margin-top:2rem}.service-item{display: flex;gap: 1.5rem;padding: 1.5rem;background: white;border-radius: 10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.service-item i{font-size: 2rem;color: var(--primary);flex-shrink:0}.why-choose{margin:4rem 0}.why-choose .features-grid{margin-top:2rem}.feature{background: white;padding: 1.5rem;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);text-align:center}.feature i{font-size: 2.5rem;color: var(--primary);margin-bottom:1rem}.cta-box{background: #2d3748;color: white;padding: 3rem;border-radius: 10px;text-align: center;margin:4rem 0}.cta-box h2{color: white;margin-bottom:1rem}.cta-box .btn-lg{padding: 1rem 2.5rem;font-size:1.1rem}.contact-page{padding: 3rem 0;background:#f8f9fa}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap:3rem}.contact-form-section,.contact-info-section{background: white;padding: 2rem;border-radius: 10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.contact-form-section h2,.contact-info-section h2{margin-bottom:1.5rem}.contact-info-card{margin:2rem 0}.info-item{display: flex;gap: 1rem;padding: 1.5rem;background: #f8f9fa;border-radius: 5px;margin-bottom:1rem}.info-item i{font-size: 1.5rem;color:var(--primary)}.social-connect{margin-top: 2rem}@media (max-width:768px){.container{padding:0 15px}.mobile-menu-toggle{display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index: 1001;padding:8px}.navbar{justify-content: flex-start;padding: 0.75rem 0;padding-right: 55px;position:relative}.logo{margin-right: auto;flex-shrink:0}.logo a{justify-content: flex-start;gap:8px !important}.logo img{flex-shrink:0}.nav-menu{display: flex;position: fixed;top: 70px;right: -290px;left: auto;width: 280px;background: #2d3748;flex-direction: column;padding: 1rem;box-shadow: -4px 0 18px rgba(0,0,0,0.25);transition: right 0.32s cubic-bezier(0.4,0,0.2,1);max-height: calc(100vh - 70px);overflow-y: auto;z-index:9999;will-change:right}.nav-menu.active{right:0 !important}.nav-menu li{margin: 0;border-bottom: 1px solid rgba(255,255,255,0.1)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display: block;padding: 12px 10px;width: 100%;justify-content:flex-start}.search-menu-item{padding: 15px 10px;border-bottom:none !important}.header-search-form{width:100%}.header-search-form input[type="search"]{flex: 1;width: 100%;max-width: none}.header-search-form input[type="search"]:focus{width:100%}.header-search-form button{flex-shrink:0}.navbar{padding:0.75rem 0}.logo img{width: 40px;height:40px}.logo a span{font-size:1.3rem !important}.hero-content h1{font-size: 1.8rem;line-height:1.3}.hero-content p{font-size:1rem}.hero-buttons{flex-direction: column;gap:10px}.hero-buttons .btn{width: 100%;text-align:center}.stats-container{grid-template-columns: 1fr 1fr;gap: 15px;padding:30px 15px}.stat-box h3{font-size:1.8rem}.stat-box p{font-size:0.9rem}.services-grid,.services-grid-full{grid-template-columns: 1fr;gap:20px}.posts-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.blog-layout{grid-template-columns:1fr}.blog-sidebar{position: static;margin-top:30px}.contact-grid{grid-template-columns: 1fr;gap:20px}.btn{padding: 10px 20px;font-size:0.95rem}.section-title{font-size:1.8rem}.footer-content{grid-template-columns: 1fr;gap: 30px;text-align:center}.footer-bottom{flex-direction: column;gap: 15px;text-align:center}.whatsapp-float{bottom: 150px;right: 20px;width: 50px;height: 50px;font-size:24px}.card,.service-card,.post-card{margin-bottom:15px}.pricing-card{padding:20px}.features-grid{grid-template-columns: 1fr;gap:15px}.about-grid{grid-template-columns:1fr}.about-card{padding:20px}.cta-box{padding:2rem 1.5rem}.cta-box h2{font-size: 1.5rem}}@media (max-width:480px){.container{padding:0 10px}.mobile-menu-toggle{right: 8px;font-size: 1.3rem;padding:6px}.navbar{padding-right:50px !important}.logo img{width: 35px;height:35px}.logo a{gap:6px !important}.logo a span{font-size: 1.15rem !important;line-height:1.2}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:0.9rem}.stats-container{grid-template-columns: 1fr;gap:10px}.section-title{font-size:1.5rem}.btn{padding: 8px 16px;font-size:0.9rem}.service-card h3,.post-card h3{font-size:1.1rem}.whatsapp-float{width: 45px;height: 45px;font-size: 20px;bottom: 130px;right: 15px}}@media (max-width: 768px) and (orientation:landscape){.hero-content{padding:40px 0}.hero-content h1{font-size:1.6rem}}body{overflow-x:hidden}img{max-width: 100%;height: auto}@media (hover: none) and (pointer:coarse){.btn,.nav-link,a{min-height: 44px;min-width: 44px;display: inline-flex;align-items: center;justify-content: center}}@media (max-width:768px){.navbar{position:relative}.mobile-menu-toggle{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index:1001}.nav-menu{position: fixed;right: -300px;top: 70px;flex-direction: column;background: #2d3748;width: 280px;text-align: left;transition: right 0.32s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 10px 27px rgba(0,0,0,0.3);padding: 20px 0;max-height: calc(100vh - 70px);overflow-y: auto;z-index:1000;will-change:right}.nav-menu.active{right:0 !important}.nav-menu li{margin:10px 0}.nav-menu a{padding: 14px 20px;display: block;font-size: 1.1rem;text-align: left;justify-content: flex-start;background: transparent;border-radius: 0}}@media (max-width:768px){.hero-section{padding:60px 0 !important}.hero-content h1{font-size: 1.8rem !important;line-height:1.3}.hero-content p{font-size:1rem !important}.hero-buttons{flex-direction: column;gap:10px}.hero-buttons .btn{width: 100%;justify-content: center}}@media (max-width:768px){.services-grid,.features-grid,.posts-grid{grid-template-columns: 1fr !important;gap:20px}.service-card,.feature-card,.post-card{margin: 0}}@media (max-width:768px){input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"],textarea,select{font-size: 16px !important;-webkit-appearance: none;-moz-appearance: none;appearance:none}textarea{min-height: 120px}}@media (max-width:768px){section{padding:40px 0 !important}.container{padding:0 15px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size: 1.1rem}}@media (max-width:768px){.stats-container{grid-template-columns: repeat(2,1fr) !important;gap: 15px}}@media (max-width:480px){.stats-container{grid-template-columns: 1fr !important}}@media (max-width:768px){.footer-content{grid-template-columns: 1fr !important;text-align: center;gap:30px}.footer-section{margin-bottom:20px}.social-links{justify-content: center}}@media (max-width:768px){.btn{padding: 12px 24px;font-size: 1rem;width: 100%;max-width: 100%;justify-content:center}.btn-group{flex-direction: column;gap:10px}.btn-group .btn{width: 100%}}@media (max-width:768px){table{display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch}}@media (max-width:768px){.whatsapp-float{width: 55px !important;height: 55px !important;bottom: 20px !important;right: 20px !important;font-size: 28px !important}.whatsapp-float:hover{transform: scale(1.1)}}@media (max-width:768px){#chatWidget{width: 100% !important;height: 100% !important;max-height: 100vh !important;border-radius: 0 !important;bottom: 0 !important;right:0 !important}.chat-header{border-radius:0 !important}.chat-messages{max-height: calc(100vh - 180px) !important}}@media (max-width:768px){.post-content{font-size: 16px;line-height:1.8}.post-content img{width: 100%;height: auto;margin:15px 0}.post-content pre{overflow-x: auto;font-size: 14px}}@media (max-width:768px){.breadcrumb{font-size: 0.85rem;flex-wrap: wrap}}@media (max-width:768px){.modal-content{width: 95% !important;max-width: 95% !important;margin:20px auto}}.btn,button,.nav-link{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none}html{scroll-behavior: smooth}@media (max-width:768px){.loading{font-size: 14px}}@media (max-width:768px){body{overflow-x: hidden;width:100%}*{max-width:100vw}.container{overflow-x: hidden}}@supports (padding:max(0px)){body{padding-left: max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.main-header{padding-left: max(0px,env(safe-area-inset-left));padding-right: max(0px,env(safe-area-inset-right))}}@media (max-width:768px){a,button,input,select,textarea{min-height: 44px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline: 3px solid #667eea;outline-offset: 2px}}@media (max-width: 768px) and (prefers-reduced-motion:reduce){*{animation: none !important;transition: none !important}.nav-menu{transition: right 0.32s cubic-bezier(0.4,0,0.2,1) !important}}@media (min-width:769px){.container{max-width: 1200px;margin: 0 auto;padding: 0 30px;width: 100%;box-sizing:border-box}.navbar{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;padding: 0.8rem 0;gap:1rem}.nav-menu{display: flex !important;flex-direction: row;flex-wrap: wrap;gap: 6px;list-style: none;margin: 0;padding: 0;align-items:center}.nav-menu li a{white-space: nowrap;padding: 10px 16px;font-size:1rem}.mobile-menu-toggle{display:none !important}section{width:100%}#channelsContainer,.channels-grid{grid-template-columns:repeat(3,1fr) !important}footer .container{padding:0 30px}}@media (min-width:769px){.container{max-width: 1200px;width: 100%;padding: 0 30px;box-sizing:border-box}.main-header .container{padding:0 20px}.nav-menu{gap:6px}.nav-menu li a{font-size: 1rem;padding: 10px 16px;white-space: nowrap;background: rgba(255,255,255,0.07);border-radius:7px}.site-name{font-size: 1.1rem !important;white-space:nowrap}}.nav-dropdown{position:relative}.dropdown-menu{display: none;position: absolute;top: 100%;left: 0;background: #2d3748;border-radius: 10px;padding: 8px 0;min-width: 200px;box-shadow: 0 8px 25px rgba(0,0,0,0.2);z-index: 9999;list-style: none;margin:0}.dropdown-menu li a{display: flex;align-items: center;gap: 10px;padding: 12px 20px;color: #e0e0e0;text-decoration: none;font-size: 1rem;transition: background 0.2s;white-space: nowrap}.dropdown-menu li a:hover{background: rgba(255,255,255,0.1);color: white}.nav-dropdown:hover .dropdown-menu{display: block}@media (max-width:768px){.dropdown-menu{display: block;position: static;background: rgba(0,0,0,0.2);border-radius: 0;box-shadow: none;padding: 0;border-left: 3px solid rgba(255,255,255,0.2);margin-left:15px}.dropdown-menu li a{padding: 12px 18px;font-size:1rem}.nav-dropdown-toggle .fa-chevron-down{display:none}}#channelsContainer,.channels-grid{display: grid !important;grid-template-columns: 1fr;gap: 14px;padding: 10px 15px}@media (min-width:769px){#channelsContainer,.channels-grid{grid-template-columns: repeat(3,1fr) !important;gap: 20px;padding:20px}}.channel-card{display: block !important;visibility: visible !important;opacity: 1 !important}@media (min-width:769px){.plat-filter-box{max-width: 1200px;margin: 20px auto;box-sizing:border-box}.plat-count{max-width: 1200px;margin: 10px auto 0;padding: 0 30px;box-sizing:border-box}.channels-grid{max-width: 1200px;margin: 0 auto;box-sizing:border-box}.channel-card{min-width: 0;overflow: hidden;word-break: break-word;overflow-wrap:break-word}.channel-card h3{word-break: break-word;overflow-wrap: break-word}}@media (min-width:769px){.nav-dropdown .dropdown-menu{display:none !important}.nav-dropdown .dropdown-menu[data-open="true"]{display:block !important}}



/* ═══════════════════════════════════════════════════════
   DESKTOP LISTING CARDS — Complete Overflow Fix
   Only targets min-width:769px — mobile untouched
   ═══════════════════════════════════════════════════════ */

/* ── Grid: always 3 cols on desktop ── */
@media(min-width:769px){
    #channelsContainer,
    .channels-grid,
    #bl-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
        padding: 16px !important;
        max-width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

/* ── Card container ── */
@media(min-width:769px){
    .channel-card,
    .bl-card {
        overflow: hidden !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Every descendant respects card boundary */
    .channel-card *,
    .bl-card * {
        box-sizing: border-box !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* ── Card header ── */
    .channel-card > div:first-child,
    .bl-card > div:first-child {
        padding: 14px 10px !important;
        min-height: 75px !important;
        flex-shrink: 0;
    }
    .channel-card > div:first-child img,
    .bl-card > div:first-child img {
        width: 52px !important;
        height: 52px !important;
    }
    .channel-card > div:first-child > span,
    .bl-card > div:first-child > span {
        font-size: .68rem !important;
        padding: 3px 6px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        max-width: 44% !important;
        text-overflow: ellipsis !important;
    }
    .channel-card > div:first-child > a,
    .bl-card > div:first-child > a {
        font-size: .68rem !important;
        padding: 3px 6px !important;
        white-space: nowrap !important;
    }

    /* ── Card body ── */
    .channel-card > div:last-child,
    .bl-card > div:last-child {
        padding: 10px !important;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .channel-card h3,
    .bl-card h3 {
        font-size: .88rem !important;
        line-height: 1.25 !important;
        margin-bottom: 5px !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* Niche badge */
    .channel-card > div:last-child > span,
    .bl-card > div:last-child > span {
        font-size: .68rem !important;
        padding: 2px 8px !important;
        display: inline-block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin-bottom: 6px !important;
    }

    /* Stats grid */
    .channel-card > div:last-child > div[style*="display:grid"],
    .bl-card > div:last-child > div[style*="display:grid"] {
        gap: 5px !important;
        margin: 6px 0 !important;
    }
    .channel-card > div:last-child > div[style*="display:grid"] > div,
    .bl-card > div:last-child > div[style*="display:grid"] > div {
        padding: 6px 3px !important;
        overflow: hidden !important;
    }
    .channel-card > div:last-child > div[style*="display:grid"] > div > div:first-child,
    .bl-card > div:last-child > div[style*="display:grid"] > div > div:first-child {
        font-size: .85rem !important;
        font-weight: 800 !important;
        word-break: break-all !important;
        line-height: 1.2 !important;
    }
    .channel-card > div:last-child > div[style*="display:grid"] > div > div:last-child,
    .bl-card > div:last-child > div[style*="display:grid"] > div > div:last-child {
        font-size: .62rem !important;
        line-height: 1.2 !important;
        margin-top: 2px !important;
    }

    /* Buttons */
    .channel-card button,
    .bl-card button {
        font-size: .7rem !important;
        padding: 6px 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        flex: 1 !important;
    }

    /* Description panel */
    .channel-card > div:last-child > div[id],
    .bl-card > div:last-child > div[id] {
        font-size: .82rem !important;
        max-height: 140px !important;
        overflow-y: auto !important;
        word-break: break-word !important;
        line-height: 1.5 !important;
    }

    /* Price */
    .channel-card > div:last-child > div[style*="font-size"],
    .bl-card > div:last-child > div[style*="font-size"] {
        font-size: 1.2rem !important;
        margin-bottom: 7px !important;
    }

    /* WhatsApp wrapper */
    .channel-card > div:last-child > div[style*="text-align:center"],
    .bl-card > div:last-child > div[style*="text-align:center"] {
        width: 100% !important;
    }

    /* WhatsApp button */
    .channel-card a[href*="wa.me"],
    .bl-card a[href*="wa.me"] {
        display: flex !important;
        width: 100% !important;
        font-size: .75rem !important;
        padding: 8px 5px !important;
        white-space: normal !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
    }
}