/* ./variables.css */
:root {
    
    /* colores */
    --azul-1: #102850;
    --azul-2: #1552DA;
    --azul-3: #0966FF;
    --azul-4: #00619F;
    --blanco-1: #FFFFFF;
    --celeste-1: #0966FF;
    --celeste-2: #CCDCF596;
    --gris-1: #7C7777;
    --gris-2: #D9D9D9;
    --gris-3: #F5F5F5;
    --gris-4: #F6F6F6;
    --negro-1: #000000;
    --negro-2: #1F110C;
    
    /* dimensiones */
    --radio-1: 15px;
    --radio-2: 10px;
    
    /* efectos */
    --gradiente-1: linear-gradient(180deg, #D9D9D9 0%, #F1F0EF 10%);
    --sombra-1: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --sombra-2: 0px 4px 10px rgba(0, 0, 0, 0.25);
    --sombra-3: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

/* ./utils.css */
.transition {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: background-color .3s ease-out,
                color .3s ease-out;
}

.square-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.square-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.square-content {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

/* ./body.css */
html, body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body {    
    font-family: Open Sans, Arial;
    padding-top: 112px;
}

body.page--no-nav {
    padding-top: 0;
}

main {
    flex: auto;
}
/* ../../Templates/nav/styles.css */
.page__nav {
    background-color: var(--blanco-1);
    border-bottom: 1px solid var(--blanco-1);
    box-shadow: var(--sombra-1);
    padding-top: 25px;
}

.page__nav-menu .navbar-nav {
    margin-left: auto;
}

.page__nav-menu .nav-link {
    color: var(--negro-1);
    font-size: 14px;
    font-weight: bold;
}

.page__nav-menu .page__nav-icon {
    display: inline-block;
}
.page__nav-icon--loading {
    /* no mostrar el ícono mientras se carga la página, puede aparecer medio desacomodado */
    display: none !important;
}

.page__nav-menu .nav-link:hover {
    color: var(--celeste-1);
}

.page__nav-menu .nav-link:hover .page__nav-icon {
    transform: rotate(180deg);
}

.page__nav-menu .nav-link.active {
    color: var(--celeste-1);
}

.page__nav-menu .active .page__nav-icon {
    transform: rotate(180deg);
}

.page__nav-logo img {
    width: 165px;
    height: 85px;
}

.page__nav-search {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
}

.page__nav-search button {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    background: transparent;
    border: none;
}

.nav-item.page__nav-socios {
    font-size: 12px;
    line-height: 18px;
}

.page__nav-socios .nav-link {
    width: 150px;
    height: 35px;
    border: 1px solid var(--negro-1);
    border-radius: var(--radio-2);
    text-align: center;  
    margin-top: 4px;
}

.page__nav-socios .nav-link.active {
    color: #FFFFFF;
    background-color: var(--celeste-1);
    border-color: var(--celeste-1);
}

.page__nav-socios .nav-link:hover {
    color: var(--blanco-1);
    background-color: var(--celeste-1);
    border-color: var(--celeste-1);
}

.page__nav-socios--logged-in .nav-link {
    line-height: 6px;
    text-align: center;
}

.page__nav-socios a.nav-link--cerrar-sesion {
    font-weight: normal; 
    font-size: 12px;
    border: 0 none !important;
}

.page__nav-socios a.nav-link--cerrar-sesion:hover {
    background-color: transparent !important;
    color: var(--celeste-1);
}

.nav-link__volver {
    color: var(--celeste-1) !important;;
    background-color: var(--blanco-1);
    border: 1px solid var(--celeste-1);
    border-radius: var(--radio-2);
    width: 100px;
    height: 35px;    
    margin-top: 5px;
    margin-right: 15px;  
    text-align: center;
    line-height: 20px;
}

.nav-link__volver-img-1,
.nav-link__volver-img-2 {
    vertical-align: text-bottom;    
}

.nav-link__volver-img-2 {
    display: none;
}

.nav-link__volver:hover {
    color: var(--blanco-1) !important;
    background-color: var(--celeste-1);
    border-color: var(--celeste-1);
}
.nav-link__volver:hover .nav-link__volver-img-1 {
    display: none;
}
.nav-link__volver:hover .nav-link__volver-img-2 {
    display: inline;
}

.nav-item {
    line-height: 30px;
}

.nav-item__logout {
    text-align: center;
    margin: 0;
    font-size: 12px;
    line-height: 12px;
}

.nav-item__logout a {
    border: 0 none;
    color: var(--celeste-1);
    text-decoration: none;
}

.nav-item__logout a:hover {
    background: transparent;
    color: var(--celeste-1);
    text-decoration: underline;
}


/* inicio */

.page__nav--inicio {
    background-color: var(--azul-1);
}

.page__nav--inicio .nav-link {
    color: var(--blanco-1);
}

.page__nav--inicio .page__nav-socios a {
    border: 1px solid var(--blanco-1);
}

@media (min-width: 992px) and (max-width: 1200px) {
    
    .page__nav .nav-link {
        line-height: 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 100%;        
    }
    
    .page__nav-menu .page__nav-icon {
        display: block;
        margin-top: auto;
    }
    
}


/* Botón de búsqueda -------------------------------------------------------- */

#search-button-img-blanco,
#search-button-img-negro,
#search-button-img-azul {
    display: none;
}

/* página Inicio */
.page__nav.page__nav--inicio #search-button-img-blanco {
    display: inline;
}

.page__nav.page__nav--inicio .page__nav-search-button:hover #search-button-img-blanco {
    display: none;
}    
.page__nav.page__nav--inicio .page__nav-search-button:hover #search-button-img-azul {
    display: inline;
}

