@charset "UTF-8";
.background {
  background-color: #EFEFEF !important;
}

.banners {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.first-banners div {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.catalogo .field--name-field-product-link {
  display: none !important;
}

.banner img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.ruleta {
  background-color: white;
  width: 100%;
}

.imgs-ruleta p {
  font-weight: 600;
}

.fibra {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}
.fibra a {
  text-decoration: none !important;
  color: black !important;
  font-weight: 600;
}

.fibra:hover img {
  transform: scale(1.4);
}

.titles-banner {
  position: absolute;
  z-index: 2;
  display: flex;
  width: 90%;
  justify-content: center;
  font-weight: 400;
  color: white;
  align-items: center;
}

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

.title-banner {
  width: 40%;
}
.title-banner p {
  font-size: 5rem;
}

.subtitles-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  border-left: 4px solid;
  height: 20vh;
  width: 50%;
}
.subtitles-banner .uppercase-title {
  font-size: 1.5rem;
}
.subtitles-banner .lowercase-title {
  font-size: 3rem;
}

@media (max-width: 1100px) {
  .title-banner p {
    font-size: 3rem;
  }
  .subtitles-banner .uppercase-title {
    font-size: 1rem;
  }
  .subtitles-banner .lowercase-title {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  .title-banner p {
    font-size: 2rem;
  }
  .title-banner {
    width: 45%;
  }
}
@media (max-width: 550px) {
  .banner-responsive img {
    height: 50vh;
    width: 100vh;
    max-width: none;
  }
  .subtitles-banner {
    padding: 0px;
    padding-left: 20px;
    height: auto;
  }
  .titles-banner {
    padding: 10px;
  }
  .titles-banner p {
    font-size: 20px;
  }
  .subtitles-banner .uppercase-title {
    font-size: 12px;
  }
  .subtitles-banner .lowercase-title {
    font-size: 24px;
  }
  .title-banner, .subtitles-banner {
    width: 100%;
  }
  .field--name-field-img-banner img {
    height: auto;
    object-fit: fill;
  }
}
.simulador-container {
  background-image: url(../imgs/sim_ambientes.png);
  background-size: cover;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  padding: 13%;
  align-items: center;
}

.simulador-design {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5%;
  flex-wrap: wrap;
}

.txt-simulador {
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
  width: 46%;
}

.btn-container a {
  display: inline-block;
  background-color: white;
  color: black;
  border: 1px solid black;
  border-radius: 50%;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  justify-content: center;
}

@media (max-width: 800px) {
  .txt-simulador {
    font-size: 3rem;
    width: 100%;
    text-align: center;
  }
}
.slider2 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0px 50px !important;
  gap: 50px !important;
}

.slider2 img:first-child,
.slider2 img:nth-child(2),
.slider2 img:nth-child(3),
.slider2 img:nth-child(4),
.slider2 img:nth-child(5) {
  display: block;
}

.element a {
  display: none;
}

.slider_img img {
  padding: 15px !important;
  width: 90%;
  height: 90%;
}

.catalogo .carrousel-container {
  padding: 0px 16px !important;
}

.carrousel-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 16px !important;
}

.section-design .banner-designs button {
  position: absolute;
  top: 8%;
  left: 38%;
}

.orange-div {
  background: #f37400;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  color: white;
  text-align: center;
}

.background2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 50px 0;
  background-color: #EFEFEF;
  height: auto !important;
}
.background2 h2 {
  padding-left: 40px;
  padding-right: 40px;
}

.display-img {
  visibility: visible !important;
}

.display-none a {
  visibility: hidden;
}

.slider-disenios .slick-list {
  height: 500px !important;
}
.slider-disenios .slick-slide {
  width: 1080px !important;
}
.slider-disenios .slider {
  width: 100% !important;
  max-width: 1080px !important;
}

@media (max-width: 1080px) {
  .slider-disenios .slick-list {
    height: 350px !important;
  }
  .slider-disenios .slick-slide {
    width: 700px !important;
  }
  .slider-disenios .slider {
    width: 100% !important;
    max-width: 700px !important;
  }
}
@media (max-width: 700px) {
  .slider-disenios .slick-list {
    height: 300px !important;
  }
  .slider-disenios .slick-slide {
    width: 500px !important;
  }
  .slider-disenios .slider {
    width: 100% !important;
    max-width: 500px !important;
  }
}
@media (max-width: 500px) {
  .slider-disenios .slick-list {
    height: 190px !important;
  }
  .slider-disenios .slick-slide {
    width: 400px !important;
  }
  .slider-disenios .slider {
    width: 100% !important;
    max-width: 400px !important;
  }
  .slider-disenios .carrousel-container {
    padding: 0px !important;
  }
  .slider-disenios .slider_img img {
    padding: 0px !important;
  }
}
@media (max-width: 450px) {
  .slider_img img {
    width: 100% !important;
  }
  .slider2 {
    gap: 0px !important;
  }
}
@media (max-width: 400px) {
  .slider-disenios .slick-list {
    height: auto !important;
  }
  .slider-disenios .slick-slide {
    width: 250px !important;
  }
  .slider-disenios .slider {
    width: 100% !important;
    max-width: 250px !important;
  }
  .slider-disenios .slider_img img {
    height: auto !important;
  }
}
.contenedor-secciones {
  padding: 0 0 56px;
}

