* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
body {
	font-family: "Lexend Deca", sans-serif;
	position: relative;
	font-weight:300;
	background: #fff;
	color:#232323;
	font-size: 16px;
	
}



body  section{ padding: 30px 0; }

a:hover,
a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	color:#232323;
}

a {color:#d01222;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lexend Deca", sans-serif;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.justify {text-align: justify;}
.right_ {text-align: right!important;}
.justifyc {text-align: justify;text-align-last: center;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.upp_ {
    text-transform: uppercase;
}

.no_marg {margin-left: 0; margin-right: 0;}
.no_padd {padding-left: 0; padding-right: 0;}

.show_ {display: contents;}

.dly1{ animation-delay: 0.2s;}
.dly2{ animation-delay: 0.4s;}
.dly3{ animation-delay: 0.6s;}
.dly4{ animation-delay: 0.8s;}
.dly5{ animation-delay: 1.0s;}
.dly6{ animation-delay: 1.2s;}
.dly7{ animation-delay: 1.4s;}
.dly8{ animation-delay: 1.6s;}
.dly9{ animation-delay: 1.8s;}
.dly10{ animation-delay: 2.0s;}
.dly11{ animation-delay: 2.2s;}
.dly12{ animation-delay: 2.4s;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

hr {margin: 20px auto;border-top: 5px solid #ddd;width: 200px; }
#navigation hr {margin: 10px auto 0;border-top: 1px solid #ddd;width: 90%; }

hr3 {margin: 20px auto;border-top: 5px solid #ddd;width: 400px; }

.btn { line-height: 1; }

/*====================
======Header CSS=====
======================*/

#navigation .navbar {
    /* background: #58c334 !important; */
    background: #3259a7 !important;
    border-radius: 0;
    border-bottom: 0;
    box-shadow: none;
    padding: 10px 0!important;
    z-index: 2002;
  }
  
  #navigation .navbar .scrolled {
      background: #4DBF42 !important;
      padding: 10px 0!important;
      transition: background-color 300ms ease-in-out; 
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      box-shadow: 0 0 5px #00000061 !important;
  }
  
  #navigation .navbar-toggle{
    margin: 0 10px 0 0;
    background-color: #323e48;
    border-color: #323e48;
  }
  
  #navigation .navbar-brand h1{
    padding: 0;
    margin: 0;
  }
  
  #navigation .navbar-nav.navbar-right li {
      padding: 0 1px;
  }
  
  #navigation .navbar-nav.navbar-right {
      margin-top:0;
  }
  
  #navigation .navbar-nav.navbar-right li a {
      color: #ffffff;
      font-size: 15px;
      font-weight:500;
      text-transform: uppercase;
      -webkit-transition: all .9s ease 0s;
      -moz-transition: all .9s ease 0s;
      -o-transition: all .9s ease 0s;
      transition: all .9s ease 0s;
      padding: 10px 20px;
      border-radius: 0;
      line-height: unset;
  }
  
  #navigation .navbar-inverse .navbar-nav  .active  a,  
  #navigation .navbar-inverse .navbar-nav  .active  a:focus {
      color: #000;
      background-color: #d1d3d4;
      border-radius: 5em;
      padding: 10px 30px;
  }
  #navigation .navbar-nav.navbar-right li a:hover {
      background-color: #d1d3d4;
      color: #000;
      border-radius: 5em;
      padding: 10px 30px;
  }
  
  .navbar-collapse {
      -webkit-box-shadow: inset 0 0px 0 transparent;
      box-shadow: inset 0 0px 0 transparent;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 450px; }

  .logo{
    width: 105px;
    margin-right: 40px;
  }

  
/*======================
====Main Slider CSS=====
=======================*/
.home-pattern {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0;
	background-image:url(../img/home-pattern.png);
	background-repeat:repeat;
	opacity:0.2;
}

#home{
  padding: 0;
  overflow: hidden;
  position:relative
}

#main-carousel .carousel-inner .item {
	background-size:cover;
	height: 100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#main-carousel .carousel-indicators { 
	bottom:15px
}

#main-carousel .carousel-indicators li{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}

.carousel-indicators .active{
	background-color: #fff !important;
	
}

.slider-content {
	height: 100%;
}

#main-carousel .carousel-caption {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
}

