/*===================================== 


YOU CAN WRIGHT CUSTOME CSS 


======================================*/
html{
    scroll-behavior: smooth;
}


@media only screen and (max-width: 991px) {
    /* Elimina la altura fija del menú móvil */
    .is-fixed .header-nav .nav {
        height: auto !important; /* Quita el height:275px */
        max-height: 80vh; /* Limita al 80% del viewport */
        overflow-y: auto; /* Permite scroll solo si es necesario */
    }
    
    /* Asegura que los submenús no desborden */
    .header-nav .nav > li .sub-menu {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        box-shadow: none;
    }
    
    /* Posiciona el selector de idiomas hacia arriba cuando está abierto */
    .container-language .sub-menu {
        bottom: 100% !important;
        top: auto !important;
    }
    
    /* Espacio adicional al final del menú */
    .header-nav .nav {
        padding-bottom: 30px;
    }
}



/* STYLES FOR LANGUAGE SELECTOR ON NAV */
.icon-language{
    font-size: 18px !important;
}

.wt-media a{
    cursor: default !important;
}

.wt-media img {
    width: 100%;          /* Ocupa todo el ancho del contenedor */
    height: 350px;        /* Altura fija (igual que tu inline style) */
    object-fit: cover;    /* Cubre el espacio sin distorsión */
    object-position: center; /* Enfoca el centro de la imagen */
}

.wt-media .project-img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain; /* Mantiene relación de aspecto */
}

.wt-title a{
    cursor: default !important;
}

/* STYLES FOR A PROJECTS LISTS */
.projects-list-selected{
    background-color: #232e35;
}

.projects-list-selected a{
    background-color: #232e35;
    color: #fff !important;
}