.viewTendencia-viewcrear .diseños {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  padding: 60px;
  justify-content: center;
}
.viewTendencia-viewcrear .diseños .ultima-coleccion {
  background-image: url(../imgs/catalogo.png);
  display: flex;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 48vh;
}
.viewTendencia-viewcrear .diseños .productos {
  display: flex;
  background-image: url(../imgs/Productos.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 48vh;
}
.viewTendencia-viewcrear .diseños .second-part {
  display: flex;
  flex-direction: column;
  width: 30%;
  height: 100%;
  gap: 20px;
}
.viewTendencia-viewcrear .diseños .second-part .catalogo-digital {
  display: flex;
  background-image: url(../imgs/texturas.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 48vh;
}
.viewTendencia-viewcrear .diseños .second-part .texturas {
  display: flex;
  background-image: url(../imgs/texturas.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 48vh;
}
.viewTendencia-viewcrear .diseños .last-part {
  display: flex;
  flex-direction: column;
  width: 30%;
  height: 100%;
  gap: 20px;
}
.viewTendencia-viewcrear .diseños .last-part .fichas-tecnicas {
  display: flex;
  background-image: url(../imgs/coleccion.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 36vh;
}
.viewTendencia-viewcrear .diseños .last-part .sim-ambientes {
  display: flex;
  background-image: url(../imgs/simulador_ambientes.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 60vh;
}
.viewTendencia-viewcrear .diseños .titles-coleccion a {
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}
.viewTendencia-viewcrear .diseños a {
  color: white;
  font-weight: 500;
}
.viewTendencia-viewcrear .diseños .align-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 67px;
}

@media (max-width: 1170px) {
  .viewTendencia-viewcrear .diseños .second-part {
    width: 40%;
  }
  .viewTendencia-viewcrear .diseños .last-part {
    width: 50%;
  }
}
@media (max-width: 800px) {
  .viewTendencia-viewcrear .diseños .second-part {
    width: 80%;
  }
  .viewTendencia-viewcrear .diseños .last-part {
    width: 80%;
  }
}
@media (max-width: 600px) {
  .viewTendencia-viewcrear .diseños {
    padding: 60px 16px;
  }
  .viewTendencia-viewcrear .diseños .align-container {
    padding: 40px;
  }
}
header {
  display: flex;
  width: 100%;
  background-color: #f37400;
  height: 100px;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18);
  position: fixed;
  z-index: 100;
}

.contenedor-secciones, #idfooter,
.diseños, .menu-sostenibilidad,
.contenedor-disenios,
.biblioteca-container,
.simulador-container,
.view-novedades, .contactanos,
.node--type-texturas-prueba,
.node--type-quienes-somos-page,
.forestal-contenedor, .contenedor-bikePark {
  top: 100px;
  position: relative;
}

.div-icono {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
}

.icono {
  width: 100%;
  height: auto;
}

.menu_aglomerados {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.menu-btn {
  display: none;
  background: transparent;
  border: none;
  color: white;
}

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

.items_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.subitems {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 16px 0;
  gap: 8px;
}
.subitems a {
  text-decoration: none;
  color: black;
  font-size: 16px;
}
.subitems li {
  padding: 0 16px;
  font-weight: 500;
}

.lista {
  text-decoration: none;
  color: white;
  padding: 16px 32px;
  position: relative;
}

.hijos {
  display: none;
  position: absolute;
  z-index: 2;
  background: #fff;
  width: 14%;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18);
}

.lista:hover {
  text-decoration: revert;
}

.subitems li:hover {
  background-color: #f37400;
}
.subitems li:hover a {
  color: white;
  width: 100%;
  display: block;
}

.padre-hijos:hover .hijos {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1140px) {
  .lista {
    padding: 10px;
  }
}
@media (max-width: 1140px) {
  .lista {
    padding: 12px;
  }
}
/* Estilos para pantallas pequeñas */
@media (max-width: 980px) {
  .header {
    position: fixed;
    z-index: 100;
  }
  .contenedor-secciones, #idfooter,
  .diseños, .menu-sostenibilidad,
  .contenedor-disenios,
  .biblioteca-container,
  .simulador-container,
  .view-novedades, .contactanos,
  .node--type-texturas-prueba,
  .node--type-quienes-somos-page,
  .forestal-contenedor, .contenedor-bikePark {
    top: 100px;
    position: relative;
  }
  .div-icono {
    width: 80%;
  }
  .padre-hijos {
    width: 100%;
  }
  .menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: transparent;
  }
  .menu-btn {
    display: block;
    font-size: 2rem;
    cursor: pointer;
    margin-right: 1rem;
  }
  .items {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 2;
    transition: height 0.3s ease-in-out;
  }
  .items.active {
    top: 100px !important;
    flex-direction: column;
    height: 44vh !important;
    background-color: white;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.18);
  }
  .items.active.height-items {
    height: 68vh !important;
  }
  .lista {
    display: block;
    padding: 1rem;
    color: black;
    text-align: center;
    width: 100%;
    border-bottom: solid 1px;
  }
  .subitems a {
    color: black;
  }
  .padre-hijos.hover .hijos {
    display: block;
  }
  .padre-hijos.hover .items.active {
    height: 100vh;
  }
  .hijos {
    display: none;
    position: relative;
    width: 100%;
  }
  .contenedor {
    transition: transform 0.3s ease-in-out;
  }
  .contenedor.active {
    transform: translateY(44vh);
  }
  .contactos.active {
    transform: translateY(44vh);
  }
  .contenedor.active.height-items {
    transform: translateY(70vh);
  }
  .contactos.active.height-items {
    transform: translateY(70vh);
  }
}
.lista2 {
  text-decoration: none;
  color: white;
  font-weight: bold;
}

.enlaces {
  padding: 0 0 0 30px;
  display: flex;
  gap: 56px;
  flex-wrap: wrap;
}

.contenedor-enlaces {
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.footer {
  width: 20%;
}

.contactos {
  background: black;
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
  padding: 64px;
  align-items: center;
  justify-content: center;
}

.part1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}

.part2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 48px 0 0 0;
}

.part3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}

.part4 {
  background: #000;
  display: flex;
  padding: 32px;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}

.region-footer-fourth a {
  display: flex;
  width: 100%;
  color: white;
  padding: 16px;
  border: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}

.texto {
  padding: 0 0 0 27px;
  color: white;
  display: flex;
  flex-direction: column;
}

.tit {
  padding: 0 0 25px 0;
}

.logos {
  width: 80%;
}

.mini {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 23px;
}
.mini ul {
  margin: 0;
  padding: 0;
  height: auto;
}
.mini ul a {
  text-decoration: none;
}

.logoNegro {
  width: 50%;
  padding: 0 0 0 16px;
}

.iconos-footer {
  display: flex;
  list-style: none;
}

.footer-design {
  text-decoration: none;
}

@media (max-width: 1284px) {
  .contactos {
    font-size: 0.9rem;
    padding: 32px;
  }
}
@media (max-width: 1100px) {
  .texto, .mini, .enlaces {
    padding: 0px;
  }
  .part3 {
    align-items: center;
  }
}
@media (max-width: 740px) {
  .part2 {
    padding: 0;
  }
  .logoNegro {
    padding: 0;
  }
  .part1 .texto {
    padding: 0;
  }
}
@media (max-width: 670px) {
  .part2, .part1, .texto, .part3 {
    align-items: center;
  }
}
@media (max-width: 450px) {
  .part2, .part1, .texto, .part3 {
    text-align: center;
  }
  .mini, .enlaces {
    justify-content: center;
  }
  .contenedor-enlaces {
    align-items: center;
  }
}
.rectangulo {
  background-color: #f37400;
  border-radius: 10px;
  padding: 1em 1em 2em 10em;
  width: 80%;
}

.blanco {
  color: white;
  font-weight: bold;
  padding: 0 0 0 59px;
}

.blanco1 {
  color: white;
  font-weight: bold;
  padding: 0 0 0 59px;
}

.blanco2 {
  color: white;
  font-weight: 400;
  padding: 0 0 0 59px;
}

.fibraplac {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  padding: 86px 0 0;
}

.contenedor-izquierda {
  display: flex;
  width: 100%;
  max-width: 706px;
  flex-direction: column;
  justify-content: initial;
}

.ImgResponsive img {
  max-width: 100%;
  height: auto;
}

.contenedor-infoFibra {
  width: 100%;
  max-width: 666px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  padding: 40px;
}

.fibraInfo {
  padding: 42px 0;
}

.moreInfo {
  display: flex;
  flex-wrap: wrap;
  padding: 55px 0;
  gap: 20px;
  flex-direction: row-reverse;
  justify-content: left;
}

hr {
  border-top: 1px solid #efefef;
}

.section-divider {
  width: 100%;
  height: 30px;
  background-color: #efefef;
}

.linea {
  width: 100%;
  padding: 20px 0 0 0;
}

.txtInfo {
  width: 100%;
  max-width: 290px;
  padding: 20px 0;
}