#main-carousel .carousel-caption > div{
    vertical-align: middle;
    display: table-cell;
}

#main-carousel .carousel-inner h2 {
	color: #f6f6f6;
	display: inline-block;
	font-family: "Lexend Deca", sans-serif;
	font-size: 55px;
	font-weight: 800;
	margin-bottom: 40px;
	text-shadow: none;
	text-transform: uppercase;
}

#main-carousel .carousel-inner h2 span{
  color:#7ab700;
}

#main-carousel .carousel-inner p {
	color: #f6f6f6;
	font-family: "Lexend Deca", sans-serif;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 59px;
	margin-top: 0;
	text-shadow:none;
}

#main-carousel .carousel-left{
	left:-50px;
}

#main-carousel .carousel-right{
	right:-50px;
}

#main-carousel:hover .carousel-left{
	left:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel:hover .carousel-right{
	right:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel .carousel-left,
#main-carousel .carousel-right{
	padding: 15px;
	z-index: 12;
	font-size: 60px;
	color: rgba(255, 255, 255, 0.52);
	top: 50%;
	position: absolute;
	margin-top: -60px;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.carousel-right {
  right:65px
}

.carousel-left {
  left:65px
}

#main-carousel .carousel-left:hover,
#main-carousel .carousel-right:hover{
	color: #F6F6F6;
}

/* #top_sld {padding: 180px 0 50px;} */

.top_info {
    background: #d01222;
    color: #fff;
    padding: 5px 0;
	position: relative;
}
.top_info a {color: #fff;}
.top_info a:hover {color: #232323;}
.top_info p {margin: 0;}

#slideHOME .caption {
	width: 100%;
    position: absolute;
    bottom: 0;
    padding: 10%;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
#slideHOME .carousel-inner>.item {height: 550px;}
#slideHOME h3 {
    font-weight: 100;
    margin: 0;
    font-size: 2.5em;
}
#slideHOME .carousel-inner>.item>img, #slideHOME .carousel-inner>.item>a>img {
	position: absolute;
    bottom: -30%;
}

