/* =========================================================
   HUB TECNOLÓGICO — mobile.css
   Breakpoints: 1200px / 991px / 768px
   ========================================================= */

/* ===================== 1200px ===================== */
@media (max-width: 1200px){
    :root{ --section-py: 90px; }
    .container{max-width:100%; padding:0 32px;}

    .main-nav{gap:24px;}
    .main-nav a{font-size:.88rem;}

    h1{font-size:2.8rem;}
    h2{font-size:2.2rem;}

    .hero-card{padding:90px 40px 70px;}

    .about-grid{grid-template-columns:1fr 1fr;}
    .about-main{padding:44px 38px;}

    .services-grid{grid-template-columns:repeat(2, 1fr); gap:18px;}
    .service-card{padding:32px 26px;}

    .products-grid{gap:20px;}
    .product-thumb{height:220px;}
    .product-body{padding:30px 26px;}

    .why-grid{gap:50px;}
    .why-items{gap:18px;}

    .plans-grid{gap:18px;}
    .plan-card{padding:34px 28px;}

    .testi-grid{gap:30px;}
    .testi-card{padding:38px 32px;}

    .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px;}
}

/* ===================== 991px ===================== */
@media (max-width: 991px){
    :root{
        --section-py: 72px;
        --radius-lg: 22px;
        --radius-xl: 28px;
    }

    /* Header */
    .header-cta{display:none;}
    .nav-toggle{display:inline-flex;}
    .main-nav{
        position:absolute;
        top:100%; left:0; right:0;
        background:rgba(5,7,9,.95);
        backdrop-filter:blur(20px);
        flex-direction:column;
        gap:0;
        padding:14px 28px 24px;
        border-bottom:1px solid var(--border);
        display:none;
    }
    .main-nav.open{display:flex;}
    .main-nav a{
        padding:14px 4px;
        border-bottom:1px solid var(--border);
        font-size:.98rem;
        color:#fff;
    }
    .main-nav a:last-child{border-bottom:0;}

    /* Hero */
    .hero{padding:40px 0 60px;}
    .hero-card{padding:70px 30px 60px;}
    .hero-stats{grid-template-columns:repeat(4, 1fr); gap:14px;}
    .hero-stats strong{font-size:1.6rem;}

    /* Marquee */
    .marquee-wrap{padding-bottom:60px;}

    /* About */
    .about-grid{grid-template-columns:1fr; gap:22px;}
    .about-side{grid-template-columns:1fr 1fr;}

    /* Services */
    .services-grid{grid-template-columns:1fr 1fr;}

    /* Products */
    .products-grid{grid-template-columns:1fr; gap:20px;}
    .product-thumb{height:240px;}

    /* Why */
    .why-grid{grid-template-columns:1fr; gap:36px;}

    /* CTA banner */
    .cta-inner{padding:60px 30px;}

    /* Plans */
    .plans-grid{grid-template-columns:1fr; gap:18px; max-width:560px; margin:0 auto;}

    /* Testi */
    .testi-grid{grid-template-columns:1fr; gap:24px;}
    .testi-card{padding:34px 28px;}
    .testi-quote{font-size:1.05rem;}

    /* Contact */
    .contact-grid{grid-template-columns:1fr; gap:36px;}
    .contact-form{padding:34px 28px;}

    /* Footer */
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:36px 30px;
    }
    .footer-brand{grid-column:1 / -1;}
}

/* ===================== 768px ===================== */
@media (max-width: 768px){
    :root{ --section-py: 60px; }
    .container{padding:0 20px;}

    h1{font-size:2.1rem;}
    h2{font-size:1.75rem;}
    h3{font-size:1.18rem;}

    .header-inner{padding:14px 20px;}
    .logo-avatar{height:34px;}

    /* Hero */
    .hero{padding:24px 0 40px;}
    .hero-card{padding:54px 22px 50px;}
    .hero-title{font-size:2rem;}
    .hero-sub{font-size:.98rem;}
    .hero-actions{margin-bottom:40px;}
    .hero-stats{
        grid-template-columns:1fr 1fr;
        gap:20px;
        padding-top:30px;
    }
    .hero-stats strong{font-size:1.5rem;}

    /* About */
    .about-main{padding:32px 26px;}
    .about-side{grid-template-columns:1fr;}
    .about-card{padding:26px 22px;}

    /* Section head */
    .section-head{margin-bottom:44px;}

    /* Services */
    .services-grid{grid-template-columns:1fr; gap:14px;}
    .service-card{padding:28px 24px;}

    /* Products */
    .product-thumb{height:200px;}
    .product-body{padding:28px 24px;}
    .product-card h3{font-size:1.5rem;}

    /* Why */
    .why-items{grid-template-columns:1fr; gap:16px;}
    .why-item{padding:26px 22px;}

    /* CTA */
    .cta-inner{padding:48px 22px;}
    .cta-actions{flex-direction:column;}
    .cta-actions .btn-primary,
    .cta-actions .btn-ghost{width:100%; justify-content:center;}

    /* Plans */
    .plan-card{padding:32px 26px;}
    .plan-price{font-size:1.9rem;}

    /* Testi */
    .big-stat{padding:32px 26px !important;}
    .big-stat strong{font-size:2.6rem;}
    .stat-row{gap:12px;}
    .stat-row > div{padding:20px 14px;}
    .stat-row strong{font-size:1.5rem;}
    .testi-card{padding:30px 24px;}

    /* Contact */
    .contact-form{padding:28px 22px;}
    .info-card{padding:16px 18px;}
    .check-row{display:flex; flex-direction:column; align-items:stretch; gap:10px;}
    .check{width:100%; min-height:50px;}

    /* Footer */
    .site-footer{padding-top:60px;}
    .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
        padding-bottom:40px;
        text-align:left;
    }

    /* Buttons */
    .btn-primary, .btn-ghost{padding:12px 22px; font-size:.9rem;}
}