
body {
  background-image: url(../img/fondo.svg);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  body {
    background: none;
  }
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  /* padding: 0 0 0.3rem; */
  border-bottom: 0.1rem none transparent;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  border-bottom: 0.1rem none #7F050E;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link::after {
  content: '';
  display: block;
  width: 0;
  height: 0.1rem;
  margin-top: 0.2rem;
  background: #7F050E;
  transition: width .3s;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active::after{
  content: '';
  display: block;
  width: 0;
  height: 0.1rem;
  margin-top: 0.3rem;
  background: #7F050E;
  transition: width .3s;
}


.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  border-bottom: 0.1rem block #7F050E;
  /* width: 100%; */
  transition: width .3s;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover::after {
  width: 100%;
  transition: width .3s;
}


/* #sliderMain.carousel .carousel-item .item-box {
  background: rgba(0,0,0,.0);
  max-width: 75%;
  align-items: flex-start;
}

#sliderMain.carousel .carousel-item h2 {
  font-size: 6rem;
  text-transform: uppercase;
  padding: 2rem 4rem;
  text-align: left;
  max-width: 50%;
} */

.item-box .boton {
  padding: 2rem 4rem;
}

.btn-form {
  transition: all 0.5s;
}

.btn-form:hover {
  /* background: #7F050E; */
  /* color: #fff; */
  transition: all 0.5s;
  margin-left: 0.5rem;
  border: solid 0.5px;
}

.carousel-indicators [data-bs-target] {
  border-radius: 10% / 50% !important;
  opacity: 1;
  transition: opacity 1s ease;
}

#sliderMain.carousel .carousel-indicators a.active {
  width: 4rem;
}

#sliderMain.carousel .carousel-indicators a {
  height: 0.8rem;
  width: 2rem;
}

.carousel-indicators {
  left: auto;
}

#sliderMain.carousel .carousel-indicators {
  margin-bottom: 1rem;
}

@media (max-width: 1199px){
  #sliderMain.carousel .carousel-item h2 {
      font-size: 3.5rem;
      max-width: 100%;
      padding: 1rem;
  }
  .btn-form {
      transition: all 0.5s;
      padding: 1rem;
      background-image: none;
  }
  .item-box .boton {
      padding: 1rem;
  }
}

.section-01 .content-block .item-box p:first-of-type {
  color: #141414;
}

.section-02 .content-block .item-box {
  transition: all 1s;
}

.section-02 .content-block .item-box:hover {
  transition: all 3s;
  background-position: left !important;
  transform: scale(1.05);
}
.item-box a{
  transition: all 0.5s;
}
.item-box a:hover{
  transition: all 0.5s;
  transform: rotate(0.1);
}

.section-02 .item-box a::after {
  content: '';
  display: block;
  width: 0;
  height: 0.2rem;
  background: #7F050E;
  transition: width .3s;
}

.item-box a:hover::after {
  width: 100%;
  transition: width .3s;
}

.section-03 {
  margin: 0 !important;
}

.section-form form .form-contacto.collapse .card-body {
  border-radius: 15px;
  transition: all 0.5s;
}

.section-form form .form-contacto.collapse .card-body ul li:hover {
  background: #EF1C22;
  transition: all 0.5s;
  border-radius: 15px;
}

.section-aliados {
  background-color: #ffffff;
}



/*NOSOTROS*/

.section-nosotros-01 {
  margin-top: -25rem;
}

.btn-cta-01:hover{
  background-color: #7F050E;
  transition: all 0.5s;
  color: #ffffff;
}

/* SERVICIOS */

.section-servicios-01 {
  margin-top: -25rem;
}

/* TRABAJE CON NOSOTROS */
.section-trabaja-con-nosotros-01{
  margin-top: -23rem;
}

/* CONTACTO */

.section-contactanos-01 {
  margin-top: -25rem;
}

/*****/

@media (max-width: 767px){
  .section-servicios-01 {
      margin-top: -5rem;
  }
  .section-nosotros-01 {
      margin-top: -5rem;
  }
  .section-contactanos-01 {
      margin-top: -5rem;
  }
  .section-trabaja-con-nosotros-01{
      margin-top: -5rem;
  }
  .header .navbar .navbar-collapse .navbar-nav .nav-item {
      text-align: center;
  }
}

/* ANIMACIONES */
.slide-in-bck-center {
-webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

.slide-in-blurred-left {
-webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-blurred-right {
-webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
        animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
