/**
 * Estilos para la página Nosotros
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');

.uhl-page-title {
    display: none;
}

.uhl-colaboradores li {
    margin-bottom: 5em;
}

.uhl-colaborador {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.uhl-colaborador-bio p {
    font-family: Inter;
    text-transform: none;
}

.uhl-colaborador-bio h2 {
    margin-top: 0;
    font-size: var( --uhl-font-size-giant );
}

.uhl-colaborador-img img {
    width: 100%;
}

/*
 * Otras pantallas
 */
@media ( orientation: portrait ) {
    .uhl-colaborador {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

   .uhl-colaborador > * {
        width: 100%;
    }
}

@media ( orientation: landscape ) {
    .uhl-colaborador > * {
        width: 50%;
    }

    .uhl-colaboradores li:nth-child( even ) .uhl-colaborador-img {
        order: -1;
    }

    .uhl-colaborador-bio > div {
        padding: 0 4em;
    }

    .uhl-colaborador-img {
        position: relative;
    }

    .uhl-colaboradores li:nth-child( odd ) .uhl-colaborador-img::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        height: 100%;
        width: 12vmax;
        background-image: linear-gradient( to right, black, rgba( 0, 0, 0, 0 ) );
    }
    
    .uhl-colaboradores li:nth-child( even ) .uhl-colaborador-img::after {
        position: absolute;
        top: 0;
        right: 0;
        content: '';
        height: 100%;
        width: 12vmax;
        background-image: linear-gradient( to left, black, rgba( 0, 0, 0, 0 ) );
    }
}