/*--------------------------------------------------------------
# Estilos globales
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {font-family: UBB; src: url("../font/UBB.otf") format("opentype");}
@font-face {font-family: UBB-light; src: url("../font/UBB-light.otf") format("opentype");}
body {font-size: 17px; font-family: 'Fira Sans', sans-serif; letter-spacing: -.3px; color: #283956}
.wrapper {max-width: 1100px; margin: 0px auto;}
.wrapper-extend {max-width: 1400px; margin: 0px auto;}
.line-grad {height: 10px ;background: rgb(5,68,177); background: linear-gradient(90deg, rgba(5,68,177,1) 0%, rgba(211,219,222,1) 30%, rgba(254,204,55,1) 67%, rgba(254,55,55,1) 100%);}
.line-top {background-color: #dbdfe7;height: 15px !important ;width: 100%;position: absolute;left: 0;top: 0;content: "";z-index: -999;}
h1, h2, h3, h4, h5 {color: #1B2E51; font-family: 'UBB';}
h1 {font-size: 3rem;}
h2 {font-size: 1.8rem;}
h3 {font-size: 1.6rem;}
h4 {font-size: 1.4rem;}
h1 svg {margin-top: -5px;}
.text-white {color: #ffffff !important;}
.more-button a {color: #283956;text-decoration: none;position: relative;margin-top: -20px;font-weight: bold;transition: all ease .2s;}
.more-button a:hover {color:  #283956; text-decoration: underline;}
.more-button a:after {/* content: ''; */position: absolute;top: 40%;left: -10px;width: 100%;height: 80%;background-color: #fee100;z-index: -1;}
a {text-decoration: none;color: #283956; transition: all ease .2s}
a:hover {color:  #283956;}
ol, ul {list-style: none; margin-bottom: 0px!important; padding-inline-start: 0px !important;}
.font-ubb {font-family: UBB;}
.font-ubb-light {font-family: UBB-light;}
.banner-page {background-position: right center;background-size: cover;padding: 0px 30px;background: linear-gradient(90deg, rgb(25 162 184) 0%, rgb(29 60 113) 100%);}
.banner-page h1 {color: #ffffff;font-size: 3rem;text-transform: uppercase;}
.banner-page nav { border-radius: 5px;}
.banner-page p {color: #fff}
.border-bottom {border-bottom: 2px solid #ccd5e5 !important;}
iframe {max-width: 100% !important; border-radius: 10px;}
table tr td, table tr th {padding: .6rem 2rem !important}
table a {font-weight: 600; color: #283956;}
.margin-top {/* margin-top: 135px; */}
@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}

/*--------------------------------------------------------------
#Header
--------------------------------------------------------------*/
header {/* position: fixed; */width: 100%;background-color: #fff;z-index: 99;top: 0}
header .wrapper-extend {/* border-bottom: 2px solid #283956; */}
.padding-top {padding-top: 152px;}
@media (max-width: 575.98px) { 
    .padding-top {padding-top: 150px;}
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.menu ul li {display: inline-block;font-weight: bold;position: relative;/* padding: 20px 20px; */}
.menu ul li a {text-decoration: none; transition: all ease .2s; display: block;}

/*menu full*/
.menu-full ul li a {text-decoration: none;color: #283956;/* padding: 5px 11px; */font-weight: 600;font-family: 'UBB-light';font-size: 1.1rem;text-transform: uppercase;/* max-width: 151px; *//* width: fit-content; */line-height: 20px;display: flex;justify-content: center;flex-direction: column;/* align-items: center; *//* text-align: center; *//* height: 50px; */padding: 20px 20px;}
.menu-full ul li a:hover {color: #17a2b8;}

.menu-full ul ul {opacity: 0;visibility: hidden;position: absolute;background-color: #ffffff;transition: visibility 0.3s, opacity 0.2s linear;width: 200px; left: 5%; /*box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 15%);-webkit-box-shadow: 0px 1px 5px 0px rgb(169 166 166);-moz-box-shadow: 0px 1px 5px 0px rgb(169 166 166);box-shadow: 0px 1px 5px 0px rgb(169 166 166);*/}
.menu-full ul ul li {width: 100%;display: contents;}
.menu-full ul ul li a {line-height: 20px;color: #1B2E51;height: auto !important;text-align: left;font-weight: 400;padding: 10px 25px;border-bottom: 1px dotted rgba(1,1,1,0.1);text-transform: capitalize;}
.menu-full ul ul li:last-child a {border-bottom: 0px;}
.menu-full ul li:hover > ul {opacity:1;visibility:visible;z-index: 9999;display: block;margin: auto;left: 5%;}
.menu-full > a:hover > li a {background-color: #1B2E51}
.menu-full ul li ul li.current-menu-item {background-color: inherit}
.menu-full ul li ul li.current-menu-item a {color:#17a2b8 !important;}
.menu-full .sub-menu li.current-menu-item a {color: #1B2E51 !important;}
.menu-full ul ul::before {content: "";position: absolute;display: block;width: 0;height: 0;border-width: 7px 8px;border-style: solid;border-color: transparent;z-index: 1001;top: -13px;border-bottom-color: #ffffff;left: 40px;right: 0;}

/*menu responsive*/
.button-responsive-menu {color: #283956;text-transform: uppercase;font-weight: 700;display: block;padding: 8px; transition: all ease .2s;}
a.button-responsive-menu:hover {color: #283956}
#responsive-menu ul {padding-left: 0px !important;}
#responsive-menu ul li {padding: 0px; display: block;}
#responsive-menu ul li a {border-top: 1px solid rgba(0,0,0,0.1);padding: 5px 20px !important;display: block;color: #1B2E51;font-weight: 600;width: 100%;}

/*menu fixed*/
.nav-menu-fixed {animation-duration: 0.2s !important; width: 100%; background-color: #1B2E51;}
.fixed {position: fixed; z-index: 99999;top: 0; transition: all 0.2s;}

.menu-fixed ul li {padding: 5px 10px;}
.menu-fixed ul li a {text-decoration: none;color: #ffffff;padding: 10px 5px;font-weight: 500; font-family: 'UBB-light'; text-transform: uppercase}
.menu-fixed ul li a:hover {color: #17a2b8;}
.menu-fixed ul li.current-menu-item a {color: #17a2b8}
.menu-fixed ul ul {opacity: 0;visibility: hidden;position: absolute;top: 100%;background-color: #ffffff;transition: visibility 0.3s, opacity 0.2s linear;width: 200px;box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 15%);left: 5%;-webkit-box-shadow: 0px 1px 5px 0px rgb(169 166 166);-moz-box-shadow: 0px 1px 5px 0px rgb(169 166 166);box-shadow: 0px 1px 5px 0px rgb(169 166 166);}
.menu-fixed ul ul li {width: 100%;display: contents;}
.menu-fixed ul ul li a {line-height: 20px;color: #1B2E51;height: auto !important;text-align: left;font-weight: 400;padding: 10px 25px;border-bottom: 1px dotted rgba(1,1,1,0.1);text-transform: capitalize;}
.menu-fixed ul ul li:last-child a {border-bottom: 0px;}
.menu-fixed ul li:hover > ul {opacity:1;visibility:visible;z-index: 9999;display: block;margin: auto;left: 5%;}
.menu-fixed > a:hover > li a {background-color: #1B2E51}
.menu-fixed ul li ul li.current-menu-item {background-color: inherit;color:#17a2b8;}
.menu-fixed ul ul::before {content: "";position: absolute;display: block;width: 0;height: 0;border-width: 7px 8px;border-style: solid;border-color: transparent;z-index: 1001;top: -13px;border-bottom-color: #ffffff;left: 40px;right: 0;}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.contenedor-slider {height: 78vh; background-color: #eaeaea; background-image: url("../img/background.jpg"); background-position: center center; background-size: cover;}
@media (max-width: 575px) {
    .contenedor-slider {height: auto !important; padding-top: 132px; padding-bottom: 40px;}
}
.slider {overflow: hidden;}
.slider .swiper-pagination-progressbar {height: 5px !important;}
.slider .swiper-button-next:after, .slider .swiper-button-prev:after {color: #aadae6;padding: 30px;font-weight: 900;}
.slider .swiper-button-next {top: 25%;right: 5%;}
.slider .swiper-button-prev {top: 75%;left: 5%;}
.contenedor-slider .swiper-pagination { font-weight: 800; text-align: right;}
.contenedor-slider a.btn-primary {background-color: #AADAE6; color: #333333; border:0px; border-radius: 0px;font-weight: 800; padding: 7px 30px;}
.contenedor-slider a.btn-primary:hover {background-color: #AADAE6; opacity: 0.8;}

.slider-full .swiper-pagination-bullet {background-color: #283956;width: 15px;height: 15px;}
.slider-full .swiper-pagination-bullet-active {background-color: #263956;}
.slider-full .swiper-button-next, .slider-full .swiper-button-prev {background-color: #3054a1;padding: 15px 10px;text-align: center;color: #ffffff;top: 55%;width: 70px;height: 70px;}
.slider-full .swiper-button-next {right: 60px;}
.slider-full .swiper-button-prev {left: 60px;}

/* Sobrescribe los estilos de la sombra */
.swiper-slide-shadow-left, .swiper-slide-shadow-right {
    display: none !important;
}

/*banners slider*/
.slider-banner .text {width: 55% !important;}
.slider-banner .text > div { margin-left: 28%;}
.slider-banner {width: 100%; aspect-ratio: 1910 / 525; background-size: contain; color: white; align-items: center; padding: 1em; box-sizing: border-box; text-align: center; max-width: 1910px; margin: 0px auto}

.slider-banner h2 {font-size: calc(2vw + 3em); text-transform: uppercase; color: #fff; position: relative; z-index: 2; line-height: 85px;}
.slider-banner h4 {font-size: calc(1vw + 1em); text-transform: uppercase; color: #fff; position: relative;z-index: 2;}
.slider-banner .date {color: #283956;font-size: calc(1vw + .7em);position: relative;z-index: 2;text-transform: uppercase;background-color: #ffffff;padding: 0px 15px;}
.slider-banner .container-date { width: fit-content;}


@media (min-width: 1350px) and (max-width: 1500px) {
    .slider-banner .text > div { margin-left: 18%;}
    .slider-banner h2 {font-size: calc(2vw + 2.5em);line-height: 70px;}
}

@media (min-width: 1100px) and (max-width: 1349px) {
    .slider-banner .text > div { margin-left: 10%;}
    .slider-banner h2 {font-size: calc(2vw + 2em);line-height: 55px;}
    .slider-banner .container-title::before { border-left: 50px solid #fee100; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
}
@media (min-width: 768px) and (max-width: 1099px) {
    .slider-banner .text > div { margin-left: 5%;}
    .slider-banner h2 {font-size: calc(2vw + 1.5em);line-height: 35px;}
    .slider-banner .container-title::before { border-left: 30px solid #fee100; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
    .slider-banner h4 {font-size: calc(1vw + .8em);line-height: 20px;}
}

/*Resoluciones > 767px*/
@media (min-width: 500px) and (max-width: 767px) {
    .slider-banner .text {width: 85% !important;}
    .slider-banner { aspect-ratio: 1192 / 824; height: auto;}
    .slider-banner .justify-content-center {justify-content: flex-start !important;}
    .slider-banner .text > div { margin-left: 8%;}
    .slider-banner h2 {font-size: calc(2vw + 3em);line-height: 65px;}
    .slider-banner h4, .slider-banner .date {font-size: calc(1vw + 1.3em); }
    .slider-banner .container-title {padding-top: 20px}
}
@media (max-width: 499px) {
    .slider-banner .text {width: 85% !important;}
    .slider-banner { aspect-ratio: 1192 / 824; height: auto;}
    .slider-banner .justify-content-center {justify-content: flex-start !important;}
    .slider-banner .text > div { margin-left: 5%;}
    .slider-banner h2 {font-size: calc(2vw + 2em);line-height: 40px;}
    .slider-banner h4, .slider-banner .date {font-size: calc(1vw + 1em); }
    .slider-banner .container-title {padding-top: 5px}
    .slider-banner .container-title::before { border-left: 40px solid #fee100; border-top: 25px solid transparent; border-bottom: 25px solid transparent;}
}
/*resoluciones 4k*/
@media (min-width: 1920px) {
    .slider-banner h2 { font-size: 6rem; line-height: 85px;}
    .slider-banner h4, .slider-banner .date {font-size: 2.5rem; }
}

/*--------------------------------------------------------------
#Links
--------------------------------------------------------------*/
.links .link {color: #1B2E51 ;font-size: 3rem;position: relative;line-height: 45px;z-index: 1;font-family: 'UBB-light';}
.links .link::before {content: ''; position: absolute; width: 50%; height: 50%; background-image: url('../img/triangulo.svg'); background-repeat: no-repeat; /* Evita que se repita */
    background-position: left center; background-size: contain;top: 30%; left: -15px; z-index: -1;}

/*--------------------------------------------------------------
# news
--------------------------------------------------------------*/
.news .back-01 {position: absolute; top: 10%; right: 3%;}
.news .back-02 {position: absolute; bottom: 10%; left: 3%;}
@media (max-width: 1500px) {
    .news .back-01, .news .back-02 {display: none;}
}

.news h1 {font-weight: 700;color: #263956;}
.news h4, .page-news h4 {font-size: 1.2rem;}
.news h4 a, .page-news h4 a {text-decoration: none !important;color: #283956;font-size: 1.4rem;font-family: 'UBB-light';}
.news figure, .page-news figure {background-color: #dedede;background-size: cover;background-position: center center;overflow: hidden;transition: ease all .2s;opacity: 0.8;width: 100%;height: 0;padding-top: 56.25%;}
.news .date, .page-news .date {font-size: 0.8rem; color: #627087}
.news a, .page-news a {transition: all ease .2s;}
.news .new:hover figure, .page-news .new:hover figure {transform: scale(1.02); opacity: 1;}


/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/

.contact .wpcf7-form {line-height: 12px;}
.contact a {color: #204283;}
.contact h1 {font-weight: 700;  color: #204283;}
.form-control {background-color: #E2E2E2;border: 0px;padding: 15px 25px;border-radius: 0px;}
.contact input::placeholder,.contact textarea::placeholder { color: #333333}
.contact button{color: #333333; text-align: left; font-weight: 600; background-color: #AADAE6}
.contact button:focus {color: #fff !important}
.contact button:hover {opacity: 0.8;}

.page-contact .form-control {background-color: #E2E2E2; border: 0px; padding: 15px 25px;}
.page-contact button{color: #333333; text-align: left; font-weight: 600; background-color: #AADAE6 !important;}
.page-contact button:hover {opacity: 0.8;}
.page-contact button:focus {color: #fff !important}
.page-contact .wpcf7-form { line-height: 12px;}

.wpcf7-not-valid-tip {padding: 5px; font-size: 0.9rem !important; color: #1b2e51; font-weight: 600 !important;}
.wpcf7 form .wpcf7-response-output { border: 0; padding: 0; border-radius: 0.5rem; margin: 0; line-height: 18px; font-size: 0.9rem; font-weight: 600;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #f68c24; background-color: transparent;
    padding: 0; border-radius: 0;}
.wpcf7 form.sent .wpcf7-response-output {color: #005e3c; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color: #1b2e51;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{ background-color: #1B2E51;}
footer hr {height: 5px !important; background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 20px !important;}
footer strong {color: #969faf;}
footer a {color: #17a2b8}
footer ul li {border-bottom: 1px solid rgba(255,255,255,0.25); text-align: center;}
footer ul li a {color: #ffffff;}
footer ul li a:hover {color: #969faf;}
footer .copyright {background-color: #172949;color: #ffffff;font-family: 'UBB-light';font-size: 1.2rem;}
footer .copyright strong {/* background-color: #19a2b8; */color: #189eb3;font-family: 'UBB';font-weight: 100;}

/*--------------------------------------------------------------
# Scroll
--------------------------------------------------------------*/
::-webkit-scrollbar { width: 10px}
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #17a2b8;}
::-webkit-scrollbar-thumb:hover { background: #17a2b8;}

/*--------------------------------------------------------------
# Menu fijo
--------------------------------------------------------------*/
.social-menu {position: fixed;top: 20%;left: 0;padding-left: 10px;padding-right: 10px;z-index: 999;background-color: #e0f9ff;font-weight: 600;}

/*--------------------------------------------------------------
# Listas
--------------------------------------------------------------*/
.list-group-flush li {padding: 5px 20px;border-radius: 0px;border-bottom: 1px solid #E2E2E2;}
.list-group-flush li a {color :#1B2E51;transition: all ease .2s;font-size: 0.95rem;}
.list-group-flush li a:hover{color: #6e7d97;}

/*--------------------------------------------------------------
# Contenido
--------------------------------------------------------------*/
.text-content a {color: #19a2b8;font-weight: 500;text-decoration: underline !important}
.text-content wp-block-media-text {margin-bottom: 0px ;}
.text-content ul {list-style: inside; list-style-type: square; margin-bottom: 1.5rem}
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {color: #6e7d97; }
.text-content .wp-block-separator { color: #ccd5e5; margin: 40px 0px; border-bottom: 2px solid;}
.text-content .download-banner {background-color: #f2f2f2; text-align: left; font-weight: 400;}
.text-content .download-banner .btn-primary {color: #fff; text-decoration: none !important; border: 0px; font-weight: 400; background: rgb(32 66 131); background: linear-gradient(93deg, rgb(170 218 230) 0%, rgb(32 66 131) 100%);}
.text-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: #e9f7fb;}
.text-content .list-number {counter-reset: item; margin-bottom: 20px !important; }
.text-content .list-number > li {position: relative; padding-left: 40px; list-style: none;}
.text-content .list-number > li::before {counter-increment: item;content: counter(item);position: absolute;left: 10px;top: 5px;width: 24px;height: 24px;background-color: #d9dfe5;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: black;font-weight: bold;font-size: 14px;}
.text-content .list-number li ul { margin-top: 10px; padding-left: 20px;}
.text-content .list-number li ul li { list-style: disc; padding-left: 0; position: static;}
.text-content h2 {position: relative; width: fit-content; color: #283956; margin-bottom: 20px;}
.text-content h2:after {/* content: ''; */position: absolute;top: 40%;left: -10px;width: 100%;height: 80%;background-color: #fee100;z-index: -1;}
.text-content .wp-block-quote { padding: 20px 40px; border-left: 0; position: relative; z-index: -1; background-color: #e7e9ed; text-align: left;}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb a {color: #263956; font-weight: 600;}

/*--------------------------------------------------------------
# Sitemap
--------------------------------------------------------------*/
.sitemap ul {list-style: square;}
.sitemap ul li {display: block; height: auto !important;}
.sitemap ul li a {border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: 500; padding-block: 5px 10px;display: block;}
.sitemap ul li ul li a {padding-left: 25px;}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .text-content {font-size: 0.9rem;}
.team strong {color: #1b2e51}
.team .thumbnail { width: 130px; max-width: 100%; height: 150px; background-position: center center; background-size: cover;}
.team .form-control {background-color: #f2f2f2}
@media (max-width: 575px) {
    .team .thumbnail {height: 80px;}
}
.team .wp-block-media-text{/* border: 2px solid; */padding: 20px 0px;background-color: #ebebeb;}
.team .wp-block-media-text__media img{background-color: #b6bbc3;}

/*--------------------------------------------------------------
# Boton subir
--------------------------------------------------------------*/
#scrollTopBtn {display: none;position: fixed;bottom: 20px;right: 25px;z-index: 99;border: none;outline: none;background-color: #d8dfde;color: #43526b ;cursor: pointer;padding: 5px 15px;font-size: 0.9rem;font-weight: 600;transition: all ease .2s;text-transform: uppercase;letter-spacing: 1px;}
#scrollTopBtn:hover {background-color: #b5c0be;color: #43526b }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar .icon-download {font-size: 2rem; width: 50px; margin: 0px auto;}
.sidebar .icon-download:after {content: '';position: absolute;top: 40%;left: -10px;width: 100%;height: 80%;background-color: #d9dfe5;z-index: -1;}
.sidebar .box-download {border: 3px solid #989fa7;}

/*--------------------------------------------------------------
# Recursos
--------------------------------------------------------------*/
.resources .box-download {display: flex !important; justify-content: center; align-items: center; flex-direction: column;}
.resources .icon-download { font-size: 2rem; width: 50px; margin: 0px auto;}

.resources div > div .icon-download:after {content: '';position: absolute;top: 40%;left: -10px;width: 100%;height: 80%;background-color: #d9dfe5;z-index: -1;}

.resources .box-download {border: 3px solid #627087; transition: all ease .2s; text-decoration: none !important; color: inherit;}
.resources .box-download:hover {border: 3px solid #fee100}
.resources h4,.resources h3 {color: #283956}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {justify-content: center; list-style: none !important;}
.pagination .page-link {color:  inherit;background-color: #f5f5f5;border: 1px solid #e8ecef;min-width: 40px;}
.pagination .page-item.active .page-link {background-color: #17a2b8;color: #fff;border-color: #17a2b8;}
.pagination .page-link:hover {background-color: #17a2b8;color: #ffffff;border: 1px solid #17a2b8;}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq h1 {font-weight: 800; font-family: "Raleway", sans-serif;  line-height: 55px;}
.faq .accordion-button {background-color: #edeff1;/* font-weight: 700 !important; */font-size: 1.1rem;padding: 20px 40px;border: 0px;margin-bottom: 10px;/* border-radius: 10px !important; *//* text-transform: uppercase; */color: #283956;}
.faq .accordion-item {border:0px !important}