/* Tipografía global: solo Open Sans */
body, input, button, select, textarea, a, h1, h2, h3, h4, h5, h6, p, label, li {
    font-family: 'Open Sans' !important;
}


.botton1 {
    background-image: url(../../fonts/Volver.svg);
    background-color: darkblue;
    background-size: 25px;
    background-position-y: center;
    background-position-x: 10%;
    background-repeat: no-repeat;
    width: 100%;
    height: 60px;
    border-bottom: 5px;
    border-bottom-color: lightgray;
    padding: 20px 20px;
    vertical-align: middle !important;
}

.botton2 {
    background-image: url(../../fonts/AfiliacionesOficio.svg);
    background-color: #FAF8F7;
    background-repeat: no-repeat;
    width: 100%;
    height: 60px;
    border: 5px;
    border-bottom: 5px;
    border-bottom-color: black;
    padding: 20px 20px;
    vertical-align: middle !important;
}

.botton3 {
    background-image: url(../../fonts/download.svg);
    background-size: 25px;
    background-position-y: 10px;
    background-position-x: center;
    background-color: #FAF8F7;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    border: 5px;
    border-bottom: 5px;
    border-bottom-color: black;
    padding: 55px 20px;
    padding-right: 30px;
}

.botton4 {
    background-image: url(../../fonts/upload.svg);
    background-size: 25px;
    background-position-y: 10px;
    background-position-x: center;
    background-color: #FAF8F7;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    border: 5px;
    border-bottom: 5px;
    border-bottom-color: black;
    padding: 45px 20px;
    padding-left: 30px;
}

.container1 {
    padding-top: 50px !important;
}

.div1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 20px !important;
}

/*css Afiliacion.aspx*/
.bottontitulo {
    background-color: darkblue;
    width: 100%;
    height: 40px;
    border-bottom: 5px;
    border-bottom-color: lightgray;
    vertical-align: middle !important;
    margin-top: 5px;
}

h5 {
    color: cornflowerblue !important;
    font-size: medium !important;
}

.hr1 {
    border-color: black !important;
}

.white {
    background-color: white !important;
    height: 10px;
}

.control-label {
    font-size: small !important;
    padding-left: 30px !important;
}

.imgLabel1 {
    background-image: url(../../fonts/Icono_documento.svg);
    background-size: 25px;
    background-position-x: left;
    background-repeat: no-repeat;
}

.imgLabel2 {
    background-image: url(../../fonts/Icono_Buzon.svg) !important;
    background-size: 25px;
    background-position-x: left;
    background-repeat: no-repeat;
}

.imgLabel3 {
    background-image: url(../../fonts/Icono_Telefono.svg);
    background-size: 21px;
    background-position-x: left;
    background-repeat: no-repeat;
}

.rcorners1 {
    border-radius: 1px !important;
    border-width: 2px;
    border-color: lightgray;
}

.label1 {
    color: cornflowerblue !important;
    font-size: medium !important;
}

.btnUpload1 {
    background-color: darkblue !important;
    color: white !important;
    border-radius: 20px !important;
}

.btnFinal1 {
    background-color: darkblue !important;
    color: white !important;
    border-radius: 20px !important;
    width: 200px !important;
}

.btnPopup {
    background-color: darkblue !important;
    color: white !important;
    border-radius: 20px !important;
    width: 200px !important;
    position: center !important;
}

.h6 {
    text-align: center;
}
/* Pie de página */
.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%; /* 
    background-color: #ffffff; /*  fondo blanco */
    text-align: center;
    margin-top: 60px;
    padding: 40px 0; /* altura del pie */
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    overflow: visible !important; /* ✅ permite que los menús se expandan sobre el footer */
    z-index: 1 !important;
}

select, .form-control {
    position: relative !important;
    z-index: 100 !important;
}

.swal2-container,
.modal,
#panelUpdateProgress {
    z-index: 9999 !important;
}

/* Logo dentro del pie */
.logo-footer {
    width: 1200px; /* tamaño del logo */
    max-width: 90%; /* se adapta a pantallas pequeñas */
    height: auto;
    opacity: 0.95;
    display: block;
    margin: 0 auto; /* 
}