/* Estilos Responsive para Landing Page - Diseño Premium */

@media(max-width:960px){
    .layout{grid-template-columns:1fr;padding-top:60px;gap:48px;}
    .sidebar{position:static;order:2;margin-bottom:50px;}
    .main-col{order:1;}
    nav.links{display:none;}
    .mobile-menu-toggle{display:flex;}
    .mobile-menu{display:block;}
    .hero-modern{padding:60px 0 40px;}
    .hero-slider{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;}
    .differentiators-section{padding:40px;margin-bottom:48px;}
    .programs-section{padding:48px;margin-bottom:56px;}
    .stats-bento{grid-template-columns:repeat(2,1fr);gap:12px;}
    .stat-tile.big{grid-column:span 2;grid-row:span 1;padding:20px;}
    .stat-tile{padding:20px;}
    .prog-bento{grid-template-columns:1fr;gap:16px;}
    .prog-image{height:140px;}
    .prog-content{padding:20px;}
    .video-grid{grid-template-columns:1fr;}
    .testi-bento{grid-template-columns:1fr;}
    .testi-card.feat{grid-row:span 1;}
    .hero-modern h1{font-size:40px;}
    .bento-head{gap:16px;}
    .nav-actions{display:none;}
    .video-testimonials-grid{grid-template-columns:1fr;gap:20px;}
    .testicert-grid{grid-template-columns:repeat(2,1fr);}
    .testicert-section{padding:40px;margin:56px 0;}
    .final-cta{padding:80px 0;min-height:340px;}
    .video-info{padding:14px;}
    .video-info h4{font-size:14px;}
    .video-info p{font-size:12px;}
}

@media(max-width:768px){
    .container{padding:0 20px;}
    section{padding:50px 0;}
    .layout{padding-top:48px;gap:40px;}
    .hero-modern{padding:40px 0 32px;}
    .hero-slider{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;}
    .differentiators-section{padding:40px 20px;margin-bottom:48px;}
    .programs-section{padding:32px 20px;margin-bottom:40px;}
    .hero-modern h1{font-size:32px;line-height:1.1;}
    .hero-modern p.lead{font-size:18px;}
    .navrow{padding:15px 0;}
    .logo-img{height:35px;max-width:130px;}
    .hero-ctas{flex-direction:row;gap:12px;flex-wrap:wrap;}
    .hero-ctas .btn{flex:1;min-width:140px;padding:12px 16px;font-size:14px;}
    .hero-categories{margin-bottom:28px;}
    .chips-row{gap:10px;flex-wrap:wrap;}
    .chip-pill{font-size:12px;padding:10px 16px;}
    .trust-section{margin-top:28px;padding-top:28px;}
    .trust-row{flex-direction:column;align-items:flex-start;gap:16px;}
    .trust-row .marks{gap:16px;}
    .bento-head{flex-direction:column;align-items:flex-start;gap:12px;}
    .bento-head h2{font-size:24px;}
    .bento-head p{font-size:15px;max-width:100%;}
    .stats-bento{grid-template-columns:repeat(2,1fr);gap:12px;}
    .stat-tile.big{grid-column:span 2;grid-row:span 1;padding:20px;}
    .stat-tile{padding:18px;}
    .stats-bento-horizontal{grid-template-columns:repeat(2,1fr);gap:16px;}
    .stat-circle-item{padding:16px;}
    .progress-circle{width:90px;height:90px;margin-bottom:12px;}
    .progress-text .percent{font-size:20px;}
    .stat-circle-item p{font-size:12px;}
    .prog-tile{padding:0;}
    .prog-image{height:120px;}
    .prog-content{padding:18px;}
    .prog-content h4{font-size:16px;}
    .prog-content p{font-size:13px;}
    .prog-bento{gap:14px;}
    .programs-section .bento-head{margin-bottom:16px;}
    .programs-section .bento-head h2{font-size:22px;}
    .programs-section .cta-section{margin-top:20px;}
    .video-grid{gap:24px;}
    .video-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto;}
    .video-frame{width:100%;max-width:300px;margin:0 auto;}
    .video-side{text-align:center;margin-top:20px;}
    .video-side h3{font-size:18px;}
    .video-side p{font-size:14px;}
    .video-list{align-items:center;justify-content:center;}
    .video-list .row{font-size:13px;}
    .video-section .btn-white{width:100%;justify-content:center;}
    .cert-strip{flex-direction:column;gap:15px;text-align:center;}
    .testi-bento{grid-template-columns:1fr;gap:15px;}
    .final-cta{padding:60px 0;min-height:0;}
    .final-cta h2{font-size:26px;line-height:1.2;}
    .final-cta p{font-size:14px;}
    .final-cta .ctas{flex-direction:column;align-items:stretch;}
    .final-cta .finalcta-btn{width:100%;justify-content:center;padding:15px 20px;}
    .testicert-section{padding:28px 20px;margin:40px 0;border-radius:16px;}
    .testicert-head h2{font-size:24px;}
    .testicert-head{margin-bottom:28px;}
    .video-testimonial-card{border-radius:12px;}
    .video-placeholder{height:180px;}
    .video-play-button svg{width:56px;height:40px;}
    .video-info{padding:12px;}
    .video-info h4{font-size:13px;line-height:1.3;}
    .video-info p{font-size:11px;}
}

