/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE CONFIGURACIÓN PARA DISPOSITIVOS MÓBILES
----------------------------------------------------------------------------------------------------------------*/

/*  MOBILE 0px → 575px */
@media (max-width: 575px) {

    /* TOPBAR */
    #topbar .nav-links {
        display : none !important;
    }

    /* HEADER */
    #main-header {
        min-height : 90px;
    }

    #main-header .logo-uct {
        max-height : 52px;
    }

    #main-header .logo-posgrados {
        max-height : 46px;
    }

    /* BANNER */
    #banner-wrap,
    #landingCarousel,
    #landingCarousel .carousel-inner,
    #landingCarousel .carousel-item {
        height : 280px;
    }

    .banner-overlay {
        padding : 1.4rem;
    }

    .banner-title {
        font-size : 1.5rem;
    }

    .banner-highlight,
    .banner-highlight-gold {
        font-size : 1.4rem;
        padding   : 8px 14px;
    }

    .banner-overlay .banner-subtitle {
        font-size : .9rem;
    }

    /* CARD */
    #card_post {
        margin-top    : -18px;
        border-radius : 24px;
    }

    .form-card {
        padding : 1.2rem;
    }

    /* TABS */
    #tab_postulacion {
        flex-direction : column;
        gap            : .75rem;
        padding        : 1rem;
    }

    #tab_postulacion .nav-link {
        font-size : .9rem;
        padding : .95rem 1rem;
    }

    /* ACCORDION */
    .accordion-button {
        font-size : .92rem;
        padding   : 1rem;
    }

    .accordion-body {
        padding : 1rem;
    }

    /* BUTTONS */
    .btn-continuar,
    .btn-back,
    .btn-guardar {
        width : 100%;
    }

    .form-footer-bar {
        flex-direction : column;
        gap            : 1rem;
        align-items    : stretch;
    }

    /* RADIO CARDS */
    .radio-card {
        min-width : 100%;
    }

    /* MODAL */
    .modal-dialog {
        margin : .7rem;
    }

    .modal-header-uct {
        padding : 1rem;
    }

    .modal-footer-uct {
        flex-direction : column;
        gap            : .8rem;
    }

    /* FLOAT BUTTON */
    .btn-float-instructivo {
        right     : 14px;
        bottom    : 14px;
        padding   : .8rem 1rem;
        font-size : .85rem;
    }
}