.banner-contact{
    background: var(--banner);
    border-radius: 0px 0px 60px 60px;
    padding-top: 300px;
    padding-bottom: 120px;
    background-position: bottom;
    background-size: cover;
}

.banner-contact h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "mitr";
    color: #fff;
    font-weight: 600;
    gap: 10px;
    font-size: 40px;
}


.logitos img {
    max-width: 36px;
}

.banner-contact h3 {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: "mitr";
}

section#contacto {
    margin-top: 100px;
}

.titulo-frijol {
    background: var(--frijol);
    background-repeat: no-repeat;
    background-size: contain;
    color: #C4D600;
    font-size: 20px;
    font-family: "Mitr";
    background-position-x: 43px;
}

.titulo-frijol h5 {
    padding: 36px 0px;
    font-weight: 400;
}

#contacto h2 {
    font-family: "Mitr";
    font-size: 30px;
    margin-top: -27px;
    font-weight: 600;
}

.form-contacto input:not([type="radio"]):not([type="checkbox"]) {
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-radius: 21px;
    padding: 10px 20px;
    border: 0px;
    font-family: "catamaran";
    margin-bottom: 20px;
    color: #222;
    width: 100%;
}

textarea#textolargo {
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-radius: 21px;
    padding: 20px 20px;
    border: 0px;
    font-family: "catamaran";
    margin-bottom: 20px;
    color: #222;
    width: 100%;
    height: 100px;
}

button.enviarform {
    background: #00E0B0 0% 0% no-repeat padding-box;
    border-radius: 36px;
    border: 0px;
    padding: 10px 20px;
    width: 130px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    font-family: "mitr";
    align-items: center;
}

button.enviarform:hover{
    background-color: #12C3B5;
}

.form-check.form-check-inline {
    padding-top: 12px;
}

input#accepterminos {
    margin-right: 5px;
}
.de-check {
    font-size: 15px;
    font-family: "catamaran";
}

.de-check a {
    margin-left: 25px;
    /* margin-top: -10px; */
    color: #C4D600;
    font-weight: 500;
}

.form-check-input:checked {
    background-color: #005744;
    border-color: #005744;
}

.form-check-input:focus {
    border-color: #005744;
    box-shadow: 0 0 0 0.25rem #00574466;
}

section.datos-extra {
    padding-top: 182px;
    margin-top: 39px;
    background-position-y: top;
    background-size: 1149px;
    padding-bottom: 171px;
    background-color: #fff;
}

.datos-extra {
    background: var(--frijol-fondo);
    background-position: center;
    background-repeat: no-repeat;
}

.datos-extra h3 {
    text-align: center;
    font-weight: 600;
    font-family: "Mitr";
    font-size: 40px;
    max-width: 536px;
    margin: auto;
    margin-top: -54px;
    padding-bottom: 24px;
}

.contenedor-extra.row {
    max-width: 777px;
    margin: auto;
}

.contenido-card-contact {
    display: flex;
    gap: 17px;
}

.cont-contact p {
    font-size: 14px;
    font-family: 'Catamaran';
    margin-bottom: 0px;
    line-height: 17px;
}

.cont-contact h6 {
    font-family: "mitr";
    color: #005744;
}

.datos-extra a.link-a {
    margin-top: 15px !important;
    display: block;
    color: #005744;
    text-decoration: none;
    font: normal normal normal 18px/22px Mitr;
}

.datos-extra a.link-a:hover{
    color: #C4D600;
}

a.link-a::after{
    content: "";
    background-image: url(/wcm/connect/2d1b0519-362c-43dd-9208-ca7fafb6419c/icons8-flecha-derecha-24.png?MOD=AJPERES);
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: 10px;
}

a.link-a:hover::after{
    content: "";
    background-image: url(/wcm/connect/833e2139-127c-44c5-84f3-421e67a66550/icons8-flecha-derecha-50.png?MOD=AJPERES);
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: 10px;
    background-size: contain;
}


@media screen and (max-width:700px) {
    .banner-contact {
        padding-top: 206px;
        padding-bottom: 50px;
    }
    .banner-contact h1 {
        font-size: 21px;
    }
    .logitos img {
        max-width: 27px;
    }
    .banner-contact h3 {
        font-size: 16px;
    }
    #contacto h2 {
        font-size: 22px;
        margin-top: -22px;
        font-weight: 600;
        margin-bottom: 35px;
        text-align: center;
    }
    section#contacto {
        margin-top: 40px;
    }
    .titulo-frijol {
        text-align: center;
        background-position: center;
    }

    .form-check.form-check-inline {
        padding-top: 12px;
        margin-bottom: 20px;
    }
    button.enviarform {
        margin-right: auto;
        margin-top: 29px;
    }
    .datos-extra h3 {
        font-size: 27px;
    }
    .contenedor-extra.row {
        max-width: 777px;
        margin: auto;
        gap: 41px;
    }
    .contenido-card-contact img {
        max-width: 71px;
    }
    section.datos-extra {
        padding-top: 135px;
        margin-top: 68px;
        background-position-y: bottom;
        background-size: 1948px;
        padding-bottom: 96px;
    }
    .cont-contact h6 {
        font-size: 20px;
    }
    table tr:nth-child(odd) td {
        background: #d7d7d7;
    }
    table tr:nth-child(odd) td:nth-child(1) {
        border-radius: 20px 0px 0px 20px;
    }
    table tr:nth-child(odd) td:last-child(1) {
        border-radius: 20px 0px 0px 20px;
    }
}