.carousel-control {
    width: 10%;
    font-size: 15px;
	opacity: 0;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-angle-left, 
.carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(transparent 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,transparent 0,rgba(0,0,0,0.0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(transparent 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,transparent 100%);
}

/* CARRUSEL FADE */
.c_fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.c_fade .carousel-inner .active { opacity: 1; }
.c_fade .carousel-inner .active.left, .c_fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.c_fade .carousel-inner .next.left, .c_fade .carousel-inner .prev.right { opacity: 1; }
.c_fade .carousel-control { z-index: 2; }
/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." now override the 3.3 new styles for modern browsers & apply opacity */
@media all and (transform-3d), (-webkit-transform-3d) {
.c_fade .carousel-inner > .item.next, .c_fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.c_fade .carousel-inner > .item.prev, .c_fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.c_fade .carousel-inner > .item.next.left, .c_fade .carousel-inner > .item.prev.right, .c_fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.card_01 {
    height: 300px;
    width: 400px;
    display: inline-grid;
    padding: 50px 40px 40px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 16px;
    margin: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.1); /* Dos sombras: una para la difuminación y otra para el contorno entrecortado */
}
.card_01 i {
    width: 100px;
    height: 100px;
    border: 5px solid #014F86;
    color: #014F86;
    border-radius: 50%;
    position: absolute;
    top: -55px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #fff;
    line-height: 3.7;
    font-size: 25px;
}
.card_01:hover i {
    border: 5px solid transparent;
    color: #fff;
    border-radius: 50%;
    background: #014F86;
}
.card_01 {
    /* Tu código CSS existente */
    transition: transform 0.3s ease; /* Agrega una transición suave para la propiedad transform */
}

.card_01:hover {
    transform: scale(1.1); /* Escala la tarjeta al 110% de su tamaño original cuando se hace hover sobre ella */
}
.card_01 p {text-align: justify!important; text-align-last: center;}

.card_01 .btn {
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #ababab;
    color: #ababab;
    background: #fff;
    border-radius: 5px;
}
.card_01:hover .btn {
    border: 1px solid #d01222;
    color: #fff;
    background: #d01222;
}

.clr_01 {color: #d01222;}
.clr_02 {color: #fff;}

h2 {font-weight: 200;}
.hrr {margin: 20px auto;border-top: 1px solid #d01222;width: 200px; }
.hr1 {margin: 20px auto;border-top: 1px solid #fff;width: 200px; }

.img_client {
	width: 220px;
	padding: 10px;
	display: inline-grid;
}

.carousel-wrap {
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
	position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color:gray;
}
.owl-nav i {
    font-size: 30px;
    margin: 10px 0 0;
	color: #ababab;
}
.owl-nav i:focus,
.owl-nav i:hover {
	color: #d01222;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}
.carousel-wrap .item{
  display:inline-flex;
  align-items:center;
  /* height: 90px; */
}

#top_ft {background: #eee;}

#ftr {
	background: #232323;
	color: #fff;
}
footer {
	background: #121212;
	color: #000000;
	padding: 10px 0;
}
footer p {margin: 0;}
footer a {color: #fff;}
footer a:hover {color: #d01222;}

#to_top {
	display: inline-block;
	background-color: #014F86;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 5px;
	position: fixed;
	bottom: 10px;
    right: 10px;
	transition: background-color .3s, 
	opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	box-shadow: 0 0 5px transparent;
}
#to_top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 2.2;
  color: #fff;
  text-shadow: 0 0 2px #000;
}
#to_top:hover {
  cursor: pointer;
  background-color: #000;
}
#to_top:active {
  background-color: #000;
}
#to_top.show {
  opacity: 1;
  visibility: visible;
}

/* ::selection {background: #d01222;color: #fff;} */

#top_us {
    background: url(../img/personas.jpg);
    padding: 180px 0 20em;
    background-position: 50% 30%;
    background-size: cover;
}

.img_us {
    padding: 10px;
    margin: 30px 0;
}

#misvis {
	background: #d01222;
	color: #fff;
	padding: 60px 0;
}

#no_padd_ {padding: 0}

.ttl_marg {margin: 90px 0;}

#press_ {
    background: url(../img/climatizacion-para-empresas-1030x509.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
    padding: 100px 0;
    background-position: 50% 30%;
    background-size: cover;
	color: #fff;
}

.img_us_btm {
    width: 205px;
    padding: 10px;
    display: inline-grid;
    margin-bottom: 30px;
}

#top_sr {
    background: url(../img/pixelcut-export.jpeg);
    padding: 180px 0 20em;
    /* background-position: 50% -30%; */
    background-size: cover;
}

#top_sr2 {
    background: url(../img/humi.jpg);
    padding: 180px 0 20em;
    /* background-position: 50% -30%; */
    background-size: cover;
}

#slideSERV .caption {
    width: 70%;
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 40px;
    color: #fff;
    text-shadow: 0 0 5px #000;
    background: rgb(0 0 0 / 80%);
    border-radius: 25px;
}
#slideSERV .carousel-inner>.item {height: 380px;}
#slideSERV h2 {
    font-weight: 400;
    margin: 0;
}
#slideSERV h3 {
    font-weight: 100;
    margin: 0;
	font-size: 20px;
	text-align: justify;
}
#slideSERV .carousel-inner>.item>img, #slideSERV .carousel-inner>.item>a>img {
	position: absolute;
    bottom: -30%;
}

#serv_01 {
    background: url(../img/bg_serv.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
    padding: 100px 0;
    background-position: 50% 30%;
    background-size: cover;
	color: #fff;
}

.spc {margin: 100px 0;}

#top_so {
    background: url(../img/top_solutiuons.jpg);
    padding: 180px 0 20em;
    background-position: 50% 45%;
    background-size: cover;
}

#top_cn {
    background: url(../img/juj3.png);
    padding: 180px 0 20em;
    background-position: 50% -35%;
    background-size: cover;
}