.titulo {
  color: #f37400;
  font-weight: 700;
}

.imgs img {
  width: 122px;
}

@media (max-width: 1370px) {
  .contenedor-izquierda {
    width: 60%;
    justify-content: initial;
  }
  .contenedor-infoFibra {
    width: 40%;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 800px) {
  .contenedor-izquierda {
    width: 100%;
  }
  .contenedor-infoFibra {
    width: 100%;
  }
  .fibraInfo {
    display: flex;
    flex-direction: column;
  }
  .fibraConteiner {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 50px;
  }
}
@media (max-width: 700px) {
  .contenedor-izquierda {
    width: auto;
  }
  .blanco1, .blanco2 {
    padding: 0 0 0 16px;
    font-size: 1rem;
  }
  .rectangulo {
    padding: 1em 2em;
    width: 100%;
  }
  .titulo {
    font-size: 1rem;
  }
  .slick-next {
    width: 15%;
  }
}
@media (max-width: 500px) {
  .rectangulo {
    width: 100%;
    padding: 10px;
  }
  .moreInfo {
    justify-content: center !important;
    padding: 0px !important;
    gap: 5px !important;
  }
}
.archivo {
  display: none;
  width: 80%;
}

.biblioteca-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.download-all-files {
  display: none;
}

.encabezado {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0 0 0;
}
.encabezado p {
  width: 25%;
  text-align: center;
}

.log {
  padding: 30px;
  width: 20%;
}

.title-disenios {
  display: flex;
  padding: 0px 208px;
  font-weight: 600;
  font-size: 1.5rem;
}

.designs_container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.download-fichas {
  width: 18%;
}

.design {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 0 0 40px;
}

.first_section {
  display: flex;
  border: 1px solid #707070;
  background-image: url(../imgs/coleccion.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  justify-content: center;
  color: white;
}

.first_section_melaminas {
  display: flex;
  border: 1px solid #707070;
  background-image: url(../imgs/alaska.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  justify-content: center;
  color: black;
}

.first_section_melaminasR {
  display: flex;
  border: 1px solid #707070;
  background-image: url(../imgs/F_CH_1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  justify-content: center;
  color: black;
}

.first_section_fichas {
  display: flex;
  border: 1px solid #707070;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  justify-content: center;
  color: black;
  background-color: white;
}

.banner_img {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0 50px;
  align-items: center;
}
.banner_img .title {
  font-weight: 600;
  font-size: 1.3rem;
}

.download {
  display: flex;
  background-color: #f37400;
  justify-content: center;
  padding: 10px;
  gap: 10px;
  height: 100%;
  align-items: center;
  color: white;
}
.download p {
  width: 60%;
  font-weight: 600;
}

.btn-descargar {
  width: 60%;
  cursor: pointer;
}

.second_section {
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  padding: 5px 50px;
  background-color: white;
  display: flex;
  border: 1px solid #707070;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  justify-content: space-between;
  color: black;
}
.second_section p {
  font-weight: 600;
  font-size: 1.2rem;
}
.second_section .btn-archivos {
  width: 3%;
  cursor: pointer;
}

.views-field-field-encabezado {
  width: 80%;
}

.views-field-field-encabezado-fichas {
  width: 80%;
}

.views-field-field-encabezado-titu {
  width: 80%;
}

.views-field-field-encabezado-fichas-titulo {
  width: 80%;
}

.archivo table {
  border-collapse: collapse;
  width: 100%;
}

.archivo th {
  background-color: #f2f2f2;
  color: #555;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.archivo tr:nth-child(even) {
  background-color: #f9f9f9;
}

.archivo td {
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
}

.archivo td a {
  text-decoration: none;
  text-transform: uppercase;
  color: #0071b3;
}

.archivo td a:hover {
  text-decoration: underline #0071b3;
}

.content-files {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.block-content .view-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tabla thead {
  display: none;
}

@media (max-width: 900px) {
  .log {
    width: 30%;
  }
  .banner_img .title {
    font-size: 1.2rem;
  }
  .title-disenios {
    padding: 0 105px;
    font-size: 1.2rem;
  }
  .second_section p {
    font-size: 1rem;
  }
  .download p {
    font-size: 1rem;
  }
  .second_section .btn-archivos {
    width: 5%;
  }
}
@media (max-width: 650px) {
  .log {
    width: 40%;
  }
  .banner_img {
    padding: 0px;
    flex-direction: column;
  }
  .download {
    width: 100%;
  }
  .title-disenios {
    padding: 0 40px !important;
  }
  .encabezado p {
    width: 60%;
  }
  .second_section .btn-archivos {
    width: 8%;
  }
  .banner_img .title {
    padding: 24px;
  }
}
@media (max-width: 500px) {
  .log {
    width: 60%;
  }
}
.disenio_banner {
  position: absolute;
}

.design-group {
  display: flex;
  align-items: center;
}

.elements_align {
  display: flex;
  gap: 60px;
}

.btn-biblioteca img {
  width: 60px;
  height: 60px;
}

.combinaciones {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 32px;
  padding: 30px 0;
}

.slider {
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
}

.dot {
  width: 20px;
  height: 20px;
  border-radius: 0;
  background-color: #ddd;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #f37400;
}

.ruleta-title .field--name-field-product-link {
  display: none !important;
}

.field--name-field-ruleta-texturas2 {
  width: 100%;
  display: flex;
  gap: 80px;
  justify-content: center;
}
.field--name-field-ruleta-texturas2 .slider-container {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zoom_div {
  display: flex;
  justify-content: center;
  gap: 10%;
  padding: 40px;
}

.vertical-slider {
  width: 200px;
  height: auto;
}

.zoom {
  display: flex;
  padding: 50px;
  gap: 10%;
  position: relative;
  width: 100%;
}

.img_zoom {
  background-color: #EFEFEF;
  border: 2px dashed grey;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50% !important;
  padding: 40px;
}
.img_zoom p {
  width: 70%;
  text-align: center;
}
.img_zoom .field__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zoomed-image-container {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}

.zoomed-image {
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 700px) {
  .field--name-field-ruleta-texturas2 {
    flex-wrap: wrap;
  }
  .img_zoom {
    width: 90%;
  }
}
.background-mapa {
  background-color: #2A2929;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 56px;
  padding: 72px;
}

.titulo-mapa {
  color: white;
  text-align: center;
}

.texto-mapa {
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 24px 24px 72px;
  width: 33.33%;
}

.texto-familia {
  color: black;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 40px 72px;
  width: 50%;
}

.texto-calidad {
  color: black;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 72px 0px;
  width: 85%;
}
.texto-calidad p {
  border-bottom: 4px solid #EFEFEF;
  padding: 0 0 32px 0;
}

.textos-mapa {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

.textos-familia {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

.linea-mapa {
  border-left: 1px solid white;
}

.linea-familia {
  border-left: 1px solid #707070;
}

.linea-sostenibilidad {
  border-left: 1px solid black;
}

.calidad {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.banners-familia {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 600px) {
  .texto-familia {
    width: 100%;
  }
  .linea-familia {
    border-left: none;
    border-top: 1px solid #707070;
  }
}
.orange-button {
  position: absolute;
  padding-left: 40px;
  padding-top: 220px;
  width: 100%;
  display: flex;
}
.orange-button a {
  padding: 16px 36px;
  background-color: #f37400;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.button a {
  position: absolute;
  top: 65%;
  left: 69%;
  transform: translate(-50%, -50%);
  padding: 15px 40px;
  background-color: #fff;
  border: none;
  border-radius: 70px;
  color: #000;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.btn-simulador a {
  position: absolute;
  top: 83%;
  left: 14%;
  transform: translate(-50%, -50%);
  padding: 15px 40px;
  background-color: #fff;
  border: none;
  border-radius: 70px;
  color: #000;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.btn-diseños a {
  text-align: center;
  padding: 16px 56px;
  background-color: white;
  border-radius: 70px;
  color: black;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.btn-descubre a {
  text-align: center;
  padding: 16px 56px;
  background-color: #f37400;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.btn-submit {
  border: none;
  text-align: center;
  padding: 16px 56px;
  background-color: #f37400;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.btn-contacto {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding-top: 280px;
  width: 100%;
}
.btn-contacto a {
  border: none;
  text-align: center;
  padding: 16px 56px;
  background-color: #f37400;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.btn-sim a {
  box-shadow: 5px 6px 3px;
  padding: 15px 40px;
  background-color: #fff;
  border: none;
  border-radius: 70px;
  color: #000;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  top: 7%;
  left: 40%;
}

.btn-social a {
  text-align: center;
  padding: 16px 40px;
  position: absolute;
  left: 14%;
  top: 80%;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
  background-color: #f37400;
  border-radius: 16px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.btn-archivo input {
  padding: 15px 40px;
  background-color: #fff;
  border: none;
  border-radius: 70px;
  color: #000;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.btn-simu a {
  box-shadow: 5px 6px 3px;
  padding: 15px 40px;
  background-color: #fff;
  border: none;
  border-radius: 70px;
  color: #000;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.conoce-social a {
  text-align: center;
  padding: 16px 40px;
  background-color: white;
  border-radius: 16px;
  color: #f37400;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.conoce-ambiental a {
  text-align: center;
  padding: 16px 40px;
  background-color: white;
  border-radius: 16px;
  color: #63B337;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.conoce-economico a {
  text-align: center;
  padding: 16px 40px;
  background-color: white;
  border-radius: 16px;
  color: black;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.conoce-bike {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
.conoce-bike a {
  text-align: center;
  padding: 16px 40px;
  background-color: #f37400;
  border-radius: 16px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.conoce-inversion a {
  text-align: center;
  padding: 16px 40px;
  background-color: white;
  border-radius: 16px;
  color: #f37400;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.btn-bike {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.btn-bike a {
  text-align: center;
  padding: 16px 56px;
  background-color: black;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.pager__items {
  background-color: #efefef;
  height: 25vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #EFEFEF;
}
.pager__items a {
  text-align: center;
  padding: 16px 56px;
  background-color: #f37400;
  border-radius: 70px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

@media (max-width: 1200px) {
  .btn-sim a {
    top: 5%;
    font-size: 0.8rem;
    padding: 16px 24px;
  }
  .btn-social a {
    top: 79.7%;
  }
}
@media (max-width: 900px) {
  .orange-button {
    justify-content: center;
    padding-left: 0px;
    padding-top: 120px;
  }
  .orange-button a {
    padding: 12px 24px;
  }
  .btn-contacto {
    padding-top: 150px;
  }
  .btn-contacto a {
    padding: 12px 24px !important;
  }
}
@media (max-width: 880px) {
  .btn-bike a {
    font-size: 0.7rem;
    padding: 16px 32px;
  }
  .btn-social {
    justify-content: center;
    display: flex;
    padding-top: 20px;
  }
  .btn-social a {
    position: inherit !important;
  }
  .conoce-bike a {
    padding: 10px 18px;
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .btn-sim a {
    position: inherit;
  }
  .button a {
    position: inherit;
  }
  .field--name-field-enlace-banner, .field--name-field-boton-noticia {
    padding-top: 20px;
    text-align: center;
  }
  .btn-descubre a {
    font-size: 0.7rem;
    padding: 12px 32px;
  }
  .background2 h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 690px) {
  .btn-diseños a {
    padding: 16px 32px;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1800px) {
  .conoce-bike {
    width: 50%;
  }
  .icon-bike {
    width: 40% !important;
  }
}
.certificados {
  display: flex;
  gap: 5%;
  justify-content: center;
  padding: 0 0 112px 112px;
}

.link-certificados {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.logos-certificados {
  display: flex;
  flex-direction: column;
  width: 16%;
  justify-content: center;
}

.texto-certificados {
  width: 30%;
}

.img-certificado img {
  width: 100%;
  height: auto;
}

.logos-certificados img:not(:first-child) {
  display: none;
}

.texto-certificados p:not(:first-child) {
  display: none;
}

.link-certificados h3:hover {
  color: #f37400;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 1140px) {
  .certificados {
    padding: 0 0 112px 0px;
  }
}
@media (max-width: 700px) {
  .logos-certificados {
    width: 30%;
  }
  .texto-certificados {
    width: 72%;
  }
  .certificados {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
@media (max-width: 400px) {
  .texto-familia {
    padding: 0px;
    width: 80%;
  }
  .linea-familia {
    border-left: none;
    border-top: 1px solid #707070;
  }
}
.contactanos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 40px;
  padding: 0px 0px 96px;
}

.forms {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 80%;
}

.form {
  width: 100%;
  background: #EFEFEF;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
}

.input-form {
  border: none;
  background: #EFEFEF;
}

.doble-form {
  width: 50%;
}

.txt-form {
  left: 2%;
  position: relative;
  padding: 24px;
}

.txt-form-mensaje {
  position: relative;
  padding: 24px 24px 24px 0;
  border: none;
}

.familia-banners {
  display: flex;
  padding: 56px 0px;
  flex-direction: column;
  gap: 32px;
}

.form-two {
  display: flex;
  width: 100%;
  gap: 8px;
}

.captcha {
  border: none;
}

.js-webform-document-file {
  display: flex;
  flex-wrap: wrap;
}
.js-webform-document-file input {
  display: flex;
}

.js-form-type-email, .form-item-numero-de-contacto {
  width: 50%;
}

@media (max-width: 600px) {
  .js-form-type-email, .form-item-numero-de-contacto {
    width: 100%;
  }
  .form-two {
    flex-wrap: wrap;
  }
}
.body-class {
  background-image: url(../imgs/home2.png);
  background-size: cover;
  background-position: center;
  font-family: "Poppins", sans-serif;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.group_text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh !important;
}

.idiomas {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.global-container {
  display: flex;
  justify-content: center;
  gap: 19%;
  width: 100%;
  flex-wrap: wrap;
}

.img-lang {
  width: 70%;
}

.titulo-home {
  font-size: 3rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0px;
  text-align: center;
  line-height: 1;
}

.btn-click {
  text-decoration: none;
}

.text {
  color: white;
  font-size: 20px;
  text-align: center;
  margin: 0px;
  padding: 0 0 20px;
}

.click:hover {
  cursor: pointer;
}

.click a {
  background: none;
  border: 2px solid white;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  width: 119px;
  height: 35px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: "Poppins";
}

.izquierda, .derecha {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  gap: 20px;
}

.seccion2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 13%;
  align-items: center;
  padding-right: 10%;
}

.logo {
  width: 85%;
}

.img-idiomas {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.escoge {
  color: white;
  font-weight: 700;
  font-size: 16px;
}

.home-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.display {
  background-color: aqua !important;
}
.display .field__label {
  display: none !important;
}

@media (max-width: 1012px) {
  .seccion2 {
    justify-content: center;
    padding: 0px;
    position: inherit !important;
    flex-wrap: wrap !important;
  }
  .home-container {
    gap: 170px;
  }
}
@media (max-width: 650px) {
  .home-container {
    gap: 50px;
  }
  .global-container {
    padding: 128px 20px 20px !important;
    flex-direction: column;
    gap: 50px;
    align-items: center;
  }
  .izquierda, .derecha {
    width: 80%;
  }
}
.slide-sostenibilidad {
  background: #EFEFEF;
  padding: 56px 0;
}
.slide-sostenibilidad img {
  padding: 24px !important;
}

.iconos-sostenibilidad {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.banners-sostenibilidad {
  display: flex;
  flex-direction: column;
  background-color: #EFEFEF;
  gap: 72px;
  justify-content: center;
  align-items: center;
}

.barra-negra {
  background: black;
  width: 8%;
  height: 1vh;
  margin: auto;
}

.bike {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.txt-impacto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  text-align: center;
}

.rectangulo-gris {
  position: absolute;
  top: 103%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 22vh;
  max-width: 600px;
  max-height: 125px;
  background-color: #EFEFEF;
  z-index: 1;
  color: black;
  font-size: 1rem;
  text-align: center;
  padding: 0 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.icon-img {
  width: 106px;
  height: auto;
}

.icon {
  padding: 16px 80px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  font-weight: 500;
  color: black;
  text-decoration: none;
}
.icon a {
  color: black;
  text-decoration: none;
}

.desarrollo:hover img {
  transform: scale(1.2);
}

@media (max-width: 935px) {
  .linea-sostenibilidad {
    border-left: none;
  }
}
@media (max-width: 800px) {
  .slide-sostenibilidad img {
    padding: 12px !important;
  }
}
@media (max-width: 650px) {
  .rectangulo-gris {
    font-size: 1rem;
    padding: 50px;
  }
  .intro-sostenibilidad {
    text-align: justify;
    gap: 20px !important;
  }
}
.banners-social {
  padding: 56px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.social-banners {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.Texto-social {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.comunidad-banner {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.comunidad-banner .txt-banners {
  width: 70%;
}

.barra-blanca-banners {
  background: white;
  width: 35%;
  height: 1vh;
}

.txt-banners-social {
  gap: 16px;
  display: flex;
  flex-direction: column;
  width: 50%;
}

@media (max-width: 900px) {
  .comunidad-banner {
    flex-wrap: wrap;
  }
  .comunidad {
    width: 50%;
  }
  .txt-banners-social {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .comunidad {
    width: 80%;
  }
}
.forestal-contenedor {
  display: flex;
  flex-direction: column;
  padding: 56px 0 0 0;
}

.gray {
  background-color: #EFEFEF;
}

.section-forestal {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.imgs-sobrepuestas-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.imgs-sobrepuestas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  position: relative;
  top: -64px;
}

.imgs-sobrepuestas2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  position: relative;
  top: -35px;
}

.img-front {
  display: flex;
  justify-content: center;
  gap: 32px;
  width: 80%;
  z-index: 2;
}
.img-front img {
  width: 100%;
  height: auto;
}

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

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

.biodiversidad {
  color: #fff;
  text-align: center;
}

.field--name-field-texto-biodiversidad {
  position: absolute;
  z-index: 2;
  width: 70%;
  display: flex;
}

.row-green {
  width: 80%;
  background-color: #63B337;
  display: flex;
  gap: 165px;
  color: white;
  padding: 16px 104px;
  justify-content: center;
  align-items: center;
}
.row-green a {
  color: white;
}

.process-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.process-container img {
  width: 80%;
}

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

.manejo-forestal {
  text-align: center;
}
.manejo-forestal h1 {
  margin: auto;
}

.texto-plantaciones {
  top: -77px;
  position: relative;
}
.texto-plantaciones .text-align {
  position: relative;
  top: -14px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px;
}

.icons-section {
  padding: 72px 0;
}

@media (max-width: 1200px) {
  .row-green {
    padding: 16px;
  }
  .field--name-field-texto-biodiversidad {
    width: 100%;
  }
  .biodiversidad .texto-banner {
    gap: 10px;
  }
}
@media (max-width: 900px) {
  .row-green {
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }
  .imgs-sobrepuestas, .texto-plantaciones {
    position: inherit;
  }
  .imgs-sobrepuestas {
    padding: 40px;
  }
}
@media (max-width: 650px) {
  .img-front {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .row-green p, .row-green a {
    font-size: 0.6rem;
  }
  .field--name-field-texto-biodiversidad {
    width: 100%;
  }
  .section-forestal {
    gap: 72px;
  }
}
@media (max-width: 330px) {
  .section-forestal {
    gap: 112px;
  }
}
.donaciones {
  display: flex;
  justify-content: center;
  gap: 172px;
  padding: 40px;
  flex-wrap: wrap;
  text-align: center;
}

.donacion {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.donacion img {
  width: 50%;
}

.section-economico {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.txt-inversiones {
  display: flex;
  flex-direction: column;
  position: absolute;
  color: #fff;
  z-index: 2;
  align-items: flex-end;
  text-align: end;
  gap: 32px;
  padding: 40px;
}

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

@media (max-width: 900px) {
  .donaciones {
    gap: 28px;
  }
}
.timeline-familia {
  background-color: #2A2929;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 95vh;
  overflow: hidden;
  padding: 32px;
}

.barra-blanca {
  background: white;
  width: 12%;
  height: 0.6vh;
  margin: auto;
}

.timeline-logo {
  width: 8%;
}

.timeline-txt {
  position: absolute;
  padding: 40px;
  width: 36%;
  text-align: left;
  font-size: 1.7rem;
  font-weight: 700;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.scroll-container {
  height: 100%;
  overflow-y: scroll;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: "";
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  height: 500vh;
  bottom: 0;
  left: 50.5%;
  margin-left: -3px;
}

/* Container around content */
.container {
  padding: 10px 40px 10px 60px;
  position: relative;
  background-color: inherit;
  width: 50%;
  margin-bottom: -159px;
  opacity: 0;
  display: flex;
  justify-content: center;
}

.container.visible {
  opacity: 1;
  transform: none;
  transition-delay: 0.2s;
  justify-content: center;
}

/* The circles on the timeline */
.container::after {
  content: attr(data-year);
  position: absolute;
  width: 93px;
  height: 40px;
  right: -50px;
  background-color: #2A2929;
  border: 4px solid white;
  top: 39px;
  border-radius: 20px;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Place the container to the left */
.left {
  left: 0;
  padding: 10px 60px 10px 40px;
  display: flex;
  justify-content: right;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 47px;
  width: 0;
  z-index: 3;
  right: 43px;
  border: medium solid white;
  border-width: 14px 0 22px 45px;
  transform: rotate(180deg);
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 44px;
  width: 0;
  z-index: 3;
  left: 38px;
  border: medium solid white;
  border-width: 14px 45px 22px 0;
  transform: rotate(180deg);
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -53px;
}

.carpet {
  background-color: white;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.carpet-title {
  color: #f37400;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.carpet-text {
  color: black;
  text-align: center;
  font-size: 0.7rem;
}

/* The actual content */
.content {
  width: 80%;
  height: auto;
}

@media (max-width: 1200px) {
  .timeline-txt {
    font-size: 1.3rem;
  }
  .timeline:after {
    height: 374vh;
  }
}
@media (max-width: 900px) {
  .timeline-txt {
    width: 45%;
  }
  .timeline:after {
    height: 278vh;
  }
}
@media screen and (max-width: 750px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 40px;
    height: 707vh;
  }
  .content {
    width: 100%;
  }
  .timeline-txt {
    right: 0%;
    left: 16%;
    position: relative;
    width: 80%;
  }
  .timeline-logo {
    left: -44%;
    position: relative;
  }
  /* Full-width containers */
  .container {
    width: 100%;
    padding-left: 168px;
    padding-right: 25px;
    margin-bottom: 11px;
  }
  /* Make sure that all arrows are pointing leftwards */
  .container::before {
    left: 108px;
    border: medium solid white;
    border-width: 14px 45px 22px 0;
    border-color: transparent white transparent transparent;
  }
  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }
  .left {
    justify-content: left;
  }
  /* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}
@media (max-width: 500px) {
  .timeline::after {
    margin-left: -32px;
    height: 530vh;
  }
  .timeline-txt {
    font-size: 16px;
    padding: 0;
    padding-left: 40px;
  }
  .timeline-logo {
    width: 15%;
  }
  .left::after, .right::after {
    left: 0px;
  }
  .container:after {
    width: 64px;
    height: 33px;
    font-size: 1.3rem;
  }
  .container {
    padding-right: 0px;
    padding-left: 100px;
  }
  .container:before {
    left: 67px;
    border-width: 13px 27px 19px 0;
  }
  .timeline-familia h1 {
    font-size: 24px;
  }
}
.noticias {
  display: flex;
  justify-content: center;
  align-items: center;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
  background-color: #EFEFEF;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.noticia {
  width: 34% !important;
  background: white;
}
.noticia img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto !important;
}

.destacada {
  width: 70%;
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: center;
}

.row-destacada {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  background-color: white;
}

.txt-destacada {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.txt-destacada a {
  color: black;
  text-decoration: none;
  font-weight: 700;
  font-size: 2rem;
}

.img-destacada {
  width: 50%;
}
.img-destacada img {
  width: 100%;
  height: auto !important;
}

.video-bottom {
  display: flex;
  flex-direction: column;
  padding: 40px !important;
}
.video-bottom a {
  color: black;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.3rem;
}

.main-news {
  color: #f37400;
  font-weight: 500;
}

.date {
  color: #B1B1B3;
}

.titulo-noticias {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 20vh;
  align-items: center;
  background: #EFEFEF;
}
.titulo-noticias p {
  font-size: 1.8rem;
  font-weight: 700;
}

.enlace_mas {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
}
.enlace_mas a {
  text-align: center;
  padding: 16px 40px;
  background-color: black;
  border-radius: 100px;
  color: white !important;
  font-family: "Poppins";
  font-size: 1rem !important;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.noticia .views-field-view-node {
  display: flex;
  justify-content: flex-end;
  padding-right: 40px;
  padding-bottom: 40px;
}
.noticia .views-field-view-node a {
  text-align: center;
  padding: 16px 40px;
  background-color: black;
  border-radius: 100px;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 6px 3px rgba(0, 0, 0, 0.45);
}

.noticia-content {
  display: flex;
  justify-content: center;
}

.noticia-section {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.section-noticia {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sliderNoticias {
  display: flex !important;
  gap: 32px;
}
.sliderNoticias .slick-list img {
  padding: 32px;
}

@media (max-width: 1000px) {
  .txt-destacada {
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .txt-destacada {
    width: 75%;
  }
  .destacada {
    width: 90%;
  }
  .noticia {
    width: 44% !important;
  }
}
@media (max-width: 800px) {
  .row-destacada {
    flex-wrap: wrap;
    justify-content: center;
  }
  .img-destacada img {
    width: 100%;
    height: auto;
  }
  .txt-destacada {
    width: 100%;
  }
  .img-destacada {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .noticia {
    width: 90% !important;
  }
}
@media (max-width: 500px) {
  .txt-destacada a {
    font-size: 1.3rem;
  }
  .txt-destacada p {
    font-size: 1rem;
  }
  .noticias {
    flex-wrap: wrap;
  }
}
.menu-sostenibilidad {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  background-color: #52574f;
  color: white;
  gap: 32px;
  justify-content: center;
}

.line {
  width: 50%;
}

.linea-horizontal {
  width: 100%;
  border: none;
  border-top: 1px solid white;
}

.items-sostenibilidad {
  display: flex;
  gap: 16px;
  height: 10vh;
  align-items: center;
}

.item-sostenibilidad {
  text-decoration: none;
  color: white;
  display: flex;
  height: 10vh;
  align-items: center;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: 8px;
}

.orange-hover:hover {
  background-color: #f37400;
}

.green-hover:hover {
  background-color: #63B337;
}

.hover-black:hover {
  background-color: black;
}

@media (max-width: 1300px) {
  .line {
    width: 30%;
  }
}
@media (max-width: 930px) {
  .line {
    width: 15%;
  }
}
@media (max-width: 760px) {
  .line {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .items-sostenibilidad {
    flex-wrap: wrap;
    gap: 0px;
    height: auto;
    width: 100%;
  }
  .menu-sostenibilidad {
    height: 30vh;
    gap: 0px;
  }
  .item-sostenibilidad {
    height: auto;
  }
}
.background-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-banner img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.trabaja-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contenedor-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.txt-quienes-somos {
  color: #fff;
  position: absolute;
  padding: 40px;
  width: 100%;
}
.txt-quienes-somos .regular {
  font-size: 32px;
}
.txt-quienes-somos .bold {
  font-size: 44px;
}
.txt-quienes-somos .field__item {
  width: 40%;
}

.image-banner-bike img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.banner-content img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.image-forestal img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.txt-bottom-naranja {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 80px;
  color: white;
  text-align: center;
}
.txt-bottom-naranja .bold {
  padding-bottom: 10px;
  border-bottom: 8px solid #f37400;
}

.content-banner {
  position: absolute;
  top: 60%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 20px;
  color: #fff;
  width: 70%;
  display: flex;
  gap: 5%;
}

.content-banner-practicas {
  position: absolute;
  z-index: 2;
  padding: 40px;
  color: #fff;
  width: 70%;
  display: flex;
  gap: 5%;
}

.contenido-izquierda {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contenido-izquierda .field__item {
  display: flex;
  gap: 50px;
  text-align: center;
  justify-content: center;
}

.txt-historia {
  display: flex;
  gap: 100px;
  position: absolute;
  color: white;
  padding: 40px;
  z-index: 2;
}
.txt-historia .bold {
  font-size: 36px;
}

.contenido-derecha {
  padding-left: 40px;
  border-left: 8px solid #f37400;
}
.contenido-derecha .regular {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: justify;
}

.txt-banners {
  width: 100%;
}

.medium {
  font-weight: 500;
  font-size: 2rem;
}

.bold {
  font-weight: 700;
  font-size: 3rem;
}

.regular {
  font-weight: 400;
}

.icon-banner {
  width: 80%;
}

.icon-practicas {
  width: 50%;
}

.logo-contenedor {
  width: 50%;
}

.sostenibilidad-banners {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.img-left {
  width: 60%;
}

.social-content {
  width: 40%;
  display: flex;
  align-items: center;
  color: white;
}

.naranja {
  background-color: #f37400;
}

.verde {
  background-color: #63B337;
}

.negro {
  background-color: black;
}

.texto-banner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 40px 100px 40px 40px;
}

.regular-titulo {
  font-size: 1.3rem;
}

.bold-titulo {
  font-weight: 700;
  font-size: 2.2rem;
}

.icon-bike {
  width: 100%;
}

.text-banner-bike {
  position: absolute;
  z-index: 2;
  padding: 20px;
  color: #fff;
  width: 90%;
  display: flex;
  gap: 5%;
}

@media (max-width: 1260px) {
  .content-banner {
    top: 50%;
  }
  .text-banner-bike {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .txt-historia {
    gap: 30px;
  }
  .txt-historia .bold {
    font-size: 24px;
  }
  .txt-historia .regular {
    font-size: 14px;
  }
  .icon-practicas {
    width: 40%;
  }
  .text-banner-bike {
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 40px;
    text-align: justify;
  }
  .conoce-bike {
    width: 50%;
  }
  .icon-bike {
    width: 10%;
  }
  .medium {
    font-size: 1.5rem;
  }
  .bold {
    font-size: 2.5rem;
  }
  .content-banner {
    top: 50%;
  }
  .img-left {
    width: 50%;
  }
  .social-content {
    width: 50%;
    align-items: inherit;
  }
  .txt-banners {
    width: 100% !important;
  }
  .regular-titulo {
    font-size: 1rem;
  }
  .bold-titulo {
    font-size: 1.3rem;
  }
  .content-banner-practicas {
    width: 100%;
    align-items: center;
  }
  .txt-quienes-somos .field__item {
    width: 40%;
  }
  .txt-quienes-somos .regular {
    font-size: 20px;
  }
  .txt-quienes-somos .bold {
    font-size: 24px !important;
  }
}
@media (max-width: 900px) {
  .img-front .field {
    width: 50%;
  }
  .img-inversion img {
    height: 76vh !important;
  }
  .icon-banner {
    width: 50%;
  }
  .medium {
    font-size: 16px;
  }
  .bold {
    font-size: 24px;
  }
  .regular {
    font-size: 14px;
  }
  .texto-banner {
    padding: 40px;
    text-align: justify;
  }
  .content-banner.intro-sostenibilidad {
    flex-wrap: nowrap;
    left: 50%;
    width: 100%;
    padding: 40px;
    align-items: center;
  }
  .content-banner {
    justify-content: center;
    flex-wrap: wrap;
    left: 50%;
    width: 100%;
    padding: 40px;
  }
  .img-left {
    width: 100%;
  }
  .social-content {
    width: 100%;
  }
  .icon-practicas {
    width: 60%;
  }
  .txt-quienes-somos .field__item {
    width: 100%;
  }
  .contenido-izquierda .field__item {
    flex-wrap: wrap;
    gap: 5px;
  }
  .logo-contenedor {
    width: 100%;
  }
  .txt-quienes-somos {
    text-align: center;
  }
  .txt-bottom-naranja {
    padding-top: 10px !important;
  }
}
@media (max-width: 700px) {
  .txt-inversiones .bold {
    font-size: 2rem;
  }
  .image-banner img {
    height: 60vh !important;
    background-position: center;
    object-fit: cover;
  }
  .image-banner-bike img {
    height: auto !important;
    object-fit: cover;
  }
  .banner-content img {
    height: 70vh;
    object-fit: cover;
  }
  .content-banner.intro-sostenibilidad {
    flex-wrap: wrap;
  }
  .content-banner-practicas {
    gap: 20px;
    justify-content: center;
  }
  .icon-banner {
    width: 30% !important;
  }
  .rectangulo-gris {
    top: 114% !important;
  }
}
@media (max-width: 650px) {
  .logo-contenedor {
    width: 50%;
  }
  .image-forestal img {
    height: 75vh;
    object-fit: cover;
  }
  .content-banner-practicas {
    flex-wrap: wrap;
  }
  .icon-practicas {
    width: 25%;
  }
  .txt-historia {
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  .txt-historia .bold {
    font-size: 18px;
  }
  .txt-historia .regular {
    font-size: 12px;
  }
  .contenido-derecha {
    padding-left: 10px;
  }
  .contenido-izquierda .field__item {
    gap: 5px;
  }
}
@media (max-width: 540px) {
  .txt-bottom-naranja {
    padding-top: 30px;
  }
  .icon-practicas {
    width: 40%;
  }
  .icon-bike {
    width: 25%;
  }
  .txt-quienes-somos .regular {
    font-size: 14px;
  }
  .txt-quienes-somos .bold {
    font-size: 18px;
  }
  .txt-quienes-somos {
    padding-bottom: 80px !important;
  }
  .orange-button, .btn-contacto {
    padding-top: 30px;
    position: relative;
  }
  .orange-button a, .btn-contacto a {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .icon-banner {
    width: 50% !important;
  }
  .content-banner.intro-sostenibilidad {
    gap: 0px !important;
  }
  .rectangulo-gris {
    top: 112% !important;
  }
  .image-banner img {
    height: 75vh !important;
  }
  .image-banner-bike img {
    height: 55vh !important;
  }
  .banner-content img {
    height: 90vh;
  }
}
@media (min-width: 900px) {
  .txt-banners-social {
    width: 100% !important;
  }
}
/**
 * EasyZoom core styles
 */
.containerZoom {
  width: 640px;
  margin: 0 auto;
  padding: 2em 2em 4em;
  background: #fff;
  box-shadow: 0 0 5em rgba(0, 0, 0, 0.1);
}

.img_ampliada {
  display: none;
}

.easyzoom {
  position: relative;
  /* 'Shrink-wrap' the element */
  display: inline-block;
  display: inline;
  zoom: 1;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
  width: 55% !important;
  height: 45% !important;
}
.easyzoom-flyout img {
  width: 1400px;
  top: 50%;
  left: 50%;
}

.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 700PX;
  height: 400px;
  margin-left: 50px;
}

.img_zoom.zoom-active {
  background-color: #ffffff;
  border: none;
}

.contenedor-bikePark {
  padding: 24px 0 0;
}

.sections {
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #EFEFEF;
}

.banner-bike {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.texto-bike {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  width: 60%;
  background: black;
  padding: 30px;
}

.img-bike {
  width: 40%;
}

.section-experiencia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.experiencia {
  text-align: center;
}

.group-imgs .field--name-field-goup-imgs {
  display: flex;
  justify-content: center;
}
.group-imgs .field__items {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  width: 80%;
}
.group-imgs img {
  width: 100%;
  height: auto;
}

.group-imgs .field__items > .field__item {
  width: 30%;
}

.texto-news-bike {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: black;
  padding: 64px 153px 64px 158px;
  background: white;
  width: 64%;
  z-index: 1;
  position: relative;
  left: 36%;
}

.more-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.section-eventos {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 16px 0 72px 0;
}

.title-eventos {
  text-align: center;
}

.img-evento {
  width: 45%;
  z-index: 2;
  position: absolute;
}

.align-img-bike img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: 55vh;
}

.texto-news-bike-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: black;
  padding: 80px 158px 80px 72px;
  background: white;
  width: 64%;
  z-index: 1;
  position: relative;
}

.img-evento-right {
  width: 45%;
  z-index: 2;
  position: absolute;
  left: 55%;
}

.bikepark-text {
  gap: 16px;
  display: flex;
  flex-direction: column;
}

.field--name-field-eventos-bikepark .field__items, .field--name-field-eventos-bikepark .field__item {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 1140px) {
  .texto-bike {
    font-size: 0.7rem;
  }
}
@media (max-width: 1340px) {
  .texto-news-bike {
    right: -482px;
  }
}
@media (max-width: 890px) {
  .img-evento {
    width: 100% !important;
    position: relative !important;
  }
  .texto-news-bike {
    width: 100% !important;
    left: 0 !important;
    padding: 40px !important;
  }
  .img-evento-right {
    width: 100% !important;
    left: 0 !important;
    position: relative !important;
  }
  .texto-news-bike-left {
    width: 100% !important;
    padding: 40px !important;
  }
  .align-img-bike img {
    height: auto !important;
  }
}
@media (max-width: 700px) {
  .img-evento {
    width: 54%;
  }
}
@media (max-width: 600px) {
  .group-imgs .field__items > .field__item {
    width: 50%;
  }
}
@media screen and (min-width: 1800px) {
  .texto-news-bike {
    padding: 64px 153px 64px 281px;
  }
  .texto-news-bike-left {
    padding: 80px 287px 80px 72px;
  }
  .align-img-bike img {
    height: 45vh;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
}

.img-auto img {
  width: 100%;
  height: auto;
}

.non-display {
  display: none;
}

.container-seccion2 {
  display: flex;
  flex-direction: column;
  gap: 37px;
  background: #EFEFEF;
}

.content-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.contenedor-texto {
  position: absolute;
  padding-left: 64px;
  padding-top: 80px;
}

.contenedor-secciones {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.seccion1 {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.icons-socialMedia {
  position: absolute;
  top: 24%;
  display: flex;
  flex-direction: column;
  padding: 8%;
  right: 0;
}

.social-media {
  text-decoration: none;
}
.social-media img {
  width: 70px;
  height: 70px;
}

.seccionTableros {
  background-color: #EFEFEF;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 115px 0 50px;
  justify-content: center;
}

.tableros {
  width: 20%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 20px;
  background-color: white;
}

.tableros-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px;
}

.piedra {
  position: relative;
}

.simulador {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.barra {
  background: #f37400;
  width: 20%;
  height: 2vh;
  margin: auto;
}

.img-simulador {
  position: relative;
}

.redes {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 38px;
}
.redes .txt-redes {
  text-align: center;
}

.nueva-coleccion {
  display: flex;
  width: 100%;
  gap: 60px 40px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 90px 107px;
}
.nueva-coleccion .coleccion {
  width: 30%;
}
.nueva-coleccion .coleccion img {
  width: 100%;
  height: auto;
}

.rectangulo-home {
  position: absolute;
  top: 103%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 60vh;
  max-width: 600px;
  max-height: 150px;
  background-color: #f37400;
  z-index: 1;
  color: white;
  font-size: 1rem;
  text-align: center;
  padding: 0 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.align {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.align-imgs img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

.txt-coleccion {
  text-align: center;
  font-size: 25px;
}

.orange-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.orange-container .orange-img {
  width: 30%;
}
.orange-container .orange-img img {
  width: 100%;
  height: auto;
}

.imgTableros img {
  width: 100%;
  height: auto;
}

.seccion1 {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1150px) {
  .seccionTableros .tableros {
    width: 30%;
  }
  .piedra .button {
    padding: 15px 21px;
    font-size: 15px;
  }
  .simulador .img-simulador .btn-simulador {
    padding: 15px 21px;
    font-size: 15px;
  }
  .img_socialMedia {
    width: 80%;
  }
}
@media (max-width: 980px) {
  .img-auto img {
    height: 36vh;
    object-fit: cover;
  }
}
@media (max-width: 940px) {
  .img_socialMedia {
    width: 60%;
  }
  .icons-socialMedia {
    top: 6%;
  }
}
@media (max-width: 900px) {
  .nueva-coleccion .coleccion {
    width: 40%;
  }
}
@media (max-width: 800px) {
  .nueva-coleccion {
    padding: 20px 0px 107px;
  }
  .social-media img {
    width: 50px;
    height: 50px;
  }
  .seccionTableros .tableros {
    width: 40%;
  }
  .piedra .button {
    padding: 10px 20px;
    font-size: 10px;
  }
  .simulador .img-simulador .btn-simulador {
    padding: 10px 20px;
    font-size: 10px;
  }
  .orange-container .orange-img {
    width: 40%;
  }
}
@media (max-width: 650px) {
  .rectangulo-home {
    font-size: 75%;
    padding: 50px;
  }
  .contenedor-texto {
    padding: 40px;
  }
}
@media (max-width: 550px) {
  .icons-socialMedia {
    top: -10%;
  }
  .social-media img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 500px) {
  .txt-coleccion {
    font-size: 15px;
  }
  .nueva-coleccion {
    gap: 10px;
  }
  .nueva-coleccion .coleccion {
    width: 60%;
  }
  .rectangulo-home {
    font-size: 0.8rem;
    padding: 40px;
  }
  .seccionTableros .tableros {
    width: 60%;
  }
  .piedra .button {
    padding: 4px 6px;
    font-size: 8px;
  }
  .simulador .img-simulador .btn-simulador {
    padding: 4px 6px;
    font-size: 8px;
  }
  .orange-container .orange-img {
    width: 60%;
  }
  .btn-diseños {
    padding: 10px 28px;
    font-size: 10px;
  }
}
@media (max-width: 400px) {
  .img_socialMedia {
    width: 40%;
  }
}
@media screen and (min-width: 1800px) {
  .seccion1 {
    justify-content: center;
    flex-direction: column;
  }
  .icon-banner {
    width: 40%;
  }
  .content-banner {
    left: 40% !important;
  }
}/*# sourceMappingURL=stylesAC.css.map */