/*Contacto*/
.formcontato--esquerda{
    display: none;
}

.formcontato {
    background: var(--color-de-fondo-contenedores);
    margin-top: 2rem;
}

.formcontato__text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.formcontato__title {
    font-size: 22px;
}

.formcontato__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.formcontato__input, .formcontato__textarea {
    border: none;
    border-bottom: solid thin var(--color-de-letra-placeholder);
    border-radius: 3px;
    height: 2rem;
    padding: 1rem;
    font-family: var(--raleway);
    font-size: 16px;
    color: var(--color-letra-gris);
}

.formcontato__textarea {
    height: 35%;
    resize: none;
}

.formcontato__input::placeholder, .formcontato__textarea::placeholder {
    display: flex;
    align-items: flex-start;
    color: var(--color-de-letra-placeholder);
    opacity: 70%;
    font-size: 12px;
    font-family: var(--raleway);
}

.formcontato__input:focus, .formcontato__textarea:focus {
    box-shadow: 0 2px 0 0 var(--color-de-boton);
    outline: none;
}

.formcontato__input:hover, .formcontato__textarea:hover {
    box-shadow: 0 2px 0 0 var(--color-de-boton);
}

.formcontato__botao {
    width: 40%;
}

@media screen and (min-width: 1024px) {
    .formcontato {
        padding-right: calc((100% - 1200px)/2);
        padding-left: calc((100% - 1200px)/2);
    }

    .formcontato__contacto {
        display: flex;
        flex-direction: row;
        padding: 6rem 1rem;
        gap: 1rem;
    }

    .formcontato__text {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .formcontato__title {
        font-size: 32px;
        line-height: 38px;
    }

    .formcontato--esquerda {
        display: block;
    }

    .formcontato__img {
        height: 600px;
        object-fit: cover;
    }
}

/*Tablet
@media screen and (min-width: 768px) {

}*/