@media(max-width:480px){
    .container{padding:0 16px;}
    section{padding:40px 0;}
    .hero-modern{padding:32px 0 24px;}
    .hero-slider{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;}
    .differentiators-section{padding:32px 16px;margin-bottom:40px;}
    .programs-section{padding:28px 16px;margin-bottom:32px;}
    .hero-modern h1{font-size:26px;line-height:1.15;}
    .hero-modern p.lead{font-size:15px;}
    .navrow{padding:12px 0;}
    .logo-img{height:32px;max-width:120px;}
    .testicert-grid{grid-template-columns:1fr;}
    .testicert-section{padding:24px 16px;margin:32px 0;}
    .testicert-modal-content{max-width:94vw;}
    .testicert-modal-close{top:8px;right:8px;background:rgba(0,0,0,.55);}
    .hero-ctas{flex-direction:row;gap:10px;flex-wrap:wrap;}
    .hero-ctas .btn{flex:1;min-width:130px;padding:10px 14px;font-size:13px;}
    .chips-row{gap:8px;flex-wrap:wrap;}
    .chip-pill{font-size:11px;padding:8px 12px;}
    .lead-card .inner{padding:18px;}
    .lead-card h3{font-size:16px;}
    .lead-card p.sub{font-size:12px;}
    form.leadform label{font-size:10px;}
    form.leadform input,
    form.leadform select{font-size:14px;padding:10px 12px;}
    form.leadform .privacy label{font-size:10px;line-height:1.3;}
    form.leadform .btn{padding:12px 16px;font-size:14px;}
    .stats-bento{grid-template-columns:repeat(2,1fr);gap:10px;}
    .stat-tile{padding:16px;}
    .stat-tile .num{font-size:20px;}
    .stat-tile.big .num{font-size:24px;}
    .stat-tile.big{grid-column:span 2;grid-row:span 1;padding:16px;}
    .stats-bento-horizontal{grid-template-columns:repeat(2,1fr);gap:12px;}
    .stat-circle-item{padding:14px;}
    .progress-circle{width:80px;height:80px;margin-bottom:10px;}
    .progress-text .percent{font-size:18px;}
    .stat-circle-item p{font-size:11px;}
    .prog-image{height:100px;}
    .prog-content{padding:16px;}
    .prog-content h4{font-size:14px;}
    .prog-content p{font-size:12px;}
    .programs-section .bento-head h2{font-size:20px;}
    .programs-section .cta-section{margin-top:16px;}
    .video-section{padding:32px 0;margin-top:40px;}
    .video-side h3{font-size:18px;}
    .video-side p{font-size:13px;}
    .testi-card{padding:20px;}
    .testi-card.feat p{font-size:15px;}
    .final-cta{padding:50px 0;}
    .final-cta h2{font-size:20px;}
    .bento-head h2{font-size:18px;}
    .float-wa{width:50px;height:50px;font-size:22px;bottom:20px;right:20px;}
    .float-call{width:44px;height:44px;font-size:17px;bottom:80px;right:20px;}
    .video-info{padding:12px;}
    .video-info h4{font-size:12px;}
    .video-info p{font-size:11px;}
    .footer-block{margin-bottom:20px;}
    .footer-title{font-size:15px;margin-bottom:12px;}
    .main-footer{padding:32px 0 16px;}
    .redes-sociales{justify-content:center;}
    .footer-block ul li{margin-bottom:8px;}
    .footer-block ul li a{font-size:13px;}
    .footer-block .btn-sm{font-size:12px;padding:8px 12px;}
}