.card_02 {
    width: 100%;
    display: inline-grid;
    padding: 50px 40px 40px;
    position: relative;
    border: 1px solid #d01222;
    border-radius: 5px;
    margin: 15px 0;
    background: #d01222;
    color: #fff;
}
.card_02:hover {
    position: relative;
    background: #fff;
    color: #232323;
}
.card_02 i {
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -55px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #d01222;
    line-height: 3.7;
    font-size: 25px;
    text-align: center;
}
.card_02:hover i {
    border: 5px solid #d01222;
    color: #d01222;
    border-radius: 50%;
    background: #fff;
}
.card_02 p {text-align: justify!important; text-align-last: center;}
.card_02 a {color: #fff;text-align: center;}
.card_02:hover a {color: #232323;text-align: center;}
.card_02 a:hover {color: #d01222}

.form-control {
    width: 100%;
    height: auto;
    padding: 10px 15px;
    margin: 0 0 15px;
    font-size: 16px;
    border-radius: 0;
	border: 1px solid #b3b3b3;
    /* border: 1px solid #dddddd; */
    -webkit-box-shadow: none;
    box-shadow: none;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.form-control:focus {
    border-color: #ababab;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 0 8px rgb(0 0 0 / 30%);
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 0 8px rgb(0 0 0 / 30%);
}

.btn_01 {
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #4dbf42;
    color: #fff;
    background: #4dbf42;
    border-radius: 5px;
}
.btn_01:focus,
.btn_01:hover {
	border: 1px solid #ababab;
    color: #ffffff;
    background: #013A63;
}

.map_ {
	border:0;
	margin: 0 0 -6px;
}

.counter {
    font-size: 50px;
    margin: 10px 0;
}

#Search_ {
    padding: 0 40px 0 20px;
    position: fixed;
    top: 195px;
    z-index: 1030;
    right: 0;
    background: #fff;
    border-radius: 5px 0 5px 5px;
    box-shadow: -10px 10px 20px -15px rgb(0 0 0 / 50%);
}
#Search_.scrolled {top: 45px;}

#Search_ a {color: #d01222;}
#Search_ a:hover {color: #ababab;}
#Search_  ul {
    list-style: none;
    padding-inline-start: 0;
    font-size: 16px;
    letter-spacing:  3px;
    max-height: 300px;
    overflow: auto;
	padding: 0 15px 0 0;
}
/* CUSTOM SCROLL BAR */
/* width */
#Search_ ::-webkit-scrollbar { width: 10px; }
/* Track */
#Search_ ::-webkit-scrollbar-track { border-radius: 2em; background: #eee; }
/* Handle */
#Search_ ::-webkit-scrollbar-thumb { border-radius: 2em; background: #ccc; }

#Search_  ul li {
    padding: 5px 0;
    margin: 5px 5px 10px;
    float: none;
    background: transparent;
    color: #d01222;
    border-radius: 5px;
    display: block;
    list-style: none;
    max-width: 250px;
    text-align: justify;
    font-size: 16px;
	line-height: 1.1;
	letter-spacing: 0;
}
#Search_  ul li:hover{ background: transparent; }
#Search_ .form-control {
    display: block;
    width: 100%;
    padding: 0 10px;
    margin: 5px 0 0;
    font-size: 16px;
    color: #d01222;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 5em;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 2;
    height: auto;
}

.search_ {
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 0;
}
.clr_03 {color: #ababab!important;}
.clr_03:hover{color: #232323!important;}
.search_ i{
    padding: 0;
    transform: rotate(90deg);
}
/* .search_ i:hover { */
    /* animation: shake 3s infinite cubic-bezier(.36,.07,.19,.97) both; */
/* } */
/* @keyframes shake { */
  /* 0% { transform: rotate(0deg); } */
  /* 50% { transform: rotate(90deg); } */
  /* 100% { transform: rotate(0deg); } */
/* } */

.search_sm {
    z-index: 1030;
    position: fixed;
    top: 20px;
    right: 65px;
}
.btn_search_close  {
    background: #fff;
    color: #ababab;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
}
.btn_search_close:hover,
.btn_search_close:focus {
	background: #fff;
	color: #d01222;
	box-shadow: none;
}

.container {position: relative;
display: flex;
justify-content: center;}

#uc_ {
    padding: 45vh 0;
    text-align: center;
    text-transform: uppercase;
}

.r_ {
	position: absolute;
	right: 0;
	line-height: 1.5;
}


#sended {
    padding: 30vh 0;
    background: linear-gradient(#232323, #3259A7);
    color: #fff;
}
#sended  h2 {
    font-size: 3em;
    margin: 3rem 0;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}

#sended .btn-default {
    color: #fff;
    background-color: #d01222;
    border-color: #d01222;
    border-radius: 50%;
    padding: 10px;
    width: 80px;
    height: 80px;
    font-size: 20px;
    box-shadow: 0 0 5px rgb(0 0 0 / 60%);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
