h1, p{
    font-family: Lato-Regular;
    color: #031628;
    max-width: calc(60% + 80px);
}

/* Oculta las flechas en los navegadores Chrome, Safari y Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Oculta las flechas en Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/*====================*/
.secc1-banner{
    background-image: url('../img/escribenos/slider.jpg');
    height: 490px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.secc1-redes{
    position: absolute;
    bottom: 10%;
    left: 9%;
    display: flex;
    gap: 20px;
}
.seccion-1-titulo{
    color: white;
    padding: 0 20px;
    text-align: center;
    font-family: Leigo;
    font-size: calc(1.2rem + 1.2vw);
}

/*====================*/
.secc2{
    margin-top: 80px;
}
.secc2-tabla{
    display: flex;
    padding: 0 60px;
    max-width: 1385px;
    gap: 40px;
}
.secc2-subtabla{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.secc2-formulario{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}
.form-control{
    border: solid 2px #B6AA93;
    border-radius: 5px;
    padding: 1rem;
    width: calc(60% + 80px);
    background-repeat: no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;

    background-position: 98%;
    padding-right: 40px;
}
.form-control:focus {
    border-color: #031628;
    box-shadow: none;
}
.form-control:focus::placeholder {
    color: #031628;
}

.form-control::placeholder {
    color: #B6AA93;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.form-nombres{
    background-image: url('../img/escribenos/4.png');
}
.form-nombres:focus {
    background-image: url('../img/escribenos/4(n).png');
}
.form-celular{
    background-image: url('../img/escribenos/3.png');
}
.form-celular:focus {
    background-image: url('../img/escribenos/phone.png');
}
.form-correo{
    background-image: url('../img/escribenos/2.png');
}
.form-correo:focus {
    background-image: url('../img/escribenos/mail-02.png');
}
.form-asunto{
    background-image: url('../img/escribenos/1.png');
}
.form-asunto:focus {
    background-image: url('../img/escribenos/chevron-down.png');
}
#asunto {
    -webkit-transition: none;
    transition: none;
}
#asunto option:first-child {
    color: #B6AA93;
}
#asunto option:not(:first-child) {
    color: black;
}


.btn-formulario{
    background-color: #C66A1F;
    width: calc(60% + 80px);
    padding: 10px;
    color: white;
    font-size: 1.5rem;
    box-shadow: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.btn-formulario:hover{
    color: white;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    border-radius: 0;
}
/*==========SECCIÓN 3==========*/
.secc3{
    position: relative;
    margin-top: 80px;
    text-align: end;
}
.secc3 img{
    width: 250px;
    position: absolute;
    z-index: -1;
    right: 100px;
    top: -290px;
}
/*==========RESPONSIVE==========*/
@media(max-width: 992px)
{
    .secc2-tabla {
        flex-direction: column;
        padding: 0 20px;
    }
    .secc2-subtabla{
        width: 100%;
    }
    .form-control {
        width: 100%;
    }
    .btn-formulario {
        width: 100%;
    }
    .secc3 img{
        right: 0vw;
    }
    .secc2-subtabla img{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .secc3 img{
        top: -270px;
    }
}
@media (max-width: 750px) {
    .secc1-banner {
        height: calc(100vw - 280px);
    }
}
@media (max-width: 550px) {
    .secc1-banner {
        height: calc(100vw - 240px);
    }
}
@media (max-width: 490px) {
    .secc1-banner {
        height: calc(100vw - 210px);
    }
}
@media (max-width: 450px) {
    .secc1-banner {
        height: calc(100vw - 180px);
    }
}
@media (max-width: 400px) {
    .secc1-banner {
        height: calc(100vw - 150px);
    }
}
@media (max-width: 370px) {
    .secc1-banner {
        height: calc(100vw - 140px);
    }
}