/* ============================
   OPTIMIZACIÓN MÓVIL GLOBAL
   ============================ */

@media (max-width: 768px) {

    /* NAVBAR */
    .navbar-modern {
        padding: 8px 0 !important;
    }

    .navbar-brand {
        font-size: 1.1rem !important;
    }

    .nav-link {
        font-size: 0.95rem !important;
        margin-left: 0 !important;
    }

    /* HERO */
    .hero-title {
        font-size: 1.9rem !important;
        line-height: 2.2rem !important;
    }

    .hero-subtitle {
        font-size: 1rem !important;
        margin-bottom: 15px !important;
    }

    .hero-btn {
        padding: 10px 18px !important;
        font-size: 0.95rem !important;
    }

    /* TESTIMONIOS */
    .testimonio-card {
        padding: 20px !important;
    }

    .testimonio-nombre {
        font-size: 1.1rem !important;
    }

    .testimonio-texto {
        font-size: 0.95rem !important;
    }

    .estrellas {
        font-size: 1rem !important;
    }

    /* EVENTOS */
    .evento-img {
        height: 160px !important;
    }

    .evento-title {
        font-size: 1.2rem !important;
    }

    .evento-desc {
        font-size: 0.95rem !important;
    }

    /* INCENTIVO DE REGISTRO */
    .registro-box {
        padding: 25px !important;
    }

    .registro-title {
        font-size: 1.6rem !important;
    }

    .registro-subtitle {
        font-size: 1rem !important;
    }

    .registro-item {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    /* PANEL DEL CLIENTE */
    .card-header {
        font-size: 1rem !important;
    }

    .card-body p {
        font-size: 0.95rem !important;
    }

    table {
        font-size: 0.9rem !important;
    }

    /* LOGIN */
    .login-box {
        padding: 25px !important;
    }

    .login-logo {
        width: 80px !important;
        height: 80px !important;
    }

    .login-title {
        font-size: 1.5rem !important;
    }
}

/* ============================
   OPTIMIZACIÓN EXTRA MÓVIL PEQUEÑO
   ============================ */

@media (max-width: 480px) {

    .hero-title {
        font-size: 1.6rem !important;
    }

    .hero-subtitle {
        font-size: 0.9rem !important;
    }

    .evento-img {
        height: 140px !important;
    }

    .testimonio-card {
        padding: 15px !important;
    }

    .registro-box {
        padding: 20px !important;
    }
}