:root {
  --mgizq: 13%;
  --mgder: 13%;
	--fadeindhover: 0.5s;
  --violeta-onuo: #6600FF; /* violeta principal */
  --negro-onuo: #221E1F; /* Negro ONUO */
}

input, textarea, select, button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background: transparent;

  border: none;

  border-radius: 0;

  margin: 0;

  padding: 0;

  font: inherit;

  color: inherit;

  outline: none;

}
 
/* Para inputs tipo search */

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  -webkit-appearance: none;

}
 
/* Para quitar flechas en inputs number */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}
 
/* Para selects en Firefox */

select {

  -moz-appearance: none;

  text-indent: 0.01px;

  text-overflow: '';

}
 
/* Para quitar el focus por defecto en algunos navegadores */

input:focus, textarea:focus, select:focus, button:focus {

  outline: none;

  -webkit-tap-highlight-color: transparent;

}
 

/*FONTS DE GOOGLE*/
.montserrat {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

.outfit- {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

/*.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}*/
/*CSS GENERAL*/

html,
body {
  position: relative;
  height: 100%;
 /* overflow: hidden;  Oculta ambas barras */
}

html{
overflow-x: hidden; 
/*margin-top: -10px!important;
padding-top: -10px!important; */
margin-bottom: 0;
padding-bottom: 0;
}
    /* Si querés permitir scroll pero sin mostrar barras */
    body::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }
    body {
        -ms-overflow-style: none;  /* IE y Edge */
        scrollbar-width: none;     /* Firefox */
    }

/********body::-webkit-{ display: none}   este es el que pasaron ellos pero no sirve para nada  *******/
::selection {
   background-color: #00ffdf; color: #000000;
  } 
body{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0!important;
padding-top: 0!important;
overflow-x: hidden;
margin-bottom: 0;
padding-bottom: 0;
scroll-padding-top: 70px;
}

content{
	display: block;
  margin-left: auto;
  margin-right: auto;
	width: 100%;
	position: relative;
	top: 0; /* antes -88px */
}

/* Control animación home top */

/* Ocultamos ambos BR y los spans por defecto */
.celu, .compu {
  display: none;
}

/* En mobile, mostramos el BR y el span de mobile */
@media (max-width: 970px) {
  .celu {
    display: flex; /* O block si quieres que el "para" ocupe su propia línea, ajusta según tu necesidad */
  }
  .container-2 {
    display: flex;
    flex-direction: column!important;
    align-items: center;
  }
  .cajitas-soluciones {
    /*width: 80%!important;
    height: auto!important;*/
    margin-bottom: 60px;
  }
}

/* En desktop, mostramos el BR y el span de desktop */
@media (min-width: 970px) {
  .compu {
    display: inline; /* O block si quieres que el "para" ocupe su propia línea, ajusta según tu necesidad */
  }
}

/* NAV */

.caja-nav.scrolled {
    background-color: #1a237e !important;
    transition: background-color 0.3s;
}

.caja-nav{
display: flex;
width: 95%;
max-width: 1175px;
height: 75px;
justify-content: center;
flex-direction: row;
align-items: center;
/*backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);*/
position: fixed;
z-index: 999;
margin-left: auto;
margin-right: auto;
}
nav {
display: flex;
width: 100%;
height: 75px;
justify-content: center;
background-color: white;
/*backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);*/
background: #FBFAFA;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
position: fixed;
z-index: 999;
/*margin-top: -40px;*/

}

ul{
margin-top: 0px!important;
margin-bottom: 0px!important;
display: flex;
    align-items: center;
}

nav img{
	width: 100%;
	height: auto;
	max-width: 250px;
  cursor: pointer;
}

nav svg{
	width: 28px;
	height: 28px;
	vertical-align: middle;
	display: inline-block;
}

.afterlogo{
width: 100%;
text-align: left;
/*margin-right: 3%;*/
}

.avisotop{	
	background-color: #ffffff;
    position: absolute;
    right: 0;
    padding: 11px 12%;
    font-family: 'Inter';
    font-size: 26px;
    color: #636466;
    /*max-width: 850px;*/
}

.coregir-ancho{
width: unset;
}

.avisotop span{
font-weight: bold;
}
.logonav{
cursor: pointer;
/*padding-top: 8px;*/
}

.menu {
position: relative;
padding-right: 0%;
font-family: "Outfit", sans-serif;
font-style: normal;
font-size: 14px;
font-weight: 400;
line-height: 72px;
display: flex;
justify-content: flex-end;
align-items: center;
/*margin-top: 10px;*/
font-weight: 700;
}

nav ul li{
	display: inline;
	padding-left: 15px;
}

nav ul li a{
	color: black;
  /*color: rgb(255, 255, 255);*/
	text-decoration: none;
}

nav ul li a:hover{
width: 100%;
text-decoration: underline;
text-underline-offset: 10px;
transition: 0.3s;
color: var(--violeta-onuo);
}

nav ul li .active{
  color: var(--violeta-onuo);
  /*text-decoration: underline;*/
  text-underline-offset: 10px;
  padding: 12px 0px;
  transition: var(--fadeindhover);
}

nav ul li .destacado{
	color: #ffffff!important;
	text-decoration: none;
	padding: 12px 0px;
	transition: var(--fadeindhover);
}
.especial-contacto{
display: flex;
background-color: var(--violeta-onuo);
width: 122px;
align-items: center;
align-content: center;
justify-content: center;
height: 38px;
border-radius: 8px;
color: #ffffff;
margin-left: 15px;
text-decoration: none;

}
.especial-contacto:hover{
background-color: transparent;
border: 1px solid var(--violeta-onuo);
color: var(--violeta-onuo);
}


.menu-hamburguesa{
padding: 1%;
padding-right: 5%;
padding-left: 0%!important;
float: right;
display: none;
padding-left: 83%;
cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: var(--negro-onuo);
    margin: 6px 0;
    transition: 0.4s;
    border-radius: 10px;
    /* Add box-sizing for better consistency */
    box-sizing: border-box; 
}

.change .bar1 {
    /* Make sure these values are consistent for both versions */
    -webkit-transform: rotate(-45deg) translate(-6px, 7px); /* Adjusted for better center */
    transform: rotate(-45deg) translate(-6px, 7px);         /* Adjusted for better center */
    background-color: var(--negro-onuo)!important;
}

.change .bar2 {
    opacity: 0; /* Hides the middle bar */
}

.change .bar3 {
    /* Make sure these values are consistent for both versions */
    -webkit-transform: rotate(45deg) translate(-7px, -8px); /* Adjusted for better center */
    transform: rotate(45deg) translate(-7px, -8px);         /* Adjusted for better center */
    background-color: var(--negro-onuo)!important;
}

/* Your existing hover effect */
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-4px); /* You still have a mismatch here, consider making them consistent */
}

.submenu-2{
  display: none;
  position: absolute;
  padding-bottom: 10px;
  top: 58px;
  background: #ffffff;
  list-style: none;
  padding: 5px 0px;
  margin: 0;
  /*  top: 100%;*/
  left: 50%;
  width: 210px;
  border-radius: 0px 0px 15px 15px;
  height: auto;
}

.submenu-2 li {
  width: 100%;
  line-height: 50px;
}
.submenu-2 a {
/*   padding: 10px;*/
  display: block;
  color: var(--negro-onuo);
  font-size: 14px;
}
.submenu-2 a:hover{
  font-weight: 700;
  color: var(--violeta-onuo);
  text-decoration: none;
  text-decoration: underline;
text-underline-offset: 10px;
} 
.menu li:hover .submenu-2, .submenu-2 li{
  display: block;
}
@media only screen 
and (max-width : 1150px) {
footer .elementos-footer {
display: flex;
justify-content: space-evenly;
}

.bajada .item {
width: 21%;
}
}
#logo-menu-hamburgesa{
display: none;
}

@media only screen 
and (max-width : 970px) {

.menu-hamburguesa{
display: block;
z-index: 999999;
position: absolute;
right: 8%;
top: 22px;
}
#logo-nav{
margin-top: 8px;
margin-left: 10%;
}

