/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
@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-family: "Roboto Flex", sans-serif;font-size: 17px;color: #232323;}
.wrapper {max-width: 1200px; margin: 0px auto;}
.wrapper-extend {max-width: 1400px; margin: 0px auto}
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 800;}
.h1, h1 {
    font-size: 3.5rem;
}
a, a:hover {text-decoration: none;color: rgb(241 146 21);}
ul {padding: 0px; margin: 0px;}
ol, ul {list-style: none; margin-bottom: 0px!important; padding-inline-start: 0px !important;}
.more {width: max-content;background-color: #00d4a2;color: #fff;font-weight: 700;font-size: 0.8rem;padding: 1px 20px}
.padding-top { padding-top: 108px}
.margin-top { margin-top: 108px}
.line-grad {height: 6px; background: #FFD902;background: linear-gradient(90deg, rgba(255, 217, 2, 1) 0%, rgba(240, 131, 25, 1) 15%, rgba(197, 78, 151, 1) 37%, rgba(208, 69, 146, 1) 42%, rgba(47, 78, 157, 1) 69%, rgba(53, 78, 157, 1) 78%, rgba(111, 199, 218, 1) 100%);}
.banner-page {background: #17B1E8; background: linear-gradient(168deg, rgba(23, 177, 232, 1) 0%, rgba(47, 110, 181, 1) 51%);}
.banner-page h1 {color: #ffffff; font-family: "UBB"; text-transform: uppercase;}
.font-ubb {font-family: "UBB";}

@media (max-width: 575px) {
    .h1, h1 {font-size: 2.5rem; line-height: 40px !important;}
    .padding-top { padding-top: 132px}
    .margin-top { margin-top: 132px}
}
@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; top: 0; z-index: 999; width: 100%; transition: all ease .3s;}
@media (max-width: 1200px) {
    header{background-color: #fff !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 60px 0px !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: #232323;padding: 15px 14px;font-weight: 700;font-size: 1rem;}
.menu-full ul li a:hover {color: #2f6eb5;}
.menu-full ul li.current-menu-item a, .menu-full .current-menu-ancestor > a{color: #2f6eb5;}

.menu-full ul ul {opacity: 0;visibility: hidden;position: absolute;background-color: #dbe4f0;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: 1px 2px 10px 0px rgb(255 255 255); */}
.menu-full ul ul li {width: 100%;display: contents;}
.menu-full ul ul li a {line-height: 20px;font-size: 0.95rem;color: #1B2E51;height: auto !important;text-align: left;font-weight: 400;padding: 15px 25px;border-bottom: 1px dotted rgba(1,1,1,0.1);text-transform: capitalize;font-weight: 600;}
.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: #2f6eb5}
.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: #232323; font-weight: 600;display: block;padding: 8px;transition: all ease .2s;}
a.button-responsive-menu:hover {color: #232323}
#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: #232323;font-weight: 600;width: 100%;}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.contenedor-slider {height: 75vh; background-color: #eaeaea; background-image: url("../img/background.jpg"); background-position: top 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-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #00d4a2;}
.slider .swiper-button-next:after, .slider .swiper-button-prev:after {color: #e76860;padding: 30px;font-weight: 900;}
.slider .swiper-button-next {top: 25%;right: 5%;}
.slider .swiper-button-prev {top: 75%;left: 5%;}
.slider .swiper-pagination { font-weight: 800; text-align: right;}

.slider-full .swiper-pagination-bullet {background-color: #ffffff; width: 20px; height: 20px;}
.slider-full .swiper-pagination-bullet-active {background-color: #e76860;}
.slider-full .swiper-button-next, .slider-full .swiper-button-prev {background-color: #fff; padding: 30px; color: #e76860; top: 55%}
.slider-full .swiper-button-next {right: 60px;}
.slider-full .swiper-button-prev {left: 60px;}

.slider-next, .slider-prev { display: block; width: 50px; position: relative !important;background-color: #ffffff69; top: unset; left: unset !important; right: unset !important;
    bottom: unset !important; margin-left: 10px; text-align: center;color: #232323;}
.slider-progress { background-color: #ffffff;}
.slider-progress .swiper-pagination-progressbar-fill {background-color: #f1921542;}

/*--------------------------------------------------------------
# Call to action
--------------------------------------------------------------*/
.call {background: #17B1E8; background: linear-gradient(168deg, rgba(23, 177, 232, 1) 0%, rgba(47, 110, 181, 1) 51%); border-radius: 0px}
.call h1 { line-height: 55px; font-family: "UBB"; text-transform: uppercase;}
.call strong {color: #ffffff;}

/*--------------------------------------------------------------
# Descripcion
--------------------------------------------------------------*/
.description h1 { line-height: 55px; font-family: "UBB";}
.description a {color: #fff; text-align: left; font-size: 1.2rem; font-weight: 600; background: rgb(0,63,55); background:linear-gradient(90deg, rgba(255, 217, 2, 1) 0%, rgba(240, 131, 25, 1) 15%, rgba(197, 78, 151, 1) 37%, rgba(208, 69, 146, 1) 42%, rgba(47, 78, 157, 1) 69%, rgba(53, 78, 157, 1) 78%, rgba(111, 199, 218, 1) 100%); border: 0px; padding: 15px 25px;}
.description a:hover {opacity: 0.8;}

.ubb-text h2 { padding: 10px; border-radius: 10px; font-size: 2.5rem;}
@media (max-width: 575px) {
    .description img{display:  block !important; margin: 0px auto;}
}

/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/
.contact { min-height: 600px; background: rgb(255 255 255); background:linear-gradient(90deg, rgba(255, 217, 2, .2) 0%, rgba(240, 131, 25, .2) 15%, rgba(197, 78, 151, .2) 37%, rgba(208, 69, 146, .2) 42%, rgba(47, 78, 157, .2) 69%, rgba(53, 78, 157, .2) 78%, rgba(111, 199, 218, .2) 100%);}
.contact .wpcf7-form {line-height: 12px;}
.contact a {color: #1B2E51;}
.contact h1 { line-height: 55px; font-family: "UBB";}
.form-control {background-color: #ffffff; border: 0px; padding: 15px 25px; border-radius: 0}
.contact input::placeholder,.contact textarea::placeholder { color: #bfbfbf}
.contact button{color: #fff; text-align: center; font-weight: 800; background-color: rgb(47 110 181)}
.contact button:focus {color: #fff !important}
.contact button:hover {opacity: 0.8;}

.page-contact .form-control {background-color: #dbe4f0; border: 0px; padding: 15px 25px;}
.page-contact .wpcf7-submit{color: #fff; text-align: center; font-weight: 800; background-color: rgb(47 110 181)}
.page-contact .wpcf7-submit:hover {opacity: 0.8;}
.page-contact .wpcf7-submit:focus {color: #fff !important}
.page-contact .wpcf7-form { line-height: 12px;}
.icon-button { position: relative; padding-left: 60px !important;}
.icon-button:after { content: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IndoaXRlIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YS41LjUgMCAwIDEgLjUtLjVoMTEuNzkzbC0zLjE0Ny0zLjE0NmEuNS41IDAgMCAxIC43MDgtLjcwOGw0IDRhLjUuNSAwIDAgMSAwIC43MDhsLTQgNGEuNS41IDAgMCAxLS43MDgtLjcwOEwxMy4yOTMgOC41SDEuNUEuNS41IDAgMCAxIDEgOCIvPgo8L3N2Zz4K');
    position: absolute; left: 25px; top: 55%; transform: translateY(-50%);}

.wpcf7-not-valid-tip {padding: 5px; font-size: 0.9rem !important; color: #f19215; 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: #0a0a0a; 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: #f19215;}

/*--------------------------------------------------------------
# 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: #17b1e8;}
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: #f19215;}

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

/*--------------------------------------------------------------
# Menu fijo
--------------------------------------------------------------*/
.social-menu {position: fixed; top: 40%; left: 0;  padding-left: 15px; padding-right: 10px; z-index: 999; background-color: #23b0e7;color: #fff}

/*--------------------------------------------------------------
# Listas
--------------------------------------------------------------*/
.list-group-flush li {border-bottom: 1px solid #c3c3c3;padding: 5px 20px;}
.list-group-flush li a {color: #232323;transition: all ease .2s; font-weight: 500;}
.list-group-flush li a:hover{color: #2f6eb5;}
.list-group-flush li.current-menu-item a {color:#2f6eb5}

/*--------------------------------------------------------------
# Contenido
--------------------------------------------------------------*/
.text-content a:not(.btn) {
    color: #2f6eb5;
    font-weight: 500;
    text-decoration: underline;
}

.text-content wp-block-media-text {margin-bottom: 0px ;}
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6{font-weight: 500; font-family: "UBB"; color: #f19215;}
.text-content ul {list-style: inside; list-style-type: square; margin-bottom: 1.5rem !important}
.text-content .wp-block-separator { color: #dee2e6; margin: 40px 0px; border-bottom: 1px solid;}

.text-content .wp-element-button {color: #fff !important; text-decoration: none !important;}
.text-content .custom-bg .wp-element-button{color: #fff !important; background: #f19215; border-radius: 0px; text-transform: uppercase;}
.text-content .custom-bg .wp-element-button:hover{opacity: 0.8;}

/*--------------------------------------------------------------
# Noticias
--------------------------------------------------------------*/
.news a.more {color: #fff !important;}
.news .more-news {color: #2f6eb5;font-weight: 600; font-size: 1.4rem;}
.news h1 { font-family: 'UBB';}
.news h6 a{font-size: 1.15rem; color: #232323; font-weight: 600;}
.news h5 a {font-size: 1.25rem;color: #232323; font-weight: 600;}
.news .new .thumbnail {width: 100%;background-color: #E0E7ED; height: 180px; background-size: cover;background-position: center center;opacity: 0.9; transition: ease all .2s;}
.news .new:hover .thumbnail {opacity: 1; transform: scale(1.02);}
.news .new .date {color: #4c94d3;font-size: 0.8rem;}
.news .swiper-pagination {position: unset; text-align: right;}
.news .swiper-pagination-bullet {width: 15px; height: 15px;}
.news .swiper-pagination-bullet-active {background-color: #17b1e8}
.news .swiper-button-next, .news .swiper-button-prev {color: #17b1e8 !important; position: unset !important; margin-top: auto !important;}
.news .swiper-button-next:after, .news .swiper-button-prev:after { font-size: 2rem; font-weight: 900;}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {justify-content: center;list-style: none !important;}
.pagination .page-link {color:  inherit;background-color: #dbe4f0;border: 1px solid #ffffff;min-width: 40px;border-radius: 0px !important;}
.pagination .page-item.active .page-link {background-color: #f19215;color: #fff;border-color: #f19215;}
.pagination .page-link:hover {background-color: #2f6eb5;color: #ffffff;border: 1px solid #2f6eb5;}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb a {color: #f19215;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 .h5 {font-family: 'UBB'; font-size: 1.6rem;}
.team strong {color: #4e71a1}
.team .email a {color: #000; font-size: 1rem; font-weight: 600}
.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;}
}

/*--------------------------------------------------------------
# Boton subir
--------------------------------------------------------------*/
#scrollTopBtn {display: none;position: fixed;bottom: 20px;right: 80px;z-index: 99;border: none;outline: none;background-color: #f19215;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(255 183 89);}

.input-group-text {background-color: #f19215;color: #fff;border: 0;border-radius: 0px;}
.input-group-append {background-color: #f19215; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}