#sended .btn-default:hover,
#sended .btn-default:focus {
	color: #fff;
    background-color: #232323;
    border-color: #232323;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}
#sended .btn-default i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
#sended .btn-default:hover i {
	-moz-transform: scale(1.5) rotate(-360deg);
	-webkit-transform: scale(1.5) rotate(-360deg);
	transform: scale(1.5) rotate(-360deg);
}

#preloader__ {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
	background: radial-gradient(#fff, #ddd);
}
.box_load { 
	position: absolute; 
	top: 45%; 
	left: 0; 
	right: 0;
}
.circle_ {
    position: absolute;
    margin: -55px auto 0;
    display: block;
    width: 200px;
    left: 0;
    right: 0;
	animation: 5s linear infinite rotate_;
}
@keyframes rotate_ {
	from { transform: rotate(0deg) }
	to { transform: rotate(360deg) }
}

.logo_load {
    width: 100px;
    padding: 10px;
    margin: 0 auto;
    display: block;
}

.wa_ {
    position: fixed;
    z-index: 1030;
    background: #25d366;
    color: #fff;
    padding: 9px 0;
    bottom: 15px;
    width: 50px;
    height: 50px;
    left: 15px;
    border-radius: 50%;
    font-size: 1.4em;
    text-align: center;
}
.wa_:focus, .wa_:hover {
    background: #128c7e;
    color: #fff;
}

.mdx_002 {
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    color: #ffffff;
    font-size: 16px;
    margin: 10px;
    max-width: 500px;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
    display: inline-block;
}

.mdx_002 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.mdx_002 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
}

.mdx_002 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.mdx_002 figcaption:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	content: '';
	opacity: 0.8;
	z-index: -1;
}

.mdx_002 h3,
.mdx_002 p {
  margin: 0;
  padding: 0;
}

.mdx_002 p {font-size: 0.8em;}
.mdx_002 h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
  font-size: 21px;
}

.mdx_002:hover img,
.mdx_002.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*NUEVOS ESTILOS*/

/*CARRUSEL DE SERVICIOS INICIO*/
.visuallyhidden {
    position: absolute;
    z-index: -1;
    right: 0;
    opacity: 0;
    
  }
  
 
 
  .card-carousel {
    --card-width: 90%;
    --card-max-width: 350px;
    --card-height: 350px;
    --carousel-min-width: 400px;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: var(--card-height);
    min-width: var(--carousel-min-width);
    transition: filter .3s ease;
  }
 

 
  @media screen and (max-width: 640px) {
    .card-carousel {
      margin-left: calc((100vw - var(--carousel-min-width) - 40px) / 2)
    }
  }
  
  .card-carousel.smooth-return {
    transition: all .2s ease;
  }
  
  .card-carousel .card {
    background: whitesmoke;
    width: var(--card-width);
    max-width: var(--card-max-width);
    text-align: center;
    padding: 1em;
    min-width: 250px;
    height: var(--card-height);
    position: absolute;
    margin: 0 auto;
    color: rgba(0,0,0,.5);
    transition: inherit;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    border-radius: 1em;
    filter: brightness(.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .card.highlight {
    filter: brightness(1)
  }
  
  
  .card:nth-of-type(1) .image-container {
      background-image: url("https://static.addtoany.com/images/dracaena-cinnabari.jpg");
  }
   
  .card:nth-of-type(2) .image-container {
    background-image: url("https://www.w3schools.com/w3css/img_lights.jpg")
  }
  
  .card:nth-of-type(3) .image-container {
    background-image: url("https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500")
  }
  .card:nth-of-type(4) .image-container {
    background-image: url("https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500")
  }
  .card:nth-of-type(5) .image-container {
    background-image: url("https://helpx.adobe.com/content/dam/help/en/stock/how-to/visual-reverse-image-search/jcr_content/main-pars/image/visual-reverse-image-search-v2_intro.jpg")
  }
  
  .card:nth-of-type(6) .image-container {
    background-image: url("https://www.w3schools.com/w3css/img_lights.jpg")
  }
  
  .card:nth-of-type(7) .image-container {
    background-image: url("https://helpx.adobe.com/content/dam/help/en/stock/how-to/visual-reverse-image-search/jcr_content/main-pars/image/visual-reverse-image-search-v2_intro.jpg")
  }
  
  
  
  .image-container {
    width: 8em;
    height: 8em;
    position: relative;
    background-size: cover;
    margin-bottom: 2em;
    border-radius: 100%;
    padding: 1em;
    -webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.3);
  box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.3);
    
  }
  
  .image-container::after {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    border: solid 3px rgba(0,0,0,.1);
    border-radius: 100%;
    position: absolute;
    top: calc(-10% - 1.5px);
    left: calc(-10% - 1.5px);
  }

  .center2{
    display: flex;
    justify-content: center;
  }
  