.menu{
display: none;
position: fixed;
height: 680px;
background-color: #ffffff;
/*opacity: 0.9;*/
width: 100%;
padding: 0 !important;
z-index: 9999;
right: 0px;
margin-top: 25px;
font-size: 20px;
border-radius: 0px 0px 50px 50px;
height: 100vh;
}
/*.logonav{
padding-top: 0px;
}*/
.especial-contacto{
width: 100%;
height: 65px;
margin-top: 30px;
max-width: 450px;
margin-left: 0px;
}

nav{
top: 0px;
width: 100%!important;
background-color: #fff;
}

nav ul{
display: flex;
flex-direction: column;
padding-left: 0px !important;
justify-content: flex-end;
height: 85vh;
}

nav ul li {
display: flex;
flex-direction: column;
/*border-bottom: 1px solid #b9b9b9;*/
width: 100%;
text-align: right;
padding: 0.5vh 10% 0.5vh; /* antes 20px 10% 5px; */
}	

.bajada .item {
width: 22%!important;
padding: 25px 20px!important;
}
#logo-menu-hamburgesa{
width: 30%;
margin-left: 12%;
margin-top: 8%;
display: block;
}
nav ul li a{
color: rgb(0, 0, 0);
font-size: 18px;
font-weight: 500;
line-height: 148%;
}
.submenu-2{
display: block;
  position: unset;
/*  top: 100%;*/
  left: 10%;
  width: 100%;
}

.submenu-2 li {
  width: 100%;
  line-height: 50px;
}
.submenu-2 a {
/*   padding: 10px;*/
  display: block;
  color: var(--negro-onuo);
  font-size: 16px;
}
.submenu-2 a:hover{
  font-weight: 700;
  color: var(--violeta-onuo);
  text-decoration: none;
  text-decoration: underline;
text-underline-offset: 10px;
} 
.menu li:visited .submenu-2, .submenu-2 li{
  display: block;
}
.cajitas-naves{
  padding: 20px 0px 40px 0px!important;
}

}

@media only screen 
and (max-width : 720px) {
.menu{
width: 100%;
/*min-width: 280px;
top: 68px;*/
}
}
/* TERMINA  NAV */

/*DESPLEGABLE*/
.my-5{
  display:none;
}
.custom-accordion {
/*  border: 1px solid var(--violeta-onuo);
  border-radius: 20px;*/
  margin-bottom: 20px;
  overflow: hidden;
}

.custom-btn {
  color: #fff;
  justify-content: space-between;
  display: flex;
  align-items: center;
  /*  font-weight: bold;
  border: none;
  box-shadow: none !important;
    background-color: #ff1e00;
  */
}

.custom-btn:not(.collapsed) {
  background-color: transparent;
  color: var(--violeta-onuo);
  border: 1px solid var(--violeta-onuo);
}

.icon-btn {
margin-left: auto;
font-size: 16px;
width: 28px;
height: 28px;
border-radius: 20px;
color: #ffffff;
background-color: var(--violeta-onuo);
display: flex;
justify-content: center;
align-items: center;
}

.custom-btn:not(.collapsed) .icon-btn {
border-radius: 15px;
border: 1px solid var(--violeta-onuo);
background: #FFF;
color: var(--violeta-onuo);
}
.accordion-button{
border:1px solid var(--violeta-onuo)!important;
font-size: 24px!important;
font-family: "Outfit", sans-serif;
font-weight: 500;
color: var(--violeta-onuo)!important;
border-radius: 20px!important;
padding: 16px 30px!important;
}
.accordion-button::after{
  display: none;
}
.accordion-button:not(.collapsed) {
  background-color: white!important;
  color: var(--violeta-onuo);
  border: 1px solid var(--violeta-onuo);
}

.accordion-button:hover{
  font-weight: 700;
}
.accordion-button:focus {
  box-shadow: none!important;
  outline: none!important;
  border: 1px solid var(--violeta-onuo)!important;
}
.accordion-item {
color: var(--negro-onuo);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
font-family: "Outfit", sans-serif;
border: 0px!important;
}
.custom-accordion:hover{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px!important;
}
.accordion-button img{
  width: 8%;
  padding-right: 20px;
}

/*FIN DESPLEGABLE*/

#nosotros{
  margin-top: 90px;
  margin-bottom: 90px;
}

#botonArriba{
position: fixed;
bottom: 20px;
right: 30px;
transition: all 1s;
color: white;
background-color: var(--violeta-onuo);
opacity: 0.5;
font-size: 1.6em;
width: 40px;
height: 40px;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
z-index: 8;
}
#botonArriba:hover{
opacity: 1;
}
#flecha{
color:white
}


