/* ============================
   MOBILE MASTER FIX EVH
=============================== */

/* TOP INFO */
@media (max-width: 768px) {
    .top-info {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        font-size: .82rem;
        padding: 6px 10px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .top-info {
        font-size: .78rem;
        padding: 6px 8px;
    }
}

/* ============================
   HEADER (NO OCULTA ÍTEMS)
=============================== */
@media (max-width: 768px) {

    .header-premium {
        padding: 6px 0 10px 0 !important;
        position: static !important;
    }

    /* Botones derecha */
    .header-buttons-right {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 8px !important;
    }

    .header-buttons-right a {
        font-size: 12px !important;
        padding: 6px 10px !important;
        border-radius: 6px !important;
        min-width: 110px !important;
        text-align: center !important;
        display: inline-block !important;
    }

    /* Menú mobile */
    .header-nav-full {
        flex-direction: column;
        gap: 12px;
        margin-top: 18px;
        width: 100%;
        position: static !important;
    }

    .header-nav-full .nav-item {
        width: 100%;
        padding: 12px 0;
        font-size: 18px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
}

/* ============================
   HERO TEXT MOBILE
=============================== */
@media (max-width: 768px) {
    .evh-hero-text {
        top: 10px !important;
        left: 16px !important;
        max-width: 92% !important;
    }

    .evh-hero-text h1,
    .evh-hero-text p {
        text-shadow: 0 0 22px rgba(0,0,0,0.85) !important;
    }

    .hero-slider {
        min-height: 360px !important;
    }
}

@media (max-width: 480px) {
    .evh-hero-text {
        top: 6px !important;
        left: 12px !important;
    }
}

/* ============================
   CONTACTO
=============================== */
@media (max-width: 1024px) {
    .contact-section {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .contact-info,
    form {
        width: 100%;
    }
}

/* ============================
   CAPACITACIONES
=============================== */
@media (max-width: 768px) {
    .section-capacitaciones {
        padding: 40px 0;
    }
}

/* ============================
   FOOTER FIX
=============================== */
@media (max-width: 768px) {
    .footer {
        padding-right: 90px !important;
    }
}

@media (max-width: 480px) {
    .footer {
        padding-right: 100px !important;
    }
}

/* ============================
   WHATSAPP FIX — SIEMPRE VISIBLE
=============================== */
@media (max-width: 768px) {

    .whatsapp-fixed {
        position: fixed;
        bottom: env(safe-area-inset-bottom, 22px);
        right: 22px;
        width: 60px;
        height: 60px;
        background: #25D366;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        box-shadow: 0 4px 12px rgba(0,0,0,0.25);
        overflow: hidden;
    }

    .whatsapp-fixed img {
        width: 34px;
        height: 34px;
        object-fit: contain;
    }

    /* Ocultar texto en mobile */
    .whatsapp-fixed .wa-text {
        display: none !important;
    }
}

/* Móviles muy pequeños */
@media (max-width: 480px) {

    .whatsapp-fixed {
        width: 52px;
        height: 52px;
        right: 16px;
        bottom: env(safe-area-inset-bottom, 16px);
    }

    .whatsapp-fixed img {
        width: 30px;
        height: 30px;
    }
}