@media (min-width: 992px) { 

    /* otras páginas */
    .page__nav:not(.page__nav--inicio) #search-button-img-negro {
        display: inline;
    }

    .page__nav:not(.page__nav--inicio) .page__nav-search-button:hover #search-button-img-negro {
        display: none;
    }    
    .page__nav:not(.page__nav--inicio) .page__nav-search-button:hover #search-button-img-azul {
        display: inline;
    }
    
}

@media (max-width: 991px) {
    
    /* otras páginas */
    .page__nav:not(.page__nav--inicio) #search-button-img-negro {
        display: none;
    }
    
    .page__nav:not(.page__nav--inicio) #search-button-img-blanco {
        display: inline;
    }

    .page__nav:not(.page__nav--inicio) .page__nav-search-button:hover #search-button-img-blanco {
        display: none;
    }    
    .page__nav:not(.page__nav--inicio) .page__nav-search-button:hover #search-button-img-azul {
        display: inline;
    }    
    
    .page__nav-icon {
        float: right;
    }
    
    .navbar-toggler {
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 30px;
    }    
    
    .page__nav--inicio .navbar-toggler {
        border-color: var(--gris-1);
        color: var(--blanco-1);
        
    }    
    
    .page__nav:not(.page__nav--inicio) .navbar-toggler {
        border-color: var(--gris-1);
        color: var(--negro-1);
    }
    
    .offcanvas-header {
        border-bottom: 1px solid var(--negro-1);
    }
    
    .offcanvas.show {
        background-color: var(--blanco-1);
        border-left: 1px solid var(--negro-1);
    }

    .offcanvas.show .page__nav-search {
        padding-left: 0;
        padding-bottom: 15px;
    }

    .offcanvas.show .nav-link {
        color: var(--negro-1);
    }

    .offcanvas.show .nav-link:hover {
        color: var(--celeste-1);
    }

    
    .offcanvas.show .nav-link.active {
        color: var(--azul-2);
    }    
    
    .offcanvas.show .page__nav-socios .nav-link:hover {
        color: var(--blanco-1);
    }    
    
    .offcanvas.show .page__nav-search button {
        background: var(--negro-1);
        width: 40px;
        height: 40px;
        border-radius: var(--radio-2);
    }

    .offcanvas.show .page__nav-search button:hover {
        background: var(--blanco-1);
        border: 1px solid var(--celeste-1);
    } 

    .offcanvas.show .page__nav-socios .nav-link {
        background: var(--negro-1);
        border: 1px solid var(--negro-1);
        color: var(--blanco-1);
    }

    .offcanvas.show .page__nav-socios .nav-link:hover {
        background: var(--blanco-1);
        border: 1px solid var(--azul-2);
        color: var(--celeste-1);
    }    

}

/* ../../Templates/header/styles.css */
.page__header {
    position: relative;
    text-align: center;
}

.page__header-image {
    width: 100%;
    max-height: 780px;
    background-size: cover;
    background-repeat: no-repeat;    
    background-position: center center;
}

.page__header-image--inicio {
    background-image: url("../img/inicio/cabecera.png");
}

.page__header-image--asociacion {
    background-image: url("../img/asociacion/cabecera.png");
}

.page__header-image--contacto {
    background-image: url("../img/contacto/cabecera.png");
}

.page__header-image--capacitacion {
    background-image: url("../img/capacitacion/cabecera.png");
}

.page__header-image--preguntasfrecuentes {
    background-image: url("../img/preguntas-frecuentes/cabecera.png");
}

.page__header-image--espaciosocios {
    background-image: url("../img/espacio-socios/cabecera.png");
}

.page__header-image--novedades {
    background-image: url("../img/novedades/cabecera.png");
}

.page__header-image--bolsadetrabajo {
    background-image: url("../img/bolsa-de-trabajo/cabecera.png");
}

.page__header-image--ofertas {
    background-image: url("../img/bolsa-de-trabajo/cabecera.png");
}

.page__header-image--recursoshumanos {
    background-image: url("../img/recursos-humanos/cabecera.png");
}

.page__header-image--proveedores {
    background-image: url("../img/proveedores/cabecera.png");
}

.page__header-text {
    position: absolute;
    bottom: 100px;
    left: 0px;
    width: 100%;
    color: white;
    text-align: left;
}

.page__header-pretitle {
    font-size: 32px;
}

.page__header-title {
    font-size: 48px;
    font-weight: bold;
    line-height: 66px;
}

.page__header-description {
    font-size: 24px;
    line-height: 32px;
}

.page__header-underline {
    width: 60px;
    height: 4px;
    background-color: #1F110C;
    margin-top: 10px;
    margin-bottom: 14px;
}


/* header */

@media (max-width: 991px) {
    .page__header-text {
        bottom: 50px;
    }
    .page__header-title {
        font-size: 38px;
        line-height: 50px;
    }
}

@media (max-width: 860px) {
    .page__header-text {
        bottom: 20px;
    }
    .page__header-pretitle {
      font-size: 22px;
    }
    .page__header-title {
        font-size: 32px;
        line-height: 40px;
    }
    .page__header-description {
      font-size: 16px;
      line-height: 22px;
    }    
}

@media (max-width: 615px) {
    .page__header-pretitle {
      font-size: 18px;
    }
    .page__header-title {
        font-size: 24px;
        line-height: 30px;
    }
    .page__header-description {
      font-size: 14px;
      line-height: 20px;
    }    
}