.top{
position: relative; 
width: 100%; 
min-height: 100vh; 
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.top-2{
width: 100%;
height: 650px;
background-image: url("../imagen/centros-logisticos-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.top-3{
width: 100%;
height: 650px;
background-image: url("../imagen/naves-industriales-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.top-4{
width: 100%;
height: 650px;
background-image: url("../imagen/industrias-de-produccion-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.top-5{
width: 100%;
height: 650px;
background-image: url("../imagen/oficinas-corporativas-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.top-6{
width: 100%;
height: 650px;
background-image: url("../imagen/retailers-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.top-7{
width: 100%;
height: 650px;
background-image: url("../imagen/edificios-comerciales-top.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 120px;
display: flex;
justify-content: center;
}
.titulos-top-2{
  position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
color: #fff;
padding: 1rem;
width: 100%;
max-width: 1175px;
}
/*.titulos-top-2{
padding-top: 80px;
max-width: 1175px;
margin-left: auto;
margin-right: auto;
}*/
.top-2 h1, .top-3 h1, .top-4 h1, .top-5 h1, .top-6 h1, .top-7 h1{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 130%; /* 78px */
margin-bottom: 40px;
max-width: 1100px;
}
.top-2 p, .top-3 p, .top-4 p, .top-5 p, .top-6 p, .top-7 p{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
margin-bottom: 20px;
}
.resaltado-top{
border-radius: 10px;
background: #FFF;
color: var(--violeta-onuo);
font-family: "Outfit", sans-serif;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 130%;
padding: 2px 10px;
word-break: keep-all;
white-space: nowrap;
}

/*EMPIEZA VIDEO TOP*/
#myVideo{
  position: absolute; 
  top: 0; left: 0;
   width: 100vw; 
   height: 100%; 
   object-fit: cover; 
   z-index: 1;
}

video{
min-width: 100%;
min-height: 100%;
}
.overlay{
height: 100vh;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) );
/*background: linear-gradient(rgba(102, 0, 255, 0.5), rgba(102, 0, 255, 0.5) );*/
}
.titulos-video{
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
color: #fff;
padding: 1rem;
width: 100%;
max-width: 1175px;
}


.titulos-video h1{
position: relative;
width: 100%;
max-width: 810px; /* antes 910px;*/
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 130%; /* 78px */
margin-bottom: 40px;
}
.titulos-video p{
position: relative;
width: 100%;
max-width: 860px;
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.botoni-2{
justify-content: flex-start;
display: flex;
width: 100%;
max-width: 1175px;
margin-left: auto;
margin-right: auto;
margin-top: 20px; 
}
.abracadabra-3 {
display: flex;
max-width: 375px;
width: 100%;
height: 62px;
padding: 14.39px 30.22px;
justify-content: center;
align-items: center;
gap: 11.512px;
flex-shrink: 0;
border-radius: 10px;
background: rgb(255 255 255 / 50%);
color: #fff;
/*border: 1px solid var(--violeta-onuo);*/
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
text-decoration: none; 
}
.abracadabra-3:hover{
background-color: transparent;
color: #FFF; 
border: 3px solid white;
/*box-shadow: 3px 3px 10px rgb(0 0 0 / 57%);*/
}

/*TERMINA VIDEO TOP*/

/*ESTO ES EL CURSOR QUE PARPADEA TEXTO ANIMADO*/
      .cursor {
        display: inline-block;
        width: 5px;
        height: 1.5rem;
        background-color: #ffffff;
        animation: blink 0.6s steps(2, start) infinite;
        margin-left: 0px;
        white-space: nowrap;
      }
      @keyframes blink {
        50% {
          opacity: 0;
        }
      }
      /*TERMINA EL TEXTO ANIMADO*/




/*===== SECCION_1=====*/
.seccion-1{
display: flex;
width: 100%;
justify-content: center;
/*margin-top: 60px;*/
padding: 80px 15px;
}
.cajon-seccion-1{
display: flex;
width: 100%;
max-width: 1175px;
}
.texto-seccion-1{
display: flex;
width: 60%;
gap: 15px;
flex-direction: column;
}
.texto-seccion-1 p{
color:  #221E1F;
margin-bottom: 0px;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
width: 100%;
max-width: 590px;
 /*line-height: 50px; 277.778% */
}
.texto-seccion-1 h2{
color: var(--violeta-onuo);
width: 100%;
/*max-width: 580px;*/
text-align: left;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
font-family: "Outfit", sans-serif; 
}
.parra-seccion-1{
color:  #221E1F;
font-family: "Outfit", sans-serif; 
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.foto-seccion-1{
  width: 40%;
}
/*===== FIN SECCION-1=====*/

/*=====  SECCION-1 LOGISTICA=====*/
.seccion-1-logistica{
display: flex;
justify-content: center;
width: 100%;
flex-direction: column;
align-items: center;
padding: 60px 0px;
}
.seccion-1-logistica h2{
color: var(--violeta-onuo);
text-align: center;
font-family: "Outfit", sans-serif; 
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
}
.cajon-seccion-1-logistica{
 display: flex;
width: 100%;
max-width: 1175px; 
justify-content: space-between;
margin-top: 50px;
}
.texto-seccion-1-logistica{
display: flex;
width: 55%;
gap: 15px;
flex-direction: column;
}
.texto-seccion-1-logistica p{
color:  #221E1F;
font-family: "Outfit", sans-serif; 
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
margin-bottom: 40px;
padding: 0px 15px;
}
.texto-seccion-1-logistica h3{
color:  #221E1F;
font-family: "Outfit", sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 26px */
padding: 0px 15px;
}
.texto-seccion-1-logistica ul{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
list-style: none;
row-gap: 12px;
color:  #221E1F;
font-family: "Outfit", sans-serif; 
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.foto-seccion-1-logistica{
width: 40%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.foto-seccion-1-logistica img{
/*width: auto;
height: 40%;*/
width: 98%;
padding: 5px 0;
}
.foto-seccion-1-logistica-3imgs img{
height: 30%;
}
.foto-seccion-1-logistica-pocotexto{
width: 40%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-right: 10px;
}
.comentario-seccion-1-logistica{
width: 100%;
max-width: 1175px;
border: solid 2px #221E1F;
border-left: 0px;
border-right: 0px;
padding: 50px 10px;
margin-top: 150px;
}
.comentario-seccion-1-logistica-pocotexto{
margin-top: 20px;
}
.comentario-seccion-1-logistica h3{
color:  #221E1F;
text-align: center;
font-family: "Outfit", sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 39px */
}

/*===== FIN SECCION-1 LOGISTICA=====*/

/*=====  SECCION-2=====*/

/*===== SECTORES=====*/
#sectores{
display: flex;
flex-direction: column;
/*padding-top: 90px
  padding-bottom: 90px;*/
width: 100%;
}
.sectores{
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: var(--violeta-onuo);
padding-bottom: 100px;
}
.caja-sectores {
display: flex  ;
max-width: 1140px;
width: 100%;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0px;
}   
.caja-titulos{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1170px;
padding: 60px 15px 40px 15px;
} 
.sectores h2{
color: #FFFFFF;
width: 100%;
max-width: 580px;
text-align: center;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
font-family: "Outfit", sans-serif;
}
.sectores p{
color: #FFFFFF;
margin-bottom: 0px;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
 /*line-height: 50px; 277.778% */
}
.container-1{
display: flex  ;
width: 100%;
max-width: 1175px;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
padding: 0px 15px;
}
.tarjeta-1{
  width: 370px;
  height: 300px;
  border-radius: 20px;
 /* box-shadow: 5px 5px 20px black;*/
  overflow: hidden;
  margin: 10px 0px;
  
}
.tarjeta-1 img{
  height: 307px;
  width: 375px;
  transition: 0.5s;
}
.intro{
height: 75px;
width: 370px;
/*margin-left: 3px;
padding: 4px;*/
box-sizing: border-box;
position: relative;
background: rgba(90, 0, 223, 0.80);
/*mix-blend-mode: multiply;*/
color: white;
bottom: 80px;
transition: 0.5s;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.intro h3{
padding-top: 15px;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 39px */
color: white;
}
.intro p{
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
margin: 10px;
visibility: hidden;
opacity: 0;
}
.boton-ver-mas-card{
font-family: "Outfit", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 21px */
color: white;
padding-top: 10px;
}

.tarjeta-1:hover .intro{
height: 310px;
width: 370px;
bottom: 317px;
border-radius: 20px;
background-color: rgb(102, 0, 255, .8);
}
.tarjeta-1:hover p{
  visibility: visible;
  opacity: 1;
}
.intro:hover h3{
transition: 0.5s;
padding-top: 55px;
}

.abracadabra-2 {
display: flex;
max-width: 375px;
width: 100%;
height: 62px;
padding: 14.39px 30.22px;
justify-content: center;
align-items: center;
gap: 11.512px;
flex-shrink: 0;
border-radius: 10px;
background: #FFF;
color: var(--violeta-onuo);
border: 1px solid var(--violeta-onuo);
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
text-decoration: none; 
}
.abracadabra-2:hover{
background-color: var(--violeta-onuo);
color: #FFF; 
/*box-shadow: 3px 3px 10px rgb(0 0 0 / 57%);*/
border-color: #FFF;
}
/*.card-1:hover img{
  transform: scale(1.1);
}*/
/*===== SECCION-2 LOGISTICA SOLUCIONES=====*/

.cajitas-soluciones{
width: 370px;
height: 300px;
display: flex;
flex-direction: column;
row-gap: 5px;
}
.cajitas-soluciones h4{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 28.8px */
}
.cajitas-soluciones p{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.cajitas-soluciones img{
width: 10%;
}
.cajitas-soluciones ul{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
display: flex;
flex-direction: column;
row-gap: 10px;
}
.container-2{
display: flex  ;
width: 100%;
max-width: 1175px;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
padding: 0px 15px;
/*margin-bottom: -50px;*/
}

/*===== FIN SECCION-2 LOGISTICA SOLUCIONES=====*/
/*SECCION-3*/
.seccion-3{
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 15px;
}

/*CARDS*/
.cajon-cards{
display: flex;
align-items: flex-start;
/*align-items: center;*/
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
justify-content: space-between;
flex-wrap: wrap;
padding: 0px 15px;
}

.card, .card-2{
width: 100%;
max-width: 378px;
border-radius: 20px!important;
border: 1px solid var(--Violeta-onuo, #60F)!important;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin: 10px 0px 10px 0px;
}

.card-2{
  min-height: 450px;
}

.card-body{
padding: 20px;
min-height: 443px;
}
#correccion-alto-collapsable-ver-mas{
  height: 528px;
}
.card-body-2{
  padding: 20px 5px;
}
.card-title, .card-title-2{
margin-left: 5%;
color: var(--violeta-onuo)!important;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 26px */
width: 100%;
max-width: 317px;
}
.card img {
width: 15%;
margin-left: 8%;
padding-top: 30px;
}
.card-2 img {
  width: 18%;
margin-left: 5%;
padding-top: 30px;
}
.py-5 .slide{
  padding: 0px 25px;
  padding-left: 0;
  padding-right: 0;
}

.botonito-mas{
  position: absolute;
  bottom: 20px;
  left: 45%;
  right: 45%;
}


.card-text, .card-text-2{
color:  #221E1F;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
width: 100%;
max-width: 374px;
list-style: none;
padding-left: 1rem;
padding-right: 5px;
}
.botonito-mas, .botonito-mas-2{
display: flex;
align-items: center;
width: 30px;
height: 30px;
background: #fff;
border-radius: 30px;
align-content: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
text-decoration: none;
color: black;
font-size: 12px;
border: 1px solid black;
}
.botonito-mas:hover, .botonito-mas-2:hover{
  background-color: black;
  color: white;
}
.botonito-mas, .botonito-mas-2[aria-expanded="true"] i.fa-solid::before {
    content: "\f068"; /* Código Unicode de Font Awesome para fa-minus */
}

.botonito-mas, .botonito-mas-2[aria-expanded="false"] i.fa-solid::before {
    content: "\f067"; /* Código Unicode de Font Awesome para fa-plus */
}
 .botonito-mas[aria-expanded="true"] i.fa-solid::before {
    content: "\f068"; /* Código Unicode de Font Awesome para fa-minus */
}

 .botonito-mas[aria-expanded="false"] i.fa-solid::before {
    content: "\f067"; /* Código Unicode de Font Awesome para fa-plus */
}
.desple, .desple-2{
border: none !important;
padding: 0px !important;
border-radius: 0px !important;
padding-bottom: 10px !important;
box-shadow: none !important;
}
.desple ul, .desple-2 ul{
display: flex;
flex-direction: column;
margin-top: 20px!important;
color:  #221E1F;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
padding-left: 1rem;
}
.desple ul li, .desple-2 ul li{
  padding-bottom: 20px;
  list-style: none;
}
/* APARECER  Y DESAPARECER SECCION CARDS */

.botoni{
display: flex;
justify-content: center;
width: 100%;
max-width: 1175px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
#botoni-ver-todos{
  width: 100%;
}
.abracadabra {
display: flex;
max-width: 375px;
width: 100%;
height: 62px;
padding: 14.39px 30.22px;
justify-content: center;
align-items: center;
gap: 11.512px;
flex-shrink: 0;
border-radius: 10px;
background: var(--violeta-onuo);
color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
text-decoration: none; 
}
.abracadabra:hover{
background-color: #FFF;
color: var(--violeta-onuo);
/*box-shadow: 3px 3px 10px rgb(0 0 0 / 57%);*/
border: 1px solid var(--violeta-onuo);
}
#imagen{
display: flex;
margin-top: 30px;
width: 100%;
max-width: 1175px;
margin-left: auto;
margin-right: auto;
align-items: center;
/* padding: 10px; */
flex-wrap: wrap;
justify-content: center;
}
.muestra{
    display: flex;
    width: 100%;
}

.caja-titulos-2{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1170px;
padding: 60px 15px 20px 15px;
} 
.caja-titulos-2 h2{
color: var(--violeta-onuo);
width: 100%;
/*max-width: 580px;*/
text-align: center;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
font-family: "Outfit", sans-serif;
}
.caja-titulos-2  p{
color: var(--negro-onuo);
margin-bottom: 0px;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
 /*line-height: 50px; 277.778% */
}



/*ACA EMPIEZA SECCION INFINITO*/

.infinito-1{
  width: 100%;
  margin-top: 50px;
}
.caja-titulos-3{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 20px 15px 20px 15px;
} 
.caja-titulos-3 h2{
color: var(--violeta-onuo);
width: 100%;
/*max-width: 500px; */
text-align: center;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
font-family: "Outfit", sans-serif;
}
.caja-titulos-3  p{
color: var(--negro-onuo);
margin-bottom: 0px;
font-family: "Outfit", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
 /*line-height: 50px; 277.778% */
}
/* SECCION_5_LA DEL SLIDER SWIPPER PROYECTOS*/
.seccion-5{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.cajon-slider-seccion-5{
display: flex;
width: 100%;
max-width: 1175px;
flex-direction: column;
padding: 0px 15px;
}
/*ACA EMPIEZA EL SLIDER DE SECCION 5 PROYECTOS*/

.swiper {
width: 100%;
max-width: 1175px;
padding: 40px 0px!important;
border-radius: 20px!important;
box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25);
background: #FBFAFA;
}
.swiper-slide {
position: relative;
text-align: left;
display: flex!important;
padding: 30px 20px;
/*flex-direction: column;*/
align-items: center;
/*width: 350px;
 height: 420px;*/
}
.swiper-slide img {
/*border-radius: 12px 12px 0 0;
max-height: 320px;
object-fit: cover;*/
width: 25%!important;
}
.swiper-slide .logo-cliente-proyectos{
  width: 37% !important;
  margin-left: -11%;
}
.swiper-wrapper {
  align-items: center!important;
}
.foto-slide-izq{
  background-image: url("../imagen/slider-home-1.png");
  background-repeat: no-repeat;
 background-size: contain;
 background-position: center;
    width: 40%;
    height: 400px;
}
/*.slide-caption img{
  width: 20%;
}*/
.slide-caption {
padding: 16px 8px 24px 8px;
}
.slide-caption h4{
color:  #221E1F;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 35.559px; /* 222.244% */
}
.slide-caption h3 {
color: var(--violeta-onuo);
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 36.4px */
width: 100%;
max-width: 630px;
}
.slide-caption p {
color:  #221E1F;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
width: 100%;
max-width: 724px;
}
.swiper-button-next, .swiper-button-prev {
color: #1a1a1a;
}
.swiper-pagination-bullet-active {
background: #1a1a1a;
}
.swiper-pagination{
  padding-bottom: 10px;
}
@media (max-width: 600px) {
.swiper {
max-width: 100%;
}
.swiper-slide img {
max-height: 180px;
}
.slide-caption {
padding: 10px 4px 16px 4px;
}
}
.caja-botones-proyectos{
display: flex;
width: 100%;
max-width: 530px;
gap: 20px;
}

/*ACA TERMINA EL SLIDER DE SECCION 5 PROYECTOS*/


/*ACA EMPIEZA EL SLIDER DE LOGOS*/
.slider{
width: 100%;
height: auto;
margin: auto;
overflow: hidden;
margin-top: 25px;
margin-bottom: 60px;
background: #FBFAFA;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 25px 0px;
}
 /*    .slide{
      padding-left: 50px;
      padding-right: 50px;
    }
   .slider .slide-track{
      display: flex;
      animation: scroll 30s linear infinite;
      width: calc(300px * 40);
      align-items: center;
    }
    .slider .slide{
      width: 300px;
    }
    .slider .slide img{
      width: 100%;
      filter: grayscale();
    }
    .slider .slide img:hover{
      filter: grayscale(0%);
      transition: 0.5s;
    }*/
    @keyframes scroll {
    0% {
      -webkit-transform: translatex(0);
      transform: translatex(0);
    }
    100% {
      -webkit-transform: translatex(calc(-200px * 9));
      transform: translatex(calc(-200px * 9));
    }
    }
   /* .slider .slide-track-2{
      display: flex;
      animation: scroll 30s linear infinite;
      width: calc(300px * 44);
      align-items: center;
    }*/
     /*fin el slider de loguitos*/

/* SECCION FORMULARIO HOME*/
#form{
width:100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--violeta-onuo);
margin-top: 80px;
}
.formu{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  align-items: center;
  padding: 40px 15px;
}
.formu h2{
  width: 100%;
  max-width: 510px;
  color: #FFF;
text-align: center;
font-family: "Outfit", sans-serif;;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 44.2px */
padding: 30px 0px;
}

form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 25px 0px;
justify-content: space-evenly;
}
input[type="text"], input[type="email"]{
  width: 100%;
  max-width: 410px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
display: flex;
padding: 21px 0px 21px 18px;
align-items: center;
flex-shrink: 0;
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{
outline: none;
border: 2px solid #FFF;
background-color: rgba(255, 255, 255, 0.20);
border: 2px white solid;
border-radius: 10px;
padding: 20px -1px 20px 17px;   
  }


textarea{
width: 96%;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
max-width: 850px;
color: #FFF;
padding: 21px 0px 21px 18px;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
input[type="submit"]{
display: flex;
     max-width: 475px; 
    width: 100%;
    /*height: 62px;*/
    padding: 14px 120px;
    justify-content: center;
    align-items: center;
    /*gap: 11.512px;*/
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    color: var(--violeta-onuo);
    border: 1px solid var(--violeta-onuo);
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-decoration: none;
}
input[type="submit"]:hover{
background-color: var(--violeta-onuo);
color: #FFF; 
/*box-shadow: 3px 3px 10px rgb(0 0 0 / 57%);*/
border-color: #FFF;
}
::placeholder{
  color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

/* FIN SECCION FORMULARIO HOME*/
/* PAGINA GRACIAS*/
.cajon-gracias{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--violeta-onuo);
width: 100%;
padding: 200px 0px;
gap: 40px;
}
.cajon-gracias img{
width: 20%;
}
.gracias{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 900px;
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
gap:  10px;
padding: 0px 15px;
}
.gracias h2{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.gracias h3{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: center;
width: 100%;
max-width: 800px;
}
/* FIN PAGINA GRACIAS*/




/* PROYECTOS LANDING*/
.top-proyectos{
width: 100%;
height: 650px;
background-image: url("../imagen/top-proyectos-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*margin-top: 50px;*/
padding-top: 185px;
display: flex;
align-items: center;
padding-top: 75px;
}
.titulos-top-proyectos{
padding-top: 8%;
max-width: 1175px;
/* margin-left: 10%; */
padding: 1rem;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.top-proyectos h1{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 130%; /* 78px */
margin-bottom: 15px;
max-width: 800px;
}
.top-proyectos p{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
margin-bottom: 30px;
max-width: 900px;
}
#boton-proyectos{
  margin-top: 0px;
}
#cajon-proyectos{
  justify-content: flex-start;
}
#cajon-proyectos a{
text-decoration: none;
}
.proyectos{
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 80px 0px 40px 0px;
}
.proyectos p{
  font-size: 20px;
}
.cajitas-proyectos{
width: 350px;
display: flex;
flex-direction: column;
row-gap: 5px;
}
.tag{
display: flex;
border-radius: 5px;
border: 1px solid #221E1F;
background: #FFF;
color: #221E1F;
font-family: "Outfit", sans-serif;
font-size: 12px!important;
font-style: normal;
font-weight: 700;
line-height: 35.559px;
width: 50%;
/* padding: 0px 20px; */
justify-content: center;
align-items: center;
margin-top: 8px;
}
.cliente{
color:  #221E1F;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 20.8px */
margin: 0px;
}
.encabezado-proyecto{
color: var(--violeta-onuo);
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 39px */
}
.info-proyecto{
color: #221E1F;
font-family: "Outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.botonito-proyectos{
margin-top: 0px; 
margin-bottom: 80px;
}

/* FIN PROYECTOS LANDING*/

/* NAVES INDUSTRIALES LANDING*/

.container-4{
display: flex;
width: 90%;
max-width: 1175px;
flex-wrap: wrap;
padding: 0px 25px;
align-items: flex-start;
justify-content: space-between;
}
.cajitas-naves{
height: auto;
display: flex;
flex-direction: column;
row-gap: 5px;
padding: 20px 0px;
width: 100%;
max-width: 530px;
}
.cajitas-naves h4{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 28.8px */
}
.cajitas-naves p{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.cajitas-naves img{
width: 10%;
}
.cajitas-naves ul{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
display: flex;
flex-direction: column;
row-gap: 10px;
align-items: flex-start;
}
.cajitas-soluciones ul{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
display: flex;
flex-direction: column;
row-gap: 10px;
align-items: flex-start;
}

/* FIN NAVES INDUSTRIALES LANDING*/
#opcional-h4{
color: #FFF;
font-family: "Outfit", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
@keyframes mymove {
  25% {background-position: center;}
}


/*FOOTER COMIENZA*/
footer{
display: flex;
width: 100%;
background-color: #221E1F;
}

.conteiner-footer{
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
padding: 40px 0px;
flex-wrap: wrap;
max-width: 1175px;
justify-content: space-between;
}
.footer-contacto{
  display: flex  ;
flex-direction: column;
width: 100%;
max-width: 300px;
gap: 1em;
}
#logo-footer{
  width: 37%;
}
.cajitas-footer{
max-width: 290px;
width: 100%;
color: white;
}
.cajitas-footer a {
color: #FFF;
font-family: outfit;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
/* text-transform: uppercase;*/
margin-bottom: 0px;
}
.footer-contacto p{
  color: white;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.cajita-logo-p{
  display: flex;
color: #FFF;
font-family: "outfit", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}
.iconitos{
  margin-right: 10px;
}
.footer-menu ul{
padding: 0;
display: flex;
gap: 2px;
flex-direction: column;
margin: 0;
align-items: flex-start;
}
.footer-menu li{
color: white;
list-style: none;
}
.footer-menu a{
color: #FFF;
font-family: "outfit", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
text-decoration: none;
text-align: left;
}
.footer-menu a::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.footer-menu{
max-width: 200px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.footer-menu ul li a:hover, .cajitas-footer a:hover{
font-weight: 700;
}
.footer-redes{
display: flex;
justify-content: flex-start;
gap: 5px;
margin-bottom: 20px;
flex-direction: column;
}
.footer-redes p{
color: #FFF;
font-family: "outfit", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}
.footer-redes a{
  text-decoration: none;
  color: white;
}
#iconitos-redes{
display: flex;
gap: 10px;
font-size: 28px;
}
#copyright{
color: #FFF;
font-family: outfit;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
text-transform: uppercase;
margin-bottom: 0px;
}
.redecitas i{
  font-size: 30px;
}
* {
    box-sizing: border-box;
}
/* TERMINA FOOTER*/
/* EMPIEZA FOOTER-2*/
.conteiner-footer-2{
display: none;
width: 100%;
padding: 20px;
background-color: var(--negro-onuo);
}
.columna-1{
width: 70%;
}
.columna-2{
width: 30%;
display: flex;
align-items: flex-end;
}
#logo-footer-2{
width: 57%;
margin-bottom: 10px;
}
.footer-contacto-2{
  display: flex  ;
flex-direction: column;
margin-top: 10px;
    gap: 8px;
}
.footer-redes-2{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer-redes-2 p{
  margin: 0px;
  color: white;
}
#iconitos-redes-2{
display: flex;
gap: 10px;
font-size: 28px;
margin-left: 10px;
}
#iconitos-redes-2 a{
color: white;
}
.footer-menu-2 ul{
padding: 0;
display: flex;
gap: 2px;
flex-direction: column;
margin: 0;
align-items: flex-start;
}
.footer-menu-2 li{
color: white;
list-style: none;
}
.footer-menu-2 a{
color: #FFF;
font-family: "outfit", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
text-decoration: none;
text-align: left;
}
.footer-menu-2{
max-width: 200px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-menu-2 ul li a:hover, #linea-final a:hover{
font-weight: 700;
}
.cajita-logo-p p{
  margin: 0px;
}
.redecitas-2{
  font-size: 24px;
}
#linea-final{
display: none;
align-items: center;
width: 100%;
background-color: var(--negro-onuo);
justify-content: center;
align-content: center;
flex-direction: column;
padding-bottom: 20px;
}

#copyright-2{
color: #FFF;
font-family: outfit;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-transform: uppercase;
margin-bottom: 0px;
text-align: center;
}
#linea-final a{
color: #FFF;
font-family: outfit;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-transform: uppercase;
margin-bottom: 0px;
text-align: center;
}

/*  FIN TERMINA FOOTER-2*/







#logo-nav {
  cursor: pointer;
}
.contenedor::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

.contenedor::-webkit-scrollbar:horizontal {
    height: 10px;
    width: 30px;
}

.contenedor::-webkit-scrollbar-thumb {
    background-color: #38DC82;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
    width: 5px;
}

.contenedor::-webkit-scrollbar-track {
    border-radius: 10px;  
}


@media only screen 	and (max-width:550px){
    div .scrollmenu img{
      width: 100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    }
  }
  .py-5{
    display: none;
  }
.carousel-control-next-icon, .carousel-control-prev-icon, .carousel-control-next, .carousel-control-prev {
  display: none!important;
 /* background-size: 60% 60%!important;
background-color: var(--violeta-onuo)!important;
border-radius: 20px!important;*/
}
.carousel-indicators{
  margin-bottom: -30px!important;
}
.py-5{
  padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.carousel-indicators [data-bs-target]{
  background-color: var(--violeta-onuo)!important;
    border-radius: 20px!important;
    width: 10px!important;
    height: 10px!important;
    border: none!important;
     border-top: none!important; 
     border-bottom: none!important;
    }
 /*LO QUE ESTA DESAPARECIDO*/
    .foto-seccion-1-logistica-mobile{
      display: none;
    }
    .alarga-2{
      margin-bottom: 150px;
    }


/*EMPIEZA LO RESPONSIVO///////////////////////////////////////////////////////////*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
  /*ESTE ES MIO*/
  @media only screen 	and  (max-width: 1500px) {
    .fullslide{
      bottom: 10%!important;
    }

  }

   /*ESTE ES MIO*/
 @media only screen 	and  (max-width: 1300px) {
    .fullslide{
      bottom: 5%!important;
    }
  }

  /*EMPIEZA 1370 ///////////////////////////////////////////////////////////*/
@media only screen and  (max-width: 1370px){
.conteiner-footer{
  justify-content: center;
}
#caja-de-4 {
 /* max-width: 700px;*/
  margin-bottom: 20px;
}
#caja-de-2 {
  max-width: 700px;
  align-items: center;
    justify-content: center;
}
.columnas-2{
  width: 30%;
  justify-content: space-evenly;
}
}
/*TERMINA 1370 ///////////////////////////////////////////////////////////*/
@media  screen and  ( max-width: 1200px ){
.cajon-cards {
justify-content: center;
}
.container-1{
justify-content: space-evenly;
}


.card, .tarjeta-1 {
margin-left: 10px;
margin-right: 10px;
}  
}
    /*EMPIEZA 1200 ///////////////////////////////////////////////////////////*/