.fondocarrul{
    /* background-color: #457B9D; */
    background-image: url('../img/t4845950.png'); /* Ruta a tu imagen en la carpeta img */
    background-size: cover; /* Ajusta el tamaño de la imagen para que cubra todo el fondo */
    background-repeat: no-repeat; 
    background-position: center; /* Centra la imagen */
    padding: 20px;
    border-radius: 20px;
    width: 100%;
}

#servicios1 {
    padding-top: 0;
}

.container2{
    padding: 50px;
}
  

/*CARRUSEL DE SERVICIOS INICIO*/

/*SECCION DE INFORMACION GENERAL INICIO*/

#infogeneral {
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 100px;
    margin-bottom: 70px;
}

.contact {
    background-color: #3259A7;
    padding: 15px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    margin-bottom: 20px !important;
}

.contact:hover {
    background-color: #D1D3D4;
    padding: 15px;
    color: #000;
    /*color: rgb(255, 255, 255);*/
    font-weight: 400;
    margin-bottom: 20px !important;
}

.divcontact{
    margin-bottom: 30px;
}

/*SECCION DE INFORMACION GENERAL INICIO*/


/*FOOTER*/

.divbajo p {
    padding: 20px;
    background: #454545;
    margin-bottom: 0;
    color: rgb(255 255 255);
}
.divbajo a{
    color: rgb(255, 255, 255);
}
#footer {
    background: #5d5d5d;
    padding: 3rem;
    /* padding-top: 5rem; */
    padding-top: 7rem;
    padding-bottom: 80px;
    color: white;
}
#footer2{
	background: #012A4A;
    padding: 3rem;
    margin-top: 0px;
	/* padding-top: 5rem; */
	padding-top: 7rem;
    padding-bottom: 80px;
    color: white;
}
.logo-footer{
	max-width: 200px;
    margin-bottom: 30px;
}
.social-links{
	/* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */

}
.social-links h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
.social-links img{
	padding-bottom: 25px;
}
.social-icons{
	/* display: flex;
    gap: 3rem; */
	display: flex;
    flex-direction: column;
    gap: 1rem;
	color: #ffffff;
}
.social-icons a{
	/* font-size: 18px; */
    /* background: #ffffff; */
    /* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
	color: #82074a; */
	/* margin-right: 18px; */
	color: #ffffff;
}
.social-icons a:hover{
	color: #000;
}
.social-icons a i {
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 12px;
    background-color: #6e90c6;
}

.social-icons li a{
	color: #ffffff;
    font-size: 15px;
    font-weight: 500;
	color: #ffffff;
}
.social-icons li a:hover{
	color: #d1d3d4;
}
li{
	list-style: none;
}
.useful-link h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
.useful-link img{
	padding-bottom: 15px;
}
.use-links{
	line-height: 32px;
}
.use-links li i{
	font-size: 14px;
    padding-right: 8px;
    color: #6E90C6;
}
.use-links li a{
	color: #ffffff;
    font-size: 15px;
    font-weight: 500;
	color: #ffffff;
}
.use-links li a:hover{
	color: #d1d3d4;
}
.address h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
.address img{
	padding-bottom: 15px;
}
.address-links li a{
	color: #ffffff;
    font-size: 15px;
    font-weight: 500;
	color: #ffffff;

}
.address-links li i{
	font-size: 16px;
    padding-right: 8px;
	color: #d1d3d4;

}
.address-links li i:nth-child(1){
	padding-top: 9px;
}
.address-links .address1{
	font-weight: 500;
    font-size: 15px;
	display: flex;
}
.address-links{
	    line-height: 32px;
		color: #ffffff;
}
.copy-right-sec{
	padding: 1.8rem;
    background: #012A4A;
    color: #fff;
    text-align: center;
}

