/* Binary Connect CSS  */

/* containers */
/* pag xxx */
.page-id-12 .wrapper,
.page-id-455 .wrapper,
.page-id-152 .wrapper
 {
    padding:0;
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 576px) and (max-width: 1360px) {

    .container,
    .container-md,
    .container-sm  {
        max-width: 98%;
    }
  } /* end media*/

@media (min-width: 1360px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl  {
        max-width: 1360px;
    }
} /* end media*/
@media (min-width: 2200px) {
    .container-fluid  {
        max-width: 2200px;
    }
} /* end media*/

body {
  font-size:17px;
  font-weight: 300;
}
body strong {
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  body {
    font-size:22px;
  }
}/* end media */


.grecaptcha-badge{
  display: none;
}


/* header */
.navbar-brand img {
    width: 230px;
    height: auto;
}
.nav-link {
  font-weight: 300;
  font-size:20px;
  text-align: center;
  text-transform: uppercase;
  color:#1e120d;
  padding: 30px;
}
.nav-link:hover, .active .nav-link {
  color:#001a77;
  font-weight: 500;
} 
  
@media only screen and (min-width: 569px) {
    .navbar-brand img {
        width: 290px;
    }
    .nav-link {
        font-size:16px;
        padding: 10px;
      }
} /*  end css */
@media only screen and (min-width: 1024px) {
    .navbar-brand img {
        width: 380px;
    }
  } /*  end css */



