/*@media (min-width: 147px) and (max-width: 437px) {
    #logoCliente{
        margin-left:-30%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left:150%;
    }
}*/

/* Estilos base para todas las pantallas */
#logoCliente {
    /* Estilos para la imagen en tamaño base */
    max-width: 100%;
    height: auto; 
}

/* Estilos CSS para centrar el nombre de usuario */
.username-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.footer1 {
    margin-top: auto;
    display: table;
    width: 100%;
    height: 13vh;
    background-color: #000;
    color: #fff;
    text-align: center;
}

#upload {
    display: none
}

/* Estilos para pantallas más grandes que 768px */
    @media (min-width: 768px) {
          #menuPrincipal{
            margin-top:15%;
        }
        #logoCliente[src="../Content/img/logoPando.jpg"] {
            max-width: 100%;
        }

        #logoCliente[src="../Content/img/ravago.jpg"] {
            max-width: 120%;
        }

        #logoCliente[src="../Content/img/logoIconex.jpg"] {
            max-width: 170%;
        }

        #logoCliente[src="../Content/img/LogoHEADHUNTERS.jpg"] {
            max-width: 250%;
        }

        #logoCliente {
            max-width: 155%;
        }

        #logoClienteHome[src="../Content/img/logocity.png"] {
            max-width: 85%;
        }

        #logoClienteHome[src="../Content/img/logoIconex.jpg"] {
            max-width: 110%;
        }

        #logoClienteHome[src="../Content/img/logoGWM.png"] {
            max-width: 55%;
        }

        #logoClienteHome[src="../Content/img/logoPando.jpg"] {
            max-width: 55%;
        }

        #logoClienteHome[src="../Content/img/ravago.jpg"] {
            max-width: 60%;
        }

        #logoClienteHome[src="../Content/img/LogoHEADHUNTERS.jpg"] {
            max-width: 120%;
        }

        #logoClienteHome[src="../Content/img/Unlimit_Logo.png"] {
            max-width: 85%;
        }

        #logoClienteHome {
            max-width: 100%;
        }

        #logoClientePoliza {
            max-width: 100%;
        }

            #logoClientePoliza[src="../Content/img/logoAuditorio.png"] {
                max-width: 80%;
            }

            #logoClientePoliza[src="../Content/img/logoPando.jpg"] {
                max-width: 40%;
            }

            #logoClientePoliza[src="../Content/img/logocity.png"] {
                max-width: 50%;
            }

            #logoClientePoliza[src="../Content/img/ravago.jpg"] {
                max-width: 35%;
            }

            #logoClientePoliza[src="../Content/img/logoGWM.png"] {
                max-width: 35%;
            }

            #logoClientePoliza[src="../Content/img/logoIconex.jpg"] {
                max-width: 50%;
            }

            #logoClientePoliza[src="../Content/img/LogoHEADHUNTERS.jpg"] {
                max-width: 70%;
            }

            #logoClientePoliza[src="../Content/img/Unlimit_Logo.png"] {
                max-width: 45%;
            }

        #TablaMov {
            max-width: 20%;
        }

        #TablaUsu {
            max-width: 25%;
        }

        .navbar-nav {
            /*        display: flex;
*/ justify-content: center;
            align-items: center;
        }

            .navbar-nav h2 {
                text-align: center; /* Centra horizontalmente el texto */
                margin: 0; /* Elimina todos los márgenes */
            }

        .username-container {
            text-align: center;
        }

        .modal-lg {
            max-width: 700px;
        }

        .offset-md-2 {
            margin-left: 16.666667%;
        }

        .col-md-4 {
            flex: 0 0 33.333333%;
            max-width: 23.333333%;
        }

        .col-md-5 {
            flex: 0 0 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .float {
            width: 60px;
            height: 60px;
            font-size: 30px;
            border-radius: 30px;
        }
    }
    /* Estilos para pantallas más pequeñas que 768px */
    @media (max-width: 767px) {
        #logoCliente {
            max-width: 40%;
        }
        #menuPrincipal{
            margin-top:35%;
        }
        #logoCliente[src="../Content/img/ravago.jpg"] {
            max-width: 25%;
        }

        #logoClienteHome[src="../Content/img/logoPando.jpg"] {
            max-width: 15%;
        }

        #logoClienteHome[src="../Content/img/logoIconex.jpg"] {
            max-width: 30%;
        }

        #logoClienteHome[src="../Content/img/ravago.jpg"] {
            max-width: 15%;
        }

        #logoClienteHome[src="../Content/img/logoGWM.png"] {
            max-width: 12%;
        }

        #logoClienteHome[src="../Content/img/Unlimit_Logo.png"] {
            max-width: 25%;
        }

        #logoClienteHome {
            max-width: 30%;
        }

        #logoClientePoliza[src="../Content/img/ravago.jpg"] {
            max-width: 15%;
        }

        #logoClientePoliza[src="../Content/img/logoGWM.png"] {
            max-width: 15%;
        }

        #logoClientePoliza[src="../Content/img/logoIconex.jpg"] {
            max-width: 25%;
        }

        #logoClientePoliza[src="../Content/img/Unlimit_Logo.png"] {
            max-width: 25%;
        }

        #logoClientePoliza {
            max-width: 30%;
        }

        #TablaMov {
            max-width: 100%;
            margin-top: 50px;
        }

        #TablaUsu {
            max-width: 100%;
        }

        .navbar-nav h2 {
            text-align: center;
        }

        .username-container {
            text-align: center;
        }

        .modal-lg {
            max-width: 100%;
        }

        .offset-md-2 {
            margin-left: 14.666667%;
        }

        .col-md-4 {
            flex: 0 0 33.333333%;
            max-width: 23.333333%;
        }

        .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .modal-dialog {
            margin: 1.75rem auto;
        }

        .col-md-5 {
            flex: 0 0 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .float {
            bottom: 5%;
        }
    }
    /* Estilos para pantallas muy pequeñas, como teléfonos */
    @media (max-width: 480px) {
        #logoCliente {
            max-width: 40%;
        }
        #menuPrincipal {
            margin-top: 35%;
        }

        #logoClienteHome[src="../Content/img/logoPando.jpg"] {
            max-width: 25%;
        }

        #logoClienteHome[src="../Content/img/ravago.jpg"] {
            max-width: 25%;
        }

        #logoClienteHome[src="../Content/img/logoGWM.png"] {
            max-width: 20%;
        }

        #logoClienteHome[src="../Content/img/LogoHEADHUNTERS.jpg"] {
            max-width: 45%;
        }

        #logoClienteHome {
            max-width: 40%;
        }

        #logoClientePoliza {
            max-width: 40%;
        }

            #logoClientePoliza[src="../Content/img/logoPando.jpg"] {
                max-width: 20%;
            }

            #logoClientePoliza[src="../Content/img/ravago.jpg"] {
                max-width: 23%;
            }

            #logoClientePoliza[src="../Content/img/logoGWM.png"] {
                max-width: 20%;
            }

            #logoClientePoliza[src="../Content/img/logoIconex.jpg"] {
                max-width: 30%;
            }

        #TablaMov {
            max-width: 100%;
        }

        #TablaUsu {
            max-width: 100%;
        }

        .navbar-nav h2 {
            text-align: center;
        }

        .username-container {
            text-align: center;
        }

        .modal-lg {
            max-width: 370px;
        }

        .offset-md-2 {
            margin-left: 2.666667%;
        }

        .col-md-4 {
            flex: 0 0 35.333333%;
            max-width: 45.333333%;
        }

        .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%;
            overflow: auto;
        }

        .col-md-5 {
            flex: 0 0 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .modal-dialog {
            margin: 1.75rem auto;
        }

        .float {
            bottom: 5%;
        }
    }


    @media (min-width: 576px) {
        .navbar-expand-sm .navbar-nav .nav-item {
            flex: 1; /* Hacer que los elementos de navegación ocupen el mismo espacio */
            display: flex;
            justify-content: center; /* Centrar horizontalmente los elementos de navegación */
        }
    }