#footer hr{
    margin-left: 0;
    color: #4DBF42 !important;
    background-color: #4DBF42 !important;
}


/*FOOTER*/

/*NOSOTROS*/

#nosotros{
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 90px;
}
#nosotros hr{
   
    margin-bottom: 50px;
}

#nosotros h2{
   
    font-weight: 400;
}

.carousel-control i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
}

#mvv{
    margin-top: 120px;
}

#aliados{
    margin-top: 40px;
    margin-top: 20px;
}


#frase {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;
    padding: 80px;
    text-align: center;
}

#frase img{
        border-radius: 50%;
        max-width: 150px;
        max-height: 150px;
 
}

/*NOSOTROS*/

/*SERVICIOS*/

#servicios2{
    padding-left: 100px;
    padding-right: 100px;
}

.cardser {
    border-radius: 16px;
    margin: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 20px;
    color: white;
    margin-bottom: 60px;
    background: linear-gradient(#3259A7,#6E90C6);
    background-size: cover;
    background-attachment: fixed;
}

.cardser2 {
    border-radius: 16px;
    margin: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 20px;
    color: white;
    margin-bottom: 60px;
    background: linear-gradient(#0a3777, #D1D3D4);
    background-size: cover;
    background-attachment: fixed;
}

#servicios2 h2{
    margin-top: 0;
    font-weight: 400;
}

.divimg {
    margin-top: 30px;
    margin-bottom: 30px;
}





/*SERVICIOS*/


/*PRODUCTOS*/

#productos{
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 70px;
}

#productos p{
    text-align: center;
}

.divprod{
  margin-top: 60px;
}


figure.mdx_006 {

	color: #fff;

	position: relative;

	float: left;

	overflow: hidden;

	margin: 10px 1%;

	width: 100%;

	height: 295px;

	background: #000000;

	text-align: left;

	border-radius: 20px;

  margin-bottom: 40px;
}



figure.mdx_006 * {

  -webkit-box-sizing: padding-box;

  box-sizing: padding-box;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



figure.mdx_006 img {

  opacity: 1;

  width: 100%;

}



figure.mdx_006 figcaption {

  top: 30px;

  left: 30px;

  right: 30px;

  bottom: 30px;

  position: absolute;

  padding: 20px;

}



figure.mdx_006 figcaption h3,

figure.mdx_006 figcaption p {

  margin: 0 0 8px;

  opacity: 0;

}



figure.mdx_006 figcaption h3 {

  position: relative;

  font-weight: 400;

  text-transform: uppercase;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}



figure.mdx_006 figcaption h3 span {

  font-weight: 800;

}



figure.mdx_006 figcaption p {

  font-size: 0.7em;

  font-weight: 500;

}



figure.mdx_006 figcaption:before,

figure.mdx_006 figcaption:after,

figure.mdx_006 figcaption div:before,

figure.mdx_006 figcaption div:after {

  background-color: #ffffff;

  position: absolute;

  content: "";

  display: block;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



figure.mdx_006 figcaption:before,

figure.mdx_006 figcaption:after {

  width: 0;

  height: 1px;

}



figure.mdx_006 figcaption div:before,

figure.mdx_006 figcaption div:after {

  width: 1px;

  height: 0;

}



figure.mdx_006 figcaption:before,

figure.mdx_006 figcaption div:before {

  left: 0;

  top: 0;

}



figure.mdx_006 figcaption:after,

figure.mdx_006 figcaption div:after {

  bottom: 0;

  right: 0;

}



figure.mdx_006 a {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: absolute;

  z-index: 1;

}



figure.mdx_006.blue {

  background: #6E90C6;

}



figure.mdx_006.red {

  background: #36100c;

}



figure.mdx_006.yellow {

  background: #583804;

}



figure.mdx_006:hover img,

figure.mdx_006.hover img {

  opacity: 0.2;

  -webkit-filter: blur(5px);

  filter: blur(5px);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



figure.mdx_006:hover figcaption h3,

figure.mdx_006.hover figcaption h3,

figure.mdx_006:hover figcaption p,

figure.mdx_006.hover figcaption p {

  opacity: 1;

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



figure.mdx_006:hover figcaption p,

figure.mdx_006.hover figcaption p {

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}



figure.mdx_006:hover figcaption:before,

figure.mdx_006.hover figcaption:before,

figure.mdx_006:hover figcaption:after,

figure.mdx_006.hover figcaption:after {

  width: 100%;

}



figure.mdx_006:hover figcaption div:before,

figure.mdx_006.hover figcaption div:before,

figure.mdx_006:hover figcaption div:after,

figure.mdx_006.hover figcaption div:after {

  height: 100%;

}



.arrow-a {

	background-color: #085a8c;

    position: absolute;

    height: 33px;

    border-radius: 100%;

    padding: 9px 10px;

    top: 6%;

    left: 87%;

    z-index: 2000;

}


/*PRODUCTOS*/


/*CONTACTO*/

#contacto{
    margin-bottom: 60px;
    padding: 50px;
}

#contacto p{
    color: rgb(0, 0, 0);
}

#contacto a{
    color: rgb(0, 0, 0);
}

#contacto h2{
  font-weight: 400;
}


  .icon {
    font-size: 24px;
    margin-bottom: 10px;
    font-family: "Lexend Deca", sans-serif;
    color: #4dbf42;
  }

  .lineaazul {
    margin-top: 120px;
    background-color: #4dbf42;
    padding: 30px; /* Reduciendo el padding para evitar superposición */
    margin-bottom: 90px;
}


 