/* Responsive 1200 */

@media  screen and  ( max-width: 1200px ){
 /* .fullslide{
    bottom: 50%;
  }*/
  .fullslide h1{
  font-size: 50px;
  line-height: 57px;
  max-width: 630px;
  }
  .fullslide h3{
  font-size: 24px;
  }
 .foto-texto{
  flex-direction: column;
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 }
 .foto-texto-2{
  flex-direction: column;
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 }
 .texto {
  padding-left: 0px;
  padding-top: 30px;
 }
 .texto-2{
  padding-left: 0px;
  padding-top: 30px;
 }
 .texto h3{
  max-width: 560px;
 }
 .texto p{
  max-width: 560px;
 }
 .texto-2 h3{
  max-width: 560px;
 }
 .texto-2 p{
  max-width: 560px;
 }

.contactanos{
flex-wrap: wrap;
}
.plantas-container{
flex-wrap: wrap;
margin-bottom: 40px;
}
.plantas-info{
width: 70%;
}
.plantas-info-1{
width: 70%;
}
.contactanos-info-container{
margin-bottom: 40px;
}
.informacion{
flex-wrap: wrap;
}
.info{
min-width: 250px;
}
.info-form{
min-width: 250px;
}
.testimonios-rotativos{
    background: #60F;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -52vw;
    margin-right: -50vw;
    height: fit-content;
    padding: 50px 0;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.testimonios-rotativos p{
  max-width: 1175px;
  color: #fff;
  color: #FFF;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 33.8px */
  padding-left: 1%;
}

.testimonios-rotativos img{
  width: 41.25px!important;
  height: 37.35px;
  margin-top: -160px;
}
}
   /*TERMINA 1200 ///////////////////////////////////////////////////////////*/  
  @media only screen and (max-width: 1110px){
  .container-4{
  flex-direction: column;
  align-items: center;
  }
  }



  /*EMPIEZA 1100 ///////////////////////////////////////////////////////////*/
  @media only screen and (max-width: 1100px) {
  .ENVIAR-2{
    width: 15%;
  }
  .top-2 h1, .top-3 h1, .top-4 h1, .top-5 h1, .top-6 h1, .top-7 h1{
    max-width: 800px;
  }

  }

  /*TERMINA 1100 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 970 ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 970px){
.fullslide h1 {
margin-left: 3%;
max-width: 690px;
}
.fullslide h3 {
margin-left: 3%;
}
.fullslide{
bottom: 0% !important;
}
.cajon-seccion-1 {
flex-direction: column;
align-items: center;
width: 80%;
}
.cajon-seccion-1-logistica{
flex-direction: column;
align-items: center;
width: 80%;
}
.cajon-seccion-1-logistica img{
 padding-bottom: 30px; 
 width: 100%;
}

.cajon-cards{
display: none;
flex-direction: column;
align-items: center;
padding-bottom: 35px;
}
#botoni-ver-todos{
  display: none;
}
.proyectos p{
  font-size: 15px;
}
.tag{
	  font-size: 12px!important;
}
.texto-seccion-1{
  width: 100%;
  margin-bottom: 40px;
}
.texto-seccion-1-logistica{
  width: 100%;
        margin-bottom: 40px;
}
.foto-seccion-1{
  width: 100%;
}
.foto-seccion-1-logistica{
  width: 100%;
  padding-right: 0px;
}
.container-1{
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1175px;
}

/*.swiper-slide {
  flex-direction: column;
}*/
.foto-slide-izq {
  width: 100%;
}
input[type="text"], input[type="email"], textarea {
  max-width: none;
}

  .titulos-video{
    margin-left: 1%;
  }
  .titulos-top-2, .titulos-top-proyectos{
    margin-left: 10%;
  }
  .cajon-gracias img {
    width: 30%;
  }
textarea {
    width: 100%;
}  
.alarga-2{
  margin-bottom: 30px;
}
.testimonios-rotativos p {
  padding-top: 50px;
}
.my-5{
display: block;
width: 100%;
max-width: 900px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
}
#nosotros{
  margin-top: 0px;
}
#cortar{
  margin-top: 0rem!important;
   margin-bottom: 0rem!important;
}
.seccion-3{
  padding: 30px 15px;
}
.botoni{
  margin-top: 0px;
}
.proyectos p{
  font-size: 15px!important;
}
}
/*TERMINA 970 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 885 ///////////////////////////////////////////////////////////*/
  @media screen and (max-width: 885px){
    .cajitas-footer{
        max-width: 200px;
    }
    .swiper-slide {
      height: auto;
      flex-direction: column;
    }

    .testimonios-rotativos{
      padding: 0!important;
      .swiper{
        padding: 0!important;
        .swiper-slide{
          align-items: flex-start;
          img{
              margin-top: 0;
            }
            p{
              margin-top: 0;
              padding-top: 15px;
            }
          }
        }
      }
    }

