/* Para las imágenes de logo */
.logoH, .logoN {
    display: none;
    transition: opacity 0.3s ease;
}

header.background-header .logoH {
    display: block;
    opacity: 1;
}

header.background-header .logoN {
    display: none;
}

header:not(.background-header) .logoN {
    display: block;
    opacity: 1;
}

header:not(.background-header) .logoH {
    display: none;
}

/* end */
.hidden {
    display: none;
}

label {
    color: #2a2a2ae8 !important;
    font-weight: 600 !important;
}

.convocatoria {
    min-height: 23vmin;
    margin-top: 55px;
}

.contact-us-content {
    padding: 60px 60px 22px 60px !important;
}

.section-heading.form-post {
    margin-bottom: 30px !important;
}

.section-heading.contact {
    margin-bottom: 0px !important;
}

.btn-post {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    padding: 8px 32px;
    background-color: #4be955;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.75rem;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.btn-post:hover {
    background-color: #94f496;
}

.btn-post:active {
    background-color: #5fc146;
}

.btn-post:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(122, 234, 137, 0.5), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}


.btn-custom-d {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    /* px-4 py-2 equivalent */
    background-color: #e3342f;
    /* bg-red-600 */
    border: 1px solid transparent;
    /* border border-transparent */
    border-radius: 0.375rem;
    /* rounded-md */
    font-weight: 600;
    /* font-semibold */
    font-size: 0.75rem;
    /* text-xs */
    color: #ffffff;
    /* text-white */
    text-transform: uppercase;
    /* uppercase */
    letter-spacing: 0.1em;
    /* tracking-widest */
    transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
    /* transition ease-in-out duration-150 */
}

.btn-custom-d:hover {
    background-color: #f56565;
    /* hover:bg-red-400 */
}

.btn-custom-d:active {
    background-color: #c53030;
    /* active:bg-red-700 */
}

.btn-custom-d:focus {
    outline: none;
    /* focus:outline-none */
    box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.5), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    /* focus:ring-2 focus:ring-red-500 focus:ring-offset-2 */
}

.logoH {
    display: none;
}

.logoN.hide {
    display: none;
}

.logoH.show {
    display: block;
}

.logoN {
    left: 30px;
    top: 9px;
    position: absolute;
    max-width: 171px;
    border-color: #e6e6e6;
    background: transparent;
}

.logoH {
    padding: 10px 15px;
    max-width: 150px;
    line-height: 45px;
    border-color: #e6e6e6;
    background: transparent;
    position: absolute;
}

.w-input {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    color: #424243 !important;
    margin-bottom: 12px !important;
    padding: 8px !important;
    width: 100% !important;
}



.btn-send {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    padding: 8px 32px;
    /* px-8 py-2 equivalent */
    background-color: rgb(56, 111, 177);
    /* bg-pink-400 */
    border: 1px solid transparent;
    /* border border-transparent */
    border-radius: 0.375rem;
    /* rounded-md */
    font-weight: 600;
    /* font-semibold */
    font-size: 0.75rem;
    /* text-xs */
    color: rgb(255, 255, 255);
    /* text-white */
    text-transform: uppercase;
    /* uppercase */
    letter-spacing: 0.1em;
    /* tracking-widest */
    transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
    /* transition ease-in-out duration-150 */
}

.btn-send:hover {
    background-color: rgb(174, 203, 234);
    /* hover:bg-pink-300 */
}

.btn-send:active {
    background-color: rgb(41, 74, 119) ;
    /* active:bg-pink-600 */
}

.btn-send:focus {
    outline: none;
    /* focus:outline-none */
    box-shadow: 0 0 0 0.2rem rgb(174, 203, 234), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    /* focus:ring-2 focus:ring-pink-400 focus:ring-offset-2 */
}

.more-info .what {
    padding: 9px 11px 8px 12px !important;
}

.more-info .icons .face {
    padding: 9px 14px 8px 14px
}

.more-info .icons .linke {
    padding: 9px 10px 8px 12px
}

.more-info .icons .twitter {
    padding: 9px 9px 8px 10px;
}

.more-info .icons .youtube {
    padding: 9px 8px 8px 9px;
}

.more-info .icons .ins {
    padding: 9px 12px 8px 12px;
}

.icons {
    margin-bottom: 32px !important;
}

.contact h5 {
    color: #fff;
}

.erros-validation {
    color: red;
    top: -11px;
    position: relative;
    margin-left: 9px;
}

@media (max-width: 998px) {
    .label-t {
        padding-left: 1px !important;
    }
}

@media (min-width: 993px) {
    .contact h5 {
        margin-bottom: 24px;
    }
}

@media (min-width: 992px) {
    .contacto-mail {
        margin-left: 36px;
    }

}

@media (min-width: 767px) {

    .more-info .icons .linke {
        margin-left: 17px
    }

    .more-info .icons .twitter {
        margin-left: 17px
    }

    .more-info .icons .youtube {
        margin-left: 17px
    }

    .more-info .icons .ins {
        margin-left: 17px
    }
}

.form-check-inline {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

/* Ajusta el espaciado en pantallas pequeñas */
@media (max-width: 576px) {
    .form-check-inline {
        flex-direction: row;
    }

    /* Ajuste de la etiqueta para que no se superponga */
    .form-check-label {
        margin-left: 5px;
    }
}

@media (max-width: 480px) {
    .contact-us-content {
        padding: 30px 35px 0px 35px !important;
    }

}