*{
    margin: 0px;
    box-sizing: border-box;
}
header, main, footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body {
    color: var(--color-oscuro);
}
body h1 {
    text-align: center;
    margin-top: 1.4em;
    margin-bottom: .8em;
    font-weight: 500;
    font-size: calc(var(--font-size) * 2.6);
}
p {
    font-size: var(--font-size);
}
.singularidad, .trabajo {
    border-radius: 25px;
}
/* -------- FIN DEFAULT -------- */



/* -------- INCIO VALORES -------- */
.valor {
    position: relative;
    width: 100%;
}
.valor:nth-child(4) {
    margin-bottom: 2.8em;
}
.valor:nth-child(5) {

}
.valor:nth-child(5) .valor-content {
    /* border: 2px solid green; */
}
.valor p {
    margin-bottom: 0;
}
.valor-image img {
    /* border-radius: 2.5em; */
    border-radius: 2.2em;
    width: 100%;
}
.valor-content {
    position: absolute;
    top: 0;
    left: 6em;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}
.valor-content h2 {
    margin-top: .4em;
    margin-bottom: .6em;
    font-size: calc(var(--font-size) * 2.4);
}
.valor-content:last-child {
    /* width: 40%; */
}
.valores > p {
    text-align: center;
    margin-top: 2.6em;
    margin-bottom: 2em;
}
/* -------- INCIO VALORES -------- */



/* -------- INCIO SINGULARIDADES -------- */
.singularidades {
    font-size: calc(var(--font-size));
    display: flex;
    justify-content: center;
    margin-top: 4.5em;
    flex-wrap: wrap;
    gap: 32px;
}
.singularidad {
    text-align: center;
    width: 18.75em;
    background-color: antiquewhite;
    padding: 2.5em;
    margin-bottom: 2em;
}
/* -------- FIN SINGULARIDADES -------- */



/* -------- INCIO GERENTES -------- */
.contenedor-gerentes {
    margin-top: 60px;
    margin-bottom: 80px;
}
.contenedor-gerentes > h2 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}
.contenedor-gerentes h3 {
    font-size: 22px;
}
.gerentes {
    display: flex;
    justify-content: space-evenly;
}
.gerente-image {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.gerente img {
    border-radius: 50%;
    width: 165px;
    margin: 0 auto;
}
.gerentes ul {
    display: flex;
    flex-direction: column;
}
.gerente:last-child ul {
    list-style: none;
}
/* -------- FIN GERENTES -------- */



/* -------- INCIO TRABAJO -------- */
main .contenedor:last-child {
    margin-bottom: 120px;
}

.trabajo {
    font-size: var(--font-size);
    position: relative;
    width: 100%;
}

.trabajo h2 {
    font-size: calc(var(--font-size) * 1.925);
    line-height: 1.5em;
    font-weight: 425;
}

.trabajo-image {
    position: relative;
    z-index: 1;
}

.trabajo-image > img {
    width: 100%;
    border-radius: 2em;
}

.trabajo-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    color: white;
    display: flex;
    padding: 0 8em;
    padding-top: 4em;
    padding-bottom: 2.5em;
}

.trabajo-content-title {
    /* border: 2px solid red; */
    max-width: 30em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.trabajo-content-title > h2:last-child {
    max-width: 10em;
}

.trabajo-content-text {
    padding-left: 2em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 25em;
}

.trabajo-button {
    /* border: 2px solid green; */
    display: flex;
}

.trabajo-content a {
    background-color: #666666;
    border: 1px solid #666666;
    color: white;
    display: block;
    /* width: 19em; */
    padding: .5em 1.8em;
    border-radius: .5em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .4s;
}

.trabajo-content a:hover {
    text-decoration: none;
    color: #666666;
    background-color: white;
    transition: all .4s;
}

.trabajo-button {
    margin-top: 1.5em;
}

.trabajo button {
    background-color: #666666;
    color: white;
}
/* -------- FIN TRABAJO -------- */



@media (max-width: 1250px) {
    .valor-content {
        left: 5vw;
        width: 55%;
    }
    .valor:nth-child(5) .valor-content {
        width: 50%;
    }
    .trabajo h2 {
        font-size: calc(var(--font-size) * 1.7);
    }
}
@media (max-width: 1100px) {
    body h1 {
        font-size: calc(var(--font-size) * 2.4);
    }
    .valor-content h2 {
        font-size: calc(var(--font-size) * 2.2);
    }
    .valor-content p, .valor-content span {
        font-size: calc(var(--font-size) * .95);
    }
    .trabajo h2 {
        font-size: calc(var(--font-size) * 1.6);
    }
    .trabajo-content {
        padding: 0 6em;
        align-items: center;
    }
}
@media (max-width: 950px) {
    .trabajo-content {
        padding: 0 4em;
        align-items: center;
    }
}

@media (max-width: 900px) {
    :root {
        --font-size: .85rem;
    }
    .trabajo-button {
        margin-top: .5em;
    }
}
@media (max-width: 800px) {
    body h1 {
        font-size: calc(var(--font-size) * 2.2);
    }
    .valor-content h2 {
        font-size: calc(var(--font-size) * 1.6);
        margin-bottom: .2em;
    }
    .valor-image img {
        border-radius: 1.8em;
    }
    .trabajo h2 {
        font-size: calc(var(--font-size) * 1.5);
        line-height: 1.25em;
        font-weight: 425;
    }
    .trabajo-content {
        padding: 0 2em;
        align-items: center;
    }
    .trabajo {
        height: 16em;
        /* border: 2px solid green; */
    }
    .trabajo-image {
        height: 100%;
    }
    .trabajo-image > img {
        /* border: 2px solid blue; */
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .trabajo-info > p {
        margin-bottom: .5em;
    }
}
@media (max-width: 600px) {
    :root {
        --font-size: .75rem;
    }
    .valor-image img {
        border-radius: 1.5em;
    }
    .contenedor-gerentes {
        display: none;
    }
    body h1 {
        font-size: calc(var(--font-size) * 2);
    }
    .valor-content h2 {
        font-size: calc(var(--font-size) * 1.4);
    }
    .valor-content {
        left: 4vw;
        width: 62%;
    }
    .valor:nth-child(5) .valor-content {
        width: 55%;
    }
}

@media (max-width: 500px) {
    :root {
        --font-size: .70rem;
    }
    body h1 {
        font-size: calc(var(--font-size) * 1.9);
    }
    .valor-content {
        left: 3vw;
        width: 65%;
    }
    .valor:nth-child(5) .valor-content {
        width: 50%;
    }
    .valor-image img {
        border-radius: 1.2em;
    }
}
@media (max-width: 450px) {
    .valor {
        height: 9.5em;
    }
    .valor-image {
        width: 100%;
        height: 100%;
    }
    .valor img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 75%;
    }
    .valor:nth-child(5) {
        height: 12.5em;
    }

    .valor:nth-child(4) {
        height: 12.5em;
    }

    .valor:nth-child(5) img {
        object-position: 72.5%;
    }
    .valor:nth-child(5) .valor-content {
        width: 47%;
    }
    .trabajo {
        height: 18em;
    }
    .trabajo-content a {
        width: 10em;
        padding: .5em 1em;
    }
}
@media (max-width: 350px) {
    .valor {
        height: 10em;
    }
    .valor-content {
        width: 60%;
    }
    .trabajo-content {
        padding: 0 3vw;
    }
    .trabajo h2 {
        font-size: calc(var(--font-size) * 1.35);
        line-height: 1.25em;
        font-weight: 425;
    }
    .trabajo p {
        font-size: calc(var(--font-size) * .95);
    }
}