body {
    display: flex;
    flex-direction: column;
    font-family: dm Sans;
}

input, span, button, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
} 

.logo-img {
    border-radius: 10px;
}

@media only screen and (max-device-width: 812px) and (orientation: portrait) {
    .logo-img {
        max-width: 130px !important; /* Reduce tamaño en móvil */
        margin: 0 auto 20px !important; /* Ajusta márgenes */
    }
}

/*@media (max-width: 767px) {
    .logo-img {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}*/


.logo {
    align-self: flex-start !important; /* Evita estiramiento vertical [5] */
}


.form-bottom-btn a {
    font-size: 15px;
    text-decoration: underline;
}

.footer {
    text-align: center;
}

.footer-sec3 {
    text-align: right !important;
}

.footer-sec a {
    text-align: left;
}

.footer-sec1 a, .footer-sec3 a {
    font-size: 13px;
    text-decoration: underline;
}

.footer-sec2 p {
    font-size: 13px;
    font-weight: 400;
    color: #000 !important;
}

.enviar-btn {
    background: #136AB1;
    color: #fff;
}

.enviar-btn:hover {
        background: #d87213;
        color: white;
    }

.text-xs-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
    transform: scale(0.80);
    transform-origin: 0 0;
    width: 100%;
    max-width: 100%;
}

#divrecaptcha {
    transform: scale(0.84);
    transform-origin: 0 0;
}

#divrecaptcha, #rc-imageselect {
    transform: scale(0.84);
    transform-origin: 0 0;
}

.spinner-border {
    display: none; /* Oculto por defecto */
    width: 0.75rem;
    height: 0.75rem;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}