.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body {
  background-image: url('../images/WEB-DE-PONTE-LAYOUT.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  width: 900px;
  max-width: 80%;
}

.image.mobile {
  display: none;
}

.redes {
  z-index: 100;
  justify-content: center;
  align-items: center;
  margin-top: 100vh;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.redes.w {
  background-image: url('../images/wp.png');
  background-position: 50%;
  background-size: contain;
}

.redes.i {
  background-image: url('../images/ig.png');
  background-position: 50%;
  background-size: contain;
}

.home {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.navbar-no-shadow {
  z-index: 100;
  position: relative;
}

.navbar-no-shadow-container {
  z-index: 100;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-menu.celular {
  flex-flow: column;
}

.nav-link {
  color: #1a1b1f00;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

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

.div-block.cel {
  display: none;
}

.lineadorada {
  background-image: url('../images/HOME-DE-PONTE_SECCIONES-ALFAS.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 5px;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.lineadorada.arriba {
  background-image: url('../images/HOME-DE-PONTE_SECCIONES-ALFAS.png');
  inset: 0% 0% auto;
}

.navtext {
  height: 27px;
}

.navtext.sinacento {
  height: 20px;
  margin-top: 6px;
}

.navtext.quienessomos {
  background-image: none;
  height: 32px;
  position: relative;
  top: 4px;
}

.linknav {
  color: #fff;
  margin: 1vh 1.7vh;
  font-family: Editorialnew;
  font-style: italic;
  text-decoration: none;
}

.linknav.iz {
  margin-left: 0;
}

.linknav.dr {
  margin-right: 0;
}

.image-2 {
  width: 16vh;
  margin-bottom: 10px;
}

.idiomatext {
  height: 1.5vh;
}

.diagonal {
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-2 {
  z-index: 20;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-2.none {
  display: none;
}

.image-3 {
  height: 30vh;
}

.link-block {
  background-image: url('../images/REDES-WP.png');
  background-position: 0 0;
  background-size: auto;
}

.iconoredes {
  background-image: url('../images/REDES-IG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.iconoredes.wp {
  background-image: url('../images/REDES-WP.png');
}

.iconoredes.wp.black {
  filter: invert();
}

.iconoredes.ig {
  background-image: url('../images/REDES-IG.png');
}

.iconoredes.ig.black {
  filter: invert();
}

.quienessomos {
  background-image: url('../images/QUIENES-SOMOS-DE-PONTE_IMAGEN-BACK.jpg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.div-block-3 {
  z-index: 50;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-4 {
  max-width: 90%;
  max-height: 43vh;
}

.image-4.celular {
  display: none;
}

.store {
  background-image: url('../images/STORE-DE-PONTE_BACK.png');
  background-position: 100%;
  background-size: auto 120%;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.divflex {
  z-index: 50;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-5 {
  max-width: 80%;
  max-height: 30vh;
}

.image-5.celular {
  display: none;
}

.contacto {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.div-block-2-copy {
  z-index: 20;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  max-height: 100vh;
  padding-bottom: 10vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.image-6 {
  max-width: 80%;
  max-height: 60vh;
  margin-top: 3vh;
  margin-bottom: 3vh;
}

.image-6.contactoform {
  max-width: 100%;
  max-height: 35vh;
}

.body-2 {
  background-image: url('../images/PORTADA-SECCIONES-LINEAS-DEPAPEL_PORTADA_BACK.jpg');
  background-position: 0 0;
  background-size: auto;
  overflow: hidden;
}

.body-2.contacto {
  background-image: url('../images/CONTACTO-DE-PONTE_BACK.png');
  background-position: 50% 0;
}

.section {
  background-color: #00000029;
}

.section-2 {
  background-image: url('../images/QUIENES-SOMOS-DE-PONTE_IMAGEN-BACK.jpg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.lineas {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.div-block-2-copy-copy {
  z-index: 20;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  max-height: 100vh;
  padding-bottom: 55px;
  display: flex;
  position: relative;
  inset: 0%;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 90%;
}

.image-7 {
  max-width: 80%;
  max-height: 5vh;
  margin-bottom: 20px;
}

.image-7.none {
  display: none;
}

.image-8 {
  max-height: 33vh;
}

.transparencianegra {
  z-index: 10;
  background-color: #000000b3;
  position: absolute;
  inset: 0%;
}

.transparencianegra.none {
  display: none;
}

.lineashover {
  filter: grayscale();
}

.lineashover:hover {
  filter: none;
}

.background-video {
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video.cel {
  display: none;
}

.text-block {
  font-size: 2vh;
  font-weight: 400;
  text-decoration: none;
}

.linealino {
  z-index: 50;
  max-height: 100%;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slider {
  height: 100vh;
  max-height: 100%;
}

.slider.celular, .slide-nav {
  display: none;
}

.slider_slide {
  background-image: url('../images/LINEA-LINO_PORTADA_BACK.png');
  background-position: 0 0;
  background-size: auto;
  padding-top: 17vh;
  padding-bottom: 70px;
  padding-right: 0;
}

.slider_slide.mano {
  background-image: url('../images/LINEA-HECHO-A-MANO_BACK-PORTADA.png');
}

.slider_slide.fibras {
  background-image: url('../images/LINEA-FIBRAS_PORTADA_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slider_slide.fibras-copy {
  background-image: url('../images/LINEA-DE-ARTE_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slider_slide.sustentable {
  background-image: url('../images/LINEA-SUSTENTABLE_PORTADA_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slider_slide.productos {
  background-image: url('../images/LINEA-SUSTENTABLE_PORTADA_BACK.png');
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.columns {
  width: 100%;
}

.quick-stack {
  grid-row-gap: 0px;
  width: 90%;
  height: 100%;
  max-height: 100%;
  margin-left: 5%;
}

.cell {
  justify-content: center;
  align-items: center;
}

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

.image-9 {
  max-height: 35vh;
}

.image-9.mano {
  width: 21vh;
  max-height: none;
}

.image-9.fibras, .image-9.arte {
  width: 22vh;
  max-height: none;
}

.image-9.arte._3 {
  width: 20vh;
}

.image-9.sustentable {
  width: 22vh;
  max-width: 100%;
  max-height: none;
}

.image-10 {
  max-width: 90%;
  max-height: 70vh;
}

.image-10._2 {
  max-height: 50vh;
  margin-top: 5vh;
  display: block;
}

.image-10._2._3 {
  margin-top: 9vh;
}

.image-10._2._3.productos {
  margin-top: 0;
  margin-bottom: 0;
}

.image-10._2._3.productosportada {
  background-image: none;
}

.image-10._2._3.productosportada.cajas.celular, .image-10._2.mano.celular, .image-10._2.crema.celular, .image-10._2.fibrasverde.celular, .image-10._2.fibrasrosa.celular, .image-10._2.tamayo.celilar, .image-10._2.fibrasblanco.celullar, .image-10._2.antiguo.celular, .image-10._2.duran.celular, .image-10._2.celular, .image-10.celular {
  display: none;
}

.cell-2 {
  justify-content: center;
  align-items: center;
}

.link-block-2 {
  display: flex;
}

.link-block-2.w--current {
  justify-content: center;
  align-items: center;
}

.link-block-2.fibras.abajo, .link-block-2.fibras.abajo._2 {
  max-width: 100%;
}

.slider_slide2 {
  background-image: url('../images/LINEA-LINO_LINO-CRUDO_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slider_slide2.mano {
  background-image: url('../images/LINEA-HECHO-A-MANO_BACK.png');
}

.slider_slide2.fibrascrema {
  background-image: url('../images/LINEA-FIBRAS_PAJA-CREMA_BACK.png');
}

.slider_slide2.fibrasnatural {
  background-image: url('../images/LINEA-FIBRAS_HENEQUEN-NATURAL_BACK.png');
}

.slider_slide2.fibrasazul {
  background-image: url('../images/LINEA-FIBRAS_HENEQUEN-AZUL_BACK.png');
}

.slider_slide2.fibrasverde {
  background-image: url('../images/LINEA-FIBRAS_HENEQUEN-VERDE_BACK.png');
}

.slider_slide2.fibrasrosa {
  background-image: url('../images/LINEA-FIBRAS_HENEQUEN-ROSA_BACK.png');
}

.slider_slide2.artetamayo {
  background-image: url('../images/LINEA-DE-ARTE_TAMAYO-BACK.png');
}

.slider_slide2.torchon {
  background-image: url('../images/LINEA-DE-ARTE_TORCHON-BACK.png');
}

.slider_slide2.fibrasblanco {
  background-image: url('../images/LINEA-DE-ARTE_FARIAS-BLANCO-BACK.png');
}

.slider_slide2.antiguo {
  background-image: url('../images/LINEA-DE-ARTE_FARIAS-BLANCO-ANTIGUO-BACK.png');
}

.slider_slide2.duran {
  background-image: url('../images/LINEA-DE-ARTE_DURAN-NEGRO_BACK.png');
}

.slider_slide2.sustentablezanahoria {
  background-image: url('../images/LINEA-SUSTENTABLE_ZANAHORIA_BACK.png');
}

.slider_slide2.sustentablemezclilla {
  background-image: url('../images/LINEA-SUSTENTABLE_MEZCLILLA_BACK.png');
}

.slider_slide2.sustentablecigarro {
  background-image: url('../images/LINEA-SUSTENTABLE_CIGARRO_BACK.png');
}

.slider_slide2.cacao {
  background-image: url('../images/LINEA-SUSTENTABLE_CACAO_BACK.png');
}

.slider_slide2.letras {
  background-image: url('../images/LINEA-SUSTENTABLE_LETRAS_BACK.png');
}

.slide-2-copy {
  background-image: url('../images/LINEA-HECHO-A-MANO-ALUMINIO_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slide-2-copy.mano2 {
  background-image: url('../images/LINEA-HECHO-A-MANO-TIRAS_BACK.png');
}

.slide-2-copy.crema {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_BACK.png');
}

.slide-2-copy-copy {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_COSTOS_BACK.png');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.slide-2-copy-copy.mano {
  background-image: url('../images/LINEA-HECHO-A-MANO_COSTOS-BACK.png');
}

.slide-2-copy-copy.lino {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_COSTOS_BACK.png');
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  max-height: 98%;
  display: flex;
}

.div-block-4.productosportada {
  background-image: none;
}

.div-block-4.productosportada.botonirmenu, .div-block-4.precioboton {
  flex-flow: column;
}

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

.lineaarte-copy {
  z-index: 50;
  background-image: url('../images/LINEA-LINO_PORTADA_BACK.png');
  background-position: 0 0;
  background-size: auto;
  max-height: 100%;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.image-11 {
  max-height: 15vh;
}

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

.image-12 {
  max-height: 15vh;
}

.lineahechoamano {
  z-index: 50;
  max-height: 100%;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slide-2-copy-copy {
  background-image: url('../images/LINEA-HECHO-A-MANO-ALUMINIO_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.slide-2-copy-copy.mano2 {
  background-image: url('../images/LINEA-HECHO-A-MANO-CIRCULAR_BACK.png');
}

.slide-2-copy-copy.crema {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_BACK.png');
}

.lineafibras {
  z-index: 50;
  max-height: 100%;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-bottom: 0;
}

.quick-stack-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 0;
}

.quick-stack-4 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
}

.cell-3 {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-4 {
  justify-content: flex-start;
  align-items: flex-start;
}

.cell-5 {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-6 {
  justify-content: flex-start;
  align-items: center;
}

.cell-6._2 {
  justify-content: flex-start;
}

.precio {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_COSTOS_BACK.png');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.precio.mano {
  background-image: url('../images/LINEA-HECHO-A-MANO_COSTOS-BACK.png');
}

.precio.lino, .precio.fibras {
  background-image: url('../images/LINEA-LINO_LINO-CREMA_COSTOS_BACK.png');
}

.precio.fibras._2 {
  background-image: url('../images/LINEA-FIBRAS_COSTOS_BACK.png');
}

.precio.arte {
  background-image: url('../images/LINEA-DE-ARTE_COSTOS_BACK.png');
}

.precio.sustentable, .precio.sustentable-copy {
  background-image: url('../images/LINEA-SUSTENTABLE_COSTOS_BACK.png');
}

.lineaarte, .lineasustentable, .lineaproductos {
  z-index: 50;
  max-height: 100%;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.productos.bolsas {
  z-index: 51;
  background-image: url('../images/PRODUCTOS_BOLSAS_BACK.png');
  background-position: 50%;
  background-size: cover;
}

.div-block-5 {
  position: absolute;
  inset: 0%;
}

.slider-2 {
  height: 100vh;
  max-height: 100%;
}

.slide-nav-2 {
  display: none;
}

.productosportada {
  background-image: url('../images/PRODUCTOS_PORTADA_BACK.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.una-imagen {
  background-image: url('../images/PRODUCTOS_BOLSAS_BACK.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.una-imagen.cajas {
  background-image: url('../images/PRODUCTOS_CAJAS_BACK.png');
}

.una-imagen.carpetas {
  background-image: url('../images/PRODUCTOS_CARPETA-YUTE-CRUDO_BACK.png');
}

.una-imagen.libretas {
  background-image: url('../images/PRODUCTOS_LIBRETAS-MEDIEVALES_BACK.png');
}

.una-imagen.sketch {
  background-image: url('../images/PRODUCTOS_SKETCHBOOK_BACK.png');
}

.una-imagen.sobres {
  background-image: url('../images/PRODUCTOS_SOBRES_BACK.png');
}

.una-imagen.precios {
  background-image: url('../images/PRODUCTOS_COSTOS_BACK.png');
}

.left-arrow-2, .right-arrow-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: flex;
}

.text-block-2 {
  margin-bottom: 2vh;
  font-family: Futuraptbook, Arial, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 2vh;
}

.text-field {
  color: #000;
  background-color: #fff0;
  border: 1px solid #a96f41;
  width: 100%;
  padding: 0 .5vh;
  overflow: auto;
}

.text-field::placeholder {
  color: #000;
  font-family: Futuraptbook, Arial, sans-serif;
  font-size: 2vh;
  font-weight: 300;
}

.text-field.mensaje {
  min-height: 50px;
}

.form-block {
  width: 100%;
}

.submit-button {
  color: #000;
  background-color: #3898ec00;
  border: 1px solid #a96f41;
  border-radius: 2vh;
  min-width: 30%;
  font-family: Futuraptbook, Arial, sans-serif;
  font-size: 2vh;
  font-weight: 300;
  line-height: 2vh;
}

.submit-button.home {
  justify-content: center;
  align-items: center;
  width: 10vw;
  min-width: 130px;
  display: flex;
  position: static;
}

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

.link-block-3 {
  z-index: 101;
}

.image-13 {
  height: 4vh;
}

.div-block-8 {
  z-index: 150;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vh;
  display: flex;
  position: absolute;
  inset: auto 0% 60px;
}

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

.div-block-10 {
  display: none;
  position: relative;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.menucelbtn, .celularlineascontainer {
  display: none;
}

.image-14 {
  height: 5vh;
}

.image-18 {
  height: 4vh;
}

.link-block-5 {
  margin-top: 1vh;
}

@media screen and (max-width: 991px) {
  .navbar-no-shadow-container {
    background-color: #000000ab;
  }

  .container-regular {
    flex-flow: row;
    position: relative;
  }

  .navbar-wrapper {
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100vw;
    margin-top: 8vh;
    margin-right: -20px;
    padding-top: 2vh;
    display: none;
  }

  .nav-menu {
    background-color: #fff0;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf00;
  }

  .div-block {
    display: none;
  }

  .div-block.cel {
    display: flex;
  }

  .lineadorada.arriba {
    margin-top: 1.5vw;
  }

  .linknav.iz {
    margin-right: 0;
  }

  .linknav.dr {
    margin-left: 0;
  }

  .image-2 {
    margin-bottom: 0;
  }

  .quienessomos {
    background-image: url('../images/DE-PONTE-MOBILE_QUIENES-SOMOS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .div-block-3 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 15vh;
    padding-bottom: 15vh;
    overflow: auto;
  }

  .image-4 {
    display: none;
  }

  .image-4.celular {
    width: 500px;
    max-width: 60vw;
    max-height: none;
    display: block;
  }

  .image-5 {
    display: none;
  }

  .image-5.celular {
    display: block;
  }

  .body-2 {
    background-image: url('../images/DE-PONTE_MOBILE_PORTADA-LINEAS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .body-2.contacto {
    background-image: url('../images/DE-PONTE_MOBILE_CONTACTO_BACK.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .lineashover {
    filter: none;
  }

  .slider_slide.fibras {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_PORTADA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: auto;
  }

  .quick-stack {
    grid-row-gap: 20px;
  }

  .image-9.arte._3.abajo, .image-9.sustentable.abajo {
    max-width: 65%;
  }

  .image-10._2._3.productosportada {
    max-width: 80%;
  }

  .image-10._2.crema {
    display: block;
  }

  .image-10._2.crema.celular {
    display: none;
  }

  .link-block-2.fibras.abajo {
    justify-content: flex-end;
    align-items: center;
  }

  .link-block-2.fibras.abajo.w--current {
    justify-content: flex-start;
    align-items: center;
  }

  .link-block-2.fibras.abajo.az.w--current {
    justify-content: flex-end;
    align-items: center;
  }

  .link-block-2.fibras.abajo.iz {
    justify-content: flex-start;
    align-items: center;
  }

  .quick-stack-4 {
    padding-bottom: 15vh;
  }

  .quick-stack-4.sustentable {
    padding-bottom: 0;
  }

  .icon {
    color: #fff;
    font-size: 25px;
  }

  .div-block-7 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menucel {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #000000ab;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 20px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
  }

  .div-block-10 {
    padding-top: 2vh;
    display: flex;
  }

  .container {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .menucelbtn {
    background-image: url('../images/DE-PONTE_MOBILE_HOME_BARRAS-DE-SECCIONES.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    width: 40px;
    height: 40px;
    padding: 12px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .body {
    background-image: url('../images/DE-PONTE-MOBILE.jpg');
  }

  .image.pc {
    display: none;
  }

  .image.mobile {
    display: block;
  }

  .redes.w, .redes.i {
    width: 40px;
    height: 40px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-menu.celular {
    padding-bottom: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .store {
    background-position: 100%;
  }

  .lineas {
    padding-top: 2vh;
  }

  .div-block-2-copy-copy {
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-8 {
    width: 40vw;
    max-height: 30vh;
  }

  .background-video {
    display: none;
  }

  .background-video.menucelbtn {
    width: auto;
    height: 100vh;
    display: block;
  }

  .background-video.cel {
    display: block;
  }

  .linealino, .slider {
    display: none;
  }

  .slider.celular {
    display: block;
  }

  .slider_slide {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_PORTADA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: auto;
  }

  .slider_slide.mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_PORTADA_BACK.png');
  }

  .slider_slide.fibras-copy {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_PORTADA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: auto;
  }

  .columns {
    padding-bottom: 18vh;
  }

  .column {
    justify-content: center;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .image-9 {
    object-fit: cover;
    object-position: 50% 0%;
    width: 20vh;
    height: 20vh;
  }

  .image-9.mano {
    height: 21vh;
  }

  .image-9.fibras {
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 50% 0%;
    height: 22vh;
    max-height: 50vw;
  }

  .image-9.arte._3 {
    object-fit: cover;
    object-position: 50% 0%;
    height: 20vh;
  }

  .image-9.arte._3.abajo {
    max-width: 100%;
  }

  .image-9.sustentable {
    height: 22vh;
  }

  .image-9.sustentable.abajo {
    max-width: 100%;
  }

  .image-10._2 {
    display: block;
  }

  .image-10._2._3 {
    max-width: 80%;
    margin-top: 15vh;
  }

  .image-10._2._3.fibras {
    margin-top: 10vh;
  }

  .image-10._2._3.productosportada.cajas {
    display: none;
  }

  .image-10._2._3.productosportada.cajas.celular {
    display: block;
  }

  .image-10._2._3.productosportada.scketch {
    display: none;
  }

  .image-10._2._3.productosportada.scketch.celular {
    display: block;
  }

  .image-10._2._3.productosportada.precios {
    display: none;
  }

  .image-10._2._3.productosportada.precios.celular {
    max-width: 90%;
    max-height: 60vh;
    display: block;
  }

  .image-10._2.mano {
    display: none;
  }

  .image-10._2.mano.celular, .image-10._2.mano._3 {
    display: block;
  }

  .image-10._2.crema {
    display: none;
  }

  .image-10._2.crema.celular {
    display: block;
  }

  .image-10._2.fibrasverde {
    display: none;
  }

  .image-10._2.fibrasverde.celular {
    display: block;
  }

  .image-10._2.fibrasrosa {
    display: none;
  }

  .image-10._2.fibrasrosa.celular, .image-10._2.tamayo.celilar {
    display: block;
  }

  .image-10._2.tamayo.z {
    display: none;
  }

  .image-10._2.fibrasblanco.celullar {
    display: block;
  }

  .image-10._2.fibrasblanco._3._5 {
    margin-top: 0;
    display: none;
  }

  .image-10._2.antiguo {
    display: none;
  }

  .image-10._2.antiguo.celular {
    display: block;
  }

  .image-10._2.antiguo.cacao {
    display: none;
  }

  .image-10._2.antiguo.cacao.celular {
    display: block;
  }

  .image-10._2.duran {
    display: none;
  }

  .image-10._2.duran.celular, .image-10._2.duran.sustentable, .image-10._2.celular, .image-10.mano, .image-10.celular {
    display: block;
  }

  .image-10.lino {
    display: none;
  }

  .slider_slide2 {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_CRUDO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_BACK.png');
  }

  .slider_slide2.fibrascrema {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_PAJA-CREMA_BACK.png');
  }

  .slider_slide2.fibrasnatural {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-NATURAL_BACK.png');
    background-position: 50% 0;
  }

  .slider_slide2.fibrasazul {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-AZUL_BACK.png');
    background-position: 50% 0;
  }

  .slider_slide2.fibrasverde {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-VERDE_BACK.png');
    background-position: 50% 0;
  }

  .slider_slide2.fibrasrosa {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-ROSA_BACK.png');
    background-position: 50% 0;
  }

  .slider_slide2.artetamayo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.torchon {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TORCHON_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.fibrasblanco {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.antiguo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO-ANTIGUO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.duran {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_DURAN_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slider_slide2.sustentablezanahoria {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_ZANAHORIA_BACK.png');
  }

  .slider_slide2.sustentablemezclilla {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_MEZCLILLA_BACK.png');
  }

  .slider_slide2.sustentablecigarro {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_MEZCLILLA_BACK_1.png');
  }

  .slider_slide2.cacao {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_CACAO_BACK.png');
  }

  .slider_slide2.letras {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_LETRAS_BACK.png');
  }

  .slide-2-copy.mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_ALUMINIO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slide-2-copy.mano2 {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_TIRAS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slide-2-copy.crema {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_CREMA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slide-2-copy-copy.mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_TIRAS_COSTOS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .slide-2-copy-copy.lino {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_COSTOS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .div-block-4 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
  }

  .column-copy {
    justify-content: center;
    align-items: stretch;
  }

  .left-arrow {
    display: none;
  }

  .right-arrow {
    inset: auto 0% 6vw;
    transform: rotate(90deg);
  }

  .lineahechoamano {
    display: none;
  }

  .slide-2-copy-copy.mano2 {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_CIRCULAR_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .lineafibras {
    display: none;
  }

  .quick-stack-4.sustentable {
    padding-bottom: 15vh;
  }

  .precio.fibras._2 {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_COSTOS_BACK.png');
  }

  .precio.arte {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_COSTOS_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .precio.sustentable {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_BACK.png');
  }

  .lineaarte, .lineaproductos, .slider-2 {
    display: none;
  }

  .productosportada {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_PORTADA_BACK.png');
    background-attachment: fixed;
  }

  .una-imagen {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_BOSAS_BACK.png');
    background-position: 50% 0;
    background-attachment: fixed;
  }

  .una-imagen.cajas {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_CAJAS_BACK.png');
  }

  .una-imagen.carpetas {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_CARPETA-YUTE_BACK.png');
  }

  .una-imagen.libretas {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_LIBRETAS_BACK.png');
  }

  .una-imagen.sketch {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_SKECHTBOOK_BACK.png');
  }

  .una-imagen.sobres {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_SOBRES_BACK.png');
  }

  .una-imagen.precios {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_BACK.png');
  }

  .left-arrow-2 {
    display: none;
  }

  .right-arrow-2 {
    inset: auto 0% 5vh;
    transform: rotate(90deg);
  }

  .text-block-2 {
    font-size: 20px;
    font-weight: 400;
  }

  .div-block-8 {
    bottom: 65px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .quick-stack-5 {
    margin-bottom: 15vh;
  }

  .celularlineascontainer {
    display: block;
    position: absolute;
    inset: 0%;
    overflow: auto;
  }

  .slidetipoportada {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_PORTADA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100vh;
    padding-top: 12vh;
    padding-bottom: 10vh;
    display: flex;
  }

  .slidetipoportada._2.arte {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
  }

  .slidetipoportada.arte {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .slidetipoportada.lino {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_PORTADA_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slidetipoportada.figras {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_PORTADA_BACK.png');
    background-position: 50% 0;
    background-size: cover;
  }

  .slidetipoportada.hecho-a-mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_PORTADA_BACK.png');
    justify-content: flex-start;
    align-items: center;
    padding-top: 12vh;
  }

  .slidetipoportada.sustentable {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_PORTADA_BACK.png');
  }

  .image-14 {
    height: 4vh;
  }

  .flecha {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: auto 0% 60px;
  }

  .image-15 {
    height: 2vh;
    margin-bottom: .8vh;
  }

  .texto {
    width: 70vw;
    height: auto;
  }

  .texto.productos {
    width: auto;
    height: 60vh;
  }

  .image-16 {
    width: 43vw;
    margin-top: 1vh;
  }

  .slidetipoproducto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100vh;
    padding-top: 15vh;
    padding-bottom: 15vh;
    display: flex;
  }

  .slidetipoproducto._2.arte {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
  }

  .slidetipoproducto.arte {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slidetipoproducto.tamayo {
    background-attachment: fixed;
  }

  .slidetipoproducto.torchon {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TORCHON_BACK.png');
  }

  .slidetipoproducto.fibrasblancoantiguo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO-ANTIGUO_BACK.png');
  }

  .slidetipoproducto.fibrasblanco {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO_BACK.png');
  }

  .slidetipoproducto.duran {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_DURAN_BACK.png');
  }

  .slidetipoproducto.linocrudo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_CRUDO_BACK.png');
  }

  .slidetipoproducto.linocrema {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_CREMA_BACK.png');
  }

  .slidetipoproducto.pajacrema {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_PAJA-CREMA_BACK.png');
  }

  .slidetipoproducto.henequelnatural {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-NATURAL_BACK.png');
  }

  .slidetipoproducto.henequenazul {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-AZUL_BACK.png');
  }

  .slidetipoproducto.henequenverde {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-VERDE_BACK.png');
  }

  .slidetipoproducto.henequenrosa {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_HENEQUEN-ROSA_BACK.png');
  }

  .slidetipoproducto.hecho-a-mano {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_BACK.png');
  }

  .slidetipoproducto.hecho-a-mano-aluminio {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_ALUMINIO_BACK.png');
  }

  .slidetipoproducto.hecho-a-mano-circular {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_CIRCULAR_BACK.png');
  }

  .slidetipoproducto.tiras-para-encuadernar {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_TIRAS_BACK.png');
  }

  .slidetipoproducto.zanahoria-sustentable {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_ZANAHORIA_BACK.png');
  }

  .slidetipoproducto.mezclilla {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_MEZCLILLA_BACK.png');
  }

  .slidetipoproducto.cigarro {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_MEZCLILLA_BACK_1.png');
  }

  .slidetipoproducto.cacao {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_CACAO_BACK.png');
  }

  .slidetipoproducto.letras {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_LETRAS_BACK.png');
  }

  .slidetipoproducto.productos {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_PORTADA_BACK.png');
  }

  .slidetipoproducto.bolsasd {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_BOSAS_BACK.png');
  }

  .slidetipoproducto.cajas {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_CAJAS_BACK.png');
  }

  .slidetipoproducto.carpeta-yute-crudo {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_CARPETA-YUTE_BACK.png');
  }

  .slidetipoproducto.libreta-medieval {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_LIBRETAS_BACK.png');
  }

  .slidetipoproducto.sketch-book {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_SKECHTBOOK_BACK.png');
  }

  .slidetipoproducto.sobres {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_SOBRES_BACK.png');
  }

  .slidetipocosto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100vh;
    padding-top: 20vh;
    padding-bottom: 15vh;
    display: flex;
  }

  .slidetipocosto._2.arte {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TAMAYO_BACK.png');
  }

  .slidetipocosto.arte {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slidetipocosto.torchon {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_TORCHON_BACK.png');
  }

  .slidetipocosto.fibrasblancoantiguo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO-ANTIGUO_BACK.png');
  }

  .slidetipocosto.fibrasblanco {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_FARIAS-BLANCO_BACK.png');
  }

  .slidetipocosto.duran {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_DURAN_BACK.png');
  }

  .slidetipocosto.artecosto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-DE-ARTE_COSTOS_BACK.png');
  }

  .slidetipocosto.linocosto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-LINO_COSTOS_BACK.png');
  }

  .slidetipocosto.fibracosto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-FIBRAS_COSTOS_BACK.png');
  }

  .slidetipocosto.hecho-a-mano-costo {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-HECHO-A-MANO_TIRAS_COSTOS_BACK.png');
    padding-top: 20vh;
  }

  .slidetipocosto.sustentablecosto {
    background-image: url('../images/DE-PONTE_MOBILE_LINEA-SUSTENTABLE_BACK.png');
  }

  .slidetipocosto.productos-coatos {
    background-image: url('../images/DE-PONTE_MOBILE_PRODUCTOS_BACK.png');
  }

  .image-17 {
    width: 30vw;
  }

  .link-block-4 {
    margin-top: 5vh;
  }

  .link-block-4.w--current {
    margin-top: 3vh;
  }

  .texto-portada {
    width: 70vw;
    height: auto;
  }

  .texto-portada.hecho-a-mano {
    width: 65vw;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .image-9.fibras {
    max-width: 40vw;
    max-height: 40vw;
  }

  .container {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .menucelbtn {
    width: 30px;
    height: 30px;
  }
}

#w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6fa-849a5d68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6fe-849a5d68 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6ff-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce702-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce705-849a5d68 {
  grid-column: span 2 / span 2;
}

#w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce708-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce70b-849a5d68 {
  grid-column: span 3 / span 3;
}

#w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce70f-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce714-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce719-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce71f-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce725-849a5d68, #w-node-ba848eb7-f108-0f78-55e1-7280a00321e2-849a5d68, #w-node-_9c627eaa-c3f6-e5e6-ece0-851bc94ec500-849a5d68, #w-node-_2e4f5258-dd6f-69e9-fdbf-a4936f3b0f04-849a5d68, #w-node-_08cbbd62-5bfe-45b5-72d3-c5dc0640fcf5-849a5d68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9817718b-edf5-ff68-baef-7e610d0ea60c-849a5d68 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9817718b-edf5-ff68-baef-7e610d0ea60d-849a5d68, #w-node-_02612744-e222-f653-8d95-b450890ff393-849a5d68, #w-node-_9031ba30-ee8d-1ebb-005d-03e7b4792fbb-849a5d68 {
  grid-column: span 2 / span 2;
}

#w-node-_57b46635-336d-5ad1-7b84-409af4e66889-849a5d68, #w-node-_97cec1c9-1c81-b102-0e4f-ecbbca61bfca-849a5d68 {
  grid-column: span 3 / span 3;
}

#w-node-_08cbbd62-5bfe-45b5-72d3-c5dc0640fd01-849a5d68, #w-node-_6a56f6d4-ae4d-9085-5a83-cce62dfe9f1a-849a5d68, #w-node-_3e89788f-8363-f7cc-1b0c-6b00fc7d93bd-849a5d68, #w-node-b069b62b-7f8d-03de-1cff-d2137bf19b5f-849a5d68, #w-node-a395e1f4-2dfe-a4f0-8446-6c4fe923a19c-849a5d68, #w-node-f4ae98d4-bf18-ee0f-6156-16eefea76485-849a5d68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2b966ae4-1a3d-6fee-ef76-abe4b00d8955-849a5d68 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f4ae98d4-bf18-ee0f-6156-16eefea76491-849a5d68, #w-node-f4ae98d4-bf18-ee0f-6156-16eefea76496-849a5d68, #w-node-e1abd523-38c6-ecf7-1fa8-1e3e0b17a55e-849a5d68, #w-node-cca86f16-0599-f00e-3a3d-fe77c01776ee-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4a9b-849a5d68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4a9f-849a5d68 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa0-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa3-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa6-849a5d68 {
  grid-column: span 2 / span 2;
}

#w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa9-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aac-849a5d68 {
  grid-column: span 3 / span 3;
}

#w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ab0-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ab5-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aba-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4abf-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ac4-849a5d68 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_08cbbd62-5bfe-45b5-72d3-c5dc0640fcf5-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9817718b-edf5-ff68-baef-7e610d0ea60c-849a5d68 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-_9817718b-edf5-ff68-baef-7e610d0ea60d-849a5d68, #w-node-_02612744-e222-f653-8d95-b450890ff393-849a5d68, #w-node-_9031ba30-ee8d-1ebb-005d-03e7b4792fbb-849a5d68, #w-node-_57b46635-336d-5ad1-7b84-409af4e66889-849a5d68 {
    grid-column: span 2 / span 2;
  }

  #w-node-_97cec1c9-1c81-b102-0e4f-ecbbca61bfca-849a5d68 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6fa-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6fe-849a5d68 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce6ff-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce702-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce705-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce708-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce70b-849a5d68 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce70f-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce714-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce719-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce71f-849a5d68, #w-node-_8396a3be-ab09-67fe-298a-4fc2a07ce725-849a5d68, #w-node-ba848eb7-f108-0f78-55e1-7280a00321e2-849a5d68, #w-node-_9c627eaa-c3f6-e5e6-ece0-851bc94ec500-849a5d68, #w-node-_2e4f5258-dd6f-69e9-fdbf-a4936f3b0f04-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9817718b-edf5-ff68-baef-7e610d0ea60c-849a5d68 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_9817718b-edf5-ff68-baef-7e610d0ea60d-849a5d68, #w-node-_02612744-e222-f653-8d95-b450890ff393-849a5d68, #w-node-_9031ba30-ee8d-1ebb-005d-03e7b4792fbb-849a5d68, #w-node-_57b46635-336d-5ad1-7b84-409af4e66889-849a5d68, #w-node-_97cec1c9-1c81-b102-0e4f-ecbbca61bfca-849a5d68 {
    grid-column: span 2 / span 2;
  }

  #w-node-_08cbbd62-5bfe-45b5-72d3-c5dc0640fd01-849a5d68, #w-node-_6a56f6d4-ae4d-9085-5a83-cce62dfe9f1a-849a5d68, #w-node-_3e89788f-8363-f7cc-1b0c-6b00fc7d93bd-849a5d68, #w-node-b069b62b-7f8d-03de-1cff-d2137bf19b5f-849a5d68, #w-node-a395e1f4-2dfe-a4f0-8446-6c4fe923a19c-849a5d68, #w-node-f4ae98d4-bf18-ee0f-6156-16eefea76485-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2b966ae4-1a3d-6fee-ef76-abe4b00d8955-849a5d68 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-f4ae98d4-bf18-ee0f-6156-16eefea76491-849a5d68, #w-node-f4ae98d4-bf18-ee0f-6156-16eefea76496-849a5d68, #w-node-e1abd523-38c6-ecf7-1fa8-1e3e0b17a55e-849a5d68, #w-node-cca86f16-0599-f00e-3a3d-fe77c01776ee-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4a9b-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4a9f-849a5d68 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa0-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa3-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa6-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aa9-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aac-849a5d68 {
    grid-column: span 2 / span 2;
  }

  #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ab0-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ab5-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4aba-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4abf-849a5d68, #w-node-_600fb9bc-3ab0-6d72-5cb0-4cfc4d6c4ac4-849a5d68 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Editorialnew';
  src: url('../fonts/EditorialNew-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futuraptbook';
  src: url('../fonts/FuturaPTBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futuraptbook';
  src: url('../fonts/FuturaPTLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}