/*TERMINA885///////////////////////////////////////////////////////////*/
    /*EMPIEZA 800 ///////////////////////////////////////////////////////////*/
/*ESTE ES MIO*/
@media only screen and  (max-width: 800px){

  
  .grid-container-footer{
    margin-left: 8%;
    padding-bottom: 70px;
  }

  .fullslide{
   bottom: 25%!important;
  }
  .fullslide h1{
    font-size: 56px;
    line-height: 70px;
    max-width: 720px;
  }

  .top h3{
    max-width: 100%;
  }
  #logo-menu-hamburgesa {
        position: static;
  }
  .ENVIAR-2{
    width: 20%;
  }

  .mas-800{
    display: none!important;
  }
  #menos-800{
    display: block!important ;
    height: 774;
  }
 #menos-430{
   display: none!important; 
  }
}
/*TERMINA 800 ///////////////////////////////////////////////////////////*/
 /*EMPIEZA 614 ///////////////////////////////////////////////////////////*/ 
@media only screen and  (max-width: 614px){
.footer-menu{
align-items: flex-start;
}
 }
 /*TERMINA 614 ///////////////////////////////////////////////////////////*/ 

 @media (max-width: 680px){  
  .fullslide{
bottom: 5%;
  }  
  .accordion-button{
    font-size: 20px!important;
        padding: 15px !important;
  }
  .accordion-body p{
    font-size: 18px;
  }
  .accordion-button img{
    width: 9%;
    padding-right: 15px;
  }
}


