/*--------------------------------------------------------------
# Estilos globales
--------------------------------------------------------------*/
@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: 16px; font-family: 'Fira Sans', sans-serif; letter-spacing: -.3px; color: #4D596E}
.wrapper {max-width: 1100px; margin: 0px auto;}
.wrapper-extend {max-width: 1250px; 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: #d9dfe5;height: 15px !important ;width: 100%;position: absolute;left: 0;height: 0;top: 0;content: "";z-index: -999;}
h1, h2, h3, h4, h5 {color: #1B2E51;}
h1 {font-size: 2.6rem;}
h2 {font-size: 1.8rem;}
h3 {font-size: 1.6rem;}
h4 {font-size: 1.4rem;}
h1 svg {margin-top: -5px;}
.more-button a {color: #1d3c88; text-decoration: none; position: relative; margin-top: -20px; font-weight: bold; transition: all ease .2s;}
.more-button a:hover {color: #0fa19d; text-decoration: underline;}
a {text-decoration: none; color: #1d3c88}
a:hover {color: #0fa19d;}
.font-ubb {font-family: UBB;}
ol, ul {list-style: none; margin-bottom: 0px!important; padding-inline-start: 0px !important;}
.banner-page {background: linear-gradient(90deg, rgb(25 162 184) 0%, rgb(29 60 113) 100%)}
.banner-page h1 {color: #fff}
.wp-block-media-ubb { grid-template-columns:8% !important; margin-bottom: 20px;}
.wp-block-media-ubb .wp-block-media-text__content {padding: 0 0 0 3% !important}
.wp-block-media-ubb h3, .wp-block-media-ubb p {margin-bottom: 0px;}
@media (max-width: 1300.98px) { 
	.wrapper-extend {max-width: 95%;}
}
@media (max-width: 575.98px) { 
	.wp-block-media-ubb { grid-template-columns:15% !important; margin-bottom: 10px;}
	.banner-page svg {width: 30px;}
	ol.breadcrumb {justify-content: center;}
	.line-top {height: 5px;}
}
.wp-block-separator {
  border-bottom: 1px solid rgb(217 223 229);
  margin: 40px 0px;
}

/*Li­nea degradado*/
.cls-1{fill:#afc2c9;}
.cls-2{fill:#8fa3aa;}
.cls-3{fill:none;}
.cls-4{fill: #ffffff}

/*--------------------------------------------------------------
# Efecto pulso
--------------------------------------------------------------*/
.pulse:hover, .owl-nav button:hover, .owl-nav button:focus, .pulse:focus {animation: animate .5s linear}
@keyframes animate{
  0%{box-shadow: 0 0 0 0 rgb(255, 109, 74, 0.7) , 0 0 0 0 rgb(251, 205, 64, 0.7)}
  100%{box-shadow: 0 0 0 0 rgb(255, 109, 74, 0) , 0 0 0 20px rgb(251, 205, 64, 0)}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header .top {background-color: #1D3C71; color: #ffffff; font-size: 0.8rem}
header .top ul.menu-top li {padding: 2px 10px;}
header .top ul.menu-top li a {color: #ffffff; transition: all ease .2s; text-decoration: none; padding: 5px 10px;}
header .top ul.menu-top li a:hover {color: #65fff4;}
header .content-menu {background-color: #ebebeb;}
@media (max-width: 575.98px) { 
  header .top {min-height: 15px}
}
/*Busqueda*/
header .search-button small {color: #1B2E51; font-size: 0.8rem; font-weight: bold;}
header .search-button {line-height: 15px; transition: all ease .2s; cursor: pointer;}
header .search-button:hover {background-color: #ebebeb}
#search-content {background-color: #ebebeb;}
#search-content .form-control {border-top-left-radius: 50px; border-bottom-left-radius: 50px; border: 0px; padding: 3px 30px; background-color: #ffffff;}
#search-content #search-button-form {border-top-right-radius: 50px; border-bottom-right-radius: 50px; border: 0px; background-color: #17a2b8 !important; border-color: #17a2b8;}
@media (max-width: 575.98px) { 
  header .search-button {background-color: #ebebeb; border-top-right-radius: 10px;}
  #search-content {background-color: #ebebeb;}
 }
/*dropdown*/
.dropdown-menu {background-color: #ffffff; border-radius: 10px; border: 0px; -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);}
.dropdown-menu li a {line-height: 20px;font-size: 0.9rem;color: #1B2E51 !important;height: auto !important;text-align: left;font-weight: 400;padding: 7px 20px !important;border-bottom: 1px dotted rgba(1,1,1,0.1);text-transform: capitalize;}
.dropdown-menu li:last-child a {border-bottom: 0px;}
.dropdown-menu li a:hover {color: #17a2b8 !important;}
.dropdown-menu::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;}
.dropdown-item:focus, .dropdown-item:hover {background-color: inherit !important;}

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

/*menu full*/
.menu-full ul li a {text-decoration: none;color: #1B2E51;padding: 12px 27px;font-size: 1rem;font-weight: 600;}
.menu-full ul li a:hover {color: #17a2b8;}
.menu-full ul li.current-menu-item, .menu-full ul li.current-menu-parent {background-color: #f8f8f8;}
.menu-full ul ul {opacity: 0;visibility: hidden;position: absolute;background-color: #ffffff ;transition: visibility 0.3s, opacity 0.2s linear;width: 200px;border-radius: 10px;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-full ul ul li {width: 100%;display: contents;}
.menu-full ul ul li a {line-height: 20px;font-size: 0.9rem;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 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 a {text-decoration: none;color: #ffffff; padding: 10px 15px; font-size: 0.9rem; font-weight: 500;}
.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;background-color: #ffffff ;transition: visibility 0.3s, opacity 0.2s linear;width: 200px;border-radius: 10px;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;font-size: 0.9rem;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 .sub-menu li.current-menu-item a {color: #1B2E51 !important;}
.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;}

/*menu responsive*/
.button-responsive-menu {color: #1B2E51 ;display: block;cursor: pointer;font-size: 1.4rem; font-weight: 500;}
.menu-responsive {background-color: #d9dfe5;}
.menu-responsive ul li {display: block;height: auto !important;}
.menu-responsive ul li a {display: block;padding: 5px 30px;border-bottom: 1px solid rgba(255,255,255,0.4);text-align: center;font-weight: 500; font-size: 0.9rem;}
.menu-responsive ul ul {position: relative !important;background-color: #e4eaef;}
.menu-responsive ul ul li {width: 100%;display: contents;}
.menu-responsive ul ul li a {line-height: 20px;color: #1d3c88;height: auto !important;text-align: center;font-weight: 500;padding: 5px 25px;border-bottom: 1px dotted rgba(1,1,1,0.1);text-transform: capitalize;}
.menu-responsive ul ul li:last-child a {border-bottom: 0px;}
.menu-responsive ul li ul li.current-menu-item {background-color: inherit;color:#17a2b8;}

/*--------------------------------------------------------------
# slider
--------------------------------------------------------------*/
.slider {background-color: #D9DFE5;}
.slider .wrapper-slider {max-width: 1400px; margin: 0px auto;}
/*carouse*/
.carousel-indicators [data-bs-target] {background-color: #17a2b8; width: 15px; height: 15px; border-radius: 50%;}
.carousel-control-next, .carousel-control-prev {background-color: #17a2b8; width: 50px; height: 50px; top: 45%; opacity: 1;}
.carousel-control-next {right: 25px;}
.carousel-control-prev {left: 25px;}
@media (max-width: 1500px) { 
  .carousel-control-next {right: 50px;}
  .carousel-control-prev {left: 50px;}
}
@media (max-width: 575.98px) { 
  .carousel-control-next, .carousel-control-prev {display: none;}
}

/*--------------------------------------------------------------
# links top
--------------------------------------------------------------*/
.links {background-color: #D9DFE5; border-radius: 10px; min-height: 200px;}

/*--------------------------------------------------------------
# news
--------------------------------------------------------------*/
.news {background-color: #ffffff;}
.news h4 {font-size: 1.2rem;}
.news figure {background-color: #dedede; width: 100%; height: 200px; background-size: cover; background-position: center center; overflow: hidden; transition: ease all .2s; opacity: 0.8; border-radius: 10px;}
.news .date {font-size: 0.8rem;}
.news a {transition: all ease .2s;}
.news .new:hover figure {transform: scale(1.02); opacity: 1;}
.news .extract {font-family: 'Fira Sans', sans-serif;}

.page-news {background-color: #ffffff;}
.page-news figure {height: 200px;}

/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/
.contact {background-color: #eaeff3;  min-height: 450px;}
.contact a {font-weight: 700;}
.contact .form-control {border: 0px;border-radius: 50px;padding: 10px 30px;text-align: left;font-size: 1rem;}
.contact .btn-primary {background-color: #17a2b8; color: #fff;}
.wpcf7 form .wpcf7-response-output { margin: 0px !important; padding: 10px 25px; border-radius: 0.3rem;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ef8e99;background-color: #ef8e99;color: #ffffff;border-radius: 50px;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #8a95a3;background-color: #8a95a3;color: #ffffff;border-radius: 50px;}
.wpcf7-not-valid-tip { color: #dc3232; font-size: 0.8em;  font-weight: normal; margin-left: 30px; display: block;}

/*--------------------------------------------------------------
# links
--------------------------------------------------------------*/
.links {background-color: #F4F6F6; min-height: auto !important;}
.links a {transition: all ease .2s; color: #708699}
.links a:hover {color: #17a2b8}

/*--------------------------------------------------------------
# scroll
--------------------------------------------------------------*/
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track {border-radius: 0; }
::-webkit-scrollbar-thumb {border-radius: 0; background: #162f5a; }
::-webkit-scrollbar-thumb:window-inactive { background: #162f5a; }

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
footer {background-color: #1B2E51; color: #ffffff;  font-weight: 300;}
footer strong {color: #17a2b8;}
footer .copyright {background-color: #172949}
footer ul li {border-bottom: 1px solid rgba(255,255,255,0.25); text-align: center;}
footer a {color: #ffffff; transition: all ease .2s;}
footer a:hover {color: #17a2b8 !important}
footer .social-menu .social-icon{fill:#d9dfe5; transition: ease all .2s;}
footer .social-menu a:hover svg path{fill:#17a2b8;}

/*--------------------------------------------------------------
# team
--------------------------------------------------------------*/
.team .item figure img {max-width: 100%; }
.team .content-item {background: rgb(241, 241, 241); background: linear-gradient(0deg, rgba(241, 241, 241, 1) 60%, rgb(255 255 255) 100%);}
.team .item figure {background-size: cover;background-position: center center;margin: 0px auto;padding-top: 90%;border: 1px solid #f1f1f1; filter: grayscale(30%) contrast(110%) brightness(90%); border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.team .item a {color: #1d3c88; font-weight: 500; word-break: break-all;}
.team .item a:hover {color: #19a2b8;}
.team .city { background-color: #3d5f99; z-index: 1; bottom: -10px; font-size: 0.9rem; padding: 2px 15px; color: #fff; left: 0; right: 0; margin-left: auto; margin-right: auto; width: fit-content;}
@media (max-width: 575.98px) { 
  .team .item figure { border-top-left-radius: 40px; border-bottom-right-radius: 40px; padding-top: 100%;}
  .team .item .col-8, .team .item .col-4 {display: flex; justify-content: center; flex-direction: column;}
  .team .content-item {background: rgb(241, 241, 241) !important;}
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {color: #1B2E51;font-weight: 500;text-align: left; font-family: 'UBB';}
.text-content .wp-block-quote { border-left: 0px; padding-left: 1em; background-color: #f4f6f6; padding: 15px 25px; margin: 10px 0px}
.text-content .wp-block-quote p {margin-bottom: 5px;}
.text-content ul, .text-content ol {margin-bottom: 20px !important; list-style: square; margin-left: 30px;}

.text-docs h1, .text-docs h2, .text-docs h3, .text-docs h4, .text-docs h5, .text-docs h6 {padding-left: 40px; position: relative;}
.text-docs h1.wp-block-heading::after, .text-docs h2.wp-block-heading::after, .text-docs h3.wp-block-heading::after, .text-docs h4.wp-block-heading::after, .text-docs h5.wp-block-heading::after, .text-docs h6.wp-block-heading::after {
  content: "";
  display: block;
  width: 30px;
  height: 5px;
  background-color: #17a2b8;
  position: absolute;
  top: 50%;
  left: 0%;
}

/*--------------------------------------------------------------
# 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;}

.download-box {background-color: #f4f6f6;padding: 10px 20px;margin-bottom: 15px; border-radius: 10px;grid-template-columns: 8% auto;  display: grid;  transition: all ease .2s;}
.download-box img {margin-right: 30px;}
.download-box .name {color: #3054a1;}
.download-box .btn-light {background-color: #ffffff; border-color: #ccc;}
.download-box table {min-width: 550px;}
@media (max-width: 575.98px) { 
	.download-box {grid-template-columns: 15% auto;}
}

/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
.list-group-item { font-size: 0.9rem; font-weight: 500;}
.list-group-item a {transition: ease all .2s; color: #1D3C71;}
.list-group-item a:hover {color: #17a2b8;}
.list-group-flush .menu-item a {position: relative;display: block;padding: 0.5rem 1rem;color: #212529;text-decoration: none;border: 1px solid rgb(217 223 229);border-width: 0 0 1px;font-size: 1rem;font-weight: 500;transition: ease all .2s;color: #1D3C71;}
.list-group-flush .menu-item a:hover {color: #17a2b8 !important}
.list-group-flush li.current-menu-item > a{color: #17a2b8;border-left: 4px solid;}
.list-group-flush li .sub-menu {display: none;}
.list-group-flush li.current-menu-item .sub-menu{display: block;}
/*--------------------------------------------------------------
# Boton subir
--------------------------------------------------------------*/
#scrollTopBtn {display: none;position: fixed;bottom: 20px;right: 80px;z-index: 99;border: none;outline: none;background-color: #19a2b8;color: #ffffff;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: rgb(30 176 200);}

/*--------------------------------------------------------------
# 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;}

/*--------------------------------------------------------------
# boxs
--------------------------------------------------------------*/
.description .item { min-height: 200px; background-color: #ededed; cursor: pointer; transition: background-color 0.3s ease; color: #7d8799;}
.description .item:hover {background-color: #1D3C71; color: #ffffff !important;}
.description .item:hover .h3 {color: #ffffff !important;}
.description .item2 {background-color: #f5f5f4;}
.description .item2:hover { background-color: #1D3C71 ;color: #ffffff !important;}
.description .item .h3, .item2 .h3 {font-family: 'UBB'; color: #1b2e51;}
.description ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0; list-style: none;font-size: 1rem; padding: 30px 0px;}
.description li { position: relative; padding-left: 45px; text-align: left;}
.description li::before { content: ""; position: absolute; left: 10px; top: 5px; width: 20px; height: 20px; background-color: #19a2b8; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.download-box table {min-width: 550px;}
@media (max-width: 575.98px) { 
	.description ul {grid-template-columns: repeat(1, 1fr);}
}


/*--------------------------------------------------------------
# Tabla documentos
--------------------------------------------------------------*/

.download-box-table {background-color: #f4f6f6;padding: 10px 20px;margin-bottom: 15px; border-radius: 10px;}
.download-box-table .name {color: #3054a1;}
.download-box-table .btn-light {background-color: #ffffff; border-color: #ccc; border-radius: 0px;}
.download-box-table .btn-light:hover { color: #ffffff;  border-color: #19a2b8 !important; background-color: #19a2b8 !important;}
.download-box-table table {min-width: 550px;}
.download-box-table table tr td, .download-box-table table tr th {padding: 0.5rem 0.8rem !important}
.download-box-table .table thead {
   background-color: #f4f6f6;
}
.download-box-table .table>:not(caption)>*>* {border-bottom-width: 1px !important; }
.download-box-table .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: rgb(233 235 235) !important;
}
.download-box-table .table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: rgb(235 235 235);
}
.download-box-table .table>:not(caption)>*>* {
  padding: 0.5rem 0.8rem;
}
@media (max-width: 575.98px) { 
	.download-box-table {grid-template-columns: 15% auto;}
}