@media (max-width: 525px) {
    .page__header-pretitle {
      font-size: 14px;
    }
    .page__header-title {
        font-size: 18px;
        line-height: 22px;
    }
    .page__header-description {
      font-size: 12px;
      line-height: 16px;
    }    
}

@media (max-width: 450px) {
    .page__header-text {
        top: 25px;
        bottom: 10px;
    }
    .page__header-pretitle {
      font-size: 14px;
    }
    .page__header-title {
        font-size: 18px;
        line-height: 22px;
    }
    .page__header-description {
      display: none;
    }    
}

/* ../../Templates/main/styles-form.css */
.form {
    background-color: var(--blanco-1);
    padding-top: 5px;
    border: 1px solid var(--gris-2);
    border-radius: var(--radio-1);
    text-align: left;
    box-shadow: var(--sombra-1);
}

.form__title {
    font-size: 20px;
    text-align: left;
    border-left: 6px solid var(--azul-3);
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 80px;
}

.form__fieldset {
    padding-left: 30px;
    padding-right: 30px;
}

.form .form-label {
    font-size: 14px;
}

.form__required {
    float: right;
    font-size: 12px;
    color: #FF3D00;
    margin-top: 4px;
}

.form input {
    height: 60px;
}

.form textarea {
    height: 180px;
}

.form__button-submit {
    background-color: var(--celeste-1);
    width: 165px;
    border: 2px solid var(--celeste-1);
}

.form__button-submit:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    color: var(--azul-4);
}

/* ../../Templates/main/styles-section.css */
.main__section {
    padding-top: 60px;
    padding-bottom: 60px;
}

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

.main__section--gradient {
    background: var(--gradiente-1);
}

.main__section-pretitle {
    color: var(--azul-2);
    font-size: 22px;
    font-weight: bold;  
}

.main__section-pretitle-underline {
    width: 60px;
    height: 4px;
    background-color: #1F110C;
    margin-top: 10px;
    margin-bottom: 14px; 
}

.main__section-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.main__section-title--center {
    text-align: center;
}

.main__section-title-underline {
    width: 60px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
}

.main__section-title--center .main__section-title-underline {
    margin-left: auto;
    margin-right: auto;
}

.main__section-subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.main__section-text-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ../../Templates/main/busqueda/styles.css */
#busqueda-popup .modal-content {
    border: 0 none; 
    background-color: rgba(0,0,0,0.3);
}

#busqueda-popup .modal-body {    
    padding: 50px;
}

#busqueda-popup form {
    position: relative;
}

#busqueda-popup input {
    padding-right: 70px;
}

#busqueda-popup button {
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    border-radius: var(--radio-1);
    width: 58px;
}

/* ../../Templates/main/inicio/styles.css */
.aehg-inicio__volanta {
    color: var(--azul-2);
    font-size: 22px;
    font-weight: bold;    
}

.aehg-inicio__volanta-subrayado {
    width: 60px;
    height: 4px;
    background-color: #1F110C;
    margin-top: 10px;
    margin-bottom: 14px;    
}