/*EMPIEZA 650 ///////////////////////////////////////////////////////////*/
 @media (max-width: 650px){
  .contactanos-info{
    flex-direction: column;
  }
  .contactanos-info-cajas{
    width: 100%;
  }
  .contactanos-info-cajas img {
    width: 7%;
  }
  .plantas-info-1{
    flex-direction: column;
    width: 70%;
  }
  .deco-contenedor .bajada-proyectos-interna p span {
      font-size: 16px!important; ;
  }
      .resaltado-top{
    font-size: 40px;
  }
  }
/*TERMINA 650 ///////////////////////////////////////////////////////////*/
   @media (max-width: 550px){
      .top-2 h1, .top-3 h1, .top-4 h1, .top-5 h1, .top-6 h1, .top-7 h1 {
    font-size: 40px;
    line-height: 140%;
  }
      .resaltado-top{
    font-size: 38px;
  }
   
  }
/*EMPIEZA 530 ///////////////////////////////////////////////////////////*/
  @media (max-width: 530px){
.fullslide h1 {
width: 100%;
font-size: 32px;
line-height: 55px;
margin-top: 0px;
}
.fullslide {
bottom: 0%!important ;
}
.accordion-button img{
width: 15%;
}
.accordion-button{
font-size: 18px!important;
}
.accordion-body p{
font-size: 16px;
}
.acorta-texto{
max-width: 240px;
}
}
/*TERMINA 530 ///////////////////////////////////////////////////////////*/
  /*EMPIEZA 500 ///////////////////////////////////////////////////////////*/
  @media screen and (max-width: 500px){
  #caja-de-4{
    flex-direction: column;
  }
  #caja-de-2{
    flex-direction: column-reverse;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
  }
  .columnas-2{
    justify-content: flex-start!important;
    margin-bottom: 10px!important;
    width: 50%!important;
  }
  .columnas{
    width: 35%!important;
    display: flex!important;
    align-items: flex-start!important;
  }
  .columnas img{
    margin-bottom: 20px!important;
  }
  .seccion-1366-tecnologia {
    padding-bottom: 50px;
  }


 }

 /*TERMINA 500 ///////////////////////////////////////////////////////////
/*EMPIEZA 470 ///////////////////////////////////////////////////////////*/
  @media (max-width: 470px){
    .title{
      font-size: 18px;
    }
    .especial-contacto{
      max-width: 300px;

    }
  }
