#contacto-cabecera {
    background-color: var(--gris-esparta);
    padding: 135px 0px 50px;
}

#contacto-cabecera h1 {
    margin: 0;
    font-size: clamp(2rem, 5vw, 8rem);
    text-transform: uppercase;
    z-index: 2;
}

#contacto-cabecera h2 {
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 8rem);
    font-weight: 200;
    font-style: italic;
    z-index: 2;
}

#contacto-cabecera img {
    max-width: 580px;
    top: -70px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
}

@media (max-width: 1200px) {
    #contacto-cabecera h1 {
        font-size: clamp(5rem, 5vw, 6rem);
        text-align: center;
    }

    #contacto-cabecera h2 {
        font-size: clamp(2rem, 6vw, 6rem);
        text-align: center;
    }

    #contacto-cabecera img {
        top: -50px;
    }
}

@media (max-width: 768px) {
    #contacto-cabecera h1 {
        font-size: clamp(3rem, 5vw, 6rem);
    }

    #contacto-cabecera h2 {
        font-size: clamp(2rem, 7vw, 6rem);
    }

    #contacto-cabecera img {
        max-width: 320px;
        top: -50px;
    }
}


#contacto-formulario {
    padding: 50px 0;
}

#contacto-formulario h2 {
    text-transform: uppercase;
    text-wrap: balance;
}

#contacto-formulario .listado {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 50px;
}

#contacto-formulario .listado div {
    display: flex;
    gap: 20px;
}

#contacto-formulario .listado img {
    filter: invert(100%);
}

#contacto-formulario .listado a {
    color: var(--negro-esparta);
}