.aehg-inicio__titulo {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.aehg-inicio__titulo-subrayado {
    width: 60px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
}

.aehg-inicio__subtitulo {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.aehg-inicio__columna-texto {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.aehg-inicio__historia {
    padding-top: 100px;
    padding-bottom: 100px;
}



.aehg-inicio__boton {
    width: 165px;
    height: 44px;
    line-height: 40px;
    border: 2px solid var(--azul-2);
    border-radius: var(--radio-2);
    text-decoration: none;
    text-align: center;
    color: var(--azul-2);
    font-weight: bold;    
    margin-top: auto;
}

.aehg-inicio__boton:hover {
    background-color: var(--azul-3);
    color: #FFFFFF;
}

.aehg-inicio__socios {
    text-align: center;
    background: linear-gradient(180deg, #D9D9D9 0%, #F1F0EF 10%);
    padding-top: 60px;
    padding-bottom: 60px;
}

.aehg-inicio__socios-recuadro {
    color: #000000;
    background-color: #FFFFFF;
    border-radius: var(--radio-1);
    margin-bottom: calc(var(--bs-gutter-x));
}

.aehg-inicio__socios-recuadro:hover {
    color: #FFFFFF;
    background-color: var(--celeste-1);
}
 
.aehg-inicio__socios-recuadro .square-content {
    padding: 20px;
}

.aehg-inicio__socios-recuadro p {
    font-size: 14px;
}

.aehg-inicio__socios-icono {
    background-color: #F5F5F5;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 95px;
    border-radius: 50%;
}

.aehg-inicio__conozcanos {
    padding-top: 60px;
    padding-bottom: 60px;
}

.aehg-inicio__check-image {
    float: left;
    margin-top: 4px;
}

.aehg-inicio__check-text {
    padding-left: 30px;
    font-weight: bold;
}

.aehg-inicio__trabajo {
    padding-top: 60px;
    padding-bottom: 60px;    
    background: linear-gradient(180deg, #D9D9D9 0%, #F1F0EF 10%);
}

.aehg-inicio__trabajo-imagen {
    background-image: url("../img/inicio/trabajo-fondo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.aehg-inicio__trabajo-cuadro {
    border-top: 12px solid var(--azul-2);
    border-left: 1px solid var(--gris-1);
    border-right: 1px solid var(--gris-1);
    border-bottom: 1px solid var(--gris-1);
    padding-right: var(--bs-gutter-x);
}

.aehg-inicio__trabajo-texto {
    padding-top: 60px;
    position: relative;
    height: 100%;
}

.aehg-inicio__trabajo-texto .bolsa__boton {
    position: absolute;
    bottom: 20px;
}

.aehg-inicio__trabajo-texto .bolsa__ver-ofertas {
    position: absolute;
    bottom: 20px;    
    background-color: #dbe5f3;
    color: var(--celeste-1);
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 20px;    
    border-radius: var(--radio-2);
}

.aehg-inicio__trabajo-texto .bolsa__ver-ofertas:hover {
    text-decoration: underline;
}

.aehg-inicio__trabajo-formulario {
    margin-top: 40px;
}

.form-control,
.form-select {
    border-radius: var(--radio-1);
    border: 2px solid var(--gris-2);
}

.form-floating > label {
    color: var(--gris-1);
}

.aehg-inicio__trabajo-registrar {
    width: 165px;
    height: 40px;
}

.aehg-inicio__trabajo-entrar {
    background-color: #FFFFFF;
    border: 2px solid var(--celeste-1);
    width: 165px;
    height: 40px;
}

.aehg-inicio__trabajo-volver {
    background-color: #FFFFFF;
    border: 2px solid var(--celeste-1);
    width: 165px;
    height: 40px;
    /* para evitar transiciones raras cuando se muestra con jquery show(): */
    min-width: 165px;
    min-height: 40px;    
}

.aehg-inicio__trabajo-perfil {
    width: 165px;
}

.aehg-inicio__trabajo-salir {
    background-color: #FFFFFF;
    border: 2px solid var(--celeste-1);
    width: 165px;
}

.aehg-inicio__trabajo-recordar {
    margin-top: 20px;
}

.aehg-inicio__trabajo-recordar span {
    color: var(--gris-1);
    font-size: 14px;
    font-style: italic;
}

#inicio-boton-recordar-1 {
    border: 0 none;
    color: var(--celeste-1);
    font-size: 14px;
}

#inicio-boton-recordar-2 {
    height: 40px;
}

#inicio-boton-recordar-volver {
    height: 40px;
}

/* main */

@media (max-width: 768px) {
    .aehg-inicio__volanta {
        margin-top: 20px;
    }
}

@media (max-width: 460px) {
    
    .aehg-inicio__socios h4 {
        font-size: 13px;
        line-height: 14px;
    }
    
    .aehg-inicio__socios p {
        font-size: 12px;
        line-height: 14px;
    }
    
    .aehg-inicio__socios-icono {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    
    .aehg-inicio__socios-icono img {
        width: 20px;
        height: 20px;
    }    
}

@media (max-width: 992px) {
    
    .aehg-inicio__trabajo-texto .bolsa__ver-ofertas {
        position: static;
        margin-top: 40px;
        margin-bottom: 20px;
        display: inline-block;        
    }    
    
}

@media (max-width: 767px) {
    
    .aehg-inicio__conozcanos .aehg-inicio__boton {
        margin-bottom: 20px;
    }
    
    .aehg-inicio__trabajo-cuadro {
        padding: 20px;
    }
    
    .aehg-inicio__trabajo-texto .bolsa__boton {
        position: static;
        margin-top: 40px;
    }
    
}





#aehg-recursos-humanos .rh-cajaloguin-rrss{
	border-top:dotted #6F6F6F 2px;
	padding-top:15px;
	padding-bottom:15px
}
#aehg-recursos-humanos .rh-cajaloguin-rrss .bt-face{
	display:inline-block;
	width:245px;
	background: url(../img/recursos-humanos/icon_fb.svg) no-repeat left 8px #485a96;
	color:#FFF;
	margin-right:10px;
	padding:10px 10px 10px 25px
}
#aehg-recursos-humanos .rh-cajaloguin-rrss .bt-face:hover{
	text-decoration:none;
}
#aehg-recursos-humanos .rh-cajaloguin-rrss .bt-google{
	display:inline-block;
	width:220px;
	background: url(../img/recursos-humanos/icon_google.svg) no-repeat 5px 8px #FFF;
	color:#000;
	margin-right:10px;
	padding:10px 10px 10px 33px
}
#aehg-recursos-humanos .rh-cajaloguin-rrss .bt-google:hover{
	text-decoration:none;
}
/* ../../Templates/main/asociacion/styles-autoridades.css */
.seccion-autoridades__listado {
    padding-top: 40px;
}

.seccion-autoridades__listado .seccion__titulo {
    font-size: 20px;
    margin-bottom: 10px;
}

.seccion-autoridades__listado-subrayado {
    width: 60px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
}

.seccion-autoridades .card {
    border: 0 none;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}

.seccion-autoridades .card-header {
    background: transparent; 
    border-bottom: 0 none;
    padding: 0;    
}

.seccion-autoridades .card-body {
    padding: 0;    
}

.seccion-autoridades .card-footer {
    background: transparent; 
    border-top: 0 none;
    padding: 0;    
    font-style: italic;
}

/* ../../Templates/main/asociacion/styles-historia.css */
.seccion-historia__listado {
    padding-top: 60px;
}

.seccion-historia .card {
    position: relative;
    background: #f5f5f5;  
    margin-bottom: 30px; 
    border-radius: var(--radio-1);
    box-shadow: var(--sombra-1);        
}

.seccion-historia .card-header {
    position: absolute; 
    top: -30px; 
    width: 100%; 
    background: transparent; 
    border-bottom: 0 none;
}

.seccion-historia .card-img-top {
    width: 130px;
    height: 134px;
}

.seccion-historia .card-body {
    padding-top: 140px;
}   

.seccion-historia .card-footer {
    background: transparent; 
    border-top: 0 none;
}    

.seccion-historia .card-footer img {
    max-width: 100%;
}

/* ../../Templates/main/asociacion/styles-institucional.css */