/*CONTACTO*/


/*OTRO HEADER*/


.zoom-effect {
  overflow: hidden;
  position: relative;
}

.zoom-effect img {
  transition: transform 0.3s ease;
}

.zoom-effect:hover img {
  transform: scale(1.1);
}


#carousel {
  position: relative;
  height: 400px;
  overflow: hidden;
  margin-top: 70px;
}

#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, opacity 1s, z-index 0s;
  opacity: 1;
}

#carousel div img {
  width: 400px;
  transition: width 1s;
}

#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}

#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}

#carousel div.hideLeft img,
#carousel div.hideRight img {
  width: 200px;
}

#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(50px) translateX(-50%);
}

#carousel div.prev img {
  width: 300px;
}

#carousel div.prevLeftSecond {
  z-index: 4;
  left: 15%;
  transform: translateY(50%) translateX(-50%);
  opacity: .7;
}

#carousel div.prevLeftSecond img {
  width: 200px;
}

#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}

#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(50px) translateX(-50%);
}

#carousel div.next img {
  width: 300px;
}

#carousel div.nextRightSecond {
  z-index: 4;
  left: 85%;
  transform: translateY(50%) translateX(-50%);
  opacity: .7;
}

#carousel div.nextRightSecond img {
  width: 200px;
}

.buttons {
  position: relative;
  margin-top: 40px;
}


#servicios1 button{
  border: none;
}

#servicios1 i{
  font-size: 50px;
  color: #014F86;
}
#servicios1 button {
    border: none;
    background-color: white;
}

/*OTRO HEADER*/
.delay3{ animation-delay: 0.6s;}
.delay4{ animation-delay: 0.8s;}
.delay5{ animation-delay: 1.0s;}
.delay6{ animation-delay: 1.2s;}
.delay7{ animation-delay: 1.4s;}
.delay8{ animation-delay: 1.6s;}
.delay9{ animation-delay: 1.8s;}
.delay10{ animation-delay: 2.0s;}
.delay11{ animation-delay: 2.2s;}
.delay12{ animation-delay: 2.4s;}

#infogeneral {
  overflow-x: hidden;
}

#servicios2{
  overflow-x: hidden;
}

#contacto{
  overflow-x: hidden;
}



/*ACTUALIZACIONES 12/07/2024*/


#nosotros p{
    font-size:1.6rem;
}


#nosotros h2{
    font-size:2.6rem;
}


#press_ p {
  font-size: 2rem;
  font-weight: bold;
}



#rueda{
  padding-left: 100px;
  padding-right: 100px;
  margin-bottom: 70px;

}

#rueda img{
  max-width: 1000px;
}


.img_lang {
    width: 25px;
    margin: 5px 10px 0;
    margin-top: 10px;
}

.logocontact {

    width: 300px;
    position: absolute;
    top: -50%;

}

@media screen and (max-width: 988px){
    
    .colcol{
        display:none;
    }
    
    
}