/* ==========================================================================
   AI BRAND AMBASSADORS - RESPONSIVE STYLES
   ========================================================================== */

/* PANTALLAS GRANDES (ESCRITORIOS) - 992px y más */
@media (min-width: 933px) {
    /* --- HERO LAYOUT DE DOS COLUMNAS --- */
    .hero-grid{padding-top:740px;grid-template-columns:1fr 1fr;gap:50px;text-align:left;}
    .hero-content{padding-top:0;grid-row:auto;}
    .hero-image{grid-row:auto;padding-top:0;}
    .hero .hero-content,.hero p,.hero-buttons{text-align:left;margin-left:0;margin-right:0;justify-content:flex-start;}
    .hero-ambassador-img{max-height:650px;}
    /* Ajuste de altura de avatar para escritorio */
    .avatar-image{min-height:450px;max-height:600px;}
}

/* TABLETS Y ESCRITORIOS PEQUEÑOS (hasta 991px) */
@media (min-width: 930px) {
    .hero-grid{padding-top:740px;grid-template-columns:1fr 1fr;gap:50px;text-align:left;}
    /* --- NAVEGACIÓN DE HAMBURGUESA --- */
    .header-cta{display:none;}
    .menu-toggle{display:block;background:transparent;border:none;color:var(--lighter);font-size:1.5rem;cursor:pointer;z-index:1001;}
    .nav{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;visibility:hidden;}
    .nav-menu{background:var(--darker);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;transform:translateX(100%);transition:transform .4s ease-in-out;}
    .nav-menu.active{transform:translateX(0);}
    .nav.active{visibility:visible;}
    .nav-menu li{margin:20px 0;}
    .nav-menu a{font-size:1.5rem;}
    /* --- OTROS AJUSTES --- */
    .section-title h2{font-size:2.5rem;}
    .hero-ambassador-img{max-height:650px;}
}

/* MÓVILES GRANDES Y TABLETS VERTICALES (hasta 768px) */
@media (max-width: 768px) {
    .hero-grid{padding-top:440px;}
    .hero h1{font-size:2.5rem;}
    .hero p{font-size:1.1rem;}
    .hero-buttons{flex-direction:column;align-items:center;}
    .pricing-card.popular{transform:scale(1);}
    .ps-container{grid-template-columns:1fr;}
    .counter-grid{grid-template-columns:repeat(2,1fr);}
    .section-title h2{font-size:2.2rem;}
    .cta h2{font-size:2.2rem;}
    .footer-grid{grid-template-columns:1fr;text-align:center;}
    /* Ajuste de altura de avatar para tablet/móvil grande */
    .avatar-image{min-height:350px;max-height:450px;}
}

/* MÓVILES PEQUEÑOS (hasta 576px) */
@media (max-width: 576px) {
    .hero-grid{padding-top:440px;}
    body{font-size:15px;}
    .hero{padding-top:180px;padding-bottom:60px;}
    .hero h1{font-size:2rem;}
    .btn{padding:12px 28px;font-size:14px;width:100%;max-width:300px;}
    .counter-grid,.avatars-grid,.sectors-grid{grid-template-columns:1fr;}
    .section-title h2{font-size:1.8rem;}
    .price{font-size:2.5rem;}
    .modal-content{padding:30px 20px;}
    /* Ajuste de altura de avatar para móvil pequeño */
    .avatar-image{min-height:300px;max-height:400px;}
}

@media (max-width: 360px) {
    .hero-grid{padding-top:440px;}
    .phone-mockup{max-width:280px;}
}