.navbar-toggler-icon {
  background-image:url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><g><rect x="2.2" y="9.6" style="fill:%23000;" width="45.7" height="6.4"/><rect x="2.2" y="21.8" style="fill:%23000;" width="45.7" height="6.4"/><rect x="2.2" y="34" style="fill:%23000;" width="45.7" height="6.4"/></g></svg>');
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler-icon:focus,
.btn-close:focus {
    outline: none !important;
    border: none !important;
    border-width: 0;
    box-shadow: none !important;
    border: none;
}
/* dropdown menu*/
.dropdown-toggle::after {
  display: none;
}
.dropdown-menu {
  width: auto;
  border: none;
  border-radius: 0;
  background-color: #000;
  padding: 0px;
}
.dropdown-menu li.nav-item  {
  padding: 0!important;
  border-bottom:3px solid #000;
  text-align: center;
}
.dropdown-menu li a {
  color: #fff;
  font-size:90%;
  padding: 8px 15px;
  white-space: normal;
}
.dropdown-menu li.nav-item:hover {
  border-bottom:3px solid #fff;
}
.top-ancla {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2000;
}
.top-ancla  svg {
  width: 30px;
  height: 30px;
}


/* añade funcionalidad dropdown en rollover  */
@media only screen and (min-width: 768px) {
  .dropdown-hover:hover .dropdown-menu {
    display: block;
  }
  .dropdown-menu li.nav-item  {
    text-align: left;
  }
  .dropdown-menu li a {
    font-size:110%;
  }
  .top-ancla  svg {
    width: 60px;
    height: 60px;
  }
} /*  end css */
@media only screen and (max-width: 768px) {
  .dropdown-menu.show{
    background-color: #4a4a4a!important;
  }
} /*  end css */


/* botones */
.btn-primary, .understrap-read-more-link,
.active>.page-link, .page-link.active {
    background-color: #001a77;
    border:none;
}
.btn-primary:hover, .understrap-read-more-link:hover
.active>.page-link:hover {
    background-color: #e1614b;
    border:none;
}
.wp-block-button__link {
    background-color: #001a77;
    color: #fff;
    border: none;
    line-height: 100%;
    font-size: 80%;
}

.wp-block-button__link:hover {
    background-color: #e1614b;
    color: #fff;
}
@media only screen and (min-width: 768px) {
  .wp-block-button__link {
    font-size: 100%;
}

} /*  end css */
/* footer */


/* menu legales*/
.footer-basic   {
    color: #fff;
    font-size: 14px;
}
.footer-basic  a    {
    color: #fff;
    text-decoration: none;
}

.footer-basic  a:hover {
    color: #c2cfe9;
}




.legales, .legales a {
  color:#1e120d
}
.legales .current-menu-item {
  font-weight: bold;
}

.legales p , .legales  ul li , .legales table {
  font-size: 80%;
  color:#1e120d
}
@media only screen and (min-width: 768px) {
.menu-pag-legal li:first-child::after, .menu-pag-legal li:nth-child(2)::after {
  content: ' - ';
  font-size: 80%;
  display: inline-block;
  padding-left: 15px;
}
} /*  end css */

/* SLIDER HOME*/
/* slick */

@media only screen and (max-width: 768px) {
  .lazy .slick-prev, .lazy .slick-next{
     display:none!important;
  }

} /*  end css */

.lazy .slick-prev {
  z-index:20;
  opacity: 1;
}
.lazy .slick-next {
  right:-25px!important;
  z-index:20;
  opacity: 1;
}
.lazy .slick-prev::before {
  content: '';
  background: transparent url("https://www.binaryconnect.es/wp-content/themes/binaryconnect/img/flecha-slider-left.svg") no-repeat left center;
  padding:10px;
}
.lazy .slick-next::before {
  content: '';
  background: transparent url("https://www.binaryconnect.es/wp-content/themes/binaryconnect/img/flecha-slider-right.svg") no-repeat right center;
  padding:10px;
}
.slick-dots li button:before{
  font-size: 40px!important;
}



/*  ///////////////////////////////////////*/

.banda-superior {
  height: 12px;
}
@media only screen and (min-width: 768px) {
  .banda-superior {
    height: 40px;
  }
} /*  end css */

.slider {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 500px;
}
@media only screen and (min-width: 1200px) {
  .slider {
    min-height: 750px;
  }
}/* end media */
.textos-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.textos-slider .caja {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
.textos-slider .caja h1, .textos-slider .caja h2 {
  font-size:26px;
  line-height: 100%;
  font-weight: 600;
  margin-bottom:30px;
}
.textos-slider .caja p {
  font-size:18px;
  line-height: 110%;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {

  .textos-slider .caja h1, .textos-slider .caja h2 {
    font-size:36px;
  }
  .textos-slider .caja p {
    font-size:22px;
  }

}
@media only screen and (min-width: 1440px) {

  .textos-slider .caja h1, .textos-slider .caja h2 {
    font-size:52px;
    margin-bottom:45px;
  }
  .textos-slider .caja p {
    font-size:26px;
  }
}/* end media */

#comotrabajamos hr {
  border-color: #adcc68;
  border-width: 2px;
  opacity: 1;
}


/* marquesina pag inicio   */

.marquee {
  overflow: hidden;
  white-space: nowrap;
  /* Ancho del contenedor para controlar la velocidad */
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  background-color: #e1614b;
  height: 58px;
}

.marquee ul {
  display: inline-block;
  animation: marquee 15s linear infinite;
}

.marquee li {
  display: inline-block;
  margin: 0 10px;
  padding-left: 10px;
}
.marquee li::before {
  content: "- ";
  margin-right: 25px; /* Ajusta el margen derecho según sea necesario */
}


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

@media only screen and (min-width: 768px) {
  .marquee {
    font-size: 36px;
    padding-top: 25px;
    padding-bottom: 25px;
    height: 108px;
  }

}/* end media */


/* bloques infos home */
.info {
  background-repeat: no-repeat;  
}
.info1 {
  background-color: #c2cfe9;
} 
.info2 {
  background-color: #e1eac5;
} 
.info3 {
  background-color: #c2cfe9;
} 

.iconb {
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.8 81" style="enable-background:new 0 0 57.8 81;" xml:space="preserve"><style type="text/css">.st0{fill:%23263065;}</style><g><rect x="25.8" y="62.1" class="st0" width="5" height="5.7"/><path class="st0" d="M43,32.7v-0.2c4.7-2.7,6.3-7.5,6.3-13.4C49.3,6.5,42.4,2,32.2,2H10.9v45.5h5v5.7h-5v0h0v5.7h0v0h5v5.6h0v0.1h5v-5.7h0v0h-5v-5.7h10v0v-0.1l0-11.3h-5v-5.7h5v4.4h1.5c4.9,0,12.3-0.8,12.3,7.2c0,1.2-0.2,2.2-0.6,3h1.5h0.1h4.8V45h5v5.7v1v4.7h-4h-1l5,0v0h-5v5.7h5v-5.7h0v0h3.1c0.7-2,1.1-4.3,1.1-6.9C54.7,40.3,51.2,33.9,43,32.7z M20.8,47.5h-5v-5.7h5V47.5z M27.5,27.8h-1.7V15.1h1.1c4,0,8.7,0.3,8.7,6.4C35.6,27,31.5,27.8,27.5,27.8z"/><rect x="49.7" y="72.5" class="st0" width="0.9" height="5.5"/><rect x="49.7" y="32.7" class="st0" width="0.9" height="5.5"/><path class="st0" d="M20.8,72.4c-0.5,0-0.9,0.3-1.2,0.8c-0.3,0.5-0.4,1.2-0.4,2.1c0,0.9,0.1,1.6,0.4,2.1c0.3,0.5,0.7,0.8,1.2,0.8c0.5,0,0.9-0.3,1.2-0.8c0.3-0.5,0.4-1.2,0.4-2.1c0-0.9-0.1-1.6-0.4-2.1C21.6,72.7,21.3,72.4,20.8,72.4z M20.8,77.2c-0.5,0-0.7-0.6-0.7-1.9c0-1.3,0.2-2,0.7-2c0.5,0,0.7,0.6,0.7,1.9C21.5,76.5,21.2,77.2,20.8,77.2z"/><rect x="1" y="62.2" class="st0" width="0.9" height="5.5"/><path class="st0" d="M6.5,62.1c-0.5,0-0.9,0.3-1.2,0.8c-0.3,0.5-0.4,1.2-0.4,2.1c0,0.9,0.1,1.6,0.4,2.1c0.3,0.5,0.7,0.8,1.2,0.8c0.5,0,0.9-0.3,1.2-0.8c0.3-0.5,0.4-1.2,0.4-2.1c0-0.9-0.1-1.6-0.4-2.1C7.4,62.4,7,62.1,6.5,62.1z M6.5,66.9c-0.5,0-0.7-0.6-0.7-1.9c0-1.3,0.2-2,0.7-2c0.5,0,0.7,0.6,0.7,1.9C7.2,66.2,7,66.9,6.5,66.9z"/><rect x="15.9" y="62.2" class="st0" width="0.9" height="5.5"/><path class="st0" d="M40.4,62.1c-0.5,0-0.9,0.3-1.2,0.8c-0.3,0.5-0.4,1.2-0.4,2.1c0,0.9,0.1,1.6,0.4,2.1c0.3,0.5,0.7,0.8,1.2,0.8c0.5,0,0.9-0.3,1.2-0.8c0.3-0.5,0.4-1.2,0.4-2.1c0-0.9-0.1-1.6-0.4-2.1C41.2,62.4,40.9,62.1,40.4,62.1z M40.4,66.9c-0.5,0-0.7-0.6-0.7-1.9c0-1.3,0.2-2,0.7-2c0.5,0,0.7,0.6,0.7,1.9C41.1,66.2,40.8,66.9,40.4,66.9z"/><rect x="45" y="62.2" class="st0" width="0.9" height="5.5"/><path class="st0" d="M25.5,62.1c-0.5,0-0.9,0.3-1.2,0.8c-0.3,0.5-0.4,1.2-0.4,2.1c0,0.9,0.1,1.6,0.4,2.1c0.3,0.5,0.7,0.8,1.2,0.8c0.5,0,0.9-0.3,1.2-0.8c0.3-0.5,0.4-1.2,0.4-2.1c0-0.9-0.1-1.6-0.4-2.1C26.4,62.4,26,62.1,25.5,62.1z M25.5,66.9c-0.5,0-0.7-0.6-0.7-1.9c0-1.3,0.2-2,0.7-2c0.5,0,0.7,0.6,0.7,1.9C26.2,66.2,26,66.9,25.5,66.9z"/><rect x="30.6" y="51.8" class="st0" width="0.9" height="5.5"/><rect x="25.5" y="51.8" class="st0" width="0.9" height="5.5"/><rect x="20.4" y="51.8" class="st0" width="0.9" height="5.5"/></g></svg>');
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 45px;
  min-height: 50px;
}
@media only screen and (min-width: 768px) {
  .info {
    min-height: 750px;
  }
  .info1 {
    background-image: url('https://binaryconnect.es/wp-content/uploads/2024/12/binary-connect-informatica-valencia.webp');
    background-position: -600px center;
  } 
  .info2 {
    background-image: url('https://binaryconnect.es/wp-content/uploads/2024/12/binary-connect-informatica-mantenimiento.webp');
    background-position: 100px center;
  } 
  .info3 {
    background-image: url('https://binaryconnect.es/wp-content/uploads/2024/12/binary-connect-informatica-copia-seguridad.webp');
    background-position: -600px center;
  } 
  .h750{
    height: 750px;
  }
  .iconb {
    background-size: 60px;
    min-height: 80px;
  }

}/* end media */
@media only screen and (min-width: 992px) {
  .info1, .info3 {
    background-position: -400px center;
  }
  .info2 {
    background-position: 300px center;
  }

}/* end media */
@media only screen and (min-width: 1200px) {
  .info1, .info3 {
    background-position: -200px center;
  }
  .info2 {
    background-position: 400px center;
  }

}/* end media */
@media only screen and (min-width: 1440px) {
  .info1, .info3 {
    background-position: left center;
  }
  .info2 {
    background-position: right center;
  }

}/* end media */

@media only screen and (max-width: 768px) {
  .h3 {
    font-size:calc(1rem + 0.6vw)
  }

}/* end media */


.p75 {
  padding-left: 75px ;
}


.home-contacta a {
  color:#fff;
  padding: 5px 15px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}
.home-contacta a:hover {
  background-color: #001a77;
}

.entry-content {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 200%;
}
.kit-digital img {
  max-width: 300px;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 992px) {
  .entry-content {
    background-size:auto;
  
  }

}/* end media */
@media only screen and (max-width: 768px) {
  .kit-digital .border-end, .kit-digital .border-start {
    border:none!important;
  }

}/* end media */

/* contact form*/

.wpcf7 {
  max-width: 100%!important;
}
.wpcf7 label {
  color: #1e120d;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"],  .wpcf7-form input[type="email"],  .wpcf7-form textarea, .wpcf7-form select {
  border-radius:0;
  border:none;
  padding: 5px;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"],  .wpcf7-form input[type="email"] , .wpcf7-form select {
  background-color: #e1eac5;
}
.wpcf7-form input[type="submit"] {
  width:100%;
  background: #adcc68;
  border:none;
  border-radius:0px;
  font-size:17px;
  color:#fff;
  border:2px solid #fff;
  text-transform: uppercase;
}
.wpcf7 input[type=submit]:disabled {
  background: #8f8f8f;
}
.wpcf7-form input[type="submit"]:hover {
  background: #000;
  color:#fff;
  border:none;
}
.wpcf7-form textarea{
  background: #f2f2f2;
  color:#fff;
  border:none;
}

.wpcf7-not-valid-tip {
  color: #e1614b;
  font-size: 14px;
}

.wpcf7-form select  {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;
  background-size: .6em;
  background-position: calc(100% - 1.3em) center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .wpcf7-form input[type="submit"] {
    font-size:20px
  }
}/* end media */

.gap-0 img {
  margin-bottom: 0!important;
}

