@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
html{scroll-behavior: smooth;}
body{color:#3b3b3b;font-size:16px;font-weight:400;font-family: 'Poppins', sans-serif !important;line-height:28px;overflow: hidden;overflow-y:scroll;}.carousel-inner{overflow:hidden}.navbar{margin-bottom:0;padding: 0;}ul{margin:0;padding:0;list-style-type:none}a:hover{text-decoration:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Poppins', sans-serif;}p{margin-bottom:0;color:#676767;}a{text-decoration:none;color:#676767;}

::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background: #2e3090;border-radius: 10px;}
.form-control:focus {box-shadow: none;}
.is-invalid{border: 1px solid #ff0000 !important;}
.invalid-feedback{color: #ff0000 !important;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;}
.swal2-cancel{background-color: #5c5c5c !important;}
.swal2-confirm{background-color: #2e3090 !important;}

.font_size_40{font-size:40px}.font_weight_900{font-weight:900}.color_fff{color:#fff}.line_height_110{line-height:110px}
.inner_subpage_banner {display: table-cell;vertical-align: middle;text-align: right;opacity: 1;}:focus-visible {outline: none !important;}
header{position: relative;display: block;padding:10px 0px;z-index: 9;}
.bg_282828{background-color: #fff;padding: 0;}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.carousel-indicators li{cursor:pointer}
.bg_menu_page .inner_subpage_banner .text-banner{line-height: 110px;color: #fec622;font-weight: 700;font-size: 30px;text-transform: uppercase;}
.miga{background:#f1f1f1;text-align:right;padding:5px 0}
.miga a{color:#676767;font-weight:600}
.miga p a:hover{color:#2e3090;}
.miga p span{color:#2e3090;font-weight:600;margin:0 10px}
.miga p{font-weight:800;margin:0 10px;color:#2e3090;}
.bg_menu_page {background: #13153c;background-size: cover;width: 100%;height: 120px !important;display: table;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 95% !important;}
.bg-body-tertiary {--bs-bg-opacity: 1;background-color: #fff !important;}
.barra-logo::after {width: 0px;height: 100px;border-left: 78px solid #000;border-right: 78px solid #000;border-bottom: 35px solid transparent;position: absolute;content: '';top: -50px;transform: rotate(-90deg);left: 16.4%;opacity: .2;filter: blur(1px);}
.navbar-brand{padding: 0;margin-left: 20px;}
.navbar-brand img{width: 250px;}
.navbar li {position: relative;}
.navbar li.dn{display: none;}
.dropdown-menu {position: absolute;top: 90%;left: 0px;z-index: 1000;display: none;float: left;min-width: 180px;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #f5f5f5;background-clip: padding-box;box-shadow: 0 0 5px #ccc;border-radius: 0.25rem;border: none;}
.navbar li:hover .dropdown-menu {display: block;padding: 0;}
.dropdown-menu li {position: relative;}
.dropdown-menu li a {padding: 5px 15px !important;display: block;margin: 0 !important;background: #fff;border: 1px solid #ccc !important;border-bottom: none !important;color: #000 !important;font-size: 14px !important;text-transform: inherit;font-weight: 600 !important;}
.dropdown-menu li a:hover{background: #a8a8a8 !important;color: #000 !important;}

.top-header{background: #fec622;padding: 10px 0;}
.top-header .wsp-msj{display: block;}
.top-header .wsp-msj a{display: inline-block;margin-right: 15px;color: #2e3090;}
.top-header .wsp-msj a:last-child{margin-right: 0;}
.top-header .redes{text-align: right;}
.top-header .redes li{display: inline-block;}
.top-header .redes li a{color: #2e3090;font-weight: 600;margin: 0;font-size: 18px;width: 30px;display: block;text-align: center;}
.top-header .redes li a:hover{color: #fff;}

.navbar .coti{display: block;background: #2e3090;padding: 5px 20px;border-radius: 50px;color: #fff;}
.navbar .coti:hover{background: #fec622;color: #2e3090;}
.navbar-text {padding-bottom: .2rem;}
.navbar-expand-lg{padding: 0 0 6px 0;}
.navbar-expand-lg .navbar-nav .nav-item .active{color: #2e3090;font-weight: 700;text-transform: uppercase;position: relative;}
.navbar-expand-lg .navbar-nav .nav-item .active::before {content: "";position: absolute;background: #2397d5;height: 4px;width: 100%;top: -12px;left: 0;transform: none;}
.navbar-expand-lg .navbar-nav .nav-item a::before {content: "";position: absolute;top: -12px;left: 0;width: 100%;height: 4px;background: linear-gradient(to right, #2397d5, #2397d5);z-index: 1;transform: scaleX(0);transform-origin: left;transition: transform .5s ease-in-out;}
.navbar-expand-lg .navbar-nav .nav-item a:hover::before {transform: scaleX(1);}
.navbar-expand-lg .navbar-nav .nav-link{display: block;font-size: 18px;margin-left: 0;color: #000;padding: 10px 20px;position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color: #2e3090;}

#wwwa {--color: #00d32a;position: fixed;z-index: 999;bottom: 0;left: 0;right: 0;font: 16px / 1em Arial, Sans-Serif;letter-spacing: 0;user-select: none;touch-action: manipulation;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;}
.wwwa--right .wwwa__pulse {left: auto;right: 30px;}
.wwwa__pulse {position: fixed;bottom: 30px;left: 30px;width: 60px;height: 60px;border: 12px solid var(--color);border-radius: 50px;animation: wwwax--pulse infinite 1.2s .8s both;}
@keyframes wwwax--pulse {0% {opacity: 0;}
50% {transform: scale(1, 1);opacity: 1;}
100% {transform: scale(2, 2);opacity: 0;}}
.box-flotante .wsp-flotante{position: fixed;left: 30px;bottom: 30px;background: #00d32a;color: #fff;width: 50px;height: 50px;text-align: center;line-height: 50px;z-index: 9999999999;border-radius: 50px;box-shadow: 0 0 5px #00d32a;font-size: 24px;}
.box-flotante .wsp-flotante:hover{background: #289524;box-shadow: 0 0 5px #289524;}

.navbar-expand-lg .d-flex .dropdown-menu2 {position: absolute;top: 90%;left: -100px;z-index: 1000;display: none;float: left;min-width: 300px;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 1rem;color: #212529;text-align: left !important;list-style: none;background-color: #f1f1f1;background-clip: padding-box;box-shadow: 0 0 5px #ccc;border-radius: 0.25rem;border: none;}
.navbar-expand-lg .d-flex .dropdown-menu2::before{display: none;}
.navbar-expand-lg .d-flex li:hover .dropdown-menu2 {display: block;padding: 15px 15px 5px 15px;}
.navbar-expand-lg .d-flex li .dropdown-menu2 .btn-outline-secondary{background: #000;border: 1px solid #000;color: #fff;}
.navbar-expand-lg .d-flex li .dropdown-menu2 .btn-outline-secondary:hover{background: #fff;border: 1px solid #000;color: #000;}

.nosotros-home{padding: 50px 0;background: #fff;position: relative;}
.nosotros-home h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-transform: uppercase;}
.nosotros-home p{display: block;color: #555;text-align: justify;margin-bottom: 25px;}
.nosotros-home .mas-info{background: transparent;color: #fec622;padding: 8px 25px;border-radius: 50px;position: relative;border: 1px solid #fec622;text-align: center;display: inline-block;margin-right: 10px;}
.nosotros-home .mas-info:hover{background: #fec622;color: #fff;border: 1px solid #fec622;}
.nosotros-home .descarga{background: transparent;color: #2e3090;padding: 8px 25px;border-radius: 50px;position: relative;border: 1px solid #2e3090;text-align: center;display: inline-block;}
.nosotros-home .descarga:hover{background: #2e3090;color: #fff;border: 1px solid #2e3090;}
.nosotros-home img{display: block;width: 100%;border-radius: 15px 0 15px 0;}

.experiencia-home{padding: 50px 0;position: relative;background: #13153c;text-align: center;}
.experiencia-home .cuadro-numeros{display: block;text-align: center;}
.experiencia-home .cuadro-numeros img{display: inline-block;width: 60px;vertical-align: bottom;}
.experiencia-home .cuadro-numeros h2{color: #fec622;font-weight: 800;display: inline-block;font-size: 50px;}
.experiencia-home .cuadro-numeros .counter{color: #fec622;font-weight: 800;display: inline-block;font-size: 50px;}
.experiencia-home h4{display: block;text-align: center;color: #fff;font-weight: 700;margin-top: 20px;}

.servicios-home{padding: 50px 0;background: #fff;position: relative;}
.servicios-home h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-transform: uppercase;text-align: center;}
.servicios-home .box-img{display: block;position: relative;width: 100%;overflow: hidden;border-radius: 20px;}
.servicios-home .box-img::before{background: linear-gradient(transparent, #13153c);position: absolute;content: '';height: 200px;width: 100%;bottom: 0;border-radius: 0 0 20px 20px;}
.servicios-home .box-img img {display: block;width: 450px;height: 350px;background-size: cover;background-position: center center;border-radius: 20px;}
.servicios-home .item h3{position: absolute;bottom: 10px;text-align: center;font-size: 20px;font-weight: 600;padding: 10px;}
.servicios-home .item h3 a{color: #fff;}
.servicios-home .item h3 a:hover{color: #fec622;}

.productos-home{background: #efefef;padding: 50px 0;position: relative;}
.productos-home h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-transform: uppercase;text-align: center;}
.productos-home .box-productos{background: #13153c;padding: 20px;border-radius: 0 0 10px 10px;height: 200px;}
.productos-home .box-productos h3{font-size: 20px;font-weight: 600;display: block;text-align: center;margin-bottom: 15px;}
.productos-home .box-productos h3 a{color: #fff;}
.productos-home .box-productos .btn-producto{display: block;text-align: center;margin: 10px auto;background: #fff;padding: 5px 20px;width: 180px;color: #13153c;border-radius: 50px;}
.productos-home .box-productos .btn-producto:hover{background: #fec622;color: #13153c;}

.proyectos-home{background: #fff;padding: 50px 0;position: relative;}
.proyectos-home h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-transform: uppercase;text-align: left;}
.proyectos-home h2 a{float: inline-end;text-transform: math-auto;font-size: 18px;display: block;background: #fff;color: #fec622;border: 1px solid #fec622;padding: 7px 20px;border-radius: 50px;}
.proyectos-home h2 a:hover{background: #fec622;color: #13153c;border: 1px solid #fec622;}
.proyectos-home .box-proyecto{display: block;border-radius: 20px;position: relative;}
.proyectos-home .box-proyecto::before{background: linear-gradient(transparent, #13153c);position: absolute;content: '';height: 200px;width: 100%;bottom: 0;border-radius: 0 0 20px 20px;}
.proyectos-home .box-proyecto img{display: block;width: 100%;border-radius: 20px;}
.proyectos-home .box-proyecto .box-titulo {position: absolute;bottom: 0px;width: 70%;display: block;left: 10px;}
.proyectos-home .box-proyecto .box-titulo h6 {font-size: 12px;color: #fff;margin-bottom: 2px;}
.proyectos-home .box-proyecto .box-titulo h3 {color: #fec622;font-size: 22px;text-transform: uppercase;font-weight: 700;margin-bottom: 5px;}
.proyectos-home .box-proyecto .box-titulo p {display: block;text-align: justify;font-size: 12px;line-height: 14px;color: #fff;}
.proyectos-home .box-proyecto .box-titulo .btn-proyecto{display: block;background: #fff;width: 120px;text-align: center;font-size: 12px;margin: 10px 0;border-radius: 50px;color: #13153c;}
.proyectos-home .box-proyecto .box-titulo .btn-proyecto:hover{background: #fec622;color: #13153c;}
.proyectos-home .box-proyecto .btn-plus{position: absolute;bottom: 10px;right: 10px;border: 1px solid #13153c;width: 30px;height: 30px;text-align: center;line-height: 30px;color: #13153c;border-radius: 50px;z-index: 10;}
.proyectos-home .box-proyecto .btn-plus:hover{background: #13153c;color: #fec622;border: 1px solid #13153c;}
.proyectos-home .box-proyecto .bg-ama{display: block;position: absolute;width: 150px;height: 90px;background: linear-gradient(329deg, #fec622 43%, transparent 10%);bottom: 0;right: 0;border-radius: 0 0 18px 0;}

.clientes-home{background: #fff;padding: 50px 0;position: relative;}
.clientes-home h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-transform: uppercase;text-align: center;}

footer{background: #13153c;padding: 40px 0 10px;}
footer h4{display: block;color: #fec622;margin-bottom: 15px;font-size: 18px;font-weight: 600;}
footer h6{color: #fff;margin-bottom: 30px;}
footer img{display: block;width: 80%;margin: 0 auto;}
footer .redes{display: block;position: relative;text-align: left;}
footer .redes li{display: inline-block;margin-bottom: 7px;}
footer .redes li a{padding: 0;width: 30px;height: 30px;text-align: center;color: #fec622;display: block;margin: 0 5px;}
footer .redes li a:hover{opacity: .7;}
footer .empresa{display: block;position: relative;}
footer .empresa ul{display: block;}
footer .empresa ul li{display: block;margin-bottom: 7px;}
footer .empresa ul li a{position: relative;color: #fff;padding-left: 40px;}
footer .empresa ul li a::before{position: absolute;content: '»';color: #fec622;font-size: 20px;left: 20px;top: -5px;font-weight: 600;}
footer .servicios{display: block;position: relative;}
footer .servicios ul{display: block;}
footer .servicios ul li{display: inline-block;margin-bottom: 7px;width: 100%;}
footer .servicios ul li a{position: relative;color: #fff;padding-left: 40px;}
footer .servicios ul li a:hover{color: #fff;}
footer .servicios ul li a::before{position: absolute;content: '-';color: #fff;font-size: 20px;left: 20px;top: -5px;font-weight: 600;}
footer .datos{display: block;position: relative;}
footer .datos ul{display: block;}
footer .datos ul li{display: block;margin-bottom: 7px;padding-left: 40px;}
footer .datos ul li a{position: relative;color: #fff;}
footer .datos ul li a:hover{color: #fff;}
footer .datos ul li .wsp::before{position: absolute;content: '\f232';font-family: 'FontAwesome';color: #fec622;left: -25px;}
footer .datos ul li .msj::before{position: absolute;content: '\f0e0';font-family: 'FontAwesome';color: #fec622;left: -25px;}
footer .datos ul li .ubi::before{position: absolute;content: '\f3c5';font-family: 'FontAwesome';color: #fec622;left: -25px;}
footer .datos ul li .tel::before{position: absolute;content: '\f095';font-family: 'FontAwesome';color: #fec622;left: -25px;}
footer .datos ul li .hora::before{position: absolute;content: '\f017';font-family: 'FontAwesome';color: #fec622;left: -25px;}
footer p{display: block;text-align: center;color: #fff;opacity: .5;font-size: 14px;padding-top: 10px;border-top: 1px solid #fff;margin: 20px 0 0px;}
footer p a{color: #fff;}
footer .boletin input{background: transparent;border: 1px solid #fff;color: #fff;}
footer .boletin input::placeholder{color: #fff;}
footer .boletin .form-control:focus {color: var(--bs-body-color);border-color: transparent;outline: 0;box-shadow: none;}
footer .boletin button{background: #fff;color: #000;border: 1px solid #fff;}
footer .boletin button:hover{background: #000;color: #fff;border: 1px solid #fff;}
.footer-bottom{display: block;text-align: center;background: #000;padding: 10px 0;}
.footer-bottom p{display: block;text-align: center;color: #fff;opacity: .5;font-size: 14px;}
.footer-bottom p a{color: #fff;}

.nosotros-int{background: #fff;padding: 50px 0;position: relative;}
.nosotros-int h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: left;}
.nosotros-int .img1{display: block;width: 100%;}
.nosotros-int img{display: block;width: 49%;margin-left: 1%;}
.nosotros-int p{display: block;text-align: justify;margin-bottom: 20px;}
.nosotros-int a{display: block;width: 250px;border: 1px solid #2e3090;color: #2e3090;background: #fff;text-align: center;border-radius: 50px;padding: 5px;}
.nosotros-int a:hover{background: #fec622;border: 1px solid #fec622;color: #2e3090;}
.nosotros-int .misiva{position: relative;display: block;}
.nosotros-int .box-iconos{display: flex;align-items: center;margin: 0 auto;width: 50%;}
.nosotros-int .box-iconos img{width: 70px;margin-right: 20px;}

.certificaciones{background: #fff;padding: 50px 0;position: relative;}
.certificaciones h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: center;}
.certificaciones img{display: block;width: 80%;margin: 0 auto 20px;}
.certificaciones .descarga{display: block;border: 1px solid #2e3090;background: #fff;color: #2e3090;padding: 5px 20px;width: 200px;border-radius: 50px;text-align: center;margin: 0 auto;}
.certificaciones .descarga:hover{background: #fec622;border: 1px solid #fec622;color: #2e3090;}

.servicios-int{background: #fff;padding: 50px 0;position: relative;}
.servicios-int h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: center;}
.servicios-int p{display: block;width: 80%;text-align: center;margin: 0 auto 30px;}
.servicios-int .box-servicios{display: block;margin-bottom: 50px;padding-bottom: 25px;border-bottom: 1px solid #ccc;}
.servicios-int .box-servicios h3{font-size: 20px;color: #2e3090;text-align: justify;font-weight: 600;margin-bottom: 20px;}
.servicios-int .box-servicios p{display: block;text-align: justify;margin: 0 0 10px 0;width: 100%;}
.servicios-int .box-servicios ul{display: block;margin-bottom: 20px;}
.servicios-int .box-servicios ul li{display: block;padding-left: 35px;text-align: justify;color: #555;position: relative;margin-bottom: 8px;}
.servicios-int .box-servicios ul li::before{position: absolute;content: '\f058';color: #2e3090;left: 10px;font-family: 'FontAwesome';}
.servicios-int .box-servicios ul li strong{display: block;}
.servicios-int .box-servicios a{border: 1px solid #2e3090;color: #2e3090;background: #fff;padding: 5px 25px;border-radius: 50px;}
.servicios-int .box-servicios a:hover{background: #fec622;border: 1px solid #fec622;color: #2e3090;}
.servicios-int .box-servicios img{width: 100%;display: block;border-radius: 10px;}

.modal-title{color: #2e3090;text-align: center;display: block;margin-left: auto;}
.modal-header{padding: 8px 20px;}
#exampleModal .form-group{display: block;margin-bottom: 20px;}
#exampleModal label{display: block;font-size: 14px;}
#exampleModal input, #exampleModal select{font-size: 14px;}
#exampleModal textarea {display: block;width: 100%;padding: .375rem .75rem;color: var(--bs-body-color);background-color: var(--bs-form-control-bg);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: .375rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;font-size: 14px;}
#exampleModal .enviar{display: block;background: #fff;border: 1px solid #2e3090;color: #2e3090;padding: 5px 30px;margin: 10px auto 20px;border-radius: 50px;}
#exampleModal .enviar:hover{background: #fec622;color: #2e3090;border: 1px solid #fec622;}

.mapa {margin-top: 0%;}
#areademapa2 {width: 100%;height: 515px;display: block;padding: 0;border-radius: 15px;}

.negocio{display: block;width: 100%;padding: 50px 0;}
.negocio img{display: block;width: 100%;}

.proyectos-int{background: #fff;padding: 50px 0;position: relative;}
.proyectos-int h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: center;}
.proyectos-int .box-filtros {display: block;padding: 30px 20px;background: #f1f1f1;border-radius: 10px;margin-bottom: 20px;}
.proyectos-int .box-filtros .form-group{display: block;margin-right: 2%;}
.proyectos-int .box-filtros label{display: block;}
.proyectos-int .box-filtros select {display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.proyectos-int .box-filtros input{display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.proyectos-int .box-filtros .buscar{display: inline-block;padding: 3px 20px;border: none;background: #fec622;margin-right: 10px;border-radius: 5px;color: #2e3090;}
.proyectos-int .box-filtros .buscar:hover{background: #2e3090;color: #fec622;}
.proyectos-int .box-filtros .refrescar{display: inline-block;padding: 3px 20px;border: none;background: #6d6d6d;margin-right: 10px;border-radius: 5px;color: #000;}
.proyectos-int .box-filtros .refrescar:hover{background: #2e3090;color: #fec622;}
.proyectos-int .totalidad{margin-bottom: 20px;}
.proyectos-int .mostrar-mas{display: flex;margin-left: auto;}
.proyectos-int .mostrar-mas p{display: block;margin-right: 15px;}
.proyectos-int .mostrar-mas select {display: block;padding: 2px 15px;border: 1px solid #ccc;border-radius: 5px;}
.proyectos-int .owl-carousel10 .item{position: relative;}
.proyectos-int .owl-carousel10 .item::before {background: linear-gradient(transparent, #13153c);position: absolute;content: '';height: 200px;width: 100%;bottom: 0;border-radius: 0 0 20px 20px;}
.proyectos-int .owl-carousel10 .owl-item img{border-radius: 20px;}
.proyectos-int .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0;position: absolute;bottom: 10px;left: 36%;}
.proyectos-int .owl-carousel10.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;margin: 5px 7px;background: #fff;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
.proyectos-int .owl-carousel10.owl-theme .owl-dots .owl-dot.active span {background: #fec622;width: 15px;}
.proyectos-int .contenido{position: relative;}
.proyectos-int .contenido h3 {font-size: 20px;color: #2e3090;text-align: justify;font-weight: 700;margin-bottom: 20px;text-transform: uppercase;}
.proyectos-int .contenido ul{margin: 10px 0;}
.proyectos-int .contenido ul li{display: block;margin-bottom: 5px;position: relative;margin-left: 35px;}
.proyectos-int .contenido ul li::before{position: absolute;content: '\f111';font-size: 8px;color: #fec622;left: -20px;font-family: 'FontAwesome';}
.proyectos-int .bg-proyectos{display: block;position: relative;margin-bottom: 40px;}

.productos-int{background: #fff;padding: 50px 0;position: relative;}
.productos-int h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: center;}
.productos-int .box-filtros {display: block;padding: 30px 20px;background: #f1f1f1;border-radius: 10px;margin-bottom: 20px;}
.productos-int .box-filtros .form-group{display: block;margin-right: 2%;}
.productos-int .box-filtros label{display: block;}
.productos-int .box-filtros select {display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.productos-int .box-filtros input{display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.productos-int .box-filtros .buscar{display: inline-block;padding: 3px 20px;border: none;background: #fec622;margin-right: 10px;border-radius: 5px;color: #2e3090;}
.productos-int .box-filtros .buscar:hover{background: #2e3090;color: #fec622;}
.productos-int .box-filtros .refrescar{display: inline-block;padding: 3px 20px;border: none;background: #6d6d6d;margin-right: 10px;border-radius: 5px;color: #000;}
.productos-int .box-filtros .refrescar:hover{background: #2e3090;color: #fec622;}
.productos-int .totalidad{margin-bottom: 20px;}
.productos-int .mostrar-mas{display: flex;margin-left: auto;}
.productos-int .mostrar-mas p{display: block;margin-right: 15px;}
.productos-int .mostrar-mas select {display: block;padding: 2px 15px;border: 1px solid #ccc;border-radius: 5px;}
.productos-int .bg-productos{display: block;position: relative;margin-bottom: 40px;}
.productos-int .bg-productos img{display: block;width: 100%;border-radius: 20px 20px 0 0;}
.productos-int .bg-productos .box-productos{display: block;padding: 20px;border-radius: 0 0 20px 20px;background: #f1f1f1;height: 180px;margin-bottom: 30px;}
.productos-int .bg-productos .box-productos h3{font-size: 20px;color: #2e3090;text-align: center;font-weight: 700;margin-bottom: 20px;}
.productos-int .bg-productos .box-productos a{display: block;background: #fff;border: 1px solid #2e3090;color: #2e3090;padding: 5px 30px;margin: 10px auto 20px;border-radius: 50px;width: 200px;text-align: center;}
.productos-int .bg-productos .box-productos a:hover{background: #fec622;color: #2e3090;border: 1px solid #fec622;}

.producto-detalle{background: #fff;padding: 50px 0;position: relative;}
.producto-detalle h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: left;}
.producto-detalle img{display: block;width: 100%;border-radius: 20px;}
.producto-detalle .contenido{display: block;margin-bottom: 20px;}
.producto-detalle .contenido p{display: block;text-align: justify;margin-bottom: 15px;}
.producto-detalle .contenido p strong{display: block;margin: 15px 0 5px;color: #555;}
.producto-detalle .contenido ul{display: block;}
.producto-detalle .contenido ul li{display: block;margin-bottom: 7px;position: relative;margin-left: 40px;color: #676767;text-align: justify;}
.producto-detalle .contenido ul li::before{position: absolute;content: '\f058';font-family: 'FontAwesome';color: #2e3090;left: -25px;}

.noticias-int{background: #fff;padding: 50px 0;position: relative;}
.noticias-int h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: center;}
.noticias-int .box-filtros {display: block;padding: 30px 20px;background: #f1f1f1;border-radius: 10px;margin-bottom: 20px;}
.noticias-int .box-filtros .form-group{display: block;margin-right: 2%;}
.noticias-int .box-filtros label{display: block;}
.noticias-int .box-filtros select {display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.noticias-int .box-filtros input{display: block;width: 200px;border: 1px solid #b3b3b3;height: 35px;border-radius: 5px;}
.noticias-int .box-filtros .buscar{display: inline-block;padding: 3px 20px;border: none;background: #fec622;margin-right: 10px;border-radius: 5px;color: #2e3090;}
.noticias-int .box-filtros .buscar:hover{background: #2e3090;color: #fec622;}
.noticias-int .box-filtros .refrescar{display: inline-block;padding: 3px 20px;border: none;background: #6d6d6d;margin-right: 10px;border-radius: 5px;color: #000;}
.noticias-int .box-filtros .refrescar:hover{background: #2e3090;color: #fec622;}
.noticias-int .totalidad{margin-bottom: 20px;}
.noticias-int .mostrar-mas{display: flex;margin-left: auto;}
.noticias-int .mostrar-mas p{display: block;margin-right: 15px;}
.noticias-int .mostrar-mas select {display: block;padding: 2px 15px;border: 1px solid #ccc;border-radius: 5px;}
.noticias-int .box-noticias img{display: block;width: 100%;border-radius: 20px 20px 0 0;}
.noticias-int .box-noticias .box-noti{display: block;padding: 20px;border-radius: 0 0 20px 20px;background: #f1f1f1;height: 250px;margin-bottom: 30px;position: relative;}
.noticias-int .box-noticias .box-noti h3{font-size: 20px;color: #2e3090;text-align: center;font-weight: 700;margin-bottom: 20px;}
.noticias-int .box-noticias .box-noti a{display: block;background: #fff;border: 1px solid #2e3090;color: #2e3090;padding: 5px 30px;margin: 10px auto 20px;border-radius: 50px;width: 200px;text-align: center;}
.noticias-int .box-noticias .box-noti a:hover{background: #fec622;color: #2e3090;border: 1px solid #fec622;}
.noticias-int .box-noticias .box-noti .fecha {position: absolute;top: -50px;right: 5px;background: #2e3090;border-radius: 7px;width: 60px;display: block;text-align: center;padding: 5px 0;}
.noticias-int .box-noticias .box-noti .fecha h1{font-size: 30px;color: #fec622;}
.noticias-int .box-noticias .box-noti .fecha h6{color: #fec622;}

.noticia-detalle{background: #fff;padding: 50px 0;position: relative;}
.noticia-detalle h2{display: block;color: #2e3090;font-size: 26px;font-weight: 700;margin-bottom: 15px;text-align: left;}
.noticia-detalle h6{display: inline-block;padding: 5px 25px;border-radius: 50px;margin-bottom: 7px;color: #2e3090;border: 1px solid #2e3090;background: #fff;}
.noticia-detalle img{display: block;width: 100%;}
.noticia-detalle .bloque-compartir{display: flex;align-items: center;margin-bottom: 20px;}
.noticia-detalle .bloque-compartir h5{color: #555;font-size: 14px;}
.noticia-detalle .bloque-compartir span{display: inline-block;margin: 0 15px;}
.noticia-detalle .bloque-compartir .redes-productos{display: flex;align-items: center;}
.noticia-detalle .bloque-compartir .redes-productos ul{display: block;margin-left: 25px;}
.noticia-detalle .bloque-compartir .redes-productos ul li{display: inline-block;}
.noticia-detalle .bloque-compartir .redes-productos ul li a{color: #fec622;margin: 0 10px;}
.noticia-detalle .contenido{display: block;}
.noticia-detalle .contenido p{display: block;text-align: justify;margin-bottom: 12px;}

.contactenos {display: block;background: #fff;padding: 50px 0;}
.contactenos h2{display: block;color: #000;font-size: 26px;font-weight: 700;margin-bottom: 20px;text-align: center;text-transform: uppercase;}
.contactenos .form-contacto {display: block;margin-bottom: 30px;padding: 25px;background: #000;border-radius: 10px;}
.contactenos .form-contacto h4 {display: block;color: #fff;font-weight: 700;padding-bottom: 10px;position: relative;text-transform: uppercase;font-size: 20px;}
.contactenos .form-contacto .form-group {margin-bottom: 20px;}
.contactenos .form-contacto label {display: block;font-weight: 500;color: #fff;}
.contactenos .form-contacto input {display: block;width: 100%;background: #fff;border-radius: 5px;}
.contactenos .form-contacto textarea {display: block;width: 100%;background: #fff;border-radius: 5px;}
.contactenos .form-contacto .captcha-imagen{width: 165px;}
.contactenos .form-contacto button{background: #fff;display: block;width: 180px;text-align: center;padding: 8px 15px 8px 20px;border-radius: 7px;border: 1px solid #fff;position: relative;margin: 0;font-weight: 600;color: #fff;}
.contactenos .form-contacto #refres{display: inline-block;width: 45px;color: #000 !important;padding: 8px;height: 41px;margin-left: 7px;line-height: 9px;}
.contactenos .form-contacto #refres:hover{background: #000;}
.contactenos .form-contacto #captcha{display: inline-block;width: auto;background: #fff;border-radius: 5px;margin-left: 10px;}
.contactenos .form-contacto .enviar-servicios {border: 1px solid #fff;width: 180px;background: #000;padding: 8px 0;color: #fff;font-weight: 500;border-radius: 10px;}
.contactenos .form-contacto .enviar-servicios:hover {background: #fff;color: #000;border: 1px solid #fff;}
.contactenos .box-contacto {display: block;background: #f1f1f1;padding: 20px;text-align: center;border-radius: 10px;margin-bottom: 20px;height: 100px;}
.contactenos .box-contacto ul li {text-align: left;padding-left: 40px;line-height: 22px;font-weight: 400;font-size: 15px;position: relative;color: #676767;}
.contactenos .box-contacto ul .ubi::before {position: absolute;content: '\f3c5';left: 0;width: 12px;height: 12px;top: 10px;font-family: 'FontAwesome';color: #000;font-size: 30px;}
.contactenos .box-contacto ul .wsp::before {position: absolute;content: '\f232';left: 0;width: 12px;height: 12px;top: 10px;font-family: 'FontAwesome';color: #000;font-size: 30px;}
.contactenos .box-contacto ul .msj::before {position: absolute;content: '\f0e0';left: 0;width: 12px;height: 12px;top: 10px;font-family: 'FontAwesome';color: #000;font-size: 30px;}
.contactenos .box-contacto ul li strong {display: block;}
.contactenos .box-contacto h3 {display: block;color: #000;font-weight: 600;padding-bottom: 0;position: relative;font-size: 20px;text-align: left;}
.contactenos .box-contacto2 {display: block;background: #f1f1f1;padding: 20px;text-align: left;border-radius: 10px;margin-bottom: 20px;height: 100px;}
.contactenos .box-contacto2 h3 {display: block;color: #000;font-weight: 600;padding-bottom: 0;position: relative;font-size: 20px;text-align: left;}
.contactenos .box-contacto2 ul li {display: inline-block;}
.contactenos .box-contacto2 a {display: block;background: #fff;width: 30px;margin: 5px;line-height: 30px;color: #000;border-radius: 50px;font-weight: 600;text-align: center;border: 1px solid #000;height: 30px;}
.contactenos .box-contacto2 a:hover {background: #000;color: #fff;border: 1px solid #000;}
.contactenos iframe{border-radius: 10px;}
.contactenos .form-control:focus {color: var(--bs-body-color);border-color: transparent;outline: 0;box-shadow: none;}