.seccion-institucional__listado .seccion__titulo {
    font-size: 16px;
    padding-top: 40px;
    margin-left: 20px;
    margin-right: 20px; 
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    background-color: var(--celeste-2);
}

.seccion-institucional__listado .card-header {
    background: transparent;
    border-bottom: 0 none;
    padding: 0;
}

.seccion-institucional__listado .card-body {
    background: transparent;
    border-top: 0 none;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;    
    background-color: var(--celeste-2);
}

.seccion-institucional__listado .card-footer {
    background: transparent;
    border-top: 0 none;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 45px;
    background-color: var(--celeste-2);
    border-bottom-left-radius: var(--radio-1);
    border-bottom-right-radius: var(--radio-1);  
}

.seccion-institucional__listado .card-text {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
}

.seccion-institucional__icono {
    position:relative; 
    width: 100%; 
    height: 80px;
}

.seccion-institucional__icono-contenido {
    position: absolute; 
    width: 100%; 
    top: 20px;
}

.seccion-institucional__icono-imagen {
    width: 80px;
    height: 80px;
    background-image: url(../img/asociacion/institucional-icono-fondo.png);
    text-align: center;
    line-height: 70px;
    box-sizing: border-box; 
    margin: auto;
}

/* ../../Templates/main/asociacion/styles-objetivos.css */
.seccion-objetivos__listado .seccion__titulo {
    font-size: 20px;
    text-align: left;
    border-left: 6px solid var(--azul-3);
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 50px;
}

.seccion-objetivos__listado .col {
    margin-bottom: 30px;
}

.seccion-objetivos__listado .card {
    box-shadow: var(--sombra-1);
    border-radius: var(--radio-1);
    width: 100%;  
}

.seccion-objetivos__listado .card-header {
    background: transparent;
    border-bottom: 0 none;
    padding: 0;
}

.seccion-objetivos__listado .card-body {
    background: #FFFFFF;
    border-top: 0 none;
    padding: 0;
    /*position: absolute;
    top: 66%;
    left: 10%;
    width: 88%;
    height: 224px;*/
    border-radius: var(--radio-1);
}
.seccion-objetivos__listado .card-text {
    margin-top: 0px;
    margin-left: 26px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: justify;
    font-size: 13px;
    line-height: 16px;
}

@media (max-width: 991px) {
    
    .seccion-objetivos__listado .card-text {
        overflow: auto;
    }
    
}

/* ../../Templates/main/bolsa-de-trabajo/styles.css */
/* listado */

.main-ofertas__listado .card {
    box-shadow: var(--sombra-1);
    border-radius: var(--radio-1);
    padding-top: 15px;
    width: 100%;
}

.main-ofertas__listado .card-header {
    background-color: #FFFFFF;
    border-left: 6px solid var(--azul-3);
    border-bottom: 0 none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.main-ofertas__listado .card-body {
    border-left: 6px solid var(--azul-3);
}

.main-ofertas__listado .card-footer {
    background-color: transparent;
    border-top: 0 none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 15px;
}

.main-ofertas__listado .card-footer .oferta-contentedor-postular {
    border-left: 6px solid var(--azul-3);
    padding-left: 15px;
}

.main-ofertas__listado .card-header h5 {
    font-size: 14px;
}

.main-ofertas__listado .card-text {
    font-size: 14px;
}

.main-ofertas__listado img {
    margin-bottom: 10px;
}

.main-ofertas__listado-capacitador,
.main-ofertas__listado-objetivos {
    color: var(--celeste-1);
}

.main-ofertas__listado-hora {
    float: right;
}

.main-ofertas__listado-icono {
    margin-right: 10px;
}

.main-ofertas__listado-boton {
    background-color: var(--azul-4);
    width: 165px;
    border: 2px solid var(--azul-4);
}

.main-ofertas__listado-boton:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    color: var(--azul-4);
}

.oferta-puesto {
    font-weight: bold;
}

.oferta-establecimiento {
    color: var(--azul-4);
    font-weight: bold;
}

.main-ofertas__listado-mensaje-postulado {
    font-weight: bold;
    text-align: center;    
}

.main-ofertas__favorito-boton {
    float: right;
    padding: 0;
}

.main-ofertas__favorito-boton img {
    margin: 0;
}

/* ../../Templates/main/contacto/styles.css */
.main--contacto {
    background: var(--gradiente-1);
}

.main__section--contacto-formulario {
    padding-bottom: 0;
}

.main-contacto__form {
    background-color: var(--blanco-1);
    padding-top: 5px;
    border-radius: var(--radio-1);
    text-align: left;
    box-shadow: var(--sombra-1);
}

.main-contacto__form-title {
    font-size: 20px;
    text-align: left;
    border-left: 6px solid var(--azul-3);
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 80px;
}

.main-contacto__form-fieldset {
    padding-left: 30px;
    padding-right: 30px;
}

.main-contacto__form .form-label {
    font-size: 14px;
}

.main-contacto__form-required {
    float: right;
    font-size: 12px;
    color: #FF3D00;
    margin-top: 4px;
}

.main-contacto__form input {
    height: 60px;
}

.main-contacto__form textarea {
    height: 180px;
}

.main-contacto__form button {
    background-color: var(--celeste-1);
    width: 165px;
    border: 2px solid var(--celeste-1);
}

.main-contacto__form button:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    color: var(--azul-4);
}

.main__section-title-underline {
    width: 34px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
}

.main-section--datos-contacto .card {
    box-shadow: var(--sombra-1);
    border-radius: var(--radio-1);
    padding-top: 15px;
    width: 100%;
}

