html {
  overflow-x: hidden !important;
}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x: hidden !important;
}

#telefono:hover {
  color: #57a2af !important;
}

/*----------
color de la barra de redes
agregando estilos 
---------------------*/

/* Estado específico durante scroll para mejor control */
.redes-top.scroll-state {
  color: #4c9692 !important;
}

.redes-top.scroll-state:hover {
  color: #FF6B35 !important;
}

a.scroll-state,
.bi-whatsapp.scroll-state,
.scroll-state span {
  color: #ffffff !important;
}

a.scroll-state:hover,
.bi-whatsapp.scroll-state:hover {
  color: #FF6B35 !important;
}

.bi .bi-whatsapp .tel span:hover {
  color: #10dbff !important;
}

/*borrar si no funciona*/
.bg-redes {
  background-color: #104646;
}

.btn-warning {
  background-color: #ff9900;
  border: 0;
  color: snow;
  font-weight: 600;
  text-shadow: 1px 3px 3px solid #313131;
}

.btn-warning:hover {
  background-color: #db8503;
  color: rgb(248, 245, 245);
}

.btn-success {
  background-color: #006666;
  border: 0;
  color: snow;
  font-weight: 600;
  text-shadow: 1px 3px 3px solid #313131;
}

.btn-success:hover {
  background-color: #014545;
  color: rgb(248, 245, 245);
}

.verde {
  color: #138383;
}

.naranja {
  color: #f29304;
}

.redes-top:hover {
  color: #0d9797;
}

.georgia-italica {
  font-family: Georgia, 'Times New Roman', Times, serif !important;
  font-style: italic !important;
}

/*fin restes*/

/*encabezado*/
#encabezado {
  background: url(img/encabezado-banner.png) no-repeat center fixed !important;
  background-size: cover;
}

.parallax-window {
  background: transparent !important;
}

#menu li {
  color: snow;
}

#menu li a:hover {
  color: #ff9900;
}

/*fin encabezado*/

#bienvenida {
  background-image:
    url('img/mmotivo1.png');
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto,
}

.intro-texto {
  font-size: 1.125rem;
}

.build-empresa {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
}

.build-empresa strong span {
  color: black;
}

.build-empresa strong {
  color: #006666;
}

.filete {
  background-color: #ff9900 !important;
  height: 0.3125rem;
  margin: 0 auto;
}

/*fin bienvenida*/
/*quienes-somos*/
#quienes-somos {
  background: url(img/motivo5.png);
  background-color: #00666656;
  background-blend-mode: multiply;
}

.somos-build {
  border-left: 15px solid #ff9900;
  /* Borde izquierdo de 15px naranja */
  padding: 10px;
  /* Espacio interno opcional para mejor visualización */
}

/*fin quienes-somos*/
#servicios,
#elegirnos {
  background: url('img/motivo1.png');
}

#servicios .card {
  padding-top: 2rem;
  margin-bottom: 1rem;
  height: 20rem;
  text-align: center;
  transition: .1s ease-in;
}

#servicios .ultima-card {
  height: 22rem !important;
}

#servicios .card:hover {
  transition: .2s ease-in-out;
  transform: scale(1.02);
  box-shadow: 1px 2px 5px #696969;
}

#servicios .card .card-img-top {
  width: 30%;
  display: block;
  margin: 0 auto;
  padding-bottom: 0.5rem;
}

/*como-trabajamos*/
#como-trabajamos {
  background: url('img/motivo3.png');
  padding: 4.8125rem 0 !important;
  background-blend-mode: multiply;
}

/*========================detalles======================*/

.gradiente-izq-der {
  background: #757F9A;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #d7dde800, #b5c6c8);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #d7dde800, #b5c6c8);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  overflow: hidden;
  line-height: 1;
  border-left: #e3f9fb 0.3125rem solid;
}

.gradiente-der-izq {
  background: #757F9A;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #d7dde800, #b5c6c8);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #d7dde800, #b5c6c8);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  overflow: hidden;
  border-right: #e3f9fb 0.3125rem solid;
}

.nro {
  background-color: #ff9900;
  font-size: 2rem;
  overflow: hidden;
}



.uno,
.dos,
.tres,
.cuatro {
  padding: 1rem 0;
}

.uno h3 {
  font-size: 1.25rem;
  padding-top: .5rem;
}

.dos h3 {
  font-size: 1.25rem;
  padding-top: .5rem;
}

.tres h3 {
  font-size: 1.25rem;
  padding-top: .5rem;
}

.cuatro h3 {
  font-size: 1.25rem;
  padding-top: .5rem;
}



/*=========================fin detalles========================*/
/*fin como-trabajamos*/
/*nuestros-servicios*/
#nuestros-servicios {
  background-image:
    url('img/motivo3.png'),
    url('img/saludo-35.png');
  background-repeat:
    repeat,
    no-repeat;
  background-position:
    0 0,
    left 0;
  background-size:
    auto,
    auto;
  background-blend-mode: multiply, multiply;
}

