@charset "utf-8";
*{font-family:'Roboto', sans-serif;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a:hover, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, font, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {line-height: 140%; }
body, td, th, input, select, textarea{font-family:'Roboto', sans-serif;font-size: 14px; color: #3e545f; }
body { background-color: #FFF; margin: 0px;}
a{ color: #333; text-decoration: none;}
a:visited{color: #333;}
a:active{color: #333;}
a:hover { color: #333; text-decoration: underline;}
h1  {  color: #3e545f; font-size: 17px;}
h2 {color: #3e545f;  }
h3 {color: #3e545f; }
h4 {color: #27AEED; }
h5 {color: #666; }
h6 {color: #CCC; }

/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {		background: #f7f7f7;}
.zebra tr.over td {	background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #626262; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #28AEED; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #626262; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}

#content-box, #mod-box{max-width:1200px;margin:auto;padding:30px;}
#content-box .content-box-title{font-size:1.8em;font-weight:500;position:relative;display:inline-block;background:#ffffff;margin-bottom:25px;color:#2e2fad;text-align:left;}
#content-box .content-box-title:after{position:absolute;content:"";height:7px;width:43px;background:#77ca00;top:16px;left:105%;}
#mod-box #mod-box-title{margin-bottom:25px;font-size:1.8em;font-weight:500;position:relative;display:inline-block;background:#ffffff;color:#2e2fad;text-align:left;}
#mod-box #mod-box-title:after{position:absolute;content:"";height:7px;width:43px;background:#77ca00;top:16px;left:105%;}
#content-area #MenuVertical{padding:0;margin:0; width:16% !important;float:left;margin-right:27px;}
#MenuVertical li{list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a{color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }

.margin{margin: 5px;}
.clear{clear: both;}
.no_padding{padding:0px !important;}
#content_main{max-width:1800px;margin:auto;position:relative;}
.container_home{max-width:1200px;margin:auto;}
.scroll{position:relative;overflow:hidden;}

/*HEADER*/
#header{width:100%;margin:auto;border-top:solid 7px #2b31ad;padding-top:35px;padding-bottom:25px;}
#redes_indubolsas{margin-top:22px;padding:0px;}
#redes_indubolsas a .fa{color:#bbbbbb;font-size:1.6em;margin-right:8px;transition:all 0.5s;}
#redes_indubolsas a .fa:hover{color:#2b31ad;}
#contenedor_header{max-width:1490px;margin:auto;}

/*MENU PRINCIPAL*/
#menuprincipal{margin-top:24px;}
#menuprincipal #menu_principal{padding:0px;list-style:none;}
#menuprincipal #menu_principal>li{display:inline-block;}
#menuprincipal #menu_principal>li>a{text-decoration:none;color:#2b31ad;transition:all 0.5s;margin-right:30px;position:relative;overflow:hidden;display:block;padding-bottom:12px;}
#menuprincipal #menu_principal > li > a::before, #menu_principal > li > a::after{content: ''; height:5px; position: absolute;bottom:0; width: 100%;border-radius:20px;}
#menuprincipal #menu_principal > li > a::before{background-color:#2b31ad; left: -100%; opacity: 0; transition: all 0.6s ease-out; z-index: 2; }
#menuprincipal #menu_principal > li > a::after{background-color:#ffffff; left:0;z-index:1;border-radius:30px;}
#menuprincipal #menu_principal > li > a:hover::before{left:0;opacity:1;}

/*HOME*/
.slick-slide img{margin:auto;opacity:0.4 !important;}
.slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 50;
	color: #fff;
	font-size: 20px;
	padding-top: 0px;
	line-height: 0;
	cursor: pointer;
	transition: all .3s ease-in-out;
	background: rgba(255, 255, 255, 0.4);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	margin: 0 25px;
}
span.arrow-right.slick-arrow {
	right: 0;
	left: auto;
}
.slick-arrow:hover{
	background: var(--amarillo);
	color: #fff;
}
#ue_slider .ue_prev{cursor:pointer; position:absolute;z-index:999;top:45.8%;margin-left:85px;}
#ue_slider .ue_next{cursor:pointer; position:absolute;right:85px;z-index:999;top:45.8%;}
.ue_prev{cursor:pointer; position:absolute;z-index:999;top:45.8%;margin-left:33px;}
.ue_next{cursor:pointer; position:absolute;right:35px;z-index:999;top:45.8%;}
.slick-dots{display:none !important;}
.ue_prev, .ue_next{font-size:41px;color:#ffffff;text-shadow:2px 2px 5px #777777;}
.slick-slide img{opacity:1 !important;}
.texto_banner{position: absolute;top: 57%;left: 50%;transform: translate(-50%);text-align: center;color: #ffffff;font-size: 1.8em;font-weight:100;}
.texto_banner span{font-weight:600;}
.texto_banner a{background: #2b31ad;color: #ffffff;font-size: 0.7em;padding: 10px 56px;font-weight: 400;border-radius: 20px;text-decoration:none;transition:all 0.5s;}
.texto_banner a:hover{background:#ffffff;color:#2b31ad;}
.texto_banner a:focus{outline:none;}
#servicios{width:100%;margin:auto;margin-top:-35px;background:#f4f6f6;}
#contenedor_servicios{max-width:1485px;margin:auto;position:relative;background:#ffffff;}
.fondo-servicios figure>img{opacity:0;}
.fondo-servicios figure{position:relative;transition:all 0.5s;width:100%;height:295px;display:block;background:rgba(255,255,255,1);}
#contenedor_servicios > div:nth-child(2){position:absolute;top:36px;z-index:99;}
#contenedor_servicios p{
	color:#26b391;
	padding:0px 38px;
}
.contPrincipalServicios a{
	text-decoration: none;
}
.content-destacados {
    padding-top: 29px;
}
.contImagen{
	max-width: 100px;
	margin: auto;
	position: relative;
}
.conTextosServi h3{
	color:#26b391;
}


.titulo_servicios{margin-top:25px;font-size:1.5em;font-weight:500;text-align:center !important;}
.clase{background:rgba(38, 175, 107, 0.7) !important;z-index:9;transition:all 0.5s;}
#clientes{background:#f4f6f6;padding:90px 0px;}
#contenedor_clientes{max-width:1200px;margin:auto;}
#clientes> p{color:#242424;font-size:1.8em;font-weight:700;margin-bottom:56px;text-align:center;}
#ventajas{width:100%;margin:auto;padding:83px 0 110px 0px;background:url('borde-blanco.png') no-repeat bottom left;}
#contenedor_ventajas{max-width:1210px;margin:auto;}
#contenedor_ventajas > div:nth-child(1) > div > p{color:#242424;font-size:1.8em;font-weight:700;margin-bottom:80px;}
.titulos_ventajas{color:#242424;font-size:1.5em;font-weight:600;margin-top:16px;}
#medio_ambiente{position:relative;}
#contenido_medioa{max-width:1100px;margin:auto;color: #ffffff;position: absolute;top: 0px;left: 50%;transform: translate(-50%);width:100%;padding:90px 0 0 0;}
.titulos_ma{font-size:1.6em;font-weight:500;margin-top:20px;}
#contenido_medioa > div:nth-child(1) > div > p{font-size:1.8em;font-weight:700;margin-bottom:30px;}
#quienes_somos{padding:100px 0 130px 0;width:100%;margin:auto;}
#texto1_qs{color:#515d65;font-size:1.6em;margin-bottom:40px;}
#contenedor_quienes_somos{max-width:1210px;margin:auto;}
#texto2_qs{color:#515d65;margin-bottom:122px;}
.texto_lista_qs{font-weight:600;}
.content_lista{padding:20px 0 20px 0;border-bottom:solid 1px #e5e5e5;}
.content_lista:nth-child(5){border-bottom:none;}
.contenido_servicios a{text-decoration:none;color:#26b391;}

/*FOOTER*/
#footer{width:100%;margin:auto;}
#footer_top{position:relative;}
#contenido_footer_top{max-width:1200px;position:absolute;width:100%;left:50%;transform:translate(-50%);top:20px;}
#logo_redes_footer{margin-top:20px;}
#redes_footer{margin-top:40px;}
#redes_footer a .fa{font-size:1.5em;color:#ffffff;margin-right:20px;transition:all 0.5s;}
#redes_footer a .fa:hover{color:#8b9dff;}
#contacto_footer{color:#ffffff;font-weight:200;}
#contacto_menu_footer{margin-top:37px;}
#footer_bottom{width:100%;margin:auto;background:#1b2087;padding:24px 0 20px 0;}
#contenedor_footer_bottom{max-width:1200px;margin:auto;color:#7c7eb0;}
#derechos_reservados, #terminos_condiciones{margin-top:15px;}
#terminos_condiciones a{color:#7c7eb0;text-decoration:none;transition:all 0.5s;}
#terminos_condiciones a:hover{color:#ffffff;}
#exus a{color:#7c7eb0;}
#menu_footer{text-align:right;}
#menu_footer #menufooter{padding:0px;list-style:none;margin-top:32px;}
#menu_footer #menufooter>li{display:inline-block;margin:0px 12px;}
#menu_footer #menufooter>li>a{color:#ffffff;text-decoration:none;transition:all 0.5s;}
#menu_footer #menufooter>li>a:hover{color:#8b9dff;}
#footer_top>img{height:202px;}

/*MENU MOBILE*/
.header_menu{width:auto;height:100%;color:#2b31ad;font-size:40px;margin-top:2px;position:relative;}
.header_menu .fa-bars, .header_menu .fa-times{font-size:1.4em;transition:all 0.5s;}
.header_menu .fa-times{display:none;transition:all 0.5s;}
.menu_wrapper{position:relative;right:98%;top:59px;height:1000px;width:100%;z-index:9999999;display:none;overflow:auto;background:#ffffff;border-top:solid 1px #2b31ad24;}
.menu{height:0px;position:relative;}
.submenu_oculto{display:none;}
#menu-alternate,.submenu_oculto{list-style-type:none;padding:0px;margin:0px;text-align:center;}
#menu-alternate>li{position: relative;}
#menu-alternate>li>a,.submenu_oculto>li>a{font-size:1.1em;padding:12px 0px 12px 0px;color:#2b31ad;display:block;text-decoration:none !important;border-bottom:1px solid #2b31ad24;font-weight:700;}
#menu-alternate .submenu{display:none;}
.barra_superior{width:100%;padding:0px;position:absolute;top:0px;z-index:9;height:60px;background:#ffffff;}
.target-item{position:absolute;top:-11px;right:0px;color:white;font-size:15px;z-index:999;width:auto;padding:27px 20px;height:100%;cursor:pointer;}

/*MEDIA QUERYS*/
@media(max-width:1450px){
	.fondo-servicios figure{height:280px;}
}
@media(max-width:1360px){
	.fondo-servicios figure{height:258px;}
}
@media(max-width:1270px){
	.fondo-servicios figure{height:240px;}
	#contenedor_servicios p{padding:0px 18px;}
	#contenedor_servicios > div:nth-child(2){top:20px;}
	#texto2_qs{margin-bottom:54px;}
	#menu_footer #menufooter>li{margin:0px 6px;}
	#contacto_footer > div > div > div.column.two-fourth, #contacto_footer > div > div{padding:0px;}
}
@media(max-width:1180px){
	.fondo-servicios figure{height:226px;}
	#contenido_medioa{padding:30px 0 0 0;}
	#texto2_qs{margin-bottom:22px;}
	#texto1_qs{font-size:1.4em;margin-bottom:20px;}
}
@media(max-width:1120px){
	#menuprincipal #menu_principal>li>a{margin-right:18px;}
	#redes_indubolsas a .fa{margin-right:6px;}
	.texto_banner{top:22%;}
	#servicios{margin-top:0px;}
	.fondo-servicios figure{height:216px;}
	.titulo_servicios{margin-top:6px;margin-bottom:2px;}
	.titulo_servicios{font-size:1.3em;}
	.contenido_servicios>a>figure>figcaption>p:nth-child(2), #contenedor_servicios > div:nth-child(2) > div.column.fourth.center.contenido_servicios.contenido_servicios4 > a > figure > figcaption > p:nth-child(2){font-size:0.9em;}
}
@media(max-width:1050px){
	.fondo-servicios figure{height:202px;}
}
@media(max-width:991px){
	#menu_movil{float:right;}
	#trigger .fa-arrow-left{color:#2b31ad;font-size:2.5em;margin-left:20px;}
	.texto_banner{width:75%;}
	.contenido_servicios>a>figure>figcaption>p:nth-child(2), #contenedor_servicios > div:nth-child(2) > div.column.fourth.center.contenido_servicios.contenido_servicios4 > a > figure > figcaption > p:nth-child(2){font-size:0.8em;}
	#contenedor_servicios p{padding:0px 4px;}
	#clientes{padding:30px 0px;}
	#ventajas{padding:32px 0 32px 0px;}
	#contenedor_ventajas > div:nth-child(1) > div > p{margin-bottom:24px;}
	#contenedor_servicios > div:nth-child(1){display:none;}
	#contenedor_servicios > div:nth-child(2){position:relative;top:0px;margin-top:16px;}
	#contenido_medioa{padding:15px 0 0 0;}
	#contenido_medioa > div:nth-child(1) > div > p{margin-bottom:8px;}
	.titulos_ma{margin-top:6px;margin-bottom:2px;}
	#quienes_somos{padding:35px 0 25px 0;}
	.content_lista{padding:6px 0 6px 0;}
	.texto_lista_qs, #texto2_qs{font-size:0.9em;}
	#texto1_qs{font-size:1.2em;margin-bottom:12px;}
	#logo_redes_footer{margin-top:0px;}
	#logo_redes_footer>a>img{margin:auto;}
	#redes_footer{margin-top:12px;}
	#contacto_menu_footer{margin-top:15px;text-align:center;}
	#menu_footer, #derechos_reservados{text-align:center;}
	#menu_footer #menufooter{margin-top:15px;}
}
@media(max-width:767px){
	.texto_banner{top:20%;font-size:1.5em;}
	#ue_slider .ue_next{right:15px;width:3%;}
	#ue_slider .ue_prev{margin-left:15px;width:3%;}
	#contenido_medioa{padding:8px 0 0 0;}
	#contenido_medioa > div:nth-child(1) > div > p{margin-bottom:2px;font-size:1.5em;}
	#contenido_medioa > div:nth-child(2) > div > figure > img{width:28%;}
	.titulos_ma{font-size:1.2em;}
	#contenido_medioa > div:nth-child(2) > div:nth-child(3) > figure > img{width:23%;}
	.multiple_items .slick-prev, .multiple_items .slick-next{display:none !important;}
	#contenedor_ventajas > div:nth-child(2) > div, #contenedor_ventajas > div:nth-child(3) > div{padding:0px;}
	#multiple_itemsv > div > div > div > figure > figcaption > p:nth-child(2){padding:0px 35px;}
	#medio_ambiente > img{display:none;}
	#contenido_medioa{position:relative;background:#21a35e;}
	#multiple_itemsv .slide{text-align:center;}
	#contenedor_quienes_somos > div > div{width:100%;text-align:center;}
	#contenedor_quienes_somos > div > div:nth-child(1){padding:0px 50px;}
}
@media(max-width:640px){
	.fondo-servicios figure>img{margin:auto;}
	.clase{height:313px !important;margin-bottom:15px;}
	.contenido_servicios{height:auto;margin-bottom:16px;padding:35px 80px 0 80px;}
	.fondo-servicios{margin:0 10%;}
	#contenedor_servicios > div:nth-child(2){left:50%;transform:translate(-50%);top:0px;}
	.titulo_servicios{font-size:1.6em;}
	.contenido_servicios>a>figure>figcaption>p:nth-child(2), #contenedor_servicios > div:nth-child(2) > div.column.fourth.center.contenido_servicios.contenido_servicios4 > a > figure > figcaption > p:nth-child(2){font-size:1em;}
	#contenedor_servicios p, .contenido_servicios, #contenedor_ventajas > div:nth-child(1) > div{text-align:center;}
	#clientes> p{margin-bottom:10px;text-align:center;}
	#contenedor_clientes > div:nth-child(2) > div{margin-bottom:8px;text-align:center;}
	#contenedor_ventajas > div:nth-child(2) > div, #contenedor_ventajas > div:nth-child(3) > div{margin-bottom:32px;text-align:center;padding:0px 100px;}
	#multiple_itemsv .ue_next{top:8.8%;right:12px;text-shadow:none;color:#d3d3d3;}
	#multiple_itemsv .ue_prev{top:8.8%;margin-left:12px;text-shadow:none;color:#d3d3d3;}
	#clientes{padding:30px 0px 55px 0px;}
	#multiple_itemsv{padding:0px !important;}
	#contenido_medioa > div:nth-child(2) > div > figure > img, #contenido_medioa > div:nth-child(2) > div:nth-child(3) > figure > img{width:auto;}
	#contenido_medioa > div:nth-child(2) > div{margin-bottom:30px;padding:0px 80px;}
	#contenido_medioa > div:nth-child(1) > div > p{margin:26px 0px;font-size:1.6em;text-align:center;}
	.titulos_ma{margin-top:12px;margin-bottom:2px;font-size:1.6em;}
	#contenido_medioa > div:nth-child(2) > div{text-align:center;}
	#footer_top{height:442px;background:#2b31ad;}
	#footer_top>img{bottom:0px;position:absolute;}
	#redes_footer{margin:34px 0 16px 0;text-align:center;}
	#redes_footer a .fa{font-size:1.8em;}
	#contacto_footer > div > div > div.column.two-fourth{margin:10px 0 18px 0;}
}
@media(max-width:575px){
	.texto_banner{font-size:1.2em;}
	#redes_indubolsas{margin-top:10px;}
	.header_menu{margin-top:0px;}
	#header{padding-top:18px;padding-bottom:10px;}
	#redes_indubolsas{text-align:center;}
	.header_menu .fa-bars, .header_menu .fa-times{font-size:1.1em;}
	#contenedor_servicios > div:nth-child(2){width:100%;}
	#contenedor_quienes_somos > div > div:nth-child(1){padding:0px 16px;}
	#terminos_condiciones > div > div, #exus{text-align:center;}
}
@media(max-width:400px){
	.texto_banner{font-size:1em;width:87%;top:8%;}
	.texto_banner a{padding:10px 42px;}
	.fondo-servicios{margin:0 5%;}
	.contenido_servicios{padding:35px 50px 0 50px;}
	#contenido_medioa > div:nth-child(2) > div{padding:0px 20px;}
	#menu_footer #menufooter>li{margin:3px 6px;width:100%;}
	#footer_top{height:578px;}
}
@media(max-width:360px){
	.header_menu .fa-bars, .header_menu .fa-times{font-size:1em;}
	#menu_movil{padding:0px 5px;}
	#redes_indubolsas{margin-top:6px;}
	.header_menu{margin-top:-3px;}
	#redes_indubolsas a .fa{margin-right:2px;}
}






.logo--cliente {
	background: white;
	padding: 1rem;
	border-radius: 1rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
  }
  
  .logo--cliente img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
  }
  
  @media (min-width: 768px) {
	.logos--cliente-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	  gap: 1rem;
	  padding: 1rem;
	}
  }
  
  
  @media (max-width: 767px) {
	.logos--cliente-grid {
	  display: grid;
	  grid-auto-flow: column; 
	  grid-auto-columns: min-content;
	  grid-template-rows: repeat(3, 120px); 
	  overflow-x: auto;
	  overflow-y: hidden;
	  gap: 1rem;
	  scroll-snap-type: x mandatory;
	  -webkit-overflow-scrolling: touch;
	  padding: 1rem 0.5rem;
	}
  
	.logo--cliente {
	  scroll-snap-align: start;
	  width: 100px;
	  height: 100px;
	}
  
	.logos--cliente-grid::-webkit-scrollbar {
	  display: none;
	}
  }