/*TERMINA 470 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 430 ///////////////////////////////////////////////////////////*/
/* Responsive 430 */

@media  screen and (max-width: 430px){
#myVideo{
height: 80vh;
}
video{
  min-height: 0%;
}
.top{
  min-height: 80vh;
}
.titulos-top-2 {
margin-left: 0%; 
    }

.titulos-video{
margin-left: 0%;
padding: 10px;
}
.titulos-video h1{
font-size: 32px;
margin-bottom: 10px;
}
.titulos-video h1 #text{
  white-space: nowrap;
  font-size: 32px;
}
.cursor {
  white-space: nowrap;
}
.top-2 h1, .top-3 h1, .top-4 h1, .top-5 h1, .top-6 h1, .top-7 h1, .resaltado-top, .top-proyectos h1{
  max-width: 100%;
  font-size: 32px;
  line-height: 40px;
/*font-size: 28px;tuve quer cambiar a 28 a pedido de las revisiones de la ppt porque sino se parte en dos la palabra*/
}
.top-2 p, .top-3 p, .top-4 p, .top-5 p, .top-6 p, .top-7 p, .top-proyectos p{
  font-size: 16px;
}
.titulos-video p{
font-size: 16px;
}
.cajon-seccion-1{
width: 100%;
}
.conteiner-footer{
display: none;
}
.conteiner-footer-2{
display: flex;
}
#linea-final{
display: flex;
}
.cajitas-soluciones img, .cajitas-naves img {
    width: 18%;
}
.menu-hamburguesa {
  right: 4%;
  /*top: 23px;*/
}
.caja-scroll h1{
  font-size: 32px!important;
}
.scroll h2{
  font-size: 26px!important;
}
.fullslide h1{
  font-size: 32px ;
  line-height: 65px;
}
.fullslide{
  bottom: 30%!important;
}
nav {
    top: 0px;
    width: 100%;
  }
  nav ul {
    padding-left: 9%;
  }
  .ENVIAR-2{
    width: 85%;
    padding: 8px 0px 8px 0px;
  }
  .info-form-2 input {
width: 85%;
}
.contactanos {
  width: 90%;
}
.comentario-seccion-1-logistica h3, .texto-seccion-1-logistica h3 {
  font-size: 22px;
}
.sectores h2{
  font-size: 26px;
}
.cajitas-naves h4 {
  font-size: 18px;
}
.cajitas-naves ul, .texto-seccion-1-logistica ul  {
  font-size: 16px;
}
.texto-seccion-1 h2, .seccion-1-logistica h2  {
font-size: 26px;
width: 100%;
max-width: 320px;
}
.texto-seccion-1 p, .texto-seccion-1-logistica p  {
  font-size: 15px;
}
.texto-seccion-1-logistica p{
  margin-bottom: 20px;
}
.cajon-seccion-1-logistica{
  margin-top: 20px;
}
.seccion-1-logistica{
  padding: 30px 0px;
}
#sectores{
  padding-top: 30px;
}
.slider .slide {
  width: 400px;
}
.infinito-1 h2 {
  font-size: 26px;
}
.caja-titulos-3 h2 {
font-size: 26px;
}
.slide-caption h3{
  font-size: 22px;
}
.slide-caption p{
  font-size: 15px;
}
.formu h2{
  font-size: 26px;
}
.caja-titulos-2 h2 {
  font-size: 26px;
}
.caja-botones-proyectos {
  flex-direction: column;
}
.botoni{
  margin-top: 0px;
}
.swiper{
  padding: 0px!important;
}
.abracadabra, .abracadabra-3, .abracadabra-2{
  max-width: 250px;
  font-size: 16px;
}
.botoni-2{
  justify-content: center;
}
.container-4{
  padding-bottom: 20px;
}
.container-1{
  max-width: 340px;
}
.container-2{
width: 100%;
max-width: 340px;
padding: 0px 15px;
}
.cajitas-soluciones{
width: 100%;
max-width: 340px;
padding: 0px 5px;
}
/*.corte{
  margin-top: -40px;
}*/
.alarga{
  margin-top: 80px;
}
.alarga-2{
  margin-bottom: 200px;
}
.top-2{
height: 500px;
background-image: url("../imagen/reponsivas/top-centros-430jpg.jpg");
}
.top-3{
height: 500px;
background-image: url("../imagen/reponsivas/top-naves-430.jpg");
}
.top-4{
height: 500px;
background-image: url("../imagen/reponsivas/top-industrias-430.jpg");
}
.top-5{
height: 500px;
background-image: url("../imagen/reponsivas/top-oficinas-430.jpg");
}
.top-6{
height: 500px;
background-image: url("../imagen/reponsivas/top-retailers-430.jpg");
}
.top-7{
height: 500px;
background-image: url("../imagen/reponsivas/top-edificios-430.jpg");
}
.top-proyectos{
height: 500px;
background-image: url("../imagen/reponsivas/top-proyectos-430.jpg");
}
.caja-titulos-3{
  padding: 0px 15px 20px 15px;
}
.cajitas-proyectos{
  padding-bottom: 60px;
}
.encabezado-proyecto{
  font-size: 22px;  
}
.info-proyecto{
  font-size: 15px;
}
.cajon-gracias img {
  width: 50%;
}
  .cajitas-proyectos, .intro, .tarjeta-1 {
    width: 300px;
  }
  .tarjeta-1:hover .intro{
     width: 300px;
  }
  .tarjeta-1 img{
    width: auto;
  }
  .intro p{
    font-size: 18px;
  }
  .cajon-cards, #botoni-ver-todos{
    display: none;
  }
/*.py-5{
    display: flex;
  }*/
  .caja-titulos-2{
    max-width: 300px;
    padding: 10px 15px 0px 15px;
  }
  .card-title-2{
        max-width: 300px;
    padding: 10px 15px 0px 0px;
  }
  .foto-seccion-1-logistica{
    display: none;
  }
  .foto-seccion-1-logistica-mobile{
    display: flex;
  }
  .foto-seccion-1-logistica-mobile img{
    border-radius: 13px;
    padding-bottom: 0px;
  }

  .card-2{
    min-height: 530px;
  }

}
/*TERMINA 430 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 380 ///////////////////////////////////////////////////////////*/
@media (max-height: 380px){	
	.fullslide{
		margin-top: 0px;
	}
}
/*TERMINA 380 ///////////////////////////////////////////////////////////*/
/* width */
.scrollmenu ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.scrollmenu ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.scrollmenu ::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.scrollmenu ::-webkit-scrollbar-thumb:hover {
  background: #555;
}


footer p a{
	text-decoration: none;
	color: inherit!important;
}

#contenidoExtra {
display: none;
margin-top: 1rem;
transition: all 0.3s ease;
}
button {
border:none;
cursor: pointer;
}
button:hover {
  border: 1px solid var(--violeta-onuo);
}

/* Estilos custom Proyectos interna */

.topbanner-proyectos-interna{
  background-image: url(../imagen/proyectos-interna/top-proyectos-internos.webp)!important;
}

.top-proyectos .fix-proyectos-interna{
  max-width: 1175px!important;
  padding-top: 8%;
}

.top-proyectos .fix-proyectos-interna h1{
  max-width: unset!important;
}

.sobretitulo-proyectos-interna {
  display: flex;
  width: 361px;
  height: 18px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  color: #FFF;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
}