/*fin nuestros-servicios*/
/*productos*/
#productos {
  background: url(img/algunos-productos-fondo.png) no-repeat center scroll !important;
  background-size: cover;
}

.cards-slider .card {
  height: 100vmin;
}

/*fin productos*/
/*elegirnos*/
#elegirnos {
  background: url(img/motivo1.png) !important;
}

/*fin elegirnos*/
/*contacto*/
#contacto {
  background: url(img/motivo4.png);
  background-color: #31313156 !important;
  background-blend-mode: multiply;
  padding: 10rem 0 !important;
}

#contacto h3 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
}

/*fin contacto*/
footer {
  background: url(img/motivo5.png);
  background-color: #00666656;
  background-blend-mode: multiply;
}

/*boton de whatapp*/
.btn-whatapp {
  transform: scale(0.9);
  transition: .5s;
}

.btn-whatapp:hover {
  transform: scale(1.05);
  /*background-color: #25d366 !important;*/
  transition: .3s;
}

.btn-whatapp:focus {
  transform: scale(1.05);
  /*background-color: #128c7e !important;*/
}

/*fin boton de whatapp*/
/*============================media query===============================*/
/*576px*/
@media (min-width:576px) {
  .nro {
    background-color: #ff9900;
    font-size: 3rem;
    overflow: hidden;
  }

  .cards-slider .card {
    height: 26.25rem;
  }
}

/*fin 576px*/
/*768px*/
@media (min-width:768px) {
  .nro {
    background-color: #ff9900;
    font-size: 4rem;
    overflow: hidden;
  }

  #servicios .card {
    padding-top: 2rem;
    margin-bottom: 1rem;
    height: 21rem;
    text-align: center;
    transition: .1s ease-in;
  }

  #servicios .ultima-card {
    height: 21rem !important;
  }

  .cards-slider .card {
    height: 22.25rem;
  }

  #quienes-somos {
    height: 70rem !important;
  }
}

/*fin 768px*/
/*992px*/
@media (min-width:992px) {

  /*bienvenida*/
  #bienvenida {
    background-image:
      url('img/motivo1.png'),
      url('img/bienvenida-opacidad-fondo-30-porciento.png');
    background-repeat:
      repeat,
      no-repeat;
    background-position:
      0 0,
      right center;
    background-size:
      auto,
      auto;
    background-blend-mode: multiply, multiply;
  }

  /*fin bienvenida*/
  .nro {
    background-color: #ff9900;
    font-size: 5rem;
    overflow: hidden;
  }

  .filete {
    background-color: #ff9900 !important;
    height: 0.3125rem;
    margin: 0 0 2rem 0.5rem;
  }


  .row.china {
    position: relative;
  }

  .row .china .col {
    position: absolute;
    top: 6.5rem;
  }

  /*
  .btn-whatapp {
    border-radius: 50% !important;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 5000;
    background-color: teal
  }
*/

  .cards-slider .card {
    height: 22.25rem;
  }

  .row.china {
    position: relative;
  }

  .row .china .col {
    position: absolute;
    top: 3rem;
  }

  #productos {
    background: url(img/algunos-productos-fondo.png) no-repeat center fixed !important;
    background-size: cover;
    padding-top: 20rem;
  }

  #elegirnos {
    padding-top: 10rem !important;
  }
}

/*------------fin 992px--------------------*/
/*---------------1200px--------------------*/
@media (min-width:1200px) {
  #quienes-somos {
    height: 110vh !important;
  }

  .row .china .col {
    position: absolute;
    top: 1.5rem;
  }

}

/*---------------1400px--------------------*/

@media (min-width:1400px) {
  #encabezado {
    background: url(img/encabezado-banner.png) no-repeat center fixed !important;
    background-size: cover !important;
    height: 56rem;
    padding-top: 25vh;
  }

  #productos {
    background: url(img/algunos-productos-fondo.png) no-repeat center fixed !important;
    background-size: cover;
  }

  #quienes-somos {
    height: 108vh !important;
  }

  .row .china .col {
    position: absolute;
    top: 0rem;
  }
}

@media (min-width:1900px) {
  #quienes-somos {
    height: 90vh !important;
  }
}

/*---------------fin 1400px--------------------*/
/*============================fin media query===============================*/


/*nuevo efecto*/


.navbar {
  transition: all 0.3s ease;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030;
  background-color: transparent;
}

body {
  padding-top: 140px;
  /* Aumentado por la navbar más alta */
}

#encabezado {
  background: url(img/encabezado-banner.png) no-repeat center fixed !important;
  background-size: cover !important;
  margin-top: -140px;
}

.nav-link,
.redes-top,
.naranja {
  transition: all 0.3s ease;
}

/*0*/
/* Asegurar que el navbar colapsable tenga fondo cuando está expandido */
@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: #074747;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 0.375rem;
  }

  .navbar-collapse.show {
    background-color: #074747 !important;
  }

  /* Opcional: mejorar la apariencia de los links en móvil */
  .navbar-nav .nav-link {
    color: #ffffff !important;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-nav .nav-link:last-child {
    border-bottom: none;
  }
}