@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "DINProMedium";
  src: url("../fonts/DIN_Pro/FontFont - DIN Pro Medium.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DINProBold";
  src: url("../fonts/DIN_Pro/FontFont - DIN Pro Bold.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DINPro";
  src: url("../fonts/DIN_Pro/FontFont - DIN Pro Regular.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DINProCondBold";
  src: url("../fonts/DIN_Pro/FontFont - DIN Pro Cond Bold.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
:root {
  --text: #3b3d40;
  --red: #d36754;
  --beige: #f5f1e0;
  --bg-temas-m1: #974a33;
  --bg-temas-m2: #dfd8bc;
  --bg-temas-m3: #1f2134;
  --bg-temas-m4: #557964;
  --bg-temas-m5: #cdaa6d;
}

body {
  font-family: "DINProMedium", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--text);
  font-size: 1.2rem;
  line-height: 1.2;
  overflow-x: hidden;
}

.text-beige {
  color: var(--beige);
}

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

.testimonial-nombre {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
  margin: 0;
}

.testimonial-subtitulo {
  font-size: 1rem;
  margin: 0;
}

/*================== Mixins ==================*/
/*================== Hero banner ==================*/
.hero-video {
  position: relative;
  min-height: 750px;
  /* Altura completa de la ventana */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 20%;
     object-position: 80% 20%;
  z-index: -1;
}

.hero-content {
  position: relative;
  z-index: 1;
  /* Contenido encima del video y overlay */
  text-align: center;
  color: white;
  padding: 20px;
}

/*================== Botones ==================*/
.btn-principal {
  background-color: var(--red);
  border-radius: 0.9rem;
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 0.6rem;
}
.btn-principal:active, .btn-principal:hover {
  color: var(--beige);
  background-color: var(--red);
}

/*================== Bootstrap override ==================*/
.navbar-toggler {
  box-shadow: none;
  border: none;
  background-color: #000;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.15rem rgb(255, 255, 255);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Hacemos el wrapper relativo con espacio extra a los lados */
.carousel {
  padding: 0 50px;
  /* espacio para las flechas */
}

.carousel-control-prev,
.carousel-control-next {
  width: 40px;
  /* ancho fijo para la flecha */
}

.carousel-control-prev {
  left: 0;
  /* se queda pegada al borde del padding */
}

.carousel-control-next {
  right: 0;
}

/*================== Plecas ==================*/
.pleca {
  padding: 3.5rem 0 2.5rem 0;
  scroll-margin-top: 7rem;
}

.pleca-quees {
  background-image: url("../img/fondos/textura1.svg");
  background-color: var(--beige);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5.5rem 0 4rem 0;
}

.pleca-testimoniales {
  background-image: url("../img/fondos/Testimoniales.jpg?v=2");
  background-position: 30% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 60% 50%;
  font-size: 1.1rem;
}
.pleca-testimoniales .row {
  min-height: 500px;
}

.pleca-servicio {
  background-image: url("../img/fondos/Servicio-e-industria.jpg");
  background-position: 30% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 1.3rem;
}
.pleca-servicio .row {
  min-height: 500px;
}

.pleca-registro {
  background-color: #303149;
  color: #fff;
}

.pleca-modulo1 {
  background-image: url("../img/fondos/textura2.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.temas-modulo1 {
  background-color: var(--bg-temas-m1);
  color: white;
}

.pleca-modulo2 {
  background-image: url("../img/fondos/textura3.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.temas-modulo2 {
  background-color: var(--bg-temas-m2);
  color: #34332f;
}

.pleca-modulo3 {
  background-image: url("../img/fondos/textura4.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.temas-modulo3 {
  background-color: var(--bg-temas-m3);
  color: white;
}

.pleca-modulo4 {
  background-image: url("../img/fondos/textura5.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.temas-modulo4 {
  background-color: var(--bg-temas-m4);
  color: white !important;
}

.pleca-modulo5 {
  background-image: url("../img/fondos/textura6.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.temas-modulo5 {
  background-color: var(--bg-temas-m5);
  color: #212121;
}

.seccion-zigzag-blanco {
  background-color: #fff;
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-blanco::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f0ebe0;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

.seccion-zigzag-rojo {
  background-color: var(--bg-temas-m1);
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-rojo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #c86c55;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

.seccion-zigzag-beige {
  background-color: var(--bg-temas-m2);
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-beige::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f5f1e0;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

.seccion-zigzag-azul {
  background-color: var(--bg-temas-m3);
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-azul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #303249;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

.seccion-zigzag-verde {
  background-color: var(--bg-temas-m4);
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-verde::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #85ad96;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

.seccion-zigzag-cafe {
  background-color: var(--bg-temas-m5);
  padding: 6rem 0;
  position: relative;
}

.seccion-zigzag-cafe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #eccd97;
  height: 18px;
  clip-path: polygon(0% 0%, 2.5% 100%, 5% 0%, 7.5% 100%, 10% 0%, 12.5% 100%, 15% 0%, 17.5% 100%, 20% 0%, 22.5% 100%, 25% 0%, 27.5% 100%, 30% 0%, 32.5% 100%, 35% 0%, 37.5% 100%, 40% 0%, 42.5% 100%, 45% 0%, 47.5% 100%, 50% 0%, 52.5% 100%, 55% 0%, 57.5% 100%, 60% 0%, 62.5% 100%, 65% 0%, 67.5% 100%, 70% 0%, 72.5% 100%, 75% 0%, 77.5% 100%, 80% 0%, 82.5% 100%, 85% 0%, 87.5% 100%, 90% 0%, 92.5% 100%, 95% 0%, 97.5% 100%, 100% 0%);
}

/*================== Navbar ==================*/
.nav-item {
  margin: 0 0.8rem;
}

.nav-link {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
}
.nav-link:hover, .nav-link:active {
  color: var(--beige);
}

.nav-item.active .nav-link {
  color: var(--beige);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #ccc;
}

nav.scrolled {
  background-color: rgba(0, 0, 0, 0.7568627451);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

nav.scrolled .img-brand {
  transition: 500ms ease;
  max-width: 115px;
  height: auto;
}

.offcanvas {
  background-color: #000;
}

/*================== Headings ==================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 4.5rem;
  line-height: 0.85;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.9rem;
  line-height: 1;
}

/*================== Forms ==================*/
form {
  font-size: 1rem;
}
form div [class*=col] {
  margin: 0.5rem 0;
}
form a {
  color: var(--red);
  text-decoration: none;
}

label.is-invalid {
  color: var(--red);
  font-size: 0.75rem;
}

.form-label {
  font-size: 0.9rem;
}

/*================== Sliders ==================*/
#sliderTarget video {
  max-width: 250px;
}
#sliderTarget p {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  max-width: 250px;
  margin: 0.8rem auto;
  line-height: 1;
}
#sliderTarget .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2e2e2e'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
#sliderTarget .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2e2e2e'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

#sliderTargetMob video {
  max-width: 200px;
}
#sliderTargetMob p {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  max-width: 250px;
  margin: 0.8rem auto;
  line-height: 1;
}
#sliderTargetMob .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2e2e2e'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
#sliderTargetMob .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2e2e2e'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

/*================== Footer ==================*/
.footer {
  background-color: #000;
  color: #fff;
  font-size: 0.85rem;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}
.footer img {
  max-width: 100px;
}

/* Media Queries */
@media (min-width: 768px) {
  .seccion-zigzag::before {
    height: 18px;
    /* altura del zig-zag */
    clip-path: polygon(0% 0%, 1.25% 100%, 2.5% 0%, 3.75% 100%, 5% 0%, 6.25% 100%, 7.5% 0%, 8.75% 100%, 10% 0%, 11.25% 100%, 12.5% 0%, 13.75% 100%, 15% 0%, 16.25% 100%, 17.5% 0%, 18.75% 100%, 20% 0%, 21.25% 100%, 22.5% 0%, 23.75% 100%, 25% 0%, 26.25% 100%, 27.5% 0%, 28.75% 100%, 30% 0%, 31.25% 100%, 32.5% 0%, 33.75% 100%, 35% 0%, 36.25% 100%, 37.5% 0%, 38.75% 100%, 40% 0%, 41.25% 100%, 42.5% 0%, 43.75% 100%, 45% 0%, 46.25% 100%, 47.5% 0%, 48.75% 100%, 50% 0%, 51.25% 100%, 52.5% 0%, 53.75% 100%, 55% 0%, 56.25% 100%, 57.5% 0%, 58.75% 100%, 60% 0%, 61.25% 100%, 62.5% 0%, 63.75% 100%, 65% 0%, 66.25% 100%, 67.5% 0%, 68.75% 100%, 70% 0%, 71.25% 100%, 72.5% 0%, 73.75% 100%, 75% 0%, 76.25% 100%, 77.5% 0%, 78.75% 100%, 80% 0%, 81.25% 100%, 82.5% 0%, 83.75% 100%, 85% 0%, 86.25% 100%, 87.5% 0%, 88.75% 100%, 90% 0%, 91.25% 100%, 92.5% 0%, 93.75% 100%, 95% 0%, 96.25% 100%, 97.5% 0%, 98.75% 100%, 100% 0%);
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 6.5rem;
    line-height: 0.85;
  }
  h2 {
    font-size: 3.5rem;
  }
  h3 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .pleca-testimoniales {
    font-size: 1.3rem;
  }
  .pleca-servicio {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .pleca-testimoniales {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .hero-video video {
    -o-object-position: 100% 20%;
       object-position: 100% 20%;
  }
}/*# sourceMappingURL=styles.css.map */