.main-section--datos-contacto .card-header {
    background-color: #FFFFFF;
    border-left: 6px solid var(--azul-3);
    border-bottom: 0 none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.main-section--datos-contacto .card-text {
    font-size: 14px;
}

.main-section--datos-contacto img {
    margin-bottom: 10px;
}
/* ../../Templates/main/capacitacion/styles.css */
/* listado */

.main-capacitacion__listado .card {
    box-shadow: var(--sombra-1);
    border-radius: var(--radio-1);
    padding-top: 15px;
    width: 100%;
}

.main-capacitacion__listado .card-header {
    background-color: #FFFFFF;
    border-left: 6px solid var(--azul-3);
    border-bottom: 0 none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.main-capacitacion__listado .card-footer {
    background-color: transparent;
    border-top: 0 none;
    text-align: center;
}

.main-capacitacion__listado .card-header h5 {
    font-size: 14px;
}

.main-capacitacion__listado .card-text {
    font-size: 14px;
}

.main-capacitacion__listado img {
    margin-bottom: 10px;
}

.main-capacitacion__listado-capacitador,
.main-capacitacion__listado-objetivos {
    color: var(--celeste-1);
}

.main-capacitacion__listado-hora {
    float: right;
}

.main-capacitacion__listado-icono {
    margin-right: 10px;
}

.main-capacitacion__listado-boton {
    background-color: var(--celeste-1);
    width: 165px;
    border: 2px solid var(--celeste-1);
}

.main-capacitacion__listado-boton:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    color: var(--azul-4);
}

/* formulario */

.form__fieldset--inscripcion {
    padding-bottom: 30px;
}

.form__button-submit--inscripcion {
    width: 200px;
}

.form__inscripcion-es-socio {
    display: inline-block; 
    font-size: 14px;
    text-align: right; 
    margin-right: 20px;
}

.form__inscripcion-es-socio-botones {
    text-align: right; 
    float: right;
}

.form__inscripcion-es-socio-botones .btn {
    box-sizing: border-box;
    border-color: #D9D9D9;
    border-width: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
}

.form__inscripcion-es-socio-botones .btn:hover {
    box-sizing: border-box;
    border-color: var(--azul-2);
}

.form__inscripcion-es-socio-botones .btn:hover {
    box-sizing: border-box;
    border-color: var(--azul-2);
}

.form__inscripcion-es-socio-botones .btn-check:checked + .btn, 
.form__inscripcion-es-socio-botones .btn.active, .btn.show, 
.form__inscripcion-es-socio-botones .btn:first-child:active, 
.form__inscripcion-es-socio-botones :not(.btn-check) + .btn:active {
    color: var(--blanco-1);
    background-color: var(--celeste-1);
    border-color: var(--azul-4);
}

.form__inscripcion-deseo {
    float: left;
    margin-right: 20px;
}

.form__inscripcion-deseo .btn {
    box-sizing: border-box;
    border-color: #D9D9D9;
    border-width: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
}

.form__inscripcion-nombre-curso {
    display: inline-block; 
    font-size: 14px;
}

.result-ok-title,
.result-ok-title:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    border-radius: var(--radio-2);
    color: var(--azul-4);
    width: 200px;
    cursor: default;
}
/* ../../Templates/main/espacio-socios/styles.css */
.main-espaciosocios__form {
    background-color: var(--blanco-1);
    padding-top: 5px;
    border-radius: var(--radio-1);
    text-align: left;
    box-shadow: var(--sombra-2);
}

.main-espaciosocios__form-title {
    font-size: 20px;
    text-align: left;
    border-left: 6px solid var(--azul-3);
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 80px;
}

.main-espaciosocios__form-fieldset {
    padding-left: 30px;
    padding-right: 30px;
}

.main-espaciosocios__form .form-label {
    font-size: 14px;
}

.main-espaciosocios__form-required {
    float: right;
    font-size: 12px;
    color: #FF3D00;
    margin-top: 4px;
}

.main-espaciosocios__form input {
    height: 60px;
}

.main-espaciosocios__form textarea {
    height: 180px;
}

.main-espaciosocios__form button {
    background-color: var(--celeste-1);
    width: 165px;
    border: 2px solid var(--celeste-1);
}

.main-espaciosocios__form button:hover {
    background-color: var(--blanco-1);
    border: 2px solid var(--azul-4);
    color: var(--azul-4);
}

.main__section-title-underline {
    width: 34px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
}

.main__section-up {
    text-align: right;
}

.main-espaciosocios__datos-espaciosocios .card {
    box-shadow: var(--sombra-1);
    border-radius: var(--radio-1);
    padding-top: 15px;
    width: 100%;
}