.cta-gris-top{
  width: fit-content;
  padding: 0px 25px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  font-family: 'outfit';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 36px;
  /* or 296% */
  display: flex;
  align-items: center;
  color: var(--negro-onuo);
  text-transform: uppercase;
}

.cta-gris-top a{
  text-decoration: none;
  color: var(--negro-onuo)!important;
}

.bajada-proyectos-interna{
  display:flex;
  width: 100%;
  max-width: 1175px;
  margin-bottom: 5%;
}

.bajada-proyectos-interna img{
  width: fit-content;
  max-width: fit-content;
  height: fit-content;
}

.bajada-proyectos-interna p{
  padding-left: 5%;
  color: var(--Negro, #221E1F);
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}

/* inicio animacion scroll deco */



/* ...fin animacion scroll deco... */

.scroll-deco-contenedor{
  border-left: #6600FF 5px solid;
  padding-left: 55px;
  max-width: 1175px;
}

.scroll-deco-contenedor .bajada-proyectos-interna p{
  padding-left: 0!important;
}

.scroll-deco-contenedor .bajada-proyectos-interna .item-deco:first-child{
  padding-right: 5%!important;
}

.fix-margen-scroll-deco p{
  padding-left: 55px;
  padding-right: 5%;
}

.deco-contenedor .bajada-proyectos-interna img{
  max-width: fit-content;
  height: fit-content;
}

.deco-contenedor .bajada-proyectos-interna p{
  padding-left: 0;
}

.deco-contenedor .bajada-proyectos-interna p span{
  color: var(--Negro, #221E1F);
  /* Desktop/Titulo-Seccion */
  font-family: Outfit;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.deco-contenedor .bajada-proyectos-interna p span b{
  color: var(--Violeta-onuo, #60F);
  /* Desktop/Titulo-Seccion */
  font-family: Outfit;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 44.2px */
  
}

.p-solucion{
  color: var(--Negro, #221E1F);
  /* Desktop/Texto */
  font-family: Outfit;
  font-size: 20px!important;
  font-style: normal;
  font-weight: 400!important;
  line-height: 130%;
}

.deco-contenedor .container-1{
    padding: 0;
}

.icono-scroll-deco{
  margin-left: -105px;
  position: absolute;
}

.cliente-proyecto-interna{
  color: var(--Negro, #221E1F);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

.info-proyecto-interna{
  color: var(--Negro, #221E1F);
  /* Desktop/Texto */
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
}

.order-proyectos-interna{
  display: flex;
  flex-direction: column;
}

.testimonios-rotativos{
    background: #60F;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -52vw;
    margin-right: -50vw;
    height: fit-content;
    padding: 50px 0;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.testimonios-rotativos p{
  max-width: 1175px;
  color: #fff;
  color: #FFF;
  font-family: Outfit;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 33.8px */
  padding-left: 1%;
}

.testimonios-rotativos img{
  width: 41.25px!important;
  height: 37.35px;
  margin-top: -160px;
}

.flexbtn{
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 5%;
}

.flexbtn{
  .botoni, .botonito-proyectos {
    margin-top: 0;
    margin-bottom: 0;
    width: 364px;
    margin-left: 11.5px;
    margin-right: 11.5px;
  }
}

.h2-proyectos-interna{
  max-width: 772px;
}

.mySwipertestimonios {
    box-shadow: none!important;
    background: transparent!important;
}

.mySwipertestimonios .swiper-pagination-bullet{
  background-color: #A6A6A6!important;
}

.mySwipertestimonios .swiper-pagination-bullet-active{
  background-color: #FFFFFF!important;
}


/* Correcciones de margenes */

.mg-top-fix-10{
  margin-top: -28px;
}

.mg-top-fix-mas-10{
  margin-top: 28px;
}

.mg-bott-fix-10{
  margin-bottom: 0!important;
}

.mg-bott-fix-menos-10{
  margin-bottom: -10px!important;
}

@media (max-width: 1332px){
  /*nav {
    width: 95%;
  }*/

  .proyectos {
    width: 90%;
  }

  .cajitas-proyectos-interna{
    width: 100%;
  }
}

@media (max-width: 975px){
  .bajada-proyectos-interna {
    flex-direction: column;
    align-items: flex-start;
  }

  .bajada-proyectos-interna p {
      padding-left: 0!important;
      font-size: 15px!important;
  }

  .info-proyecto-interna{
    font-size: 16px;
  }

  .p-solucion{
    font-size: 16px!important;
  }

  .mg-top-fix-10 {
    margin-top: 0;
  }

  .fix-margen-scroll-deco{
    padding-left: 7%;
  }

  .col-reverse-mobile{
    flex-direction: column-reverse;
  }

  .fix-proyectos-interna{
    width: 95%;
  }

}

@media (max-width: 890px){
  .scroll-deco-contenedor {
    margin-left: 5%;
  }

  .testimonios-rotativos p {
    width: 90%;
    padding-top: 50px;
  }

  .fix-margen-scroll-deco {
      padding-left: 13%;
  }

  .txt-mobile-center{
    text-align: center;
    color: var(--negro-onuo);
  }
}

@media (max-width: 750px){

  .titulos-video h1 {
    font-size: 48px;
  }

  .scroll-deco-contenedor {
    width: 90%;
  }

  .bajada-proyectos-interna img {
      width: 100%;
      max-width: fit-content;
      height: fit-content;
  }  

  .testimonios-rotativos p {
    font-size: 21px;
    padding-top: 100px;
    padding-right: 10px;
  }

  .flexbtn {
    flex-direction: column;
    align-items: center;
  }

  .flexbtn .botoni{
    margin-bottom: 2%;
  }
}

@media (max-width: 600px){
  .fix-margen-scroll-deco {
      padding-left: 17%;
  }

  .titulos-video h1 {
    font-size: 32px;
  }  
}

@media (max-width: 510px){
  .top-proyectos h1 {
    font-size: 32px;
  }
}

@media (max-width: 446px){
  .top-proyectos h1 {
    font-size: 32px;
  }
}

@media (max-width: 430px){
  .flexbtn .abracadabra-2, .flexbtn .abracadabra{      width: 90%!important;
  }
}

@media (max-height: 776px){
  .formu h2 {
      font-size: 26px;
      padding: 0px 0px 10px;
  }
  form {
      gap: 16px 0px;
  }  
  .proyectos {
      padding: 30px 0px 40px 0px;
  }

}

@media (max-height: 675px){
  .formu h2 {
      font-size: 26px;
      padding: 0px 0px 5px;
  }
  form {
      gap: 10px 0px;
  }  

    .top-proyectos {
        height: 425px;
    } 

  .txt-mobile-center{
    font-family: "Outfit", sans-serif!important;
  }

}

  /* CSS titulo home header dispositivos menosres a 380 de macho */

  @media (max-width: 380px){
    .titulos-video p {
      font-size: 17px;
      font-weight: 400;
      line-height: 130%;
      text-shadow: 1px 1px black;
    }

    .titulos-video h1 {
        font-size: 32px;
    }
    
    #myVideo {
        height: 100vh;
    }

    .top {
        min-height: 80vh;
    }

    .titulos-video {
        margin-left: 0%;
        padding: 18px;
        padding-top: 75px;
    } 
    
    .abracadabra-3 {
      background: transparent;
      color: #fff;
      border: 1px solid #fff;
    }   

    .abracadabra-3:hover {
      background-color: #fff;
      color: var(--violeta-onuo);
    }

    .titulos-video h1 #text {
        white-space: nowrap;
        font-size: 32px;
        letter-spacing: -1px;
    }    

      .top-2 h1, .top-3 h1, .top-4 h1, .top-5 h1, .top-6 h1, .top-7 h1, .resaltado-top, .top-proyectos h1{
  font-size: 26px;
  }
  }
/****** SLIDER INFINITO *******/
/* Slider infinito */
.carrur-infinito, .carru-infinito-2 {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
width: 100%;
padding: 20px 0;
}

.carru-track {
display: inline-flex;
animation: scroll 60s linear infinite; /* Más lento */
}
.carru-track:hover {
animation-play-state: paused; /* Se detiene al pasar el mouse */
}
.carru-track img {
height: 60px;
margin: 0 40px;
object-fit: contain;
filter: grayscale();
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}

.carru-track img:hover{
filter: grayscale(0%);
transition: 0.5s;
}