/*--------------------------------------------------------------
# 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}
.text-justify {}
.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;}
}
/*Lí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; /*max-width: 150px;*/ line-height: 22px;}
.menu ul li a {text-decoration: none; transition: all ease .2s; display: block;}
.menu-full #menu-principal, #menu-principal-1 {display: flex; justify-content: center; align-items: center;}

/*menu full*/
.menu-full ul li > a {text-decoration: none;color: #1B2E51;padding: 12px 19px;font-size: 1rem;font-weight: 600; min-height: 68px; display: flex; justify-content: center; align-items: center;}
.menu-full ul.sub-menu li > a { min-height: unset !important; display: block !important}

.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);}
.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 10px; 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);}
.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; max-width: unset !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;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;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ef8e99;background-color: #ef8e99;color: #ffffff;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #8a95a3;background-color: #8a95a3;color: #ffffff;;}
.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}


/*--------------------------------------------------------------
# Estadisticas
--------------------------------------------------------------*/

.statistics {background-color: #f4f6f6}
.statistics .title {font-size: 3.5rem;font-weight: 900;letter-spacing: 1px;line-height: 65px;display: block;text-align: center;width: 100%;}
.statistics .item {display: block;font-size: 1.3rem;font-weight: 400;/* line-height: 20px; */text-align: center;width: 100%;}
/* .statistics .statistic > div {background-color: #ffffff;} */
.statistics .statistic .title {color: #17a2b8;}
.statistics .statistic > div {padding: 10px 20px !important;/* border-radius: 10px; */min-height: 150px;}
.statistics .statistic {transition: all ease .2s;}

.statistics .owl-carousel .owl-nav button.owl-next, .statistics .owl-carousel .owl-nav button.owl-prev {width: 50px; height: 50px; border-radius: 10px; background-color: #17a2b8 !important; color: #ffffff}
.statistics .owl-carousel .owl-nav {position: absolute; top: 30%; width: 100%;}
.statistics .owl-carousel .owl-nav button.owl-next{ position: absolute; right: -60px;}
.statistics .owl-carousel .owl-nav button.owl-prev{ position: absolute; left: -60px; }
.statistics .owl-carousel .owl-nav button.owl-next span, .statistics .owl-carousel .owl-nav button.owl-prev span{font-size: 40px; line-height: 35px; color: #fff;}

@media (max-width: 575.98px) { 
}

/*--------------------------------------------------------------
# Descripcion
--------------------------------------------------------------*/
.description {background-color: #ed6537}
.description {background-image: url('../img/back-01.jpg'); background-position: center center;}

.description2 {background-color: #0061ad}
.description2 {background-image: url('../img/back-02.jpg'); background-position: center center;}


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

/*--------------------------------------------------------------
# page
--------------------------------------------------------------*/
@media (max-width: 575.98px) { 
  .events .row .title-events {border-right: 0px; display: flex !important;flex-direction: row !important;align-items: center; margin-bottom: 30px}
  .events .owl-item {border-right: 0px;}
  .events svg {margin-right: 10px;}
  .events .owl-nav {display: none;}
  .events .number {font-size: 8rem !important; line-height: 120px;}
  .events .date {font-size: 2rem !important;}
}

/*--------------------------------------------------------------
# single
--------------------------------------------------------------*/
.single .departments h2 span {min-width: 300px}

/*--------------------------------------------------------------
# nav tabs
--------------------------------------------------------------*/
.nav-tabs {justify-content: center; border-bottom: 0px;}
.nav-item .nav-link {border-radius: 0;/* border: 0px !important; *//* margin: 5px; */color: #475857;font-weight: 600;padding: 10px 30px;background-color: #f4f6f6;/* border-bottom: 1px solid #17a2b8; */}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: #17a2b8; color: #ffffff;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {background-color: #0fbeb3; color: #ffffff;}


/*--------------------------------------------------------------
# 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%;
}
/*--------------------------------------------------------------
# Menu segundario
--------------------------------------------------------------*/
.secondary-menu a {color: #1b2e51;font-weight: 500;font-size: 1.1rem;padding: 15px 10px;border: 2px solid #fff;background-color: #e8ecf0;}
.secondary-menu a.activado {border-bottom: 1px solid #103954;}
.secondary-menu a:hover {text-decoration: none; background-color: #d2d8de;}
.secondary-menu a.active {color: #0054bb}

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

.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;}
}



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

/*--------------------------------------------------------------
# quote
--------------------------------------------------------------*/
.quote figure {transition: all ease .2s;}
.quote:hover figure {transform: scale(1.02);}
.quote figure {width: 180px; height: 180px; background-color: #D9DFE5; border-radius: 50%; overflow: hidden; border: 5px solid #17a2b8;}
.quote .text-quote {background-color: #D9DFE5;min-height: 100px;width: 100%;border-radius: 10px;border-bottom: 5px solid #8fa3aa;}
.quote strong {font-size: 1.2rem; color: #1B2E51; margin-top: 15px;}
.quote .quote-description {line-height: 20px;}
.quote .text-quote::before { content: ""; position: absolute; display: block; width: 0; height: 0; border-width: 20px 40px 20px 20px; border-style: solid; border-color: transparent; z-index: -9; bottom: -20px; border-right-color: #8fa3aa; left: 80%;}
.quote .quote-figure {display: grid; grid-template-columns: 75% auto;}
@media (max-width: 575.98px) { 
	.quote .quote-figure {display: grid; grid-template-columns: 65% auto;}
}

/*--------------------------------------------------------------
# Mega menu documentos
--------------------------------------------------------------*/

.menu-sidebar .mega-menu {display: none;position: absolute;top: 0;left: 100%;width: 300% !important;background: #d2d8de;transition: all 0.3s ease;z-index: 999;padding: 30px 30px;min-height: 500px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.menu-sidebar .mega-menu .list-group-item {border-bottom: 0px;padding: 5px 20px;background: inherit;}
.menu-sidebar .mega-menu .list-group-item a:hover{ color: inherit !important}
.menu-sidebar .mega-menu strong {border-bottom: 0px;padding: 0px 20px;/* padding-bottom: 10px; */display: block;color: #114fb9;font-weight: 800;font-size: 1.05rem;/* border-bottom: 1px dotted; */margin-bottom: 10px;}
.menu-sidebar .list-group-item:hover .mega-menu {display: block;}
.menu-sidebar .list-group-item {background-color: #e8ecf0;position: unset !important;font-weight: 300;border-bottom: 3px solid #fff;}
.menu-sidebar .list-group-item-action:focus, .menu-sidebar .list-group-item-action:hover {background-color: #d2d8de;}
.menu-sidebar a.active { background-color: #b7bfc6; border-color: #fff; border-color: #ffffff;  border-bottom: 3px solid #fff; }
.menu-sidebar .list-group-item:hover {background-color: #d2d8de; color: #1B2E51;}
.menu-sidebar .list-group-item:hover a{ color: #1B2E51}
.menu-sidebar .list-group {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.menu-sidebar .list-group-item.active {border-color: #fff; border: 0px !important;}
@keyframes slideIn {
  from {transform: translateX(5%);opacity: 0;
  }
  to {transform: translateX(0);opacity: 1;
  }
  }
  
  @media (max-width: 768px) {
  .menu-sidebar .mega-menu {width: 100%;top: auto;left: auto;}
  }
/*--------------------------------------------------------------
# Menu responsive documentos
--------------------------------------------------------------*/
.accordion .nav-link {width: 100%; padding: 8px 15px; font-size: 0.9rem; margin-bottom: 2px}
.accordion .accordion-item { border: 0px; border-radius: 0px;}
.accordion .btn-link { background-color: inherit; border-radius: 0px; border: 0px !important; height: 34px; margin-bottom: 2px}
.accordion .back-color1 { background-color: #e8ecf0; border-bottom: 2px solid #fff}
.accordion .back-color2 { background-color: #d2d8de; border-bottom: 2px solid #fff}
.accordion .back-color3 { background-color: #d1e1f0; border-bottom: 2px solid #fff}



ul.nav-pills {list-style: none !important;margin-left: 0px;border-bottom: 3px solid #19a2b8;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #17a2b8;}

.search-docs input::placeholder {
  color: #95a0b2; font-weight: 200; 
}
.search-docs input:-ms-input-placeholder {
  color: #95a0b2; font-weight: 200;
}

.search-docs input::-ms-input-placeholder {
  color: #95a0b2; font-weight: 200;
}


.wp-block-button__link {
  background-color: #a4b0bb !important;
  /* border-radius: 0px !important; */
  padding: 5px 20px !important;
}
.wp-block-button__link:hover {
  color: white;
  background-color: #19a2b8 !important;
}
.wp-block-separator {
  border-bottom: 1px solid rgb(217 223 229);
  margin: 40px 0px;
}

.wp-block-button__link::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%231B2E51" class="bi bi-arrow-right" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10.293 1.707a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 1 1-1.414-1.414L12.586 8H1a1 1 0 0 1 0-2h11.586l-2.293-2.293a1 1 0 0 1 0-1.414z"/> </svg>');
  display: inline-block;
  margin-left: 8px; /* Espacio entre el texto y la flecha */
  vertical-align: middle; /* Alineación vertical con el texto */
  padding-top: 10px; /* Ajusta este valor según la alineación deseada */
}