:root{--color-primary: #e7a285;--color-gradient-start: #e7a285;--color-gradient-stop: #e7a285}body{font-family:basier square,sans-serif;font-weight:400;line-height:1.6em;font-size:15px;color:#5b6674}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{font-family:futura-pt,sans-serif;font-weight:600;color:#443227}.h1,h1{line-height:1.2em;font-size:52px}.h2,h2{line-height:1.083em;font-size:48px}.h3,h3{line-height:1.2em;font-size:32px}.h4,h4{line-height:1.2em;font-size:25px}.h5,h5{line-height:1.2em;font-size:21px}.h6,h6{line-height:1.2em;font-size:18px}.main-nav,.btn{font-family:futura-pt,sans-serif}.main-nav>li>a{font-size:13px;letter-spacing:.2em;color:#fff;text-transform:uppercase}.main-nav>li>a .link-ext{background-color:#fff}.main-nav>li>a:hover{color:#ffe7d1}.main-nav>li.is-active>a,.main-nav>li.current-menu-item>a,.main-nav>li:hover>a,.main-nav>li>a:hover{color:#fff}.main-footer{color:rgba(255,255,255,.6)}.main-footer a:not(.btn){color:rgba(255,255,255,.6)}.main-footer a:not(.btn):hover{color:#fff}.main-footer .ld-sf input{background:rgba(255,255,255,.05);color:rgba(255,255,255,.6)}.main-footer .ld-sf input:focus{background:rgba(255,255,255,.1)}.main-footer .ld-sf button{font-size:23px}@media(min-width:1200px){.main-header .is-stuck{background:#fff!important}.mainbar-wrap.is-stuck .social-icon a,.mainbar-wrap.is-stuck .main-nav>li>a{color:#000!important}.mainbar-wrap.is-stuck .social-icon a:hover,.mainbar-wrap.is-stuck .main-nav>li>a:hover{color:var(--color-primary)!important}}



body {
    background-color: white;
    font-family: "Montserrat", sans-serif;
}

section {
    background: #fff;
}

h1, h2, h3, h4 ,h5, p{
    color: #26264b;
    font-family: "Montserrat", sans-serif;
}

p {
  font-family: "Montserrat", sans-serif;
}


.contenedor {
        position: absolute;
    top: 38%;
    left: 60%;
    transform: translate(-30%, -50%);
    width: 45%;
}

.contenedor p {
      margin-top: 30px;
    text-align: center;
    color: white;
    line-height: 15px;
}

#somos {
  position: relative;
  padding-bottom: 30%;
}

.somoscon img{
      max-width: 420px;
    margin: 0 auto;
    display: block;
}

#about{ background: white;}

#fondo_home {
    background-image: url('../img_guna/fondo_guna.jpg');
    background-position: top center !important;
    background-size: cover;
}
#fondo_home h2{ font-weight: 800; text-transform: uppercase; font-family: "Montserrat", sans-serif;}
#fondo_home img { max-width: 700px;}

#fondo_home p {
  transform: translateY(0px) rotateZ(0deg);
    opacity: 1;
    color: white;
    margin-top: -30px;
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: 900;
}


.tendros img{
         position: absolute;
    top: -12rem;
}

#marcas { text-align: center;}

#asistencia {
        background-image: url('../img_guna/tendero-min.jpg');
    background-position: top center !important;
    padding-bottom: 9rem !important;
    padding-top: 6rem !important;
}

#asistencia p {
     text-align: center;
    color: white;
    margin-top: 30px;
}

#case-studies {
  background-image: url('../img_guna/fondoguna2.jpg');
  background-size: cover;
  padding: 11rem 0 18rem 0;
}
#case-studies h2,   #case-studies p,  #case-studies h6 { color: white;}

.triangulos img{
  position: absolute;
    bottom: 0;
}

.bg-white {background: white;}

#countdown li {
    display: inline-block;
   
    font-size: .8em;
    font-weight: 900;
    color: white;
    list-style-type: none;
    padding: 0em;
    text-transform: uppercase;
  }
  
  #countdown li span {
    display: block;
    margin-top: 30px;
   font-family: "Montserrat", sans-serif;
    font-size: 5rem;
  }
  #countdown li span::after { 
    content: ':';
    font-weight: 400;

  }

  #countdown li:nth-child(4) span::after { 
    content: ' ';
    
  }


  #footer_down { 
    background-image: url('../img_guna/footer.jpg');
    background-size: cover;
  }
  #footer_down img {
    max-width: 460px;

  }

  #footer_down u { font-size: 12px; letter-spacing: 2px;}
  #footer_down p{
    text-align: left;
    color: white;
   font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
  }

  #footer_down .lqd-column {
    padding-left: 3px;
    padding-right: 3px;
  }

  #footer_down ul{
    text-align: center;
    padding-left: 0;
  }

  .social li {
    display: inline-block;
    background: white;
    padding: 15px;
    height: 50px;
    width: 50px;
    text-align: center;
  }

  .tenderos img {
       margin-top: -110px;
}