.main-espaciosocios__datos-espaciosocios .card-header {
    background-color: #FFFFFF;
    border-left: 6px solid var(--azul-3);
    border-bottom: 0 none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.main-espaciosocios__datos-espaciosocios .card-text {
    font-size: 14px;
}

.main-espaciosocios__datos-espaciosocios img {
    margin-bottom: 10px;
}

/* CONVENIOS */

.main__section--convenios {
    background: var(--gradiente-1);
}

.convenios__cabecera {
    position: relative;
    padding-bottom: 35px;
    text-align: center;
}

.convenios__icono {
    position: absolute;
    bottom: 0px;
    right: 40px;
    width: auto;
    height: 80px;
}

.convenios__titulo {
    color: var(--celeste-1);
    font-size: 26px;
}

.archivos__lista {
    padding-left: 20px;
}

.archivos__categoria-nivel-2 {
    padding-left: 20px;
}

.archivos__categoria-nombre {
    margin-bottom: 0px;   
}

.archivos__categoria-nivel-2 .archivos__categoria-nombre {
    display: list-item;
    margin-left: 10px;  
    padding-left: 5px;
}

.archivos__categoria-nombre--con-archivos {
    cursor: pointer;
}

.archivos__categoria-nombre--con-archivos:hover {
    text-decoration: underline;
}

.archivos__link {
    display: list-item;
    margin-left: 10px;
    padding-left: 5px;
    text-decoration: none;
    color: var(--bs-body-color);
}

.archivos__link:hover .archivos__titulo {
    text-decoration: underline;
}

.archivos__nuevo {
    color: #FFFFFF;
    background-color: #FF3D00;
    margin-left: 10px;
    font-size: 12px;
    padding: 1px 12px;
    text-align: center;
    border-radius: 10px;
    vertical-align: text-top;
}

.archivos__link:hover .archivos__nuevo {
    text-decoration: none;
}

.manuales__busqueda {
    background-color: var(--gris-3);
    box-shadow: var(--sombra-3);
    padding-right: 70px !important;
}

.manuales__busqueda-boton {
    background-color: var(--azul-4);
    border-radius: var(--radio-1);
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 58px;
    border: 0 none;    
}

.manuales__letra {
    cursor: pointer;
    width: 20px;
    text-align: center;
}

.manuales__letra:hover {
    background-color: var(--celeste-2);
}

.manuales__letra--seleccion {
    background-color: var(--celeste-2);
    font-weight: bold;
}

.manuales__item {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding-bottom: 10px;    
}

.manuales__descripcion {
    font-size: 12px;
    margin-bottom: 0px;
}

.manuales__descargar {
    font-size: 12px;
}

/* Legislación */

.main__section--legislacion {
    background: var(--gradiente-1);
}

.legislacion__cabecera {
    padding-bottom: 35px;
    text-align: center;
}

.legislacion__titulo {
    color: var(--celeste-1);
    font-size: 26px;
}


.legislacion .archivos--sin-categoria > .archivos__lista {
    padding-left: 0px;    
}

.legislacion .archivos--sin-categoria .archivos__link {
    display: block;
    margin-left: 0px;
    padding-left: 0px;    
}

/* newsletter */

.main__section--newsletter {
    background-color: var(--azul-1);
    color: var(--blanco-1);
}

.seccion-newsletter__listado {
    padding-top: 60px;
}

.newsletter .card {
    position: relative;
    background: transparent;
    margin-bottom: 30px; 
    border: 1px solid var(--blanco-1);  
    border-radius: var(--radio-1);
    box-shadow: var(--sombra-1);
    text-align: center;
    color: var(--blanco-1);    
    width: 100%;
}

.newsletter .card-header {
    position: absolute; 
    top: -30px; 
    width: 100%; 
    background: transparent; 
    border-bottom: 0 none;
}

.newsletter .card-img-top {
    width: 68px;
    height: 68px;
}

.newsletter .card-body {
    padding-top: 60px;
}   

.newsletter .card-footer {
    background: transparent; 
    border-top: 0 none;
    padding-bottom: 15px;
}   

.newsletter .card-footer .btn {
    width: 100px;
    font-size: 14px;
}

/* asamblea */

.asamblea__item {
    margin-bottom: 20px;
    padding-bottom: 10px;    
}

.asamblea__descripcion {
    font-size: 12px;
    margin-bottom: 0px;
}

/* consultas frecuentes */

.main__section--consultas {
    background: var(--gradiente-1);
}

.seccion-consultas__listado {
    padding-top: 60px;
}

.consultas .card {
    position: relative;
    margin-bottom: 30px; 
    border: 1px solid var(--blanco-1);  
    border-radius: var(--radio-1);
    box-shadow: var(--sombra-1); 
    width: 100%;
}

.consultas .card-header {
    position: absolute; 
    top: -30px; 
    width: 100%; 
    background: transparent; 
    border-bottom: 0 none;
}

.consultas-icono {
    background-color: #FFFFFF;
    width: 93px;
    height: 93px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 86px;
    border-radius: 50%;
    border: 2px solid var(--celeste-1);
}

.consultas .card-img-top {
    width: 58px;
    height: 53px;
}

.consultas .card-body {
    padding-top: 90px;
}   


.consultas .card-title {
    font-size: 16px;
} 

.consultas .card-text {
    font-size: 14px;
} 

.consultas .card-footer {
    background: transparent; 
    border-top: 0 none;
    padding-bottom: 15px;
}   

.consultas .card-footer .btn {
    width: 100px;
    font-size: 14px;
}



.bolsa__boton {
    display: table;
    background-color: var(--gris-2);
    box-shadow: var(--sombra-1);
    border-radius: 20px;
    color: var(--negro-2);
    width: 100%;
    height: 100px;
    text-decoration: none;
}

.bolsa__boton-imagen {
    width: 100px;
    height: 100px;
}

.bolsa__boton-icono {
    display: table-cell;
    width: 100px;
    height: 100px;
    background-color: var(--azul-4);
    background-repeat: no-repeat;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
}

.bolsa__boton-icono--publicar {
    background-image: url(../img/bolsa-de-trabajo/icono-publicar-oferta.png);
    background-position: center;
}

.bolsa__boton-icono--buscar {
    background-image: url(../img/bolsa-de-trabajo/icono-buscar-personal.png);
    background-position: center;
}    

.bolsa__boton-icono--listar {
    background-image: url(../img/bolsa-de-trabajo/icono-ver-ofertas.png);
    background-position: center;
}  

.aehg-inicio__trabajo .bolsa__boton {
    height: 50px;    
}
.aehg-inicio__trabajo .bolsa__boton-icono {
    width: 50px;
    height: 50px;    
}
.aehg-inicio__trabajo .bolsa__boton-imagen {
    width: 50px;
    height: 50px;    
}
.aehg-inicio__trabajo .bolsa__boton-texto {
    height: 50px;    
    font-size: 18px;
    text-align: left;
    padding-left: 20px;
}
.aehg-inicio__trabajo .bolsa__boton-icono--listar {
    background-size: 30px;
}  

.bolsa__boton-texto {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100px;
    font-size: 20px;
    font-weight: bold;        
}

.bolsa__boton:hover {
    background-color: var(--azul-4);
    color: var(--blanco-1);
}
.bolsa__boton--listar:hover {
    background-color: var(--azul-4);
    color: var(--blanco-1);
}

.bolsa__boton:hover .bolsa__boton-icono {
    background-color: var(--blanco-1);
    color: var(--blanco-1);
} 

.bolsa__boton:hover .bolsa__boton-icono--publicar {
    background-image: url(../img/bolsa-de-trabajo/icono-publicar-oferta-2.png);
}

.bolsa__boton:hover .bolsa__boton-icono--buscar {
    background-image: url(../img/bolsa-de-trabajo/icono-buscar-personal-2.png);
}

.bolsa__boton:hover .bolsa__boton-icono--listar {
    background-color: var(--azul-4);
}

/* ../../Templates/main/novedades/styles.css */
.seccion.seccion-novedades {
    padding-top: 120px;
    padding-bottom: 80px;
}

.seccion-novedades__listado .seccion__titulo {
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px; 
    margin-top: 0;
    margin-bottom: 0;
    height: 100%; 
}

.seccion-novedades__listado .card {
    width: 100%;
    border-bottom-left-radius: var(--radio-1);
    border-bottom-right-radius: var(--radio-1); 
    box-shadow: var(--sombra-1);
    background: #F1F0EF;
    text-decoration: none;
}

@media (max-width: 992px) {
    .seccion-novedades__listado .card {
        margin-bottom: 60px;
    }
}

.seccion-novedades__listado .card-header {
    background: transparent;
    border-bottom: 0 none;
    padding: 0;
}

.seccion-novedades__listado .card-body {
    background: transparent;
    border-top: 0 none;
    padding: 0;
    margin-left: 40px;
    margin-right: 40px;    
    background-color: var(--celeste-2);
    border-bottom-left-radius: var(--radio-1);
    border-bottom-right-radius: var(--radio-1);       
}

.seccion-novedades__listado .card-footer {
    background: transparent;
    border-top: 0 none;
    padding: 0;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    background-color: var(--celeste-2);
    border-bottom-left-radius: var(--radio-1);
    border-bottom-right-radius: var(--radio-1);  
}

.seccion-novedades__listado .card-text {
    margin-top: 0px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 0px;
}

.seccion-novedades__icono {
    position:relative; 
    height: 80px;
    margin-left: 40px;
    margin-right: 40px;
}

.seccion-novedades__icono-contenido {
    position: absolute; 
    width: 100%; 
    top: -40px;
}

.seccion-novedades__icono-imagen {
    width: 100px;
    height: 100px;
    background-image: url(../img/asociacion/novedades-icono-fondo.png);
    text-align: center;
    box-sizing: border-box; 
    margin: auto;
}

.seccion-novedades__listado .card:hover .seccion-novedades__icono {
    color: var(--blanco-1);
}

.seccion-novedades__listado .card:hover .card-body {
    background-color: var(--celeste-1);
    color: var(--blanco-1);
}
/* ../../Templates/main/preguntas-frecuentes/styles.css */
.main-preguntasfrecuentes__listado .accordion-item {
    border: 0 none;
}

.main-preguntasfrecuentes__listado .accordion-button {
    background-color: transparent;
    box-shadow: none;
    padding-left: 0;
    color: #000000;
    font-weight: bold;
}

.main-preguntasfrecuentes__listado .accordion-button:focus {
    box-shadow: none;
}

.main-preguntasfrecuentes__listado .accordion-body {
    padding-top: 0;
    padding-left: 20px;    
}

.main-preguntasfrecuentes__listado .accordion p {
    margin-bottom: 0;
}
/* ../../Templates/footer/styles.css */
.page__footer {
    background-color: var(--azul-1);
    color: var(--blanco-1);
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 12px;
}

.page__footer-title {
    font-weight: bold;
}

.page__footer-social-link {
    text-decoration: none;
}

.page__footer-logo-aehg {
    margin-bottom: 20px;
}

.page__footer-icon {
    margin-right: 10px;
}
/* ./seccion.css */
.seccion {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.seccion--gradiente {
    background: linear-gradient(180deg, #D9D9D9 0%, #F1F0EF 10%);
}

.seccion__volanta {
    color: var(--azul-2);
    font-size: 22px;
    font-weight: bold;  
}

.seccion__volanta-subrayado {
    width: 60px;
    height: 4px;
    background-color: #1F110C;
    margin-top: 10px;
    margin-bottom: 14px; 
}

.seccion__titulo {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.seccion__titulo--centrado {
    text-align: center;
}

.seccion__titulo-subrayado {
    width: 60px;
    height: 4px;
    background-color: var(--azul-2);
    margin-top: 10px;
    margin-bottom: 14px;
}

.seccion__titulo--centrado .seccion__titulo-subrayado {
    margin-left: auto;
    margin-right: auto;
}

.seccion__bajada {
    
}

.seccion__subtitulo {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.seccion__columna-texto {
    display: flex;
    flex-direction: column;
    height: 100%;
}