@font-face {
  font-family: Brockmann Webfont;
  src: url('../fonts/brockmann-regular-webfont.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brockmann Webfont;
  src: url('../fonts/brockmann-regularitalic-webfont.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brockmann Webfont;
  src: url('../fonts/brockmann-semibolditalic-webfont.woff2') format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brockmann Webfont;
  src: url('../fonts/brockmann-semibold-webfont.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Elaicons;
  src: url('../fonts/elaicons.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue ;
  src: url('../fonts/HelveticaNeue-LightItalic-09.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeue-Italic-03.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeue-Bold-02.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeue-01.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeue-BoldItalic-04.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeue-Light-08.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --oficina: #d8cb91;
  --black: black;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-family: Triptych;
}

.btn-carrusel {
  z-index: 10;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 8px;
  font-family: Elaicons, sans-serif;
  font-size: 1.1em;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto 10px 10px auto;
}

.btn-carrusel:hover {
  color: #fec424;
  background-color: #000;
  text-decoration: none;
}

.btn-carrusel.anshero {
  z-index: 35;
}

.btn-carrusel.anshero2 {
  z-index: 45;
}

.link-palacio-punto-com {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
}

.link-palacio-punto-com.siguenos {
  margin-right: 15px;
  font-size: .9em;
}

.link-palacio-punto-com.siguenos.mobil {
  color: #000;
}

.text-span {
  color: #fec424;
}

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

.redes-mobil-cont {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.talon {
  flex-direction: column;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.redes-div {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.elafw22-talon-redes-mobil {
  background-color: #fff;
  width: 100vw;
  height: 5vh;
  display: none;
  position: sticky;
}

.elafw22-talon-redes {
  background-color: #000;
  width: 100vw;
  height: 5vh;
  display: flex;
  position: sticky;
}

.share-btns {
  align-items: center;
  width: 50%;
  padding-left: 5vw;
  display: flex;
}

.gen-foot {
  z-index: 99;
  width: 100vw;
  height: 20vh;
  display: flex;
  position: relative;
}

.gen-foot.viajes {
  background-color: #fff;
}

.gen-share-btn-tw {
  background-color: #0000;
  background-image: url('../images/icons8-twitter.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}

.gen-share-btn-tw.whi {
  filter: invert();
}

.gen-share-btn-liga {
  background-color: #0000;
  background-image: url('../images/noun-link-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}

.gen-share-btn-liga.whi {
  filter: invert();
}

.share-text {
  color: #000;
  text-transform: uppercase;
  font-family: "Helveticaneue 02";
  font-size: .8em;
}

.share-text.white {
  color: #fff;
}

.next-title {
  text-align: right;
  text-transform: uppercase;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 120%;
}

.next-title.white {
  color: #fff;
}

.share-pleca {
  display: none;
}

.gen-share-btn-wa {
  background-color: #0000;
  background-image: url('../images/icons8-whatsapp-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}

.gen-share-btn-wa.whi {
  filter: invert();
}

.next-story {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-right: 5vw;
  display: flex;
}

.gen-share-btn-fb {
  background-color: #0000;
  background-image: url('../images/icons8-facebook-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  margin-right: 5px;
}

.gen-share-btn-fb.whi {
  filter: invert();
}

.next-cont {
  color: #000;
  text-decoration: none;
  position: relative;
}

.share-btns-cont {
  align-items: center;
  display: flex;
}

.next-sub {
  text-align: right;
  font-family: Helveticaneue, sans-serif;
  font-size: .9em;
  font-style: italic;
  font-weight: 700;
  line-height: 130%;
}

.next-sub.white {
  color: #fff;
}

.track-apert {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 1000vh;
  display: block;
  overflow: visible;
}

.flo-anim-zoom-out, .flo-anim-zoom-in {
  width: 100%;
  height: auto;
}

.gen-dash {
  color: #fec424;
}

.hom-f1.imgmain {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.secc-sticky {
  z-index: 9;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 350vh;
  display: flex;
  position: sticky;
  top: 0;
}

.menu-content {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9vh;
  padding-left: 7.5%;
  padding-right: 7.5%;
  display: none;
  position: absolute;
  inset: -100vh 0% 0%;
}

.menu-content.historias-cont {
  padding-left: 0%;
  padding-right: 0%;
  display: none;
  top: -100vh;
}

.menu-content.historias-cont.open {
  display: flex;
  top: 0;
}

.ela-nav {
  z-index: 150;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 7vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.ela-nav.home {
  opacity: 0;
}

.nav-ela-logo-holdr-mob {
  justify-content: center;
  align-items: center;
  width: 35%;
  height: auto;
  display: none;
}

.nav-logo-holdr {
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  display: flex;
}

.nav-logo-holdr.hist {
  width: 14vh;
}

.nav-90-div {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #000;
  align-items: center;
  width: 85%;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-90-div.historias {
  background-color: #0000;
  border-bottom-style: none;
  width: 100%;
}

.nav-50 {
  border-right: 1px none var(--white);
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-top: 0%;
  display: flex;
  position: relative;
}

.nav-50.der {
  border-right-style: none;
  padding-top: .5%;
  position: static;
}

.menu-50 {
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 100%;
  display: flex;
}

.nav-ela-logo-holdr-desk {
  justify-content: center;
  align-items: center;
  width: 35%;
  height: auto;
  display: flex;
}

.nav-ela-logo-holdr-desk.histo {
  width: 27vh;
}

.logo-palacio {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.logo-palacio.white {
  filter: invert();
}

.menu-line-clicker {
  z-index: 3;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 8%;
  height: 100%;
  padding: 1% 0% 0%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.linea-menu {
  border-bottom: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1px;
  display: flex;
}

.linea-menu.white {
  border: 1px #fff;
  border-bottom-style: solid;
}

.menu-heading {
  color: #000;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 3vh;
  font-weight: 700;
  line-height: 120%;
}

.menu-sub-text {
  color: #000;
  margin-bottom: 1.5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.3vh;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.line-holdr {
  flex-direction: column;
  justify-content: space-between;
  width: 3.5vh;
  height: 30%;
  display: flex;
}

.nav-linea {
  border-right: 1px solid #000;
  width: 1px;
  height: 30%;
  position: absolute;
  inset: auto 0% auto auto;
}

.nav-linea.white {
  border-right-color: #fff;
}

.menu-mob-vert {
  flex-direction: row;
  width: 100%;
  height: 83%;
  display: flex;
}

.menu-cat-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.talon-elafw23-2 {
  width: 100vw;
  display: block;
}

.talon-elafw23-2.none {
  display: none;
}

.talon-elafw23-2.noctu {
  background-color: #000;
  margin-top: 0;
}

.talon-elafw23-2.belleza {
  z-index: 100;
  position: relative;
}

.vid-cont {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.right-cont {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  display: flex;
}

.right-cont.none {
  display: none;
}

.foot-cont {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.smg-hideimg {
  display: none;
}

.image-10 {
  width: 100%;
  height: 100%;
}

.ofi-bajada-cont {
  width: 35vw;
  margin-top: 0;
  margin-bottom: 5vh;
  position: relative;
}

.left-cont {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 10vh;
  padding-top: 12vh;
  display: flex;
  position: static;
  top: 0;
}

.left-cont.none {
  display: none;
}

.elass25-heading {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.oficina-hero {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-bottom: 25vh;
  padding-left: 5vw;
  display: flex;
  position: relative;
}

.elass25-bajada {
  color: #000;
  text-align: left;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.ofi-head-cont {
  margin-bottom: 3vh;
  position: relative;
  bottom: 0;
  left: auto;
}

.vid {
  width: 50vw;
  height: 100vh;
}

.elass25-paragraph {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.cred-cont {
  margin-bottom: 5vh;
}

.elass25-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
}

.elass25-creditos.bigger {
  font-size: 2vh;
}

.elass25-creditos.right-justi {
  text-align: right;
}

.elass25-creditos.noctu {
  color: #fff;
}

.gen-cred-cont {
  width: 100vw;
  height: auto;
  padding-top: 5vh;
  padding-bottom: 10vh;
}

.gen-cred-cont.none {
  display: none;
}

.gen-creditos {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.gen-creditos.big {
  font-size: 2vh;
}

.credit-bold {
  font-family: "Helveticaneue 02";
  font-weight: 400;
}

.building-cont {
  z-index: 100;
  flex-flow: column;
  width: 6vw;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto 2vw 5% auto;
}

.building-cont.none {
  display: none;
}

.piso1 {
  z-index: 1;
  width: 100%;
  height: auto;
  position: relative;
}

.pisos-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.piso-1-a, .piso-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pisos-2 {
  width: 10vw;
  height: auto;
  position: absolute;
  bottom: 100%;
}

.piso-2-a {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.piso2 {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto 0%;
}

.piso3 {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto 0%;
}

.piso-3-a {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.piso4 {
  z-index: 4;
  width: 100%;
  height: auto;
  position: relative;
  top: auto;
  bottom: auto;
}

.piso-4-a, .piso-4-b {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.piso5 {
  z-index: 5;
  width: 100%;
  height: auto;
  position: relative;
  inset: auto 0%;
}

.piso-5-a {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.linea-info {
  z-index: -1;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--white) black;
  outline-offset: 0px;
  perspective-origin: 100%;
  transform-origin: 100% 0;
  outline: 3px #333;
  width: 55%;
  height: 1px;
  display: block;
  position: absolute;
  inset: 42% 95% auto auto;
}

.linea-info-box {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1vh;
  min-width: 1vh;
  height: auto;
  min-height: 1vh;
  padding: 0;
  display: flex;
  position: relative;
  inset: -1px 100% auto auto;
  transform: translate(6vh);
}

.linea-info-box.test {
  left: -.5vw;
  right: auto;
}

.pisos-txt {
  opacity: 0;
  color: #000;
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.3vh;
  display: none;
  position: absolute;
  inset: auto;
}

.pisos-txt.txt-close {
  display: none;
}

.of-hero-img-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ofi-header {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 8vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.ofi-piso-2 {
  background-color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  padding-left: 5vw;
  display: flex;
  position: relative;
}

.of-p2-sticky {
  width: 100%;
  height: 100vh;
  position: sticky;
  inset: 0%;
}

.building-scroller-div {
  flex-flow: column;
  width: auto;
  height: auto;
  padding-bottom: 10vh;
  display: none;
}

.ofi-hero-txt-div {
  z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: 8% 6% auto auto;
}

.grid-anim-01 {
  margin-top: 20vh;
  padding-left: 2vw;
  padding-right: 2vw;
}

.gridddd {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-itemmm {
  position: relative;
}

.image-wrapppp {
  width: auto;
  height: auto;
  overflow: hidden;
}

.imageeee {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
}

.caption {
  position: absolute;
  inset: auto auto -.5rem .5rem;
  transform: translate(0, 100%);
}

.body-beie {
  background-color: #d8cb91;
}

.cred-cont-ofi {
  z-index: 10;
  width: 70%;
  margin-bottom: 0;
  position: absolute;
}

.cred-cont-ofi.der {
  right: 0;
}

.cred-cont-ofi.der.wall {
  right: 20px;
}

.cred-cont-ofi.static {
  width: 50vh;
  position: absolute;
  bottom: -12%;
}

.cred-cont-ofi.izq-wall {
  margin-left: 20px;
}

.cred-cont-ofi.sta {
  position: static;
}

.cred-cont-ofi.accesorios {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  bottom: -35px;
}

.elafw25-cred {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.elafw25-cred.bigger {
  font-size: 4vh;
}

.elafw25-cred.der {
  text-align: right;
  font-size: .7rem;
}

.perforacion-folder-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 65%;
  padding-left: 1vw;
  display: flex;
  position: fixed;
  inset: 17.5% auto auto 0%;
}

.hoyito {
  border: 1px solid #000;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

.accsesorios-stick {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 300vh;
  margin-bottom: 15vh;
  display: flex;
}

.ofi-sticky-cont {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: sticky;
  top: 0%;
}

.div-block-12 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.testss {
  background-color: #961f1f;
  width: 300px;
  height: 300px;
}

.ofi-acceso-img-holdr {
  z-index: 2;
  width: 30vw;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.img-cont {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ofi-stick-img-cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.ofi-stick-img-cont.center {
  z-index: 10;
  overflow: visible;
}

.ofi-stick-img-cont.static {
  position: relative;
}

.img-cov {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-cov.none {
  opacity: 0;
}

._30vw-div {
  width: 30vw;
  height: 45vw;
  position: relative;
  overflow: hidden;
}

.curtain-cont {
  z-index: 3;
  object-fit: fill;
  width: 30vw;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

.curtain-cont.none {
  display: none;
}

.curtain-left {
  z-index: 11;
  background-color: var(--oficina);
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
}

.curtain-right {
  z-index: 11;
  background-color: var(--oficina);
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0 0% auto;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 15vh;
  display: grid;
}

.grid-1._2 {
  grid-template-rows: auto auto auto auto auto auto;
}

.grid-1.mobil {
  display: none;
}

.layout-bottom {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.grid-item {
  position: relative;
}

.section-2 {
  padding-bottom: 10vh;
}

.section-2._2dopiso {
  padding-top: 15vh;
}

.main-wrapper {
  padding-bottom: 0;
}

.page-wrapper {
  z-index: 100;
  position: relative;
}

.image {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.image.landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.image.square {
  aspect-ratio: 2.5 / 3;
}

.image-wrap {
  position: relative;
  overflow: hidden;
}

.image-wrap.building {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.oficina-bajada {
  color: #000;
  text-align: left;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.2vh;
  font-weight: 400;
  line-height: 140%;
}

.ofi-accesorios-cont {
  z-index: 5;
  width: auto;
  height: auto;
  position: relative;
}

.ofi-accesorios-cont.center {
  z-index: 11;
  justify-content: center;
  align-items: center;
  display: block;
}

.post-it {
  margin: 10px 10px 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.post-it.satreria {
  top: 25%;
  bottom: auto;
  left: -40%;
}

.post-it.azul-neblina {
  bottom: 17%;
  left: auto;
  right: 1%;
}

.post-it.cafe-ganache {
  bottom: 52%;
  left: -49%;
}

.post-it.denim {
  bottom: 40%;
  left: -46%;
}

.post-it.noctu-red {
  bottom: 15%;
  left: 2%;
}

.post-it.satreria-ella {
  top: 25%;
  bottom: auto;
  left: -40%;
}

.post-it.z50 {
  z-index: 50;
}

.postit-css {
  position: absolute;
}

.txt-post {
  color: #000;
  text-align: center;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 130%;
}

.building-contain {
  z-index: 99;
  flex-flow: column;
  width: 12vh;
  height: auto;
  display: none;
  position: fixed;
  inset: auto 2vw 5% auto;
}

.building-contain.none {
  display: none;
}

.hero-copy {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  margin-bottom: 25vh;
  padding-left: 5vw;
  display: flex;
  position: relative;
}

.linea-info-box-2 {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1vh;
  min-width: 1vh;
  height: auto;
  min-height: 1vh;
  padding: 0;
  display: flex;
  position: relative;
  inset: -1px 100% auto auto;
  transform: translate(6vh);
}

.linea-info-box-2.test {
  left: -.5vw;
  right: auto;
}

.linea-info-box-3 {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1vh;
  min-width: 1vh;
  height: auto;
  min-height: 1vh;
  padding: 0;
  display: flex;
  position: relative;
  inset: -1px 100% auto auto;
  transform: translate(6vh);
}

.linea-info-box-3.test {
  left: -.5vw;
  right: auto;
}

.linea-info-box-4 {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1vh;
  min-width: 1vh;
  height: auto;
  min-height: 1vh;
  padding: 0;
  display: flex;
  position: relative;
  inset: -1px 100% auto auto;
  transform: translate(6vh);
}

.linea-info-box-4.test {
  left: -.5vw;
  right: auto;
}

.linea-info-box-5 {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 1vh;
  min-width: 1vh;
  height: auto;
  min-height: 1vh;
  padding: 0;
  display: flex;
  position: relative;
  inset: -1px 100% auto auto;
  transform: translate(6vh);
}

.linea-info-box-5.test {
  left: -.5vw;
  right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.grid-cont {
  padding-bottom: 10vh;
}

.grid-cont._2dopiso {
  padding-top: 15vh;
}

.grid-cont.mob {
  display: none;
}

.ofi-hero-cover {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.grid-mob {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 15vh;
  display: none;
}

.grid-mob._2 {
  grid-template-rows: auto auto auto auto auto auto;
}

.grid-mob.mobil {
  display: none;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 15vh;
  display: grid;
}

.grid-2._2 {
  grid-template-rows: auto auto auto auto auto auto;
}

.grid-2.mobil {
  display: none;
}

.oficina-hero-mob {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-bottom: 25vh;
  padding-left: 5vw;
  display: none;
  position: relative;
}

.ofi-head-cont-mob {
  margin-bottom: 3vh;
  position: relative;
  bottom: 0;
  left: auto;
}

.ofi-header-mob {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 8vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.ofi-hero-txt-div-mob {
  z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: 8% 6% auto auto;
}

.of-hero-img-cont-mob {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.belleza-secciones {
  grid-column-gap: 15vh;
  grid-row-gap: 15vh;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.belleza-secciones.none {
  display: none;
}

.giff-container {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 90vh;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  top: 48px;
}

.giff-container._3 {
  margin-top: 0;
}

.giff-container._01 {
  width: 100%;
}

.giff-container._02, .giff-container._03 {
  display: flex;
}

.giff-container._04 {
  flex: 0 auto;
  margin-bottom: 4.5vh;
  display: flex;
}

.belleza-img-cov {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.belleza-img-cov.is-0 {
  z-index: 0;
  opacity: 0;
}

.belleza-img-cov.is-1 {
  z-index: 1;
  opacity: 0;
}

.belleza-img-cov.is-2 {
  z-index: 2;
  opacity: 0;
}

.belleza-img-cov.is-3 {
  z-index: 3;
  opacity: 0;
}

.belleza-img-cov.is-4 {
  z-index: 4;
}

.giff-div {
  border-radius: 7px;
  flex-flow: column;
  width: 65%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.giff-titel-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 35%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 5vh;
  display: flex;
}

.belle-bajada-cont {
  width: 89%;
  margin-top: 0;
  margin-bottom: 5vh;
  position: relative;
}

.belle-heading {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 7vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.belle-heading.bodycare {
  color: #683857;
}

.belle-heading.haircare {
  color: #71ac5d;
}

.belle-heading.makeup {
  color: #d32525;
}

.belleza-hero {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-bottom: 10vh;
  display: flex;
}

.bell-sub-bajada {
  color: #000;
  text-align: left;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.be-hero-titel-div {
  z-index: 1;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.be-hero-titel-div.hasta {
  top: 20vh;
  bottom: auto;
  left: auto;
}

.be-hero-titel-div.la {
  inset: 22% auto auto 49.5%;
}

.be-hero-titel-div.ultima {
  top: 15%;
  left: auto;
  right: 29%;
}

.be-hero-titel-div.gota {
  inset: 7% 10% auto auto;
}

.belle-hero-heading {
  z-index: 10;
  color: #000;
  text-align: center;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 7vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.be-hero-img-cont {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.be-hero-img-cont.la {
  inset: auto auto 0% 0%;
}

.be-hero-img {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.jarras-div {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.be-hero-jarra {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.belle-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 150%;
}

.belle-creditos.bigger {
  font-size: 2vh;
}

.belle-creditos.right-justi {
  text-align: right;
}

.belle-creditos.top {
  margin-bottom: 5vh;
}

.skin-cred-div {
  width: 90%;
}

.elaf-bajada-cont {
  width: 40vw;
  margin-top: 0;
  margin-bottom: 5vh;
  position: static;
}

.ela-head-cont {
  margin-bottom: 3vh;
  position: relative;
  bottom: 0;
  left: auto;
}

.belle-bajada {
  color: #000;
  text-align: center;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.be-bajada-div {
  z-index: 10;
  width: 60vw;
  position: absolute;
  bottom: 7vh;
}

.section-3 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.noc-vid-secc {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 500vh;
  display: flex;
}

.video-container {
  border: 1px #000;
  border-radius: 0;
  width: 30vw;
  height: 90vh;
  overflow: hidden;
}

.video-container-iframe {
  object-fit: cover;
  background-color: #868080;
  width: 100%;
  height: 100%;
}

.video-container-iframe.none {
  display: none;
}

.noc-vid-hidden {
  z-index: -10;
  border: 1px #000;
  border-radius: 0;
  width: 55vh;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.noch-foto-div {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.noch-foto-div.none {
  display: none;
}

.noc-stickend-img-div {
  width: 50vh;
  height: auto;
  position: absolute;
  overflow: visible;
}

.noc-vid-sticky {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.noc-img {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.section-4 {
  width: 100vw;
  height: 100vh;
}

.body-black {
  background-color: #000;
}

.die-noctu-vid-sec {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200rem;
  display: flex;
  position: relative;
}

.noctu-vid-hidden {
  z-index: -10;
  border: 1px #000;
  border-radius: .01rem;
  width: 55vh;
  height: 100vh;
  transition: border-radius .8s;
  position: relative;
  overflow: hidden;
}

.noctu-vid-hidden.izq {
  background-color: #979797;
  border-radius: 0;
}

.noctu-vid-hidden.izq.border {
  border-radius: 20px;
  transition: border-radius 100s;
}

.noctu-vid-hidden.der {
  background-color: #998383;
  border-radius: 20rem;
}

.noctu-vid-hidden.der.border-for-anim {
  border-radius: .01rem;
}

.noctu-vid-hidden.izq-2 {
  border-radius: 20rem;
}

.noctu-vid-hidden.izq-2.border-for-anim, .noctu-vid-hidden.izq-2.border-for-anim-izq-2 {
  border-radius: .01rem;
}

.noctu-vid-hidden.der-2 {
  border-radius: 20rem;
}

.noctu-vid-hidden.der-2.border-for-anim, .noctu-vid-hidden.der-2.border-for-anim-der-2 {
  border-radius: .01rem;
}

.noctu-vid-hidden.border-for-anim {
  border-radius: 15rem;
}

.noctu-vid-hidden.izzq {
  border-radius: 20rem;
}

.noctu-vid-hidden.izzq.border-for-anim {
  border-radius: .1rem;
}

.noctu-vid-hidden.izq-3 {
  border-radius: 20rem;
}

.noctu-vid-hidden.izq-3.border-for-anim {
  border-radius: .1rem;
}

.noctu-vid-hidden.der-3 {
  background-color: #998383;
  border-radius: 20rem;
}

.noctu-vid-hidden.der-3.border-for-anim {
  border-radius: .01rem;
}

.noc-vid-hidden-copy {
  z-index: -10;
  border: 1px #000;
  border-radius: 0;
  width: 55vh;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.noctu-sticky {
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-13 {
  width: 40vh;
  height: auto;
  position: absolute;
}

.noctu-cred-cont {
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
}

.noctu-cred-cont.der {
  right: 0;
}

.noctu-cred-cont.der.wall {
  right: 20px;
}

.noctu-cred-cont.static {
  width: 50vh;
  position: absolute;
  bottom: -12%;
}

.noctu-cred-cont.izq-wall {
  margin-left: 20px;
}

.noctu-cred-cont.sta {
  position: static;
}

.noctu-cred-cont.accesorios {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  bottom: -35px;
}

.noctu-seccion {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-top: 15vh;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
}

.noctu-seccion._02 {
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding-left: 3vw;
  padding-right: 3vw;
}

.noctu-seccion._07 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-left: 3vw;
  padding-right: 3vw;
}

.div-block-14 {
  width: 40vh;
  height: auto;
}

.noctu-img-div {
  width: 50vh;
  height: auto;
  position: relative;
  overflow: visible;
}

.noctu-img-div._01 {
  width: 90vh;
  position: relative;
}

.noctu-img-div._02 {
  width: 45vw;
  position: relative;
}

.noctu-img-div._03 {
  width: 30vw;
  margin-top: 100vh;
}

.noctu-img-div.finall {
  width: 90vh;
  position: relative;
}

.div-block-15 {
  width: 50vw;
}

.die-noctu-vid-sec-02 {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 400vh;
  display: flex;
  position: relative;
}

.nocturnos-hero {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.class-for-animation {
  display: none;
}

.border-for-anim {
  border-radius: .1rem;
}

.noc-stickend-img-02 {
  width: 50vh;
  height: auto;
  position: absolute;
  overflow: visible;
}

.nocturnos-hero-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.noctu-hero-img-div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.noctu-img-hero {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.noctu-hero-txt-div {
  flex-flow: column;
  order: 0;
  width: 50%;
  height: 100%;
  margin-right: 0;
  padding-top: 20vh;
  padding-left: 5vw;
  display: flex;
  position: absolute;
}

.noctu-head-cont {
  margin-bottom: 3vh;
  position: relative;
  bottom: 0;
  left: auto;
}

.noctu-heading {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.noctu-bajada-cont {
  width: auto;
  height: auto;
}

.noctu-bajada {
  color: #fff;
  text-align: left;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.noctu-body {
  background-color: #000;
}

.noctu-cred-cont-hero {
  z-index: 10;
  width: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 10px 25px;
}

.noctu-cred-cont-hero.der {
  right: 0;
}

.noctu-cred-cont-hero.der.wall {
  right: 20px;
}

.noctu-cred-cont-hero.static {
  width: 50vh;
  position: absolute;
  bottom: -12%;
}

.noctu-cred-cont-hero.izq-wall {
  margin-left: 20px;
}

.noctu-cred-cont-hero.sta {
  position: static;
}

.noctu-cred-cont-hero.accesorios {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  bottom: -35px;
}

.noc-stickend-img-03 {
  width: 50vh;
  height: auto;
  position: absolute;
  overflow: visible;
}

.die-noctu-vid-sec-03 {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200rem;
  display: flex;
  position: relative;
}

.home-her {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 600vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.home-her.z-ind {
  transform: none;
}

.home-her.mob {
  display: none;
}

.folder-div {
  z-index: 10;
  background-color: #d0c8bb;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 150vh;
  height: 70vh;
  padding: 10vh 6vh 5vh;
  display: flex;
  position: absolute;
}

.folder-div.rostan {
  z-index: 5;
  transform-style: preserve-3d;
  background-color: #d0ba95;
  text-decoration: none;
  position: absolute;
  inset: auto auto 8vh;
  transform: translate3d(0, 0, -320px);
}

.folder-div.rostan.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div.rostan.trannsf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.rostan.trannsf.move {
  transform-style: preserve-3d;
  bottom: -4vh;
  transform: translate3d(0, 0, 200px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.nocturnos {
  z-index: 9;
  transform-style: preserve-3d;
  background-color: #c6b8bc;
  text-decoration: none;
  position: absolute;
  inset: auto auto 2vh;
  transform: translate3d(0, 0, -80px);
}

.folder-div.nocturnos.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(34deg)rotateZ(0);
}

.folder-div.nocturnos.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.nocturnos.transf.move {
  outline-offset: 0px;
  transform-style: preserve-3d;
  outline: 3px #333;
  bottom: -1vh;
  transform: translate3d(0, 0, 50px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.nocturnos.transf.move.desplazar {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 40vh)rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.ancestral {
  z-index: 8;
  transform-style: preserve-3d;
  background-color: #9d876c;
  text-decoration: none;
  position: absolute;
  inset: auto auto 4vh;
  transform: translate3d(0, 0, -160px);
}

.folder-div.ancestral.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(34deg)rotateZ(0);
}

.folder-div.ancestral.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.ancestral.transf.move {
  transform-style: preserve-3d;
  bottom: -2vh;
  transform: translate3d(0, 0, 100px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.dhierro {
  z-index: 7;
  transform-style: preserve-3d;
  background-color: #c8c6be;
  text-decoration: none;
  position: absolute;
  inset: auto auto 6vh;
  transform: translate3d(0, 0, -240px);
}

.folder-div.dhierro.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div.dhierro.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.dhierro.transf.move {
  transform-style: preserve-3d;
  bottom: -3vh;
  transform: translate3d(0, 0, 150px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.belleza {
  z-index: 4;
  transform-style: preserve-3d;
  background-color: #f7f7f7;
  text-decoration: none;
  position: absolute;
  inset: auto auto 10vh;
  transform: translate3d(0, 0, -400px);
}

.folder-div.belleza.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div.belleza.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.belleza.transf.move {
  transform-style: preserve-3d;
  bottom: -5vh;
  transform: translate3d(0, 0, 250px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.belleza.transf.move.enfrente {
  transform-style: preserve-3d;
  transition: transform .6s;
  transform: translate3d(0, 300px, -169px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.ofi {
  text-decoration: none;
  position: absolute;
  bottom: 0;
}

.folder-div.ofi.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div.ofi.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div.rotateddd {
  transform-origin: 50%;
}

.folder-div.maletas {
  z-index: 3;
  transform-style: preserve-3d;
  background-color: #ebcba6;
  text-decoration: none;
  position: absolute;
  bottom: 12vh;
  transform: translate3d(0, 0, -480px);
}

.folder-div.maletas.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div.maletas.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div.maletas.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.maletas.transf.move {
  transform-style: preserve-3d;
  bottom: -6vh;
  transform: translate3d(0, 0, 300px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div.viajes {
  z-index: 2;
  transform-style: preserve-3d;
  background-color: #bdc6c5;
  height: 70vh;
  text-decoration: none;
  position: absolute;
  bottom: 14vh;
  transform: translate3d(0, 0, -560px);
}

.folder-div.viajes.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div.viajes.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div.viajes.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div.viajes.transf.move {
  transform-style: preserve-3d;
  bottom: -7vh;
  transform: translate3d(0, 0, 350px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.pestana-div {
  justify-content: center;
  align-items: center;
  width: 49vh;
  height: auto;
  display: flex;
  position: absolute;
  top: -3.9vh;
  left: 5%;
}

.pestana-div.noc {
  left: 28%;
}

.pestana-div.ances {
  left: 53%;
}

.pestana-div.dhierro {
  left: 4%;
}

.pestana-div.belle {
  left: auto;
  right: 1%;
}

.pestana-div.maletas {
  left: 26%;
}

.pestana-div.viajes {
  left: 3%;
}

.pestana-div.rostan {
  left: 18%;
}

.img-pestana {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.folder-pest-txt {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.8vh;
  font-weight: 700;
  position: absolute;
  inset: auto;
}

.folder-pest-txt.dehierro-hom {
  left: 13%;
}

.folder-50 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.folder-50._30 {
  width: 35%;
}

.home-folder-titel {
  color: #000;
  margin-bottom: 4vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 7vh;
  font-weight: 700;
  line-height: 140%;
}

.home-card-img-stories {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.folder-img-50 {
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.folder-img-50._70 {
  width: 65%;
}

.historias-rotdiv {
  z-index: 3;
  perspective: none;
  perspective-origin: 50%;
  transform-origin: 50%;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto;
  transform: rotateX(0)rotateY(.01deg)rotateZ(0);
}

.historias-rotdiv.scale {
  perspective: 1633px;
  transform-origin: 50%;
  transform: scale(.9);
}

.historias-rotdiv.transform {
  perspective: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transform: none;
}

.historias-rotdiv.zin {
  z-index: 200;
}

.rot-cont {
  perspective: 2000px;
  perspective-origin: 50% 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.rot-cont.rot1-transform {
  perspective: 2000px;
  perspective-origin: 50% 0;
  transform-origin: 50%;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: sticky;
  bottom: auto;
  transform: none;
}

.rot-cont.rot1-transform.class-add-rotcont {
  perspective: 500px;
  perspective-origin: 50% 0;
  transition: transform .5s cubic-bezier(.6, -.28, .735, .045);
  transform: none;
}

.home-folder-bajada {
  color: #000;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 400;
  line-height: 140%;
}

.abrir-expediente-div {
  border-top: 1px #000;
  width: auto;
  margin: auto 0 10vh auto;
  padding-top: 20px;
}

.abrir-exp-txt {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-weight: 700;
  line-height: 140%;
}

.folder-div-ghost {
  z-index: 10;
  background-color: #d0c8bb;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 155vh;
  height: 80vh;
  padding: 10vh 6vh 5vh;
  display: flex;
  position: relative;
}

.folder-div-ghost.rostan {
  z-index: 5;
  background-color: #d0ba95;
  position: absolute;
  inset: auto auto 15vh;
}

.folder-div-ghost.rostan.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.rostan.trannsf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.rostan.trannsf.move {
  transform-style: preserve-3d;
  bottom: -4vh;
  transform: translate3d(0, 0, 200px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.nocturnos {
  z-index: 9;
  background-color: #c6b8bc;
  position: absolute;
  inset: auto auto 3.5vh;
}

.folder-div-ghost.nocturnos.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(34deg)rotateZ(0);
}

.folder-div-ghost.nocturnos.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.nocturnos.transf.move {
  outline-offset: 0px;
  transform-style: preserve-3d;
  outline: 3px #333;
  bottom: -1vh;
  transform: translate3d(0, 0, 50px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.nocturnos.transf.move.desplazar {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 40vh)rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.ancestral {
  z-index: 8;
  background-color: #9d876c;
  position: absolute;
  inset: auto auto 7.5vh;
}

.folder-div-ghost.ancestral.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(34deg)rotateZ(0);
}

.folder-div-ghost.ancestral.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.ancestral.transf.move {
  transform-style: preserve-3d;
  bottom: -2vh;
  transform: translate3d(0, 0, 100px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.dhierro {
  z-index: 7;
  background-color: #c8c6be;
  position: absolute;
  inset: auto auto 11vh;
}

.folder-div-ghost.dhierro.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.dhierro.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.dhierro.transf.move {
  transform-style: preserve-3d;
  bottom: -3vh;
  transform: translate3d(0, 0, 150px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.belleza {
  z-index: 4;
  background-color: #f7f7f7;
  position: absolute;
  inset: auto auto 16.9vh;
}

.folder-div-ghost.belleza.rots {
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.belleza.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.belleza.transf.move {
  transform-style: preserve-3d;
  bottom: -5vh;
  transform: translate3d(0, 0, 250px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.belleza.transf.move.enfrente {
  transform-style: preserve-3d;
  transition: transform .6s;
  transform: translate3d(0, 300px, -169px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.ofi {
  position: absolute;
  bottom: 0;
}

.folder-div-ghost.ofi.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.ofi.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div-ghost.ofi.transf {
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.rotateddd {
  transform-origin: 50%;
}

.folder-div-ghost.maletas {
  z-index: 3;
  background-color: #ebcba6;
  position: absolute;
  bottom: 19.8vh;
}

.folder-div-ghost.maletas.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.maletas.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div-ghost.maletas.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.maletas.transf.move {
  transform-style: preserve-3d;
  bottom: -6vh;
  transform: translate3d(0, 0, 300px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.viajes {
  z-index: 2;
  background-color: #bdc6c5;
  height: 80vh;
  position: absolute;
  bottom: 23.2vh;
}

.folder-div-ghost.viajes.rotated {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -169px)rotateX(-48deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.viajes.rots {
  perspective: none;
  transform-style: preserve-3d;
  transform: rotateX(-18deg)rotateY(30deg)rotateZ(0);
}

.folder-div-ghost.viajes.transf {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.folder-div-ghost.viajes.transf.move {
  z-index: 0;
  opacity: 0;
  transform-style: preserve-3d;
  bottom: -7vh;
  transform: translate3d(0, 0, 350px)rotateX(-180deg)rotateY(0)rotateZ(0);
}

.rot-div-copy {
  perspective: none;
  perspective-origin: 50%;
  transform-origin: 50%;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
  transform: translate(0, 13vh)scale(.7)rotateX(180deg)rotateY(0)rotateZ(0);
}

.rot-div-copy.scale {
  perspective: 1633px;
  transform-origin: 50%;
  transform: scale(.9);
}

.rot-div-copy.transform {
  perspective: none;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transform: translate(0, 13vh)scale(.7)rotateX(180deg)rotateY(0)rotateZ(0);
}

.body-home {
  background-color: #f3eedf;
}

.home-hero-cover {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  display: flex;
  position: relative;
}

.home-cover-folder {
  background-color: #d0c8bb;
  border-radius: 10px;
  width: 130vh;
  height: 70vh;
  display: flex;
  position: absolute;
}

.home-cover-folder._2 {
  z-index: 9;
  transform-style: preserve-3d;
  background-color: #afada9;
  transform: translate3d(0, 0, -80px);
}

.home-cover-folder._3 {
  z-index: 8;
  transform-style: preserve-3d;
  background-color: #776e60;
  transform: translate3d(0, 0, -160px);
}

.home-cover-folder._4 {
  z-index: 7;
  transform-style: preserve-3d;
  background-color: #d3ba92;
  transform: translate3d(0, 0, -240px);
}

.home-cover-folder._5 {
  z-index: 6;
  transform-style: preserve-3d;
  background-color: #bedded;
  transform: translate3d(0, 0, -320px);
}

.home-cover-folder.edit {
  z-index: 10;
}

.pestana-cover-div {
  z-index: 10;
  width: 35vh;
  height: auto;
  position: absolute;
  inset: -3.9% auto auto 10%;
}

.pestana-cover-div._2 {
  left: 29%;
}

.pestana-cover-div._3 {
  left: 69%;
}

.pestana-cover-div._4 {
  left: 52%;
}

.pestana-cover-div._5 {
  left: 2%;
}

.pestana-cover-div-bott {
  justify-content: center;
  align-items: center;
  width: 35vh;
  display: flex;
  position: absolute;
  inset: auto 10% -4% auto;
}

.pest-cov-img {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.pest-cov-img-rot {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotate(180deg);
}

.cov-pestanas-cont {
  z-index: 0;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 10vh;
  padding-bottom: 5vh;
  padding-left: 2vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cov-50div-txt {
  flex-flow: column;
  width: 50%;
  height: 100%;
  padding-top: 9vh;
  padding-left: 3vw;
  display: flex;
  position: relative;
}

.cov-50div-foto {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.home-portada-div {
  border: 10px #000;
  border-radius: 10px;
  width: 75%;
  height: 90%;
  overflow: hidden;
}

.home-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-heading {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 3.7vh;
  font-weight: 700;
  line-height: 129%;
  position: static;
}

.home-heading.bienv {
  margin-bottom: 8vh;
  font-size: 4vh;
  line-height: 130%;
}

.home-heading.otono {
  margin-top: 0;
  margin-bottom: 3vh;
  font-size: 6vh;
  line-height: 100%;
}

.home-cov-bajada {
  z-index: 1000;
  color: #000;
  text-align: left;
  width: 60%;
  margin-bottom: 0;
  margin-left: auto;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.9vh;
  font-weight: 400;
  line-height: 136%;
  position: static;
}

.seguir-escrrolleando {
  z-index: 100;
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  border-top: 1px solid #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 33%;
  height: auto;
  margin-top: auto;
  margin-bottom: 5%;
  margin-left: auto;
  padding-top: 20px;
  display: block;
  position: static;
}

.scroll-cont {
  color: #000;
  text-align: right;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.9vh;
  font-weight: 400;
  line-height: 136%;
}

.eph-logo-pest {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 107%;
  padding-top: 3px;
  display: block;
  position: absolute;
  inset: 11% 0% auto;
}

.eph-logo-black {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ephpuntocom {
  width: 48%;
  margin-right: 6px;
  position: absolute;
}

.cover-fold-card {
  z-index: 5;
  opacity: 1;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(.01deg)rotateZ(0);
}

.cover-fold-card.none {
  opacity: 0;
}

.amarillo-div {
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.amarillo-div.abs {
  margin-left: 0;
  position: relative;
  left: 7vw;
}

.ela-libro {
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.letra-img {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.ela-el {
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.ela-header {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 7vh;
  display: flex;
  position: static;
  bottom: -33vh;
  overflow: visible;
}

.ela-titel-letter-holdr {
  height: 6vh;
  position: relative;
  top: 0;
  left: 0%;
}

.ela-titel-letter-holdr.e {
  height: 5.5vh;
  top: auto;
  left: auto;
}

.ela-titel-letter-holdr.e.l {
  filter: none;
  height: 5.5vh;
  top: auto;
  left: auto;
}

.ela-titel-letter-holdr.ama {
  top: 0;
}

.cover-ela-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.el-libro-div {
  margin-bottom: 4.3vh;
  padding-left: 5.5vh;
  display: flex;
}

.guia-div {
  width: 37vh;
  height: auto;
}

.eph-presenta-div {
  z-index: 10;
  opacity: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25vh;
  height: auto;
  margin-bottom: 7vh;
  display: flex;
  position: static;
  bottom: -33vh;
  overflow: visible;
}

.eph-logo-beige {
  width: 100%;
  height: 100%;
}

.presenta-txt {
  opacity: 0;
  color: #9d876d;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 400;
}

.home-hero-01 {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 1000vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.home-hero-01.z-ind {
  transform: none;
}

.home-hero-01.mob {
  display: none;
}

.rot-cont {
  overflow: hidden;
}

.eph-presenta-card {
  z-index: 10;
  background-color: #f3eedf;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.eph-presenta-card.none {
  opacity: 1;
  background-color: #ecca62;
}

.el-libro-amarillo-card {
  z-index: 7;
  perspective-origin: 100%;
  background-color: #f3eedf;
  border: 1px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.el-libro-amarillo-card.none {
  opacity: 0;
}

.fold-tenden-wrapper {
  z-index: 0;
  opacity: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fold-tenden-wrapper.editmarquez {
  z-index: 5000;
  opacity: 100;
}

.folder-tendencias-cont {
  background-color: #d0c8bb;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62vh;
  height: 76vh;
  padding: 5vh 2vw 3vh 4.5vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tend-pest-div {
  width: 5vh;
  height: auto;
  position: absolute;
  inset: 0% auto auto -2.4vh;
}

.tend-pest-bott {
  width: 40vh;
  height: auto;
  position: absolute;
  inset: auto auto -1.2vh 0;
}

.image-12 {
  width: 100%;
  height: 100%;
}

.tend-pal-txt {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 5vh;
  line-height: 110%;
}

.tend-pal-txt.oto-o {
  font-size: 3vh;
}

.div-block-17 {
  border-radius: 7px;
  width: 74%;
  height: 65%;
  margin-top: auto;
  margin-left: auto;
  overflow: hidden;
}

.image-13 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.abrir-tende {
  border-top: 1px solid #000;
  width: auto;
  margin: auto 0 10vh auto;
  padding-top: 20px;
  position: absolute;
  inset: auto auto 0% 4.5vw;
}

.body-tend {
  background-color: #d0c8bb;
}

.tendencias-folder-fixed {
  z-index: -5;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin: auto;
  display: flex;
  position: fixed;
  inset: auto;
}

.tend-fold-pest-cont {
  background-color: #fff;
  width: 90vw;
  height: 92vh;
  position: relative;
}

.pest-tendencias {
  width: 3vh;
  height: auto;
  position: absolute;
  inset: 0 auto auto -1.3%;
}

.pestana-tend-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pest-tendencias-bott {
  width: 35vw;
  height: auto;
  position: absolute;
  inset: auto -.5px -2% auto;
}

.section-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  padding: 13vh 16vw 5vh 13vw;
  display: flex;
}

.tend-heading {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 6vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.tend-heading.smaller {
  margin-bottom: 5vh;
  font-size: 4vh;
}

.tend-heading.keyitems {
  margin-bottom: 5vh;
  margin-left: 17vw;
  font-size: 3.5vh;
}

.tendencias-txt {
  color: #000;
  column-count: 1;
  width: 50vw;
  margin-bottom: 10vh;
  margin-left: auto;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 400;
  line-height: 130%;
}

.noc-creditos {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.noctu-cred-con {
  width: 100vw;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 2vh;
}

.noctu-cred-con.none {
  display: none;
}

.noctu-cred-cont-mob {
  z-index: 10;
  width: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 10px 25px;
}

.noctu-cred-cont-mob.der {
  right: 0;
}

.noctu-cred-cont-mob.der.wall {
  right: 20px;
}

.noctu-cred-cont-mob.static {
  width: 50vh;
  position: absolute;
  bottom: -12%;
}

.noctu-cred-cont-mob.izq-wall {
  margin-left: 20px;
}

.noctu-cred-cont-mob.sta {
  position: static;
}

.noctu-cred-cont-mob.accesorios {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  bottom: -35px;
}

.belle-cred-cont {
  width: 100vw;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
}

.belle-cred-cont.none {
  display: none;
}

.italic-text {
  text-transform: uppercase;
  font-style: italic;
}

.belle-ghost.imgmain {
  opacity: 0;
  width: 1px;
  height: 1px;
  display: none;
  position: absolute;
}

.home-hero-01-mob {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 1000vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.home-hero-01-mob.z-ind {
  transform: none;
}

.home-hero-01-mob.mob {
  display: none;
}

.scroll-flecha {
  z-index: 15;
  transform-origin: 50% 0;
  background-color: #c4929200;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 7vh;
  display: flex;
  position: absolute;
  inset: auto auto 4%;
}

.scroll-txt {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
}

.scroll-linea {
  border-left: 1px solid #000;
  width: 1px;
  height: 3vh;
  margin-top: 0;
  margin-bottom: 2vh;
}

.ofi-header-creditos {
  color: #000;
  margin-top: 10px;
  margin-left: 2vw;
  margin-right: 2vw;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
}

.ofi-header-creditos.bigger {
  font-size: 2vh;
}

.ofi-header-creditos.right-justi {
  text-align: right;
}

.ofi-header-creditos.noctu {
  color: #fff;
}

.talon-home {
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.flecha-img {
  width: 10vh;
  height: auto;
  margin-bottom: 2vh;
}

.gen-creditos-2 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.ans-sec-right {
  z-index: 10;
  width: 50vw;
  height: auto;
  position: relative;
  transform: translate(-25vw);
}

.ans-elass25-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.ans-elass25-creditos.prods.pad1 {
  margin-left: 15px;
}

.ans-elass25-creditos.pad-left2 {
  margin-left: 0;
  padding-right: 15px;
  display: block;
}

.ans-elass25-creditos.pad-left {
  margin-left: 15px;
  padding-right: 15px;
}

.ans-sec3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 300vh;
  margin-top: 10vh;
  display: flex;
}

.next-title-2 {
  text-align: right;
  text-transform: uppercase;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 120%;
}

.ans-sec2-left {
  width: 60vw;
  padding-left: 5vw;
  padding-right: 5vw;
  position: sticky;
  top: 0;
}

.ans-elass25-heading {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
  inset: 0% auto auto 0%;
}

.ans-herophoto2 {
  z-index: 15;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ans-sec5 {
  justify-content: flex-start;
  align-items: flex-start;
  height: 200vh;
  margin-top: 15vh;
  display: flex;
}

.ans-vid-embed {
  width: 75vw;
}

.ans-herophoto1 {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.ans-fotpie-cont {
  height: auto;
}

.post-it-2 {
  z-index: 50;
  margin: 10px 10px 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ans-elass25-creditos-2 {
  color: #fff;
  background-color: #2b0b02;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.ans-elass25-creditos-2.padding-2 {
  padding-left: 0;
  padding-right: 15px;
}

.ans-elass25-creditos-2.padding {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.btn-carrusel-2 {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 8px;
  font-family: Elaicons, sans-serif;
  font-size: 1.1em;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto 10px 10px auto;
}

.btn-carrusel-2:hover {
  color: #fec424;
  background-color: #000;
  text-decoration: none;
}

.btn-carrusel-2.anshero {
  z-index: 20;
}

.ans-sec-right-dark {
  z-index: 10;
  width: 50vw;
  height: auto;
  position: relative;
  transform: translate(-25vw);
}

.ans-fot-cont {
  position: relative;
}

.ans-sec-center {
  z-index: 15;
  width: 50vw;
  height: auto;
  position: relative;
}

.ans-herocont {
  width: 100vw;
  height: auto;
}

.ans-photo {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.ans-stickysecs {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.ans-stickysecs.colorback {
  background-color: #fff;
  width: auto;
}

.ans-stickysecs.vid {
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.share-text-2 {
  color: #000;
  text-transform: uppercase;
  font-family: Helveticaneue, sans-serif;
  font-size: .8em;
}

.ans-head-cont {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ans-txt-cont {
  z-index: 15;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 25vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ans-sec1 {
  justify-content: flex-start;
  align-items: flex-start;
  height: 300vh;
  margin-top: 15vh;
  display: flex;
  overflow: visible;
}

.ans-sec2-right {
  width: 40vw;
  padding-right: 5vw;
  transform: translate(0, 60vh);
}

.ans-elass25-bajada {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.image-14 {
  width: 100%;
  height: 100%;
}

.postit-css-2 {
  z-index: 100;
  position: absolute;
}

.ans-sec2 {
  justify-content: flex-start;
  align-items: flex-start;
  height: 200vh;
  margin-top: 15vh;
  display: flex;
}

.ans-sec4 {
  z-index: 15;
  display: flex;
  position: relative;
}

.ans-elass25-paragraph {
  color: #fff;
  text-align: center;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.ans-sec6 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 15vh;
  display: flex;
}

.ans-sec-left {
  z-index: 15;
  width: 50vw;
  height: auto;
  position: relative;
  transform: translate(25vw);
}

.ans-sec-vid {
  z-index: 20;
  background-color: #2b0b02;
  justify-content: center;
  align-items: flex-start;
  height: 300vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  position: relative;
}

.ans-vid-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 28.24vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gen-creditos-3 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.dh-sec3 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 15vh;
  display: flex;
}

.dh-elass25-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.dh-sec2-lef {
  width: 50vw;
  height: 100vh;
  padding: 2.5vw;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.dh-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.dh-elass25-bajada {
  color: #000;
  text-align: center;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.dh-sec2-txt-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 0%;
  display: flex;
  overflow: hidden;
}

.dh-sec1-photo-cont {
  object-position: 50% 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.dh-arq-outer {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 70vh;
  display: flex;
  overflow: hidden;
}

.dh-fotopie-cont {
  width: 100%;
  height: 100vh;
}

.dh-sec1 {
  height: 200vh;
  margin-top: 10vh;
  display: flex;
  position: relative;
}

.btn-carrusel-3 {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 8px;
  font-family: Elaicons, sans-serif;
  font-size: 1.1em;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto 10px 10px auto;
}

.btn-carrusel-3:hover {
  color: #fec424;
  background-color: #000;
  text-decoration: none;
}

.btn-carrusel-3.anssecs {
  z-index: 45;
}

.btn-carrusel-3.rostan {
  z-index: 10;
}

.dh-elass25-bullet {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.elass25-paragraph-2 {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.dh-sec1-left {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: sticky;
  top: 0;
}

.dh-sec2-right {
  object-position: 50% 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: sticky;
  top: 0;
}

.dh-sec2 {
  height: 200vh;
  margin-top: 10vh;
  display: flex;
  position: relative;
}

.dh-photo-cont {
  width: 60vw;
  position: relative;
}

.dh-bullet-cont {
  z-index: 15;
  justify-content: center;
  align-items: center;
  height: 90%;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dh-sec1-right {
  width: 50vw;
  height: 100vh;
  padding: 2.5vw;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.dh-head-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 100vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dh-sec1-arq-cont {
  width: 30vw;
  height: 20vw;
}

.dh-arqphoto {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-15 {
  width: 100%;
  height: 100%;
}

.dh-sec2-arq-cont {
  width: 30vw;
  height: 30vw;
  margin-left: auto;
  margin-right: auto;
}

.dh-herocont {
  width: 100vw;
  height: auto;
}

.dh-elass25-creditoscolec {
  color: #000;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 15px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.dh-sec1-txt-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 0%;
  display: flex;
  overflow: hidden;
}

.dh-look-photo {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  object-fit: contain;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.dh-look-photo.sec3 {
  object-position: 50% 50%;
}

.dh-look-photo.sec2 {
  perspective-origin: 50%;
  transform-origin: 50%;
  object-position: 50% 100%;
}

.dh-pie-cont {
  padding-left: 10px;
}

.bol-fotos-cont {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-047-copia_2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 66.66vw;
  position: relative;
}

.bol-item-3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-copia.jpg');
  background-position: 0 100%;
  background-size: auto 100vh;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bol-item-3.foto3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-031.jpg');
}

.bol-item-3.foto4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-071-copia.jpg');
}

.bol-item-3.foto2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-014-copia.jpg');
}

.bol-itema-broche {
  z-index: 35;
  background-image: url('../images/Broche2.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.bol-itema-perfume {
  z-index: 35;
  background-image: url('../images/Locion_JoMalone.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 10vw;
}

.bol-hero-pie-cont-mob {
  display: none;
}

.bol-cont {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 250vh;
  display: flex;
}

.bol-sec1 {
  width: 100vw;
  margin-top: 15vh;
  padding-left: 15vw;
  display: flex;
}

.bol-hidphoto {
  display: none;
}

.bol-item-sticky {
  height: 100vh;
  position: sticky;
  top: 0;
}

.bol-itemhero2-mob {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-itema-lentes {
  z-index: 35;
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-lentes.png');
  background-repeat: no-repeat;
  background-size: auto 100vh;
  width: 66.6vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 15vw;
}

.bol-itemprin3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-047-copia_2.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100vw;
  background-attachment: scroll;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bol-itema-cubo {
  z-index: 45;
  background-image: url('../images/CuboRubik.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 10vw;
}

.bol-elass25-bajada {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.bol-itemprin1 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-047-copia_2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  background-attachment: scroll;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-itemhero3 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-itema-clarins {
  z-index: 35;
  background-image: url('../images/Clarins.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 10vw;
}

.bol-elass25-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.bol-elass25-creditos.first {
  margin-left: 15px;
}

.bol-itemhero1-mob {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-itemhero4 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-elass25-heading {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  line-height: 110%;
  position: static;
}

.bol-hero {
  width: 100vw;
  position: relative;
}

.bol-hero-pie-cont-desk {
  display: flex;
}

.bol-item-2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-copia.jpg');
  background-position: 100% 0;
  background-size: auto 100vh;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bol-item-2.foto3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-031.jpg');
}

.bol-item-2.foto2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-014-copia.jpg');
}

.bol-item-2.foto4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-071-copia.jpg');
}

.bol-head-cont {
  width: 50vw;
  height: 100vh;
  padding-top: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bol-loose-items {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto -15vw;
  overflow: hidden;
}

.bol-loose-items.sec4 {
  left: -10vw;
}

.bol-loose-items.sec5, .bol-loose-items.sec2 {
  left: -30vw;
}

.bol-itema-pasadores {
  z-index: 35;
  background-image: url('../images/Pasadores.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.bol-itemhero3-mob {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-itemhero2 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-sec3 {
  width: 100vw;
  margin-top: 15vh;
  padding-left: 30vw;
  display: flex;
}

.bol-itema-shiseido {
  z-index: 35;
  background-image: url('../images/Maquillaje_Shiseido.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.bol-itema-gucci {
  z-index: 35;
  background-image: url('../images/Maquillaje_Gucci.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 15vw;
}

.bol-itema-cora {
  z-index: 35;
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-cora.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 15vw;
}

.bol-itema-reloj {
  z-index: 35;
  background-image: url('../images/Reloj.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.bol-itema-montblanc {
  z-index: 35;
  background-image: url('../images/Montblanc.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.image-16 {
  width: 100%;
  height: 100%;
}

.bol-item-4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-copia.jpg');
  background-position: 100% 100%;
  background-size: auto 100vh;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.bol-item-4.foto3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-031.jpg');
}

.bol-item-4.foto4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-071-copia.jpg');
}

.bol-item-4.foto2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-014-copia.jpg');
}

.bol-itemhero4-mob {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-cred-cont {
  z-index: 40;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 20vw;
  height: 150vh;
  margin-left: 15px;
  display: flex;
  position: relative;
}

.bol-cred-cont.sec5 {
  width: 20vw;
}

.bol-sec5 {
  width: 100vw;
  margin-top: 15vh;
  padding-left: 30vw;
  display: flex;
}

.bol-itema-perfume2 {
  z-index: 35;
  background-image: url('../images/Perfume.png');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 30vw;
}

.bol-itemprin4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-047-copia_2.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100vw;
  background-attachment: scroll;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.bol-item-1 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-copia.jpg');
  background-position: 0 0;
  background-size: auto 100vh;
  background-attachment: scroll;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bol-item-1.foto4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-071-copia.jpg');
}

.bol-item-1.foto3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-031.jpg');
}

.bol-item-1.foto2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-014-copia.jpg');
}

.bol-itemprin2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-047-copia_2.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  background-attachment: scroll;
  width: 50%;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bol-itema-back {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-062-copia.jpg');
  background-size: auto 100vh;
  width: 66.6vh;
  height: 100vh;
}

.bol-itema-back.foto2 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-014-copia.jpg');
}

.bol-itema-back.foto4 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-071-copia.jpg');
}

.bol-itema-back.foto3 {
  background-image: url('../images/PdeH-ELA-JUNIO-2025-031.jpg');
}

.bol-sec4 {
  width: 100vw;
  margin-top: 15vh;
  padding-left: 10vw;
  display: flex;
}

.bol-itemhero1 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.via-hotel-photo {
  width: 80%;
}

.via-spacer-sec1 {
  height: 80vh;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_right {
  z-index: 10;
  position: relative;
}

.timeline_left {
  z-index: 10;
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
  position: relative;
}

.section-timeline {
  z-index: 35;
  position: relative;
}

.via-hero2-photo {
  z-index: 4;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ae-recuadro-final {
  z-index: 30;
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding: 5vw;
  display: flex;
  position: relative;
}

.ae-recfinal-txt {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  align-items: stretch;
  width: 30vw;
  display: flex;
  position: sticky;
  top: 5vw;
}

.via-elass25-creditos {
  color: #000;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
}

.back-blanco-first {
  z-index: -3;
  background-image: linear-gradient(#fff0, #ffffffb3 27%);
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.via-elass25-heroparagraph {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.via-hero-right {
  width: 50vw;
  height: 80vh;
  padding-top: 30px;
  padding-left: 5vw;
  padding-right: 10vw;
}

.timeline_progress {
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_date-text {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: -10px;
  font-family: Helveticaneue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  position: sticky;
  top: 50vh;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.via-hero-photo {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.via-sec-last {
  z-index: 40;
  position: relative;
}

.via-inti {
  color: #000;
  text-align: right;
  font-family: Helveticaneue, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  position: absolute;
  inset: 0% 55% auto auto;
}

.back-blanco {
  z-index: -3;
  background-color: #fcfcfcb3;
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.via-hero3-photo {
  z-index: 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.timeline_centre {
  z-index: 15;
  justify-content: center;
  display: flex;
  position: relative;
}

.ae-rec-img-right {
  width: 60%;
  padding-left: 2vw;
  display: flex;
}

.via-elass25-paragraph {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.via-spacer-sec {
  width: 50vw;
  height: 100vh;
  display: none;
}

.ae-recfinal-img-cont {
  width: 90vw;
  display: flex;
  position: relative;
  top: 0;
}

.ab-paragraph {
  color: #000;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 400;
  line-height: 140%;
}

.ab-paragraph.rec.final {
  width: 90%;
}

.via-heroleft {
  width: 50vw;
  height: 80vh;
  padding-left: 10vw;
}

.via-elass25-bajada {
  color: #000;
  text-align: left;
  width: 100%;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.via-hotel-photo-cont {
  margin-top: 20px;
  padding-right: 5vw;
  position: relative;
}

.back-blanco-sec {
  z-index: -3;
  background-image: linear-gradient(#fff0, #ffffffb3 0%);
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.via-hero-cont {
  z-index: 30;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-bottom: 15vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.via-fixed-back {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.via-day-textcont {
  margin-right: 5vw;
}

.via-elass25-bullet {
  color: #000;
  text-align: left;
  margin-top: 20px;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.image-17 {
  width: 100%;
  height: 100%;
}

.timeline_item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 10vw 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.ae-rec-img-left {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.container {
  width: 100vw;
}

.via-elass25-heading {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  line-height: 100%;
  position: static;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #363434;
  width: 3px;
  height: 100vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.ros-elass25-heading2 {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  position: static;
  transform: translate(35vw, 35vh)scale(2.5);
}

.ros-bloques-cont {
  background-color: #302919;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.ros-bloq-txt-cont2 {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 15%;
  overflow: hidden;
}

.ros-hero-fot-cont {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.ros-scroller {
  height: 800vh;
  position: relative;
}

.ros-elass25-bajada {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
}

.ros-rec-photo {
  object-fit: contain;
  width: 30%;
}

.ros-bloq-txt-cont-mob {
  opacity: 0;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: auto;
  display: none;
  position: absolute;
  inset: 0% 15% 0% auto;
  overflow: hidden;
}

.ros-cred-cont {
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ros-bloq-txt-cont {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 15% 0% auto;
  overflow: hidden;
}

.ros-bloq-rec-cont {
  background-color: #302919;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
  position: static;
  inset: 0% 15% 0% auto;
  overflow: hidden;
}

.ros-bloqtxt {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  padding-left: 50vw;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ros-blq1 {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ros-head-cont2 {
  z-index: 15;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  height: 50vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ros-elass25-bullet {
  opacity: 0;
  color: #000;
  text-align: center;
  width: 50%;
  margin-top: 5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 140%;
  position: absolute;
  inset: 0% 25% auto;
}

.ros-bloq-foto-cont {
  width: 20vw;
  height: 50vh;
  position: relative;
}

.ros-elass25-heading {
  z-index: 10;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Helveticaneue, sans-serif;
  font-size: 9vh;
  font-weight: 700;
  position: static;
}

.ros-hero-fotpie-cont {
  width: 100vw;
  height: 100vh;
}

.ros-blq3 {
  z-index: 15;
  justify-content: flex-end;
  align-items: center;
  width: 20vw;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-18 {
  width: 100%;
  height: 100%;
}

.ros-head-cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 10vw;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ros-hero-fot {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.ros-fotpie-cont {
  position: relative;
}

.ros-elass25-paragraph {
  color: #fff;
  height: auto;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.1vh;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.ros-elass25-paragraph.rec {
  padding: 2.5vw;
}

.ros-blq2 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ros-elass25-creditos {
  z-index: 50;
  opacity: 0;
  color: #000;
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: Helveticaneue, sans-serif;
  font-size: .7rem;
  line-height: 150%;
  position: relative;
  inset: auto auto 0% 0%;
}

.ros-elass25-creditos.inside {
  opacity: 0;
  color: #fff;
  width: 30%;
}

.ros-elass25-creditos.inside.foto1 {
  color: #000;
}

.ros-elass25-creditos.hero {
  opacity: 100;
  margin-left: 15px;
  padding-left: 0;
  position: absolute;
}

.ros-rec {
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 20px;
  display: flex;
}

.ros-bloq-fot {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.ros-hero-cont {
  width: 100vw;
  height: auto;
}

.dir-heading-copy {
  z-index: 10;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 6vh;
  font-weight: 700;
  line-height: 130%;
  position: static;
}

.dir-heading-copy.smaller {
  margin-bottom: 5vh;
  font-size: 4vh;
}

.dir-heading-copy.keyitems {
  margin-bottom: 5vh;
  margin-left: 17vw;
  font-size: 3.5vh;
}

.giff-container-iframe {
  object-fit: cover;
  background-color: #86808000;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.giff-container-iframe.none, .bgvid-webflow-mobile {
  display: none;
}

._33-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-heading-teaser {
  z-index: 10;
  color: #856039;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 2.8vh;
  font-weight: 700;
  line-height: 129%;
  position: static;
}

.home-heading-teaser.bienv {
  margin-bottom: 8vh;
  font-size: 4vh;
  line-height: 130%;
}

.home-heading-teaser.otono {
  margin-top: 0;
  margin-bottom: 3vh;
  font-size: 6vh;
  line-height: 100%;
}

.eph-holdr {
  width: 15vw;
  height: auto;
}

.libroholder {
  width: auto;
}

.home-hero-01-teaser {
  z-index: 10;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.home-hero-01-teaser.z-ind {
  transform: none;
}

.home-hero-01-teaser.mob {
  display: none;
}

._33-div-cov {
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: auto;
  display: flex;
  position: relative;
}

.div-block-20 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  display: flex;
}

.libroholderrrsz {
  width: 33vh;
  margin-bottom: 5vh;
}

.guia-teaser {
  width: 30vh;
  height: auto;
}

.eph-holdr-tease {
  width: 19vh;
  height: auto;
}

.home-heading-teaser-abs {
  z-index: 10;
  color: #856039;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 300;
  line-height: 129%;
  position: absolute;
  inset: auto auto -23%;
}

.home-heading-teaser-abs.bienv {
  margin-bottom: 8vh;
  font-size: 4vh;
  line-height: 130%;
}

.home-heading-teaser-abs.otono {
  margin-top: 0;
  margin-bottom: 3vh;
  font-size: 6vh;
  line-height: 100%;
}

.home-headin-der {
  z-index: 10;
  color: #856039;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 5vh;
  font-family: Helveticaneue, sans-serif;
  font-size: 2vh;
  font-weight: 300;
  line-height: 129%;
  display: none;
  position: static;
  inset: auto auto 0%;
}

.home-headin-der.bienv {
  margin-bottom: 8vh;
  font-size: 4vh;
  line-height: 130%;
}

.home-headin-der.otono {
  margin-top: 0;
  margin-bottom: 3vh;
  font-size: 6vh;
  line-height: 100%;
}

@media screen and (max-width: 991px) {
  .next-title {
    font-size: 1.6em;
  }

  .menu-heading {
    font-size: 1.8vw;
  }

  .vid-cont {
    width: 60vw;
    height: 60vw;
  }

  .right-cont {
    align-items: center;
    width: 70vw;
    height: 70vh;
  }

  .foot-cont {
    width: 60vw;
  }

  .ofi-bajada-cont {
    margin-top: 0;
  }

  .left-cont {
    width: 100%;
    height: auto;
  }

  .elass25-heading {
    font-size: 3em;
  }

  .oficina-hero {
    flex-direction: column;
    margin-bottom: 15vh;
  }

  .elass25-bajada {
    width: 80vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .ofi-head-cont {
    margin-bottom: 1vh;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .vid {
    width: 60vw;
    height: 60vw;
  }

  .elass25-paragraph {
    margin-bottom: 20px;
  }

  .gen-creditos {
    font-size: .7em;
    line-height: 150%;
  }

  .linea-info-box {
    right: 145%;
  }

  .ofi-header {
    font-size: 3em;
  }

  .ofi-piso-2 {
    flex-direction: column;
  }

  .ofi-hero-txt-div {
    top: 11%;
  }

  .ofi-acceso-img-holdr {
    height: 37vh;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .oficina-bajada {
    width: auto;
    font-size: 2vh;
    line-height: 140%;
  }

  .building-contain {
    width: 9vh;
  }

  .hero-copy {
    flex-direction: column;
  }

  .linea-info-box-2, .linea-info-box-3, .linea-info-box-4, .linea-info-box-5 {
    right: 145%;
  }

  .oficina-hero-mob {
    flex-direction: column;
    margin-bottom: 15vh;
  }

  .ofi-head-cont-mob {
    margin-bottom: 1vh;
  }

  .ofi-header-mob {
    font-size: 3em;
  }

  .ofi-hero-txt-div-mob {
    top: 11%;
  }

  .giff-container {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .giff-container._01 {
    flex-flow: column;
    order: 0;
  }

  .giff-div {
    order: -1;
    width: 65%;
    margin-left: auto;
  }

  .giff-titel-div {
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }

  .belle-bajada-cont {
    width: 35%;
    margin-top: 0;
    margin-bottom: 2vh;
    position: absolute;
    inset: 12% auto auto 0%;
  }

  .belle-heading {
    font-size: 3em;
  }

  .belleza-hero {
    justify-content: center;
    align-items: flex-start;
  }

  .bell-sub-bajada {
    width: 90%;
    font-size: 2vh;
    line-height: 140%;
  }

  .be-hero-titel-div.hasta {
    margin-bottom: 0;
    top: auto;
    bottom: 24.8vh;
  }

  .belle-hero-heading {
    font-size: 3em;
  }

  .be-hero-img-cont {
    width: 100%;
    height: 65%;
    left: auto;
    right: auto;
  }

  .belle-creditos.top {
    margin-bottom: 2vh;
  }

  .skin-cred-div {
    width: 100%;
  }

  .elaf-bajada-cont {
    margin-top: 0;
  }

  .ela-head-cont {
    margin-bottom: 1vh;
  }

  .belle-bajada {
    width: auto;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .be-bajada-div {
    width: 90vw;
    bottom: 5vh;
  }

  .video-container {
    width: 30%;
  }

  .noctu-seccion._02, .noctu-seccion._07 {
    flex-flow: column;
  }

  .noctu-img-div._02 {
    width: 60vw;
    margin-bottom: 15vh;
  }

  .noctu-img-div._03 {
    width: 45vw;
    margin-top: 0;
    margin-left: auto;
  }

  .noctu-img-div.finall {
    width: 60vw;
    margin-bottom: 15vh;
  }

  .noctu-img-hero {
    object-position: 100% 50%;
  }

  .noctu-hero-txt-div {
    padding-top: 10vh;
  }

  .noctu-head-cont {
    margin-bottom: 1vh;
  }

  .noctu-heading {
    font-size: 3em;
  }

  .noctu-bajada {
    width: 50vw;
    font-size: 2vh;
    line-height: 140%;
  }

  .folder-div {
    flex-flow: column;
    width: 90vw;
    height: 82vh;
    padding-top: 5vh;
    padding-left: 4vh;
    padding-right: 4vh;
  }

  .pestana-div {
    height: 4vh;
    top: -3.3vh;
  }

  .folder-pest-txt {
    font-size: 1.3vh;
  }

  .folder-50 {
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .folder-50._30 {
    width: 100%;
    height: auto;
  }

  .home-folder-titel {
    margin-bottom: 2vh;
    font-size: 7vw;
  }

  .folder-img-50 {
    width: 100%;
  }

  .folder-img-50._70 {
    width: 100%;
    height: 100%;
  }

  .home-folder-bajada {
    font-size: 2vw;
  }

  .abrir-expediente-div {
    margin-bottom: 3vh;
    padding-top: 10px;
  }

  .home-cover-folder {
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 82vh;
  }

  .pestana-cover-div {
    width: 30vh;
    top: -3%;
    left: 3%;
  }

  .pestana-cover-div._2 {
    left: 16%;
  }

  .pestana-cover-div._3 {
    left: 55%;
  }

  .pestana-cover-div._4 {
    left: 41%;
  }

  .pestana-cover-div-bott {
    bottom: -3.5%;
  }

  .cov-50div-txt {
    width: 35%;
    position: static;
  }

  .cov-50div-foto {
    width: 65%;
    padding-top: 9vh;
    padding-bottom: 3vh;
  }

  .home-portada-div {
    width: 90%;
    height: 100%;
  }

  .home-heading {
    font-size: 3em;
  }

  .home-heading.bienv {
    margin-bottom: 4vh;
    font-size: 2.5vh;
  }

  .home-heading.otono {
    margin-bottom: 2vh;
    font-size: 7vh;
    line-height: 115%;
  }

  .home-cov-bajada {
    width: auto;
    font-size: 2vw;
    line-height: 140%;
  }

  .seguir-escrrolleando {
    border-top-style: none;
    border-radius: 8px;
    width: auto;
    margin-bottom: 2%;
    margin-right: auto;
    display: none;
    position: absolute;
    inset: auto auto 0%;
  }

  .scroll-cont {
    width: 80vw;
    font-size: 2vh;
    line-height: 140%;
  }

  .eph-logo-pest {
    height: 115%;
  }

  .ela-titel-letter-holdr.e, .ela-titel-letter-holdr.e.l, .ela-titel-letter-holdr.ama {
    height: 4vh;
  }

  .el-libro-div {
    margin-bottom: 3.5vh;
  }

  .guia-div {
    width: 33vh;
  }

  .fold-tenden-wrapper {
    opacity: 0;
  }

  .abrir-tende {
    padding-top: 10px;
  }

  .section-5 {
    padding-right: 11vw;
  }

  .tend-heading {
    font-size: 3em;
  }

  .tend-heading.smaller {
    margin-bottom: 10vh;
  }

  .tend-heading.keyitems {
    margin-left: 0;
  }

  .tendencias-txt {
    width: 70vw;
  }

  .noc-creditos {
    font-size: .7em;
    line-height: 150%;
  }

  .gen-creditos-2 {
    font-size: .8em;
    line-height: 150%;
  }

  .ans-elass25-heading {
    font-size: 3em;
  }

  .ans-stickysecs.vid {
    width: 100vw;
  }

  .ans-head-cont {
    width: 50vw;
  }

  .ans-elass25-bajada {
    width: 40vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .ans-elass25-paragraph {
    margin-bottom: 20px;
  }

  .gen-creditos-3 {
    font-size: .8em;
    line-height: 150%;
  }

  .dh-elass25-bajada {
    width: 80vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .dh-elass25-bullet {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .elass25-paragraph-2 {
    margin-bottom: 20px;
  }

  .bol-itema-broche {
    left: 10vw;
  }

  .bol-sec1 {
    padding-left: 10vw;
  }

  .bol-itema-lentes {
    left: 10vw;
  }

  .bol-elass25-bajada {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .bol-elass25-heading {
    font-size: 3em;
  }

  .bol-loose-items, .bol-loose-items.sec5, .bol-loose-items.sec2 {
    left: -10vw;
  }

  .bol-itema-pasadores {
    left: 10vw;
  }

  .bol-sec3 {
    padding-left: 10vw;
  }

  .bol-itema-shiseido, .bol-itema-gucci, .bol-itema-cora, .bol-itema-reloj, .bol-itema-montblanc {
    left: 10vw;
  }

  .bol-sec5 {
    padding-left: 10vw;
  }

  .bol-itema-perfume2 {
    left: 10vw;
  }

  .ae-recuadro-final {
    flex-flow: column;
    margin-left: 0;
  }

  .ae-recfinal-txt {
    flex-flow: row;
    width: 90vw;
    position: relative;
  }

  .via-elass25-heroparagraph, .via-elass25-paragraph {
    margin-bottom: 20px;
  }

  .ae-recfinal-img-cont {
    padding-top: 5vw;
  }

  .ab-paragraph {
    margin-bottom: 20px;
  }

  .ab-paragraph.rec.final {
    width: 50%;
  }

  .via-elass25-bajada, .via-elass25-bullet {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .via-elass25-heading, .ros-elass25-heading2 {
    font-size: 3em;
  }

  .ros-bloques-cont {
    flex-flow: column;
    height: auto;
  }

  .ros-scroller {
    height: auto;
  }

  .ros-elass25-bajada {
    width: 30vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .ros-rec-photo {
    order: -1;
    width: 60%;
  }

  .ros-bloq-txt-cont-mob {
    opacity: 100;
    order: -1;
    width: 90vw;
    margin-top: 5vh;
    margin-bottom: 5px;
    display: block;
    position: static;
  }

  .ros-cred-cont {
    position: static;
  }

  .ros-bloq-rec-cont {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .ros-bloqtxt {
    display: none;
  }

  .ros-blq1 {
    flex-flow: column;
    width: 90vw;
    height: auto;
  }

  .ros-elass25-bullet {
    opacity: 100;
    width: 100%;
    margin-top: 15vh;
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 2.5vh;
    line-height: 140%;
    left: 0%;
    right: 0%;
  }

  .ros-bloq-foto-cont {
    width: 90vw;
    height: auto;
  }

  .ros-bloq-foto-cont.sec3 {
    margin-top: 5vh;
  }

  .ros-elass25-heading {
    font-size: 3em;
  }

  .ros-hero-fotpie-cont {
    background-color: #302919;
    height: auto;
    padding-bottom: 5vh;
  }

  .ros-blq3 {
    flex-flow: column;
    width: 90vw;
    height: auto;
    margin-top: 0;
  }

  .ros-elass25-paragraph {
    margin-bottom: 20px;
  }

  .ros-elass25-paragraph.rec {
    color: #000;
    padding: 5vh 0 0;
  }

  .ros-blq2 {
    width: 90vw;
    height: auto;
    margin-top: 5vh;
  }

  .ros-elass25-creditos {
    opacity: 100;
  }

  .ros-elass25-creditos.inside {
    opacity: 100;
    margin-left: 0;
  }

  .ros-elass25-creditos.inside.foto1 {
    color: #fff;
  }

  .ros-elass25-creditos.hero {
    color: #fff;
    margin-bottom: 0;
    margin-left: 5vw;
    position: static;
  }

  .ros-rec {
    background-color: #b49d88;
    flex-flow: column;
    width: 90%;
    padding: 5vw;
  }

  .dir-heading-copy {
    font-size: 3em;
  }

  .dir-heading-copy.smaller {
    margin-bottom: 10vh;
  }

  .dir-heading-copy.keyitems {
    margin-left: 0;
  }

  .home-heading-teaser {
    font-size: 3em;
  }

  .home-heading-teaser.bienv {
    margin-bottom: 4vh;
    font-size: 2.5vh;
  }

  .home-heading-teaser.otono {
    margin-bottom: 2vh;
    font-size: 7vh;
    line-height: 115%;
  }

  .guia-teaser {
    width: 33vh;
  }

  .home-heading-teaser-abs {
    font-size: 3em;
  }

  .home-heading-teaser-abs.bienv {
    margin-bottom: 4vh;
    font-size: 2.5vh;
  }

  .home-heading-teaser-abs.otono {
    margin-bottom: 2vh;
    font-size: 7vh;
    line-height: 115%;
  }

  .home-headin-der {
    font-size: 3em;
  }

  .home-headin-der.bienv {
    margin-bottom: 4vh;
    font-size: 2.5vh;
  }

  .home-headin-der.otono {
    margin-bottom: 2vh;
    font-size: 7vh;
    line-height: 115%;
  }
}

@media screen and (max-width: 767px) {
  .share-btns {
    justify-content: center;
    width: 90%;
  }

  .gen-foot {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 30vh;
  }

  .gen-share-btn-tw {
    margin-right: 0;
  }

  .next-title {
    text-align: center;
    font-size: 2.2em;
  }

  .share-pleca {
    background-color: #000;
    width: 30vw;
    height: 1px;
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .gen-share-btn-wa {
    margin-right: 0;
  }

  .next-story {
    justify-content: center;
    width: 90%;
    padding-right: 0;
  }

  .gen-share-btn-fb {
    margin-right: 0;
  }

  .next-sub {
    text-align: center;
  }

  .menu-heading {
    font-size: 1.8vw;
  }

  .elass25-heading {
    font-size: 2.5em;
  }

  .elass25-bajada {
    font-size: 1.1em;
    line-height: 140%;
  }

  .gen-creditos {
    font-size: .7em;
    line-height: 150%;
  }

  .ofi-header {
    font-size: 2.5em;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .oficina-bajada {
    font-size: 1.1em;
    line-height: 140%;
  }

  .ofi-header-mob, .belle-heading {
    font-size: 2.5em;
  }

  .bell-sub-bajada {
    font-size: 1.1em;
    line-height: 140%;
  }

  .belle-hero-heading {
    font-size: 2.5em;
  }

  .belle-bajada {
    font-size: 1.1em;
    line-height: 140%;
  }

  .noctu-heading {
    font-size: 2.5em;
  }

  .noctu-bajada {
    font-size: 1.1em;
    line-height: 140%;
  }

  .home-heading {
    font-size: 2.5em;
  }

  .home-cov-bajada, .scroll-cont {
    font-size: 1.1em;
    line-height: 140%;
  }

  .tend-heading {
    font-size: 2.5em;
  }

  .noc-creditos {
    font-size: .7em;
    line-height: 150%;
  }

  .gen-creditos-2 {
    font-size: .8em;
    line-height: 150%;
  }

  .next-title-2 {
    text-align: center;
    font-size: 2.2em;
  }

  .ans-elass25-heading {
    font-size: 2.5em;
  }

  .ans-elass25-bajada {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .gen-creditos-3 {
    font-size: .8em;
    line-height: 150%;
  }

  .dh-sec2-lef {
    width: 100vw;
    position: relative;
  }

  .dh-img {
    object-position: 70% 0%;
  }

  .dh-elass25-bajada {
    text-align: left;
    width: 35vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .dh-sec2-txt-cont {
    margin-top: 5vh;
  }

  .dh-arq-outer {
    height: auto;
  }

  .dh-sec1 {
    flex-flow: column;
    height: auto;
  }

  .dh-elass25-bullet {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .dh-sec1-left {
    width: 100vw;
    height: auto;
    position: relative;
  }

  .dh-sec2-right {
    width: 100vw;
    height: auto;
  }

  .dh-sec2 {
    flex-flow: column;
    height: auto;
  }

  .dh-sec1-right {
    width: 100vw;
  }

  .dh-head-cont {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    padding-left: 5vw;
  }

  .dh-sec1-arq-cont {
    width: 60vw;
    height: 40vw;
  }

  .dh-sec2-arq-cont {
    width: 60vw;
    height: 60vw;
  }

  .dh-sec1-txt-cont {
    margin-top: 5vh;
  }

  .bol-item-3 {
    background-size: auto 150vw;
  }

  .bol-itema-broche {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    left: 0;
  }

  .bol-itema-perfume {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-cont {
    flex-flow: column;
    height: auto;
  }

  .bol-sec1 {
    flex-flow: column;
    margin-top: 5vh;
    padding-left: 0;
  }

  .bol-item-sticky {
    height: 150vw;
    position: relative;
  }

  .bol-itemhero2-mob {
    display: none;
  }

  .bol-itema-lentes {
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-itema-cubo {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-elass25-bajada {
    color: #000;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .bol-itema-clarins {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-elass25-creditos {
    margin-left: 5vw;
  }

  .bol-itemhero1-mob {
    display: none;
  }

  .bol-elass25-heading {
    color: #000;
    font-size: 2.5em;
  }

  .bol-hero {
    flex-flow: column;
    display: flex;
  }

  .bol-item-2 {
    background-size: auto 150vw;
  }

  .bol-head-cont {
    order: -1;
    width: 100vw;
    height: auto;
    margin-top: 5vh;
    margin-bottom: 5vh;
    position: relative;
  }

  .bol-loose-items {
    height: 150vw;
    left: 0;
  }

  .bol-loose-items.sec4, .bol-loose-items.sec5, .bol-loose-items.sec2 {
    left: 0;
  }

  .bol-itema-pasadores {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-itemhero3-mob {
    display: none;
  }

  .bol-sec3 {
    margin-top: 5vh;
    padding-left: 0;
  }

  .bol-itema-shiseido, .bol-itema-gucci, .bol-itema-cora {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-itema-reloj {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    left: 0;
  }

  .bol-itema-montblanc {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
    left: 0;
  }

  .bol-item-4 {
    background-size: auto 150vw;
  }

  .bol-itemhero4-mob {
    display: none;
  }

  .bol-cred-cont {
    background-color: #fff;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    margin-left: 0;
    padding-bottom: 15px;
  }

  .bol-cred-cont.sec5 {
    width: 100vw;
  }

  .bol-sec5 {
    margin-top: 5vh;
    padding-left: 0;
  }

  .bol-itema-perfume2 {
    background-repeat: no-repeat;
    background-size: auto 150vw;
    left: 0;
  }

  .bol-item-1 {
    background-size: auto 150vw;
  }

  .bol-itema-back {
    background-size: auto 150vw;
    width: 100vw;
    height: 150vw;
  }

  .bol-sec4 {
    margin-top: 5vh;
    padding-left: 0;
  }

  .timeline_left {
    text-align: left;
  }

  .back-blanco-first {
    background-image: linear-gradient(#fff0, #ffffffb3 27%);
    width: 100%;
  }

  .via-hero-right {
    width: 80vw;
    padding-left: 0;
    padding-right: 0;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_date-text {
    color: #000;
    margin-bottom: 24px;
    font-size: 36px;
  }

  .via-inti {
    inset: 0% auto 0% 10%;
  }

  .back-blanco {
    width: 100%;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .via-spacer-sec {
    width: 100%;
    display: block;
  }

  .via-heroleft {
    width: 80vw;
    height: auto;
    padding-left: 0;
  }

  .via-elass25-bajada {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .back-blanco-sec {
    background-image: linear-gradient(#fff0, #ffffffb3 27%);
    width: 100%;
  }

  .via-hero-cont {
    flex-flow: column;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .via-day-textcont {
    margin-bottom: 48px;
  }

  .via-elass25-bullet {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .via-elass25-heading, .ros-elass25-heading2 {
    font-size: 2.5em;
  }

  .ros-elass25-bajada {
    font-size: 2.5vh;
    line-height: 140%;
  }

  .ros-elass25-bullet {
    text-align: left;
    width: 35vw;
    font-size: 2.5vh;
    line-height: 140%;
  }

  .ros-elass25-heading {
    font-size: 2.5em;
  }

  .ros-head-cont {
    height: 60vh;
  }

  .dir-heading-copy, .home-heading-teaser, .home-heading-teaser-abs, .home-headin-der {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 479px) {
  .link-palacio-punto-com.siguenos.mobil {
    font-weight: 600;
  }

  .talon-50 {
    width: 100%;
  }

  .talon-50.redes {
    display: none;
  }

  .redes-div {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
  }

  .elafw22-talon-redes-mobil {
    display: flex;
  }

  .share-text {
    font-size: 2.5vw;
  }

  .next-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .next-cont {
    width: auto;
  }

  .next-sub {
    font-size: 3vw;
  }

  .track-apert {
    height: 1000vh;
  }

  .track-apert.textos {
    height: 500vh;
  }

  .secc-sticky {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 200vh;
    display: flex;
  }

  .menu-content {
    align-items: flex-start;
    width: 100%;
    padding-top: 10vh;
    display: none;
    top: -100vh;
    overflow: scroll;
  }

  .ela-nav {
    height: 8.5vh;
  }

  .ela-nav.home {
    opacity: 0;
  }

  .nav-ela-logo-holdr-mob {
    width: 107%;
    display: none;
    position: absolute;
  }

  .nav-logo-holdr {
    width: 65%;
    position: absolute;
  }

  .nav-90-div {
    width: 100%;
  }

  .nav-50 {
    justify-content: flex-start;
    padding-left: 5%;
  }

  .nav-50.der {
    display: none;
  }

  .menu-50 {
    align-items: center;
    width: 100%;
    height: auto;
  }

  .nav-ela-logo-holdr-desk {
    width: 80%;
    position: absolute;
  }

  .menu-line-clicker {
    z-index: 1;
    justify-content: flex-end;
    width: 35%;
    padding-right: 5%;
  }

  .menu-heading {
    text-align: center;
    margin-bottom: 2px;
    font-size: 7vw;
    line-height: 150%;
  }

  .menu-sub-text {
    text-align: center;
    width: 81%;
    margin-bottom: 10px;
    font-size: 4vw;
  }

  .line-holdr {
    width: 10vw;
    height: 22%;
  }

  .nav-linea {
    display: none;
  }

  .menu-mob-vert {
    flex-direction: column;
    height: auto;
  }

  .menu-cat-div {
    width: 100%;
    margin-bottom: 15vw;
  }

  .vid-cont {
    width: 90vw;
    height: 90vw;
  }

  .right-cont {
    justify-content: flex-start;
    width: auto;
  }

  .foot-cont {
    width: 90vw;
  }

  .ofi-bajada-cont {
    width: 100%;
    margin-bottom: 5vh;
  }

  .left-cont {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 5vh;
    display: flex;
  }

  .elass25-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .oficina-hero {
    background-color: var(--oficina);
    padding-left: 3vw;
    padding-right: 3vw;
    display: none;
    overflow: hidden;
  }

  .elass25-bajada {
    width: auto;
    font-size: 4.5vw;
    line-height: 130%;
  }

  .ofi-head-cont {
    position: relative;
  }

  .vid {
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .elass25-paragraph {
    font-family: "Helveticaneue 02";
    font-size: 3.7vw;
    font-weight: 700;
  }

  .elass25-creditos {
    font-size: .7rem;
  }

  .elass25-creditos.noctu.vw {
    margin-left: 2vw;
  }

  .gen-cred-cont {
    padding: 0 10% 8vh;
    overflow: hidden;
  }

  .gen-creditos {
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: .7rem;
    line-height: 150%;
    display: block;
  }

  .of-hero-img-cont {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .ofi-header {
    color: #000;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .ofi-piso-2 {
    padding-left: 3vw;
    padding-right: 3vw;
    overflow: hidden;
  }

  .ofi-hero-txt-div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: auto;
    right: auto;
  }

  .gridddd {
    width: 100%;
  }

  .cred-cont-ofi {
    width: 100%;
    display: block;
    position: static;
  }

  .cred-cont-ofi.der.wall {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cred-cont-ofi.der.wall-mobil {
    padding-left: 10px;
  }

  .elafw25-cred {
    font-size: .7rem;
  }

  .accsesorios-stick {
    display: none;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-1 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-bottom: 0;
  }

  .grid-1._2 {
    overflow: visible;
  }

  .grid-1.mobil {
    display: block;
  }

  .grid-item {
    margin-bottom: 40px;
  }

  .grid-item.giff {
    margin-bottom: 0;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .oficina-bajada {
    text-align: left;
    width: 95%;
    font-size: 4.4vw;
    line-height: 130%;
  }

  .post-it.satreria {
    top: 55%;
    left: -38%;
  }

  .post-it.satreria.nova {
    display: none;
  }

  .post-it.cafe-ganache {
    inset: -25px 0 auto auto;
  }

  .post-it.noctu-red {
    top: 15vh;
    bottom: auto;
    left: auto;
  }

  .post-it.satreria-ella {
    top: 55%;
    left: auto;
    right: -49%;
  }

  .building-contain {
    display: none;
  }

  .hero-copy {
    padding-left: 3vw;
    padding-right: 3vw;
    overflow: hidden;
  }

  .grid-cont.mob {
    display: block;
  }

  .ofi-hero-cover {
    object-fit: contain;
    object-position: 50% 50%;
    width: 150%;
    max-width: none;
  }

  .grid-mob {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    display: grid;
  }

  .grid-mob._2 {
    overflow: visible;
  }

  .grid-mob.mobil {
    display: block;
  }

  .grid-2 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-bottom: 5vh;
  }

  .grid-2._2 {
    overflow: visible;
  }

  .grid-2.mobil {
    display: block;
  }

  .oficina-hero-mob {
    background-color: var(--oficina);
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .ofi-hero-mob-img {
    object-fit: cover;
    object-position: 46% 50%;
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .ofi-hero-img-div {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65vh;
    display: flex;
    overflow: hidden;
  }

  .ofi-header-mob {
    color: #000;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .ofi-hero-txt-div-mob {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 35vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5vh;
    padding-left: 5vw;
    padding-right: 5vw;
    position: static;
    top: 0;
    bottom: auto;
    right: auto;
  }

  .of-hero-img-cont-mob {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .belleza-secciones {
    padding-bottom: 10vh;
  }

  .giff-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    position: static;
  }

  .giff-container._01 {
    height: auto;
    position: relative;
  }

  .giff-div {
    width: 100%;
    height: 60vh;
    margin-bottom: 5vh;
  }

  .belle-bajada-cont {
    width: 100%;
    margin-bottom: 3vh;
    position: relative;
  }

  .belle-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .belleza-hero {
    position: relative;
  }

  .bell-sub-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .be-hero-titel-div.hasta {
    width: 60%;
    margin-right: auto;
    bottom: 28.3vh;
    left: 5vw;
  }

  .belle-hero-heading {
    width: Infinity% ;
    text-align: left;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5vh;
    position: static;
  }

  .be-hero-img-cont {
    height: 53vh;
  }

  .belle-creditos {
    font-size: .7rem;
  }

  .belle-creditos.top {
    font-size: .8rem;
  }

  .skin-cred-div {
    height: auto;
  }

  .elaf-bajada-cont {
    width: 100%;
    margin-bottom: 5vh;
  }

  .belle-bajada {
    text-align: left;
    width: auto;
    font-size: 2.15vh;
    line-height: 130%;
  }

  .be-bajada-div {
    width: 90vw;
    bottom: 11.3vh;
  }

  .noc-stickend-img-div {
    width: 90vw;
  }

  .noc-stickend-img-div.mpme {
    display: none;
  }

  .noctu-vid-hidden {
    width: 50vw;
    height: 140vw;
  }

  .noctu-vid-hidden.der, .noctu-vid-hidden.izzq {
    height: 150vw;
  }

  .noctu-sticky {
    overflow: hidden;
  }

  .noctu-cred-cont {
    width: 100%;
    display: block;
    position: absolute;
  }

  .noctu-cred-cont.der.wall {
    padding-left: 10px;
    padding-right: 10px;
  }

  .noctu-cred-cont.der.wall-mobil {
    padding-left: 10px;
  }

  .noctu-seccion {
    margin-top: 20vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .noctu-seccion._02 {
    margin-top: 20vh;
    padding-top: 0;
  }

  .noctu-img-div._02 {
    width: 70vw;
    margin-bottom: 20vh;
  }

  .noctu-img-div._03 {
    width: 70vw;
  }

  .noctu-img-div.finall {
    width: 75vw;
  }

  .die-noctu-vid-sec-02 {
    margin-top: 20vh;
  }

  .noc-stickend-img-02 {
    width: 90vw;
  }

  .nocturnos-hero-2 {
    overflow: hidden;
  }

  .noctu-hero-txt-div {
    width: 100%;
    height: auto;
    margin-top: auto;
    padding-top: 0;
    padding-right: 5vw;
    inset: auto 0% 9vh;
  }

  .noctu-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .noctu-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .noctu-cred-cont-hero {
    width: 69%;
    display: none;
    position: absolute;
    left: 2vw;
    right: 2vw;
  }

  .noctu-cred-cont-hero.der.wall {
    padding-left: 10px;
    padding-right: 10px;
  }

  .noctu-cred-cont-hero.der.wall-mobil {
    padding-left: 10px;
  }

  .noc-stickend-img-03 {
    width: 90vw;
  }

  .home-her {
    display: none;
  }

  .folder-div {
    border-radius: 10px;
    width: 90vw;
    height: 74vh;
    padding: 2vh 0 3vw;
  }

  .folder-div.dhierro {
    bottom: 5.7vh;
  }

  .folder-div.ofi.transf {
    padding-top: 3vh;
  }

  .folder-div.maletas {
    bottom: 11.9vh;
  }

  .folder-div.viajes {
    height: 74vh;
    bottom: 13.5vh;
  }

  .pestana-div {
    z-index: 1;
    width: 60vw;
    height: auto;
    top: -4.8vw;
    left: 1%;
  }

  .pestana-div.ances {
    left: 24%;
  }

  .folder-pest-txt {
    font-size: 2vw;
  }

  .folder-50 {
    margin-bottom: 1vh;
    padding-left: 3vw;
    padding-right: 3vw;
    position: static;
  }

  .folder-50._30 {
    padding-top: 1vh;
  }

  .folder-50.belleza {
    justify-content: center;
    align-items: flex-start;
    height: 50%;
  }

  .home-card-img-stories.hierro, .home-card-img-stories.rost {
    object-position: 100% 50%;
  }

  .home-card-img-stories.ofi {
    object-position: 30% 50%;
  }

  .folder-img-50 {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 0;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .folder-img-50.belle {
    height: 50%;
    margin-top: auto;
  }

  .home-folder-bajada {
    font-size: 3vw;
    display: block;
  }

  .abrir-expediente-div {
    width: 12vw;
    height: 10vh;
    margin-bottom: auto;
    padding-top: 0;
    display: flex;
    position: absolute;
    inset: 0% 4% auto auto;
  }

  .abrir-exp-txt {
    display: none;
  }

  .home-cover-folder {
    flex-flow: column;
    width: 90vw;
    height: 80vh;
  }

  .pestana-cover-div {
    width: 40vw;
    top: -2.2%;
    left: 3%;
  }

  .pestana-cover-div._2 {
    left: 50%;
  }

  .pestana-cover-div._3 {
    left: auto;
    right: 23%;
  }

  .pestana-cover-div._4 {
    left: 51%;
  }

  .pestana-cover-div._5 {
    left: 7%;
  }

  .pestana-cover-div-bott {
    width: 65vw;
    bottom: -4.9vw;
    right: auto;
  }

  .cov-pestanas-cont {
    justify-content: center;
    align-items: center;
  }

  .cov-50div-txt {
    order: 1;
    width: 100%;
    height: 30%;
    padding-top: 0;
    padding-right: 3vw;
  }

  .cov-50div-foto {
    order: -1;
    width: 100%;
    height: 70%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-portada-div {
    width: 90%;
    height: 90%;
  }

  .home-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .home-heading.bienv {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 4vw;
    display: none;
  }

  .home-heading.otono {
    text-align: left;
    margin-bottom: 2vh;
    font-size: 9vw;
  }

  .home-cov-bajada {
    width: auto;
    font-size: 2vh;
    line-height: 130%;
  }

  .home-cov-bajada.mob {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 3vw;
  }

  .seguir-escrrolleando {
    z-index: 10;
    border-top-style: none;
    width: auto;
    margin-bottom: 0%;
    margin-right: auto;
    padding-top: 0;
    display: block;
    position: relative;
    bottom: -3.7vw;
  }

  .scroll-cont {
    width: auto;
    font-size: 3vw;
    font-weight: 700;
    line-height: 130%;
  }

  .scroll-cont.none {
    display: none;
  }

  .eph-logo-pest {
    height: 104%;
    display: none;
    top: 9%;
  }

  .ephpuntocom {
    display: none;
  }

  .cover-fold-card {
    padding-top: 2vh;
  }

  .amarillo-div.abs {
    filter: invert();
  }

  .letra-img {
    display: block;
  }

  .ela-header {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .ela-titel-letter-holdr.e {
    height: 8vw;
  }

  .ela-titel-letter-holdr.e.l {
    height: 8vw;
    left: 0;
  }

  .ela-titel-letter-holdr.ama {
    height: 10vw;
    top: 0;
  }

  .el-libro-div {
    margin-bottom: 4.3vw;
  }

  .guia-div {
    width: 65vw;
  }

  .eph-presenta-div {
    width: 70vw;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .home-hero-01 {
    display: flex;
  }

  .fold-tenden-wrapper {
    padding-top: 13.5vh;
  }

  .folder-tendencias-cont {
    width: 75vw;
    height: 70vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tend-pest-div {
    width: 11vw;
    left: -6%;
  }

  .tend-pest-bott {
    z-index: -2;
    width: 51vw;
    bottom: -1.1%;
  }

  .tend-pal-txt {
    font-size: 9vw;
  }

  .div-block-17 {
    width: 100%;
  }

  .abrir-tende {
    display: none;
  }

  .pest-tendencias-bott {
    width: 37vw;
    bottom: -1.5%;
  }

  .section-5 {
    padding-top: 10vh;
  }

  .tend-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 2vh;
    font-size: 9vw;
  }

  .tend-heading.smaller {
    margin-bottom: 5vh;
    font-size: 7vw;
  }

  .tend-heading.keyitems {
    margin-bottom: 1vh;
    font-size: 5vw;
  }

  .tendencias-txt {
    width: 100%;
    margin-bottom: 5vh;
    font-size: 3.2vw;
  }

  .noc-creditos {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: .7rem;
    line-height: 150%;
    display: block;
  }

  .noctu-cred-con {
    padding: 0 10% 5vh;
    overflow: hidden;
  }

  .noctu-cred-cont-mob {
    width: 98vw;
    margin-left: 2vw;
    display: block;
    position: static;
    left: 2vw;
    right: 2vw;
  }

  .noctu-cred-cont-mob.der.wall {
    padding-left: 10px;
    padding-right: 10px;
  }

  .noctu-cred-cont-mob.der.wall-mobil {
    padding-left: 10px;
  }

  .belle-cred-cont {
    padding: 0 10% 8vh;
    overflow: hidden;
  }

  .home-hero-01-mob {
    display: flex;
  }

  .scroll-flecha {
    bottom: 3.5%;
  }

  .scroll-txt {
    order: -1;
    margin-bottom: 2vh;
  }

  .scroll-linea {
    margin-bottom: 0;
  }

  .ofi-header-creditos {
    width: 80%;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: .7rem;
  }

  .ofi-header-creditos.noctu.vw {
    margin-left: 2vw;
  }

  .flecha-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }

  .gen-creditos-2 {
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: .7rem;
    line-height: 150%;
    display: block;
  }

  .ans-sec-right {
    width: 100vw;
    margin-top: 5vh;
    transform: none;
  }

  .ans-phot-sec {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .ans-elass25-creditos {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: .7rem;
  }

  .ans-elass25-creditos.prods {
    padding-left: 0;
  }

  .ans-elass25-creditos.prods.pad1 {
    margin-left: 0;
  }

  .ans-elass25-creditos.pad-left2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ans-elass25-creditos.pad-left {
    margin-left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ans-sec3 {
    height: auto;
    margin-top: 5vh;
  }

  .next-title-2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .ans-sec2-left {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .ans-elass25-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .ans-sec5 {
    flex-flow: column;
    height: auto;
    margin-top: 5vh;
  }

  .ans-vid-embed {
    width: 100vw;
  }

  .ans-fotpie-cont {
    overflow: hidden;
  }

  .ans-elass25-creditos-2 {
    font-size: .7rem;
  }

  .ans-elass25-creditos-2.padding-2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ans-elass25-creditos-2.padding {
    padding-bottom: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ans-sec-right-dark {
    background-color: #2b0b02;
    width: 100vw;
    margin-top: 0;
    transform: none;
  }

  .ans-fot-cont {
    transform-origin: 100%;
    width: 100%;
    height: 80vh;
  }

  .ans-fot-cont.prod {
    height: auto;
  }

  .ans-sec-center {
    width: 100vw;
  }

  .ans-herocont {
    overflow: hidden;
  }

  .ans-stickysecs {
    flex-flow: column;
    position: relative;
  }

  .ans-stickysecs.vid {
    height: auto;
    position: sticky;
    top: 35vh;
  }

  .share-text-2 {
    font-size: 2.5vw;
  }

  .ans-head-cont {
    justify-content: flex-end;
    align-items: center;
    width: 60vw;
    padding-bottom: 20vh;
  }

  .ans-txt-cont {
    position: relative;
  }

  .ans-sec1 {
    height: auto;
    margin-top: 5vh;
  }

  .ans-sec2-right {
    width: 100vw;
    margin-top: 5vh;
    padding-left: 5vw;
    transform: none;
  }

  .ans-elass25-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .ans-sec2 {
    flex-flow: column;
    height: auto;
    margin-top: 5vh;
  }

  .ans-sec4 {
    flex-flow: column;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ans-elass25-paragraph {
    font-size: 3.7vw;
  }

  .ans-sec6 {
    margin-top: 5vh;
  }

  .ans-sec-left {
    background-color: #2b0b02;
    width: 100vw;
    transform: none;
  }

  .ans-sec-left.primera {
    background-color: #fff;
  }

  .ans-sec-vid {
    height: 200vh;
  }

  .ans-vid-cont {
    width: 60vw;
    height: 33.89vw;
  }

  .gen-creditos-3 {
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: .7rem;
    line-height: 150%;
    display: block;
  }

  .dh-sec3 {
    margin-top: 5vh;
  }

  .dh-elass25-creditos {
    font-size: .7rem;
  }

  .dh-sec2-lef {
    height: auto;
    padding: 5vh 5vw;
  }

  .dh-elass25-bajada {
    width: 30vw;
    font-size: 4vw;
    line-height: 130%;
  }

  .dh-sec1-photo-cont {
    height: auto;
  }

  .dh-elass25-bullet {
    width: auto;
    font-size: 4.5vw;
    line-height: 130%;
  }

  .elass25-paragraph-2 {
    font-size: 3.7vw;
  }

  .dh-sec1-left {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .dh-sec2-right {
    margin-top: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .dh-sec2 {
    margin-top: 0;
  }

  .dh-photo-cont {
    width: 90vw;
  }

  .dh-bullet-cont {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 30%;
    padding-left: 15%;
    padding-right: 15%;
  }

  .dh-sec1-right {
    height: auto;
    padding: 5vh 5vw;
  }

  .dh-head-cont {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10vh;
  }

  .dh-sec1-arq-cont {
    width: 70vw;
    height: 46.66vw;
  }

  .dh-sec2-arq-cont {
    width: 70vw;
    height: 70vw;
  }

  .dh-elass25-creditoscolec {
    font-size: .7rem;
  }

  .dh-look-photo.sec3 {
    transform-origin: 70% 0;
  }

  .dh-look-photo.sec2 {
    transform-origin: 30%;
  }

  .bol-fotos-cont {
    background-image: url('../images/PdeH-ELA-JUNIO-2025-047-mob.jpg');
    height: 150vw;
  }

  .bol-itema-perfume {
    background-size: auto 150vw;
  }

  .bol-hero-pie-cont-mob {
    flex-flow: column;
    display: flex;
  }

  .bol-itemhero2-mob {
    display: inline-block;
  }

  .bol-itemprin3 {
    background-image: url('../images/PdeH-ELA-JUNIO-2025-047-mob.jpg');
  }

  .bol-itema-cubo {
    background-size: auto 150vw;
  }

  .bol-elass25-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .bol-itemprin1 {
    background-image: url('../images/PdeH-ELA-JUNIO-2025-047-mob.jpg');
  }

  .bol-itemhero3 {
    display: none;
  }

  .bol-itema-clarins {
    background-size: auto 150vw;
  }

  .bol-elass25-creditos {
    font-size: .7rem;
  }

  .bol-elass25-creditos.first {
    width: 100vw;
    margin-left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .bol-elass25-creditos.first.col2 {
    margin-top: 0;
  }

  .bol-itemhero1-mob {
    display: inline-block;
  }

  .bol-itemhero4 {
    display: none;
  }

  .bol-elass25-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .bol-hero-pie-cont-desk {
    flex-flow: column;
    display: none;
  }

  .bol-itemhero3-mob {
    display: inline-block;
  }

  .bol-itemhero2 {
    display: none;
  }

  .bol-itemhero4-mob {
    display: inline-block;
  }

  .bol-itemprin4 {
    background-image: url('../images/PdeH-ELA-JUNIO-2025-047-mob.png');
  }

  .bol-itemprin2 {
    background-image: url('../images/PdeH-ELA-JUNIO-2025-047-mob.jpg');
  }

  .bol-itemhero1 {
    display: none;
  }

  .via-hotel-photo {
    width: 100%;
  }

  .timeline_right, .timeline_left {
    padding-right: 5vw;
  }

  .ae-recfinal-txt {
    flex-flow: column;
  }

  .via-elass25-creditos {
    font-size: .7rem;
  }

  .via-elass25-heroparagraph {
    font-size: 3.7vw;
  }

  .via-hero-photo {
    object-position: 90% 50%;
  }

  .via-inti {
    inset: 0% auto auto 10%;
  }

  .via-elass25-paragraph {
    font-size: 3.7vw;
  }

  .ab-paragraph {
    font-size: 4vw;
  }

  .ab-paragraph.rec.final {
    width: 100%;
  }

  .via-heroleft {
    margin-top: 8vh;
  }

  .via-elass25-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .back-blanco-sec {
    background-image: linear-gradient(#fff0, #ffffffb3 26%);
  }

  .via-elass25-bullet {
    width: auto;
    font-size: 4.5vw;
    line-height: 130%;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .via-elass25-heading, .ros-elass25-heading2 {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .ros-elass25-bajada {
    width: auto;
    font-size: 4vw;
    line-height: 130%;
  }

  .ros-cred-cont {
    width: 85%;
  }

  .ros-elass25-bullet {
    width: 100%;
    font-size: 4.5vw;
    line-height: 130%;
  }

  .ros-elass25-heading {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 10vw;
  }

  .ros-head-cont {
    justify-content: center;
    align-items: flex-start;
  }

  .ros-elass25-paragraph {
    font-size: 3.7vw;
  }

  .ros-elass25-creditos {
    width: 100%;
    font-size: .7rem;
  }

  .ros-elass25-creditos.inside {
    width: 100%;
  }

  .ros-elass25-creditos.hero {
    margin-left: 0;
    padding-left: 5vw;
  }

  .dir-heading-copy {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 2vh;
    font-size: 9vw;
  }

  .dir-heading-copy.smaller {
    margin-bottom: 5vh;
    font-size: 7vw;
  }

  .dir-heading-copy.keyitems {
    margin-bottom: 1vh;
    font-size: 5vw;
  }

  .giff-container-iframe {
    aspect-ratio: auto;
    display: none;
  }

  .bgvid-webflow-mobile {
    width: 100%;
    height: 100%;
    display: block;
  }

  .play-pause-button {
    object-fit: cover;
    display: none;
  }

  .play-state, .play-pause-button-2, .play-pause-button-3 {
    display: none;
  }

  ._33-div {
    width: 100%;
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .home-heading-teaser {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 2vh;
    font-size: 6vw;
  }

  .home-heading-teaser.bienv {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 4vw;
    display: none;
  }

  .home-heading-teaser.otono {
    text-align: left;
    margin-bottom: 2vh;
    font-size: 9vw;
  }

  .home-hero-01-teaser {
    flex-flow: column;
    padding-top: 5vh;
    display: flex;
  }

  ._33-div-cov {
    justify-content: center;
    align-items: flex-end;
    width: 90%;
    height: 50vh;
  }

  .libroholderrrsz {
    width: 51vw;
    margin-bottom: 3vh;
  }

  .guia-teaser {
    width: 63vw;
  }

  .eph-holdr-tease {
    width: 40vw;
    margin-bottom: 4vh;
  }

  .home-heading-teaser-abs {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 2vh;
    font-size: 6vw;
    display: none;
    bottom: 0%;
  }

  .home-heading-teaser-abs.bienv {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 4vw;
    display: none;
  }

  .home-heading-teaser-abs.otono {
    text-align: left;
    margin-bottom: 2vh;
    font-size: 9vw;
  }

  .home-headin-der {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 2vh;
    font-size: 4vw;
    display: block;
    bottom: 0%;
  }

  .home-headin-der.bienv {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 4vw;
    display: none;
  }

  .home-headin-der.otono {
    text-align: left;
    margin-bottom: 2vh;
    font-size: 9vw;
  }
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344dc-4e411a96 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344df-4e411a96 {
  grid-area: 2 / 5 / 3 / 8;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e2-4e411a96 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e5-4e411a96 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e8-4e411a96 {
  grid-area: 5 / 6 / 6 / 9;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344eb-4e411a96 {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344ee-4e411a96 {
  grid-area: 7 / 6 / 8 / 8;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344f1-4e411a96 {
  grid-area: 8 / 1 / 9 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344f4-4e411a96 {
  grid-area: 9 / 6 / 10 / 9;
}

#w-node-_8e3bd193-9a20-1f64-921b-7637206aa140-4e411a96 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_8e3bd193-9a20-1f64-921b-7637206aa14d-4e411a96 {
  grid-area: 2 / 5 / 3 / 8;
}

#w-node-_8e3bd193-9a20-1f64-921b-7637206aa16e-4e411a96 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344fd-4e411a96 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834500-4e411a96 {
  grid-area: 2 / 5 / 3 / 8;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834503-4e411a96 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834506-4e411a96 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834509-4e411a96 {
  grid-area: 5 / 6 / 6 / 9;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda683450c-4e411a96 {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda683450f-4e411a96 {
  grid-area: 7 / 6 / 8 / 8;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834512-4e411a96 {
  grid-area: 8 / 1 / 9 / 6;
}

#w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834515-4e411a96 {
  grid-area: 9 / 6 / 10 / 9;
}

#w-node-d544ed12-f8e5-5a19-a970-b530b822bbf3-4e411a96 {
  grid-area: 10 / 2 / 11 / 6;
}

#w-node-b82355c1-da36-2d8c-2d35-14b8bd0afd38-4e411a96 {
  grid-area: 11 / 6 / 12 / 8;
}

#w-node-c63da288-3a4c-b774-bd23-0039946fdff0-4e411a96 {
  grid-area: 12 / 1 / 13 / 6;
}

@media screen and (max-width: 767px) {
  #w-node-_2745963d-4001-aafb-d16c-49048a11654d-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116550-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116552-fb8ef875 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116563-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116566-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116574-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a116577-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a11658a-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a11658d-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a11659f-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165a2-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165ab-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165ae-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165c4-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165c7-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165d2-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165d5-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165e3-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165e6-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165f4-fb8ef875 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2745963d-4001-aafb-d16c-49048a1165f7-fb8ef875 {
    grid-area: 1 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344dc-4e411a96 {
    grid-column-end: 11;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344df-4e411a96 {
    grid-column: 4 / 12;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e2-4e411a96 {
    grid-column: 2 / 9;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e5-4e411a96 {
    grid-column: 13 / 9;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344e8-4e411a96 {
    grid-column-start: 1;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344eb-4e411a96 {
    grid-column: 4 / 12;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344ee-4e411a96 {
    grid-column: 1 / 11;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344f1-4e411a96 {
    grid-column-end: 13;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344f4-4e411a96 {
    grid-column: 3 / 13;
  }

  #w-node-_8e3bd193-9a20-1f64-921b-7637206aa140-4e411a96 {
    grid-column-end: 11;
  }

  #w-node-_8e3bd193-9a20-1f64-921b-7637206aa14d-4e411a96 {
    grid-column: 4 / 12;
  }

  #w-node-_8e3bd193-9a20-1f64-921b-7637206aa16e-4e411a96 {
    grid-column: 2 / 9;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda68344fd-4e411a96 {
    grid-column-end: 10;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834500-4e411a96 {
    grid-column: 4 / 12;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834503-4e411a96 {
    grid-column: 2 / 10;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834506-4e411a96 {
    grid-column: 10 / 13;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834509-4e411a96 {
    grid-column: 1 / 10;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda683450c-4e411a96 {
    grid-column: 4 / 13;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda683450f-4e411a96 {
    grid-column: 2 / 10;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834512-4e411a96 {
    grid-column-end: 13;
  }

  #w-node-_0d2ab1e1-7cae-6716-3cf8-fddda6834515-4e411a96 {
    grid-column: 4 / 12;
  }

  #w-node-d544ed12-f8e5-5a19-a970-b530b822bbf3-4e411a96 {
    grid-column-end: 9;
  }

  #w-node-b82355c1-da36-2d8c-2d35-14b8bd0afd38-4e411a96 {
    grid-column: 3 / 13;
  }

  #w-node-c63da288-3a4c-b774-bd23-0039946fdff0-4e411a96 {
    grid-column-end: 10;
  }
}


@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-regularitalic-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-semibolditalic-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-semibold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Elaicons';
  src: url('../fonts/elaicons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue ';
  src: url('../fonts/HelveticaNeue-LightItalic-09.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeue-Italic-03.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeue-Bold-02.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeue-01.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeue-BoldItalic-04.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeue-Light-08.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}