@font-face {
  font-family: 'fournier';
  src: url('../assets/fonts/FournierMTStd-Italic.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-ebold';
  src: url('../assets/fonts/Fixture-CondensedExtraBold.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-sbold';
  src: url('../assets/fonts/Fixture-CondensedSemiBold.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-regular';
  src: url('../assets/fonts/Fixture-CondensedRegular.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-e-black';
  src: url('../assets/fonts/Fixture-ExpandedBlack.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-semibold';
  src: url('../assets/fonts/Fixture-CondensedSemiBold.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-regular';
  src: url('../assets/fonts/Fixture-ExpandedRegular.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-medium';
  src: url('../assets/fonts/Fixture-ExpandedMedium.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-medium';
  src: url('../assets/fonts/Fixture-CondensedMedium.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-bold';
  src: url('../assets/fonts/Fixture-CondensedBold.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-light';
  src: url('../assets/fonts/Fixture-ExpandedLight.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-e-bold';
  src: url('../assets/fonts/Fixture-ExpandedExtraBold.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'fixture-c-black';
  src: url('../assets/fonts/Fixture-CondensedBlack.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'helvetica-regular';
  src: url('../assets/fonts/HelveticaNeue-01.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'helvetica-light';
  src: url('../assets/fonts/HelveticaNeue-Light-08.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'montserrat-medium';
  src: url('../assets/fonts/Montserrat-Medium.otf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

*, body, html{
  margin: auto;
  box-sizing: border-box;
}

:root{
  --color-blue-low:#c3e5ff;
  --color-blue:#2455f1;
  --color-blue-hard:#083db2;
  --color-blue-n:#236bff;
  --color-yellow-low:#fefbc3;
  --color-yellow:#f4d142;
  --color-yellow-hard:#fcc600;
  --color-pink:#eba79d;
  --color-pink-hard:#fa565f;
  --color-green:#66e690;
  --color-green-hard:#59d18a;
  --color-gray:#cecece;
  --color-gray-hard:#f2f4f8;
  --color-orange:#e04d00;   
}

/*****LOADING******/
.loading{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #236bff;
  top: 0;
}

.loader{
  width: 100%;
  height: 100%;
}
/*****END LOADING******/

/*******MENU********/
.contenidoModalMenu {
    height: 100vh;
    background-color: var(--color-blue-hard);
    color: white;
    width: 100vw;
    padding: 0 30px 0px 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
    
.enlace-logo{
  display: block;
  margin: 0;
}

.close-menu {
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-image: url(../assets/btn-close.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: none;
  position: absolute;
  top: 22px;
  right: 0px;
}

.modal-header-menu {
  border-bottom: none;
  display: block;
  float: left;
  position: relative;
  width: 100%;
  height: 65px;
  margin-bottom: 40px;
  padding: 0;
  margin: 0;
}

.modal-body-menu {
  width: 100%;
  float: left;
  height: auto;
  position: relative;
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.modalMenu {
  z-index: 10000;
}

.modal-footer-menu .contenedor-footer .col-footer{
  padding: 0 !important;
}

.modal-footer-menu .contenedor-footer .col-footer .txt-footer {
  padding-top: 56px;
}

.modal-footer-menu .contenedor-footer .col-footer .link-footer {
  font-size: 13px;
}

.modal-footer-menu .contenedor-footer .col-footer .lista-footer li {
  font-size: 14px;
  max-width: 160px;
}

.modal-footer-menu .contenedor-footer{
  margin: 0
}

.modal-footer-menu {
  width: 100%;
  float: left;
  align-self: flex-end;
  margin-bottom: 0px;
  border: none !important;
  padding: 0 !important;
}

.footer-container{
  padding: 0 80px
}

.etiquetaArea:hover{
  color: var(--color-yellow);
}

.etiquetaArea{
  color: #fff;
  font-size: 90px;
  display: block;
  text-decoration: none;
  font-family: 'fixture-c-sbold';
  text-transform: uppercase;
  text-align: center;
  line-height: 90px;
  cursor: pointer;
}

.contenedorModalMenu{
  margin: 0
}

.modal-footer-menu .contenedor-footer {
  margin: 0;
  width: 100%;
}
/********END MENU**********/


/** BANNERS **/
.contenedor-banners-m{
  display: none;
}

.contenedor-banners{
    width: 100%;
    height: auto;
    height: 100vh;
    display: block;
}

.animations{
    width: 100vw;
    height: 100vh;
}

#animation1, #animation1-m {
  background-color: #66e690;
}

#animation2, #animation2-m {
  background: #226bff;
}

#animation3, #animation3-m {
  background: #fcc600;
}

#animation4, #animation4-m {
  background: #fa565f;
}

#animation5, #animation5-m {
  background: #fa565f;
}

#animation1, #animation1-m{
  width:100%;
  height:100%;
  display:none;
}

#animation2, #animation3, #animation4, #animation5, #animation2-m, #animation3-m, #animation4-m, #animation5-m{
  display: none;
  color: red
}

/** END BANNERS **/

/** START AREAS **/
.bg-1{
  background-color: #e0706f;
}

.bg-2{
  background-color: #133eb1;
}

.bg-3{
  background-color: #f4d244;
}

.bg-4{
  background-color: #fff;
}

.bg-5{
  background-color: #236dfe;
}

.contenido-area{
  width: 0px;
  height: 1px;
  transition: 2s;
  margin: 0;
  opacity: 0;
}

.contenido-area.activado{
  width: 70%;
  opacity: 1;
  display: flex;
  align-items: center;
  height: auto;
}

.contenido-area.activado .row{
  flex-grow: 1;
}


.contenido-area.activado-1{
  width: 100%;
  height: auto;
  opacity: 1;
  display: flex;
  align-items: center;
}

.contenido-area.activado-1 .row{
  flex-grow: 1;
}

.area1{
  background-color: #336bf5;
}

.area2{
  background-color: #d27672;
}

.area3{
  background-color: #193caa;
}

.area4{
  background-color: #89e398;
}

.col-area{
  width: 50%;
  transition: all 2s;
  margin: 0;
}

.row-areas{
  display: flex;
  justify-content: center;
  margin: auto;
  overflow: hidden;
}

.container-fluid.contenedor-areas{
  padding-left: 0;
  padding-right: 0;
  background-color: #eed25d;
}

.row-1000{
  padding: 0;
}

.col-area-1{
  padding-right: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.col-area-2{
  padding: 70px 0;
  display: flex;
  align-items: center;
}
/** END AREAS **/

/** PROYECTOS **/
.btn-proy:focus {
    outline: 0;
    box-shadow: none !important;
    opacity: 1;
}

.btn-close.btn-proy{
  box-sizing: content-box;
  width: 30px;
  height: 30px;
  padding: 0.25em 0.25em;
  color: #000;
  border: 0;
  border-radius: 0.375rem;
  opacity: .5;
  background-color: transparent;
  opacity: 1;
  color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 2px;
}

.contenedor-p-n {
  display: flex;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  height: 65vh;
}

.box-p {
  flex: 1;
  overflow: hidden;
  transition: 0.5s;
  margin: 0;
  line-height: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.box-p > img {
  width: auto;
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
  max-width: initial;
}

.box-p > .link-box {
  font-size: 1rem;
  display: flex;
  text-align: center;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  display: none;
  transition: all 2s;
  height: 50px;
}

.link-box a{
  display: block;
  margin: 0 auto;
  color: #fff;
}

.box-p:hover {
  flex: 6 1 50%;
  justify-content: flex-end;
  align-items: center;
}

.box-p:hover > .link-box{
  display: inherit;
  bottom: 0;
}

.box-p:hover > img {
  height: 100%;
  width: auto;
  order: 2;
  margin: 0;
}

.box-p:hover > .contenedor-titulo-p {
  order: 1;
  opacity: 1;
  z-index: 99;
}

.marca{
  font-family: 'fixture-c-regular';
  font-size: 2.5em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  width: 100%;
}

.titulo-proyecto{
  font-family: 'fixture-c-bold';
  font-size: 3.5em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 18px;
  line-height: 1;
  margin-left: 0;
  width: 100%;
}

.marca.azul{
  color: #446EEC;
}

.titulo-proyecto.azul{
  color: #446EEC;
}

.contenedor-titulo-p{
  opacity: 0;
  transition: all 2s;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  flex-grow: 1;
  max-width: 300px;
}

.contenedor-premios-p{
  display: flex;
  gap: 30px;
  width: 100%;
}

.img-premio-p{
  width: auto;
  height: auto;
  margin: 0;
  margin-bottom: 20px;
}
/** END PROYECTOS **/


/** SVG **/
.svgAreas{
  width: 100%;
}

#a1, #a2, #a3, #a4{
  cursor: pointer;
} 

.cls-1 {
  font-size: 36.61px;
}

.cls-1, .cls-2, .cls-3, .cls-4 {
  font-family: 'fixture-e-bold', 'fixture-c-regular';
  font-weight: 700;
}

.cls-1, .cls-5 {
  fill: #416dfb;
}

.cls-2 {
  fill: #e0716f;
  font-size: 36.61px;
}

.cls-3 {
  fill: #b2e7a0;
  font-size: 36.61px;
}

.cls-4 {
  fill: #2445c0;
  font-size: 35.8px;
}

.cls-6 {
  fill: #f4d142;
}

.cls-7 {
  stroke: #fff;
}

.cls-7, .cls-8 {
  stroke-width: 1.56px;
}

.cls-7, .cls-8, .cls-9 {
  fill: none;
  stroke-miterlimit: 10;
}

.cls-8 {
  stroke: #fcfdff;
}

.cls-9 {
  stroke: #f4d142;
  stroke-width: 2.81px;
}
/** END SVG **/

.row-max{
  max-width: 950px;
  height: 100%;
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
}

.row-max-l{
  height: 100%;
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
}

.row-max-4{
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
}

.row-max-servicios{
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
    max-width: 1280px;
}

.row-max-2 {
  max-width: 1150px;
  height: 100%;
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
}

.row-max-3 {
  max-width: 1280px;
  height: 100%;
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
}

.img-100{
    width: 100% !important;
    height: auto!important;
    display: block;
}

.img-flecha{
    width: 100px !important;
    height: auto!important;
    max-width: 25px !important;
    position: absolute !important;
    top: 0 !important;
    right: 25px !important;
    cursor: pointer;
}

.footer{
    margin-bottom: 0;
    position: relative;
}

.relative{
    position: relative;
}

.row{
  margin: 0;
}

.full-container{
  height: 100vh;
  overflow:hidden;
}

.full-container-1280{
  max-width: 1280px;
  overflow:hidden;
}

.container-1280{
  max-width: 1280px;
  overflow:hidden;
}

.bg-white{
  background-color: #fff;
}

.main-container{
  padding: 150px;
}

.main-container-s{
  padding: 30px 0 50px 0
}

.amazon-container{
  padding: 50px;
}

.title-txt{
  color: var(--color-blue);
  font-size: 195px;
  font-family: fixture-semibold;
  line-height: 168px;
  max-width: 805px;
  margin: 0;
  left: -9px;
  position: relative;
}

.title-ver-p{
  color: var(--color-blue);
  font-size: 80px;
  font-family: fixture-semibold;
  line-height: 80px;
  max-width: 300px;
  margin: 0;
  left: -9px;
  position: relative;
}

.title-txt-nosotros{
  color: var(--color-green-hard);
  font-size: 105px;
  font-family: fixture-semibold;
  line-height: 105px;
  margin: 0;
  position: relative;
    display: block;
    text-align: left;
}

.title-txt-nosotros-2{
  color: var(--color-blue);
  font-size: 185px;
    font-family: fixture-semibold;
    line-height: 140px;
  margin: 0;
  position: relative;
    display: block;
    text-align: center;
}

.subtitle-txt-nosotros{
    font-size: 150px;
    line-height: 125px;
}

.line-1 {
    padding-left: 60px;
    bottom: -14px;
}

.line-2{
    top: -10px;
}

.line-3 {
    top: -30px
}

.line-3 .subtitle-txt-nosotros {
    top: 20px;
    position: relative;
}

.logo-banner-p{
    width: 100% !important;
    height: auto !important;
    max-width: 100px;
    position: absolute;
    bottom: -85px;
    right: -65px;
}

.title-banner{
  color: var(--color-blue);
  font-size: 140px;
  font-family: fixture-semibold;
  line-height: 140px;
  margin: 0;
}

.title-banner4{
    color: var(--color-blue);
    font-size: 110px;
    font-family: fixture-semibold;
    line-height: 90px;
    margin: 0;
    text-align: center
}

.title-banner5{
    color: var(--color-pink-hard);
    font-family: 'fixture-c-ebold';
    margin: 0;
    font-size: 17rem;
    white-space: break-spaces;
    text-align: center;
    transform: rotate(-10deg);
    line-height: 16rem;
}

.txt-banner-3{
    font-size: 20px;
    color: #b2e7a0;
    line-height: 50px;
    letter-spacing: 10px;
    font-family: 'fixture-e-black';
}

.pl-5{
  padding-left: 50px;
}

.title-banner2{
  color: var(--color-blue);
  font-size: 160px;
  font-family: fixture-semibold;
  line-height: 160px;
  margin: 0;
  display: inline-block;
  width: calc(50% / 2);
}

.title-banner3{
  color: var(--color-blue);
  font-size: 110px;
  font-family: fixture-semibold;
  line-height: 110px;
  margin: 0;
  display: inline-block;
  position: relative;
  top: -10px;
}

.title-banner4{
  font-size: 110px;
  font-family: fixture-semibold;
  line-height: 109px;
  margin: 0;
  display: block;
    text-align: center;
}

.title-banner6{
    color: #fff;
    font-size: 115px;
    font-family: fixture-semibold;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1;
}

.title-servicios{
  color: #fff;
  font-size: 30px;
  font-family: fixture-semibold;
  margin: 0;
  display: block;
    text-align: left;
    margin-top: 70px;
}

.title-servicios-2{
    color: #fff;
    font-size: 22px;
    font-family: fixture-e-bold;
    margin: 0;
    display: block;
    text-align: left;
    margin-top: 70px;
    margin-bottom: 10px;
}

.title-banner-nosotros{
  color: var(--color-blue);
  font-size: 115px;
  font-family: fixture-semibold;
  line-height: 105px;
  margin: 0;
  display: block;
    text-align: left
}

.title-banner-nosotros-white{
    color: #fff;
    font-size: 115px;
    font-family: fixture-semibold;
    line-height: 115px;
    margin: 0 0 74px 0;
    display: block;
    text-align: right;
}

.contenedor-como{
    padding: 50px 30px;
    position: relative;
}

.title-banner6-l{
  color: var(--color-yellow);
  font-size: 43px;
  font-family: fixture-semibold;
  line-height: 43px;
  margin: 0;
  display: block;
    text-align: left;
    text-align: center
}

.title-banner6-a{
  color: var(--color-yellow-hard);
  font-size: 115px;
  font-family: fixture-semibold;
  line-height: 105px;
  margin: 0;
  display: block;
    text-align: left
}

.txt-banner-6{
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    max-width: 280px;
    font-family: 'montserrat-medium'
}

.txt-banner-nosotros{
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-family: 'montserrat-medium';
    text-align: left;
    margin: 0;
    margin-top: 5px;
}

.subtxt-banner-nosotros{
    color: var(--color-blue);
    font-size: 16px;
    line-height: 22px;
    font-family: 'montserrat-medium';
    text-align: left;
    margin: 0;
    margin-top: 70px;
}

.subtxt-banner-nosotros-white{
    color: #fff;
    font-size: 26px;
    line-height: 22px;
    font-family: 'fixture-medium';
    text-align: left;
    margin: 70px 70px 70px 0px;
    max-width: 313px;
    opacity: .8;
}

.subtxt-buenas{
    color: #fff;
    font-size: 26px;
    line-height: 22px;
    font-family: 'fixture-c-regular';
    text-align: left;
    margin: 70px 0px;
    padding-left: 30px;
    font-size: 35px;
    line-height: 31px;
    position: relative
}

.subtxt-buenas-full{
    color: #fff;
    font-size: 26px;
    line-height: 22px;
    font-family: 'fixture-c-regular';
    text-align: left;
    margin: 0px 0px;
    padding-left: 15px;
    font-size: 35px;
    line-height: 31px;
    position: relative;
}

.contenedor-buenas{
    overflow: hidden;
}

.contenedor-buenas2 {
    overflow: hidden;
    margin-top: 190px;
    padding: 40px 0px
}

.contenedor-buenas3 {
    overflow: hidden;
    margin-top: 90px;
    padding: 40px 0px;
}

.contenedor-buenas img{
    position: relative;
    right: -25px;
}

.txt-lovertising{
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'fixture-medium';
    margin: 0;
    position: absolute;
    left: 5px;
    top: 15px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.sub1, .sub3{
    float: right;
    text-align: right;
}

.sub2{
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    max-width: 400px;
}


.subtxt-banner-nosotros-right{
    color: var(--color-blue);
    font-size: 16px;
    line-height: 22px;
    max-width: 600px;
    float: right;
    font-family: 'montserrat-medium';
    text-align: right;
    margin: 0;
    margin-top: 70px;
}

.txt-cursivo{
    color: #fff;
    font-family: 'fournier';
    font-size: 32px;
}

.btn-nosotros1{
    border: none;
    color: var(--color-blue);
    background-color: #fff;
    font-family: 'fixture-c-sbold';
    height: 50px;
    width: 300px;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
    -moz-box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
    border-radius: 25px;
    margin-top: 15px;
    font-size: 20px;
}

.flex-container{
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding-left: 0px;
    margin: 0
}

.img-amazon{
  display: inline-block;
  width: 100%;
}

.icon-integratto{
  display: inline-block;
  width: 100%;
  max-width: 150px;
  margin: 0;
  margin-right: 15px;
}

.icon-integratto2{
  width: 100%;
  max-width: 200px;
  position: absolute;
  left: -170px;
  top: -40px;
}

.inner-container{
  position: relative;
}

.contenedor-amazon{
  display: inline-block;
  width: 49%;
  border: none;
  margin: 0;
  background-color: #fefbc3;
  padding: 70px 50px;
  position: relative;
  top: -30px;
  transform: rotate(13deg);
}

.title-prime{
  font-family: fixture-semibold;
  color: var(--color-pink-hard);
  font-size: 60px;
  line-height: 65px;
  margin-bottom: 0px;
}

.subtitle-prime{
  color: var(--color-blue);
  font-family: fixture-light;
  font-size: 20px;
  margin-bottom: 60px;
}

.linea-2{
  padding-left: 80px;
    font-size: 100px;
    line-height: 100px;
}

.linea-3{
    padding-left: 180px;
    font-family: 'fixture-c-black';
    color: var(--color-blue-hard)
}

.title-txt-white{
  color: #fff;
  font-size: 195px;
  font-family: fixture-semibold;
  line-height: 168px;
  max-width: 805px;
  margin: 0;
  left: -9px;
  position: relative;
}

.title-txt-pink{
    color: var(--color-pink-hard);
    font-size: 65px;
    font-family: fixture-c-bold;
    line-height: 65px;
    max-width: 805px;
    margin: 0;
    left: -9px;
    position: relative;
    text-align: right
}

.title-txt-pink-1{
    color: var(--color-pink-hard);
    font-size: 5em;
    font-family: fixture-c-bold;
    line-height: 1;
    max-width: 805px;
    margin: 0;
    left: -15px;
    position: relative;
    text-align: right;
    transition: all 2s;
}

.title-areas-s{
    color: var(--color-pink-hard);
    font-size: 65px;
    font-family: fixture-c-bold;
    line-height: 65px;
    max-width: 805px;
    margin: 0;
    left: -15px;
    position: relative;
    text-align: center;
}

.title-txt-pink-2{
    color: var(--color-pink-hard);
    font-size: 5em;
    font-family: fixture-c-bold;
    line-height: 1;
    max-width: 805px;
    margin: 0;
    right: -5px;
    position: relative;
    text-align: right;
    transition: all 2s;
}

.title-txt-pink-3{
    color: var(--color-pink-hard);
    font-size: 5em;
    font-family: fixture-c-bold;
    line-height: 1;
    max-width: 805px;
    margin: 0;
    right: -45px;
    position: relative;
    text-align: right;
    transition: all 2s;
}

.title-txt-white-2{
  color: #fff;
  font-size: 220px;
  font-family: fixture-semibold;
  line-height: 190px;
  max-width: 805px;
  margin: 0 auto;
  display: block;
  position: relative;
}

.title-txt-white-3{
  color: #fff;
  font-size: 120px;
  font-family: fixture-semibold;
  line-height: 100px;
  max-width: 690px;
  margin: 0 auto;
  display: block;
  position: relative;
  float: left;
}

.title-txt-yellow{
  color: var(--color-yellow-low);
  font-size: 195px;
  font-family: fixture-semibold;
  line-height: 168px;
  max-width: 805px;
  margin: 0;
  left: -9px;
  position: relative;
}

.title-txt-blue{
  color: var(--color-blue);
  font-size: 195px;
  font-family: fixture-semibold;
  line-height: 168px;
  max-width: 805px;
  margin: 0;
  left: -9px;
  position: relative;
}

.title-txt-blue-3{
  color: var(--color-blue);
  font-size: 65px;
  font-family: fixture-semibold;
  line-height: 55px;
  max-width: 455px;
  margin: 0 auto;
  left: -9px;
  position: relative;
    text-align: center
}

.subtitle-txt-blue-3{
  color: var(--color-blue);
  font-size: 20px;
  font-family: fixture-semibold;
  line-height: 20px;
  max-width: 805px;
  margin: 0 0 40px 0;
  left: -9px;
  position: relative;
    text-align: center
}

.title-txt-blue-2{
  color: var(--color-blue);
  font-size: 195px;
  font-family: fixture-c-medium;
  line-height: 168px;
  text-align: center;
  margin-bottom: 60px;
}

.logo-banner-servicio{
  width: 100% !important;
    height: auto !important;
    max-width: 140px;
    margin: 0;
    margin-bottom: 40px;
}

.logo-banner{
  width: 100% !important;
  height: auto !important;
  max-width: 440px;
}

.logo-banner-2{
  width: 100% !important;
  height: auto !important;
  max-width: 100px;
  margin: 0 auto;
  display: block;
}

.logo-f-2{
  width: 100% !important;
    height: auto !important;
    max-width: 100px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-col{
  display: flex;
  align-content: flex-end;
  align-items: flex-end;
  flex-grow: 1;
    position: relative;
}

.subtitle-txt{
  margin-top: 40px;
  color: var(--color-blue);
  font-family: 'fixture-light';
  letter-spacing: 3px;
}

.txt-volver{
    margin: 0;
    color: #fff;
    font-family: 'fixture-light';
    letter-spacing: 0px;
    max-width: 400px;
    margin-bottom: 50px;
    line-height: 1.2;
    font-size: 15px;
    max-width: 400px;
}


.contenido-area .txt-volver{
    margin: 0;
    color: #fff;
    font-family: 'fixture-light';
    letter-spacing: 0px;
    max-width: 400px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-size: 15px;
    min-height: 75px;
}

.subtitle-txt-white{
  margin-top: 40px;
  color: #fff;
  font-family: 'fixture-light';
  letter-spacing: 3px;
}

.subtitle-txt-white-2{
  color: #fff;
  font-family: 'fixture-light';
  letter-spacing: 3px;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0px);
}

.btn-ver i{
  margin-left: 20px;;
}

.btn-ver{
  margin-top: 10px;
  border:none;
  color: var(--color-blue);
  position: relative;
  background-color: transparent;
  z-index: 2;
  background-image: url(../assets/bg-button.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  font-family: 'helvetica-regular';
  height: 50px;
  width: 150px;
}


.btn-ver.invertido{
  margin-top: 10px;
  border:none;
  color: #fff;
  position: relative;
  background-color: transparent;
  z-index: 2;
  background-image: url(../assets/bg-button-2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  font-family: 'helvetica-regular';
  height: 50px;
  width: 150px;
  margin: 0;
}

.btn-ver.invertido-2{
  margin-top: 10px;
  border:none;
  color: #fff;
  position: relative;
  background-color: transparent;
  z-index: 2;
  background-image: url(../assets/bg-button-3.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  font-family: 'helvetica-regular';
  height: 50px;
  width: 150px;
}

.btn-proyectos i{
  margin-left: 20px;;
}

.btn-proyectos{
  border: none;
  color: var(--color-blue);
  background-color: #fff;
  font-family: 'helvetica-regular';
  height: 50px;
  width: 210px;
  display: block;
  margin: 0 auto;
  box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
    -moz-box-shadow: 0px 1px 1.1px -1px rgb(0 0 0 / 80%);
  border-radius: 25px;
}

.img-banner{
  width: 100% !important;
  height: auto !important;
  max-width: 500px;
    border-radius: 10px;
}

.img-banner-hsy{
  width: 100% !important;
  height: auto !important;
  max-width: 500px;
  right: -140px;
  top: -40px;
  position: relative;
}

.img-banner-coffee{
  width: 100% !important;
  height: auto !important;
  max-width: 500px;
  right: 50%;
  top: 50%;
  position: absolute;
  transform: translate(50%, -50%);
  z-index: 1;
}

.img-clientes{
  width: 100% !important;
  height: auto !important;
}

.img-banner-papirolas{
  width: 100% !important;
  height: auto !important;
  max-width: 500px;
  position: absolute;
  top: 60px;
  left: -140px;
}

.img-banner-espiral{
  width: 100% !important;
  height: auto !important;
  max-width: 300px;
  position: absolute;
  top: 50%;
  left: -200px;
  transform: translate(0px, -50%);
  z-index: 1;
}

.bg-blue{
  background-color: var(--color-blue);
}

.bg-blue-low{
  background-color: var(--color-blue-low);
}

.bg-pink{
  background-color: var(--color-pink);
}

.bg-pink-hard{
  background-color: var(--color-pink-hard);
}

.bg-green{
  background-color: var(--color-green);
}

.bg-green-hard{
  background-color: var(--color-green-hard);
}

.bg-blue-hard{
  background-color: var(--color-blue-hard);
}

.bg-blue-n{
  background-color: var(--color-blue-n);
}

.bg-yellow-hard{
  background-color: var(--color-yellow-hard);
}

.bg-orange{
  background-color: var(--color-orange);
}

.txt-lover-m .txt-yellow-h{
    display: block;
    color: #fefbc3;
}

.txt-lover-m .txt-yellow-l{
    display: block;
    color: var(--color-yellow-hard);
}

.txt-lover-m{
    color: #fff;
    font-size: 110px;
    font-family: fixture-semibold;
    line-height: 1;
    max-width: 805px;
    margin: 0;
    left: -9px;
    position: relative;
}

.amazon-col{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
}

.coffee-row{
  height: 100%;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
}

.coffee-col{
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  position: relative;
}

.txt-right{
  float: right;
}

.areas-container div{
  margin: 0;
}

.areas-container{
  display: flex;
  margin-top: 100px;
  justify-content: end;
}

.areas-list{
  text-align: right;
  list-style: none;
  color: #fff;
  font-family: 'fixture-medium';
  max-width: 340px;
}

.footer-list{
  color: #fff;
  list-style: none;
  font-family: 'helvetica-light';
  margin-bottom: 0;
    font-size: 15px
}

.footer-list li{
  display: inline-block;
}

.footer-list a{
  color: #fff;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

.figure-hard {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 60px;
  break-inside: avoid;
  background-color: var(--color-blue-hard);
  position: relative;
}

.figure-low {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 60px;
  break-inside: avoid;
  background-color: var(--color-blue);
  position: relative;
}

figure > img {
  grid-row: 1 / -1;
  grid-column: 1;
}

figure a {
  color: black;
  text-decoration: none;
}

figcaption {
  grid-row: 2;
  grid-column: 1;
  background-color: rgba(255,255,255,.5);
  padding: 0.2em 0.5em;
  justify-self: start;
  position: absolute;
  top: 0;
  left: 0;
}

.container1 {
  column-count: 2;
  column-gap: 55px;
}

.title-proyect{
  color: #fff;
  font-size: 25px;
  font-family: 'fixture-light';
  position: absolute;
  top: 20px;
  left: 20px;
}

.title-proyect a{
  color: #fff;
}

.carls-container{
  width: 100%;
  height: 430px;
  max-width: 350px;
  margin-bottom: 100px;
}

.peloneta-container{
  width: 100%;
  height: 600px;
  max-width: 350px;
  margin-bottom: 100px;
}

.sanroque-container{
  width: 100%;
  height: 450px;
  max-width: 350px;
  margin-bottom: 100px;
}

.babysec-container{
  margin-right: 0 !important;
  max-width: 350px;
  align-self: flex-end;
  justify-self: flex-end;
  display: flex;
  margin: 0;
  break-inside: initial;
  grid-template-columns: none;
  grid-template-rows: none;
  margin-bottom: 100px;
  float: right;
  width: 350px;
  height: 450px;
}

.elite-container{
  margin-right: 0 !important;
  max-width: 350px;
  align-self: flex-end;
  justify-self: flex-end;
  display: flex;
  margin: 0;
  break-inside: initial;
  grid-template-columns: none;
  grid-template-rows: none;
  margin-bottom: 100px;
  float: right;
  width: 350px;
  height: 560px;
}

.sello-container{
  width: 100%;
  height: 590px;
}

.encajas-container{
  height: 650px;
}

.image-container{
  width: 100%;
  height: 100%;
  position: relative;
}

.img-proyect{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 500px;
  max-width: 500px;
}

.img-proyect-peloneta{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 500px;
  max-width: 560px;
}

.img-proyect-babysec{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 375px;
  max-width: 560px;
}

.img-proyect-elite{
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -40%);
  width: 440px;
  max-width: 560px;
}

.img-proyect-sello{
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -40%);
  width: 500px;
  max-width: 560px;
}

.nav-menu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 50px; 
    z-index: 3
}

.modalMenu {
    z-index: 99999999999999;
}

.logo-menu{
  float: left;
  max-width: 170px;
  height: auto !important;
  margin: 30px 0;  
  width: 100% !important;
}

.btn-menu {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  background-image: url(../assets/btn-menu.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  margin: 20px 0;
  z-index: 9;
  cursor: pointer;
  position: relative;
}

.col-areas{
  padding: 130px 50px   
}

.col-areas-s{
  padding: 50px 50px 0 50px;  
}

.flex-center{
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.bg-linkedin{
  background-color: #b4e6ff;
}

.bg-instagram{
  background-color: #97e99d;
}

.bg-facebook{
  background-color: #1e53ff;
}

.bg-behance{
  background-color: #416dfb;
}

.contenedor-redes img{
  width: 100%;
  max-width: 40px
}

.contenedor-redes{
padding: 100px;
cursor: pointer;
}

.btn-proyectos-2{
border: none;
color: var(--color-blue);
background-color: var(--color-blue-low);
font-family: 'fixture-semibold';
font-size: 20px;
height: 50px;
width: 220px;
display: block;
margin: 40px auto 0 auto;
border-radius: 25px;
}

.contenedor-rh{
border-right: 1px solid var(--color-blue-low);
padding: 70px 0
}

.txt-footer{
color: #fff;
font-family: 'helvetica-light';
margin-bottom: 0;
padding-top: 20px
}

.link-footer{
color: #fff;
font-family: 'helvetica-light';
text-decoration: none;
display: block;
margin-bottom: 22px;
font-size: 15px
}

.lista-footer li{
  display: inline-block;
  max-width: 200px;
  text-align: right;
  font-size: 15px
}

.lista-footer li img{
  width: 100%;
  max-width: 40px
}

.lista-footer{
  color: #fff;
  font-family: 'helvetica-light';
  padding: 0;
  margin: 0;
}

.footer-list-2{
  display: flex;
  justify-content: end;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.footer-list-2 li, .footer-list-2 li a{
  color: #fff;
  text-decoration: none
}

.col-footer{
  margin: 0;
  display: flex;
  align-items: end;
  align-content: end;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.col-footer2{
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pl-0{
  padding-left: 0;
}

.contenedor-proyectos{
  position: relative;
}

.contenedor-proyectos img{
  position: absolute;
  top: 0;
}

.contenedor-proyectos .pr-1{
  z-index: 5;
  position: relative;
  right: 40px
}

.pr-2{
  z-index: 4;
  right: 300px
}

.pr-3{
  z-index: 3;
  right: 200px
}

.pr-4{
  z-index: 2;
  right: 100px
}

.pr-5{
  z-index: 1;
  right: 0px;
}

.pr-0{
  padding-right: 0;
}


.btn-regresar {
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background-image: url(../assets/btn-regresar.png);
  background-position: center;
  background-size: cover;
  float: left;
  margin-right: 15px;
}

.contenedor-lista-servicios {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  max-width: 350px;
}

.lista-servicios{
  list-style: none;
  color: #fff
}

.lista-servicios li{
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  margin-bottom: 20px;
  font-family: 'fixture-light';
}

.col-servicios {
  padding: 0px 0 0 100px
}

.col-video {
  padding: 80px;
}

.max-500 {
  max-width: 500px;
}

.img-flecha-2 {
  width: 100px !important;
  height: auto!important;
  max-width: 25px !important;
  position: absolute !important;
  top: 0 !important;
  left: 200px !important;
  margin: 0;
  cursor: pointer;
}

.img-buenas {
  max-width: 400px;
  position: absolute !important;
  left: -200px;
  margin: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.buenas-int {
  padding: 0px 30px; 
  position: relative;
}

.espacios-int {
  padding: 0px 0px; 
  position: relative;
}

.contenedor-tiempo ul, .contenedor-premios ul{
  padding: 0;
  list-style: none;
}

.contenedor-tiempo ul li{
  display: inline-block;
  width: 130px;
  padding: 10px 5px; 
  text-align: left;
  color: #fff;
  font-family: 'fixture-c-regular';
  font-size: 28px;
}

.lista-tiempo span{
  position: relative;
}

.lista-tiempo span::after{
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #fff;
  bottom:-22px; 
}

.lista-tiempo{
  margin: 0;
  border-bottom: 1px solid #fff
}

.list1{
  opacity: 1
}

.list2{
  opacity: .8
}

.list3{
  opacity: .6
}

.list4{
  opacity: .5
}

.list5{
  opacity: .4
}

.contenedor-premios ul li{
  width: 25%;
  padding: 0px 5px; 
  text-align: left;
  color: #fff;
  float: left;
}


.img-premio {
  max-width: 130px;
  margin: 0;
}

.buenas-row {
  display: flex;
  align-items: center;
  align-content: flex-end;
  min-height: 750px;
}

.personas-row {
  display: flex;
  align-items: center;
  align-content: flex-end;
  min-height: 750px;
  padding-top: 40px;
}


.owl-dots{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  transform: translate(40%, 10px);
  left: 50%;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff !important;
}

.areas .owl-theme .owl-dots .owl-dot span {
  width: 48px;
  height: 3px;
}

.owl-carousel{
  z-index: initial !important;
}

.contenedor-espacios img{
  float: left;
  max-width: 100vw;
}

.contenedor-espacios-b {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 30px;
  z-index: 1;
}

.contenedor-espacios {
  padding: 0;
}

.overlay1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 1s;
  background-color: rgba(0,0,0,.8);
}

.contenedor-titulop {
  position: absolute;
  bottom: 0 !important;
  top: initial !important;
  left: 50%;
  transform: translate(-50%, 0px) !important;
  text-align: center;
  z-index: 999;
  opacity: 0;
  transition: 1s;
  width: 100% !important;
  background-color: rgba(0,0,0, .6) !important;
}

.contenedor-proyecto:hover .overlay1, .contenedor-proyecto:hover .contenedor-titulop {
  opacity: 1;
}

.contenedor-proyecto{
  position: relative;
  margin-bottom: 20px;
}

.titulo-p {
  color: #fff;
  font-family: 'fixture-c-regular';
  text-align: center;
  margin: 0;
  font-size: 22px;
  line-height: 1;
}

.contenedor-proyecto .subtitulo-p {
  color: #fff;
  font-family: 'helvetica-light';
  margin: 0;
  line-height: 1;
  margin-top: 3px;
  font-size: 12px;
  margin-bottom: 5px;
}

.personas .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 2px;
}

.personas .owl-dots {
  position: absolute;
  z-index: 2;
  bottom: -50px;
  transform: translate(-50%, 0px);
  left: 50%;
}

.desactivado{
  pointer-events: none;
  cursor: none
}

.footer-container a:hover{
  color: #fff;
}

.footer-container a{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

.pr-1:hover{
  z-index: 99;
  width: 110%;
  transition: width 2s, height 2s, transform 2s;
}

.pr-2:hover{
  z-index: 99;
  width: 110%;
  transition: transform 2s;
}

.pr-3:hover{
  z-index: 99;
  width: 110%;
  transition:transform 2s;
}

.pr-4:hover{
  z-index: 99;
  width: 110%;
  transition: transform 2s;
}

.pr-5:hover{
  z-index: 99;
  width: 110%;
  transition: transform 2s;
}

.contenedor-proyectos>.img-banner:hover{
  transform: rotate(5deg);
  width: 110% !important;
  max-width: 600px;
  transition: all 2s;
}

.contenedor-proyectos>.img-banner{
  cursor: pointer;
}

#proyectos .owl-dots{
  position: absolute;
  z-index: 2;
  bottom: -50px;
  transform: translate(-50%, 0px);
  left: 50%;
}

#proyectos{
  margin: 70px 0;
}

#servicios{
  display: none
}

.pointer {
  cursor: pointer
}

/**Nosotros**/
.contenedor-buenas{
  transition: all .2s;
  width: 33.33333333%;
  margin: 0;
  padding: 0;
}

.contenedor-buenas .activo{
  width: 80%
}

.buenas-int, .espacios-int, .ideas-int{
  display: none;
}


.contenedor-proyecto:hover .overlay1{
  opacity: 1;
  height: auto;
  top: 0;
  position: absolute;
  right: -50px;
}

.contenedor-proyecto:hover .contenedor-titulop{
  opacity: 1;
  height: auto;
  top: 0;
  position: absolute;
  right: -50px;
  left: 0;
  transform: none !important;
}

.personas-row .contenedor-proyecto .overlay1{
  position: absolute;
}

#espacios .img-espacio{
  right: 0;
}

.ideas-int {
  position: relative;
}

.contenedor-buenas .img-premio-r {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 150px;
}

.img-100.big-picture{
  max-width: initial !important;
  width: 400px !important;
}
.contenedor-lovertising .subtitle-txt{
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
}

.contenedor-lovertising .logo-banner {
  width: 100% !important;
  height: auto !important;
  max-width: 130px;
}

.contenedor-lovertising .row-max {
  max-width: 950px;
  height: 100%;
  align-items: center;
  align-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center;
  justify-self: center;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 3;
}

.btn-close-m {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: white;
  background-image: url(../assets/btn-cerrar.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
}

#lovertising-m {
  width: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  max-height: 1px;
}

.lover-parent {
  position: relative;
  display: flex;
}


#lovertising-f{
  margin: 0;
}

#lovertising-f, #lovertising-m{
  transition: all 1s
}

.lover-parent .lovertising-f{
  width: 80% !important;
  margin: 0px !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0px 30px !important;
  max-height: initial !important;
  position: relative;
  z-index: 3;
}

.contenedor-grid-proyectos {
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  margin-top: 0;
  transition: all 1s;
  position: relative;
}

.show-p{
  padding: 30px 70px 0 70px;
  margin-bottom: 3rem!important;
  margin-top: 3rem!important;
  height: auto;
}

.grid-proyectos-int {
  width: 100%;
  display: flex;
  gap: 50px;
  margin-top: 50px;
}

.proyecto-col {
  margin: 0;
}

.proyecto-col-2 {
  padding-top: 80px;
}

#btn-proyectos-2 {
  display: none;
}

#contenedor-btn-proyectos {
  text-align: center;
}

.contenedor-login{
  margin-top: 40px;
}

.contenedor-login input{
  border: 1px solid #c3e5ff;
  color: var(--color-blue-n);
  border-radius: 25px;
  font-family: 'fixture-c-sbold';
  text-align: center;
  max-width: 250px;
  margin: 0 auto;
}

.contenedor-login input::placeholder{
  color: var(--color-blue-n);
}

#contenedor-login, #contenedor-cv {
  display: none;
}

#btn-cv, #btn-login{
  cursor: pointer
}

.proyecto-col .img-banner{
  margin-bottom: 50px;
  cursor: pointer;
}


#btn-espacios {
  cursor: pointer
}

#btn-personas {
  cursor: pointer;
}

#btn-ideas {
  cursor: pointer;
}

#btn-personas-close {
  cursor: pointer;
}

#btn-espacios-close {
  cursor: pointer;
}

#btn-ideas-close {
  cursor: pointer;
}

.btn-cerrar-tool {
  background-color: transparent;
  border: none;
  float: right;
}

.alert-error {
text-align: center;
margin: 10px 20px;
}

#Proyectos .item{
  position: relative;
  cursor: pointer;
}

#Proyectos .item:hover .container-ver{
  opacity: 1;
}

.container-ver {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background-color: rgba(0,0,0,.8);
  text-align: center;
  opacity: 0;
  transition: all 1s;
}

.container-ver a{
  color: #fff;
  text-decoration: none;
}

#carruselP{
  display: none;
}