.tenderos_2 img {
      margin-top: -110px;
}
  .social li:hover{
    background: rgb(15,143,200);
background: linear-gradient(30deg, rgba(15,143,200,1) 0%, rgba(15,143,200,1) 50%, rgba(35,153,206,1) 50%, rgba(35,153,206,1) 100%);
  }

  .social li:hover .bi {
    color: white;
  }

  .social li .bi {
    color: black;
  }

  input, button, select, textarea {
   padding: 16px 12px 16px 22px;
    width: 100%;
    border: none;
    /* box-shadow: 0 0 4px #00000040; */
    color: black;
    background: #dedede;
    border-radius: 40px;
    text-transform: uppercase;
  }

  .butn{
      font-family: "Montserrat", sans-serif;
    color: white;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border: none;
    /* box-shadow: 0 0 4px #00000040; */
    background-image: url(/assets/img_guna/reserva_btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 900;
    font-size: 26px;
    margin-top: 50px;
  }

  .circulo-foot {
    background: #1770af;
    padding: 2px;
    margin-top: 20px;
    border-radius: 50%;
  }
  .circulo-foot  h2,   .circulo-foot  p,  .circulo-foot  h6 { color: white;}

.logos h4 { 
   font-family: "Montserrat", sans-serif;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
}

.logos:hover h4 {
    text-decoration: underline;
}

.text-justify { 
    text-align: justify;
    text-align-last: center;
}

.btn { background: #58b5f6; border: none;}

.text-pink { color: #d90e90;}

.fecha { background-color: white; color: #0062a3;     padding: 0 18px; font-weight: 900;}

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

.sub-bg {
    background-color: #1e201f;
}

.mt-m0 {margin-top: -40px;}
.mt-m10 {margin-top: -80px;}


.subscribe img {
    max-width: 150px;
}

#error, #mail_success, #mail_fail {display: none;}
#error, #mail_fail {    color: #FFFFFF;background: rgb(228, 82, 82);
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}
#mail_success {    color: #FFFFFF;background: #00a896;
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}   

    #error, #mail_success {display: none}


    .marquee-wrapper .container{
      overflow:hidden;
    }
    .marquee-inner span{
      float:left;
      width:50%;
    }
    .marquee-wrapper .marquee-block{
      --total-marquee-items:8;
      height: 11vw;
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
      position: relative;
      padding: 30px 0;
      padding: 10px 0;
      height: 10vw;
    }
    .marquee-inner{
      display: block;
      width: 450%;
      position: absolute;
    }
    .marquee-inner p{
      font-weight: 800;
      font-size: 30px;
      font-family: cursive;
    }
    .marquee-inner.to-left{
      animation: marqueeLeft 25s linear infinite;
    }
    .marquee-inner.to-right{
      animation: marqueeRight 25s linear infinite;
    }
    .marquee-item{
      width: 10vw;
      height: 11vw;
      overflow: hidden;
      display: inline-block;
      margin: 0 1vw;
      float: left;
      transition: all .2s ease-out;
    }
    @keyframes marqueeLeft{
      0% {
        left: 0;
      }
      100% {
        left: -100%;
      }
    }
    @keyframes marqueeRight{
      0% { 
        left: -100%; 
      }
      100% {
       left: 0; 
      }
    }
  

    .aviso { text-align: center; width: 100%;}



.scroll-container {
  width: 100%;                /* O un ancho fijo si lo prefieres */
  overflow: hidden;
  position: relative;
  height: auto;
  position: absolute;
        bottom: 10vw;
}

.scroll-content {
  display: flex;
  width: max-content;
  animation: scrollLeft 60s linear infinite; /* Ajusta la duración según lo lento que lo quieras */
}

.scroll-content img {
  display: block;
  width: auto;
  height: 450px;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.hide_cel { display: block; }
.show_cel { display: none;}

    
@media (max-width: 432px) {  



.hide_cel { display: none; }
.show_cel { display: block;}

  .marquee-item {    height: 110px !important;
    width: 80px; margin: 0 2vw;}
  .marquee-wrapper .marquee-block {height: 110px; --total-marquee-items: 8;}

    #fondo_home img {
        max-width: 350px;
        
    }

    #fondo_home h2  {
        font-weight: 800;
        font-size: 48px !important;
        line-height: 70px;
        margin-top: -10px;
    }
    #asistencia {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
        
    }
    .logos img { margin: 0 auto; display: block;}
    .col-sm-6 { width: 50%; float: left;}

    #case-studies {
        padding: 3rem 0 3rem 0;
        background-position: center;
        background: #1d80de;
    }

    #footer_down {    background: #117dba; padding: 0 25px;}
    #footer_down img {
        max-width: 280px;
    }
    .tenderos_2 img {display: none;}
    .tenderos img {
      display: none;
    }

    .butn {
      font-size: 22px;
      line-height: 3px;
    }

    #asistencia {padding-bottom: 22rem !important;
        padding-top: 4rem !important;}

    .tendros img {
    position: absolute;
    top: 1rem;
}

.contenedor {
    position: absolute;
    top: 47%;
    left: 30%;
    transform: translate(-27%, -50%);
    width: 90%;
}

.somoscon img {
      max-width: 300px;
}

.scroll-container {bottom: 0;}
.scroll-content img {
      height: 130px;
}


}