/* Portatil 1024px */
/* Ventana iniciar sesión */
@media screen and (max-width: 1024px){
    #ventana-iniciar-sesion{
        background-color: var(--fondoblanco);
        position: absolute;
        top: 20%;
        left: 29% !important;
        border-radius: 12px;
        padding: 30px 80px;
        width: 44% !important;
    }
}

/* Tablet 768px */
/* Sección servicios */
@media screen and (max-width: 768px){
    .primera-fila-iconos>img{
        width: 100px;
    }
    .segunda-fila-iconos>img{
        width: 100px;
    }
    .contenedor-menu-items-footer{
        margin-top: 0px !important;
    }
}
/* Ventana iniciar sesión */
@media screen and (max-width: 768px){
    #ventana-iniciar-sesion{
        background-color: var(--fondoblanco);
        position: absolute;
        top: 20%;
        left: 22% !important;
        border-radius: 12px;
        padding: 30px 80px;
        width: 58% !important;
    }
    /* formulario pagina de registro */
    .formulario-registrate{
        width: 80% !important;
        padding: 10px 20px;
    }
}

/* Móvil 425px */
/* Formulario página registrate */
@media screen and (max-width: 492px){
    .formulario-registrate{
        width: 100% !important;
        padding: 10px 20px;
    }
    #ventana-iniciar-sesion{
        background-color: var(--fondoblanco);
        position: absolute;
        top: 20%;
        left: 5% !important;
        border-radius: 12px;
        
        width: 90% !important;
    }
}
/* Movil 375px */
@media screen and (max-width: 376px){
    #ventana-iniciar-sesion{
        background-color: var(--fondoblanco);
        position: absolute;
        top: 20%;
        left: 2% !important;
        border-radius: 12px;
        padding: 30px 24px !important;
        width: 96% !important;
    }
    #boton-cerrar{
        width: 28px !important;
        right: 18px ;
    }
}

/* Movil 320px */
/* Ventana iniciar sesión */
@media screen and (max-width: 320px){
    #ventana-iniciar-sesion{
        background-color: var(--fondoblanco);
        position: absolute;
        top: 20%;
        left: 2% !important;
        border-radius: 12px;
        padding: 30px 20px;
        width: 96% !important;
    }
    #boton-cerrar{
        width: 28px;
        right: 16px;
    }
}