.mail-contacto{
    color: var(--color-negro-optimizado );
    text-decoration: none;
  }


.mail-contacto h1:hover{
    color: var(--color-diamo);
    text-decoration: none;
}

.contacto-container{
    display: flex;
    flex-direction: column;
    gap: 6em;
    padding-top: 4em;
    padding-bottom: 20em;
}

.webs-contacto{
    font-family: var(--font-regular);
    font-size: var(--font-tamaño-aa);
    color: var(--color-negro-optimizado );

    display: flex;
    flex-direction: row;
    gap: 14.6em;
}

.container-interno{
    display: flex;
    flex-direction: column;
    gap: 1em;
} 

/* .container-interno p{
    font-weight: bold;
} */

.webs-contacto p{
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.webs-contacto a{
    text-decoration: none;
    color: var(--color-negro-optimizado );

}

.webs-contacto a:hover{
    text-decoration: none;
    color: var(--color-diamo);
}

.cv{
    font-weight: bold;
}







@media screen and (max-width: 1465px) {

    .webs-contacto {
        font-family: var(--font-regular);
        /* font-size: 10pt; */
        text-wrap: pretty;
        gap: 12em;
    }
}

@media screen and (max-width: 1323px) {
    .webs-contacto {
        /* font-family: var(--font-regular);
        font-size: var(--font-tamaño-aa);
        color: var(--color-negro-optimizado);
        display: flex;
        flex-direction: column; */
        gap: 10em;
    }
}

@media screen and (max-width: 877px) {
    .webs-contacto{
        gap: 8em;
    }

}

@media screen and (max-width: 770px) {

    .webs-contacto{
        gap: 6em;
    }
}

@media screen and (max-width: 680px) {

    .webs-contacto{
        flex-direction: column;
        gap: 2em;
    }

    .contacto-container{
        padding-bottom: 10em;
    }
}