/* =====================================================
   RESPONSIVE DESIGN
   Sky Balloons Connect
   Desktop / Tablet / Smartphone
   ===================================================== */


/* Smartphone */
@media (max-width: 767px) {

    .auth-shell {
        grid-template-columns: 1fr;
        min-height: 100vh;
    }

    .auth-hero {
        min-height: 240px;
        padding: 1.5rem 1rem;
    }

    .auth-hero h1 {
        font-size: 1.6rem;
    }

    .auth-hero p.lead {
        font-size: .9rem;
    }

    .auth-hero .hero-card {
        display: none;
    }

    .auth-hero .floating-balloon {
        width: 220px;
        right: -60px;
        bottom: -50px;
    }


    .auth-pane {
        padding: 1rem;
    }

    .auth-card {
        padding: 1.25rem;
        border-radius: 16px;
    }


    .auth-card h2 {
        font-size: 1.35rem;
    }


    .btn {
        min-height: 45px;
    }


    .password-group {
        flex-wrap: nowrap;
    }

}



/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

    .auth-shell {
        grid-template-columns: 1fr;
    }

    .auth-hero {
        min-height: 350px;
    }

    .auth-pane {
        padding: 2rem;
    }

    .auth-card {
        max-width: 500px;
        margin: auto;
    }

}

/* cambios en css*/