.elementor-1508 .elementor-element.elementor-element-1a78480{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-1508 .elementor-element.elementor-element-1a78480:not(.elementor-motion-effects-element-type-background), .elementor-1508 .elementor-element.elementor-element-1a78480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}.elementor-1508 .elementor-element.elementor-element-1a78480::before, .elementor-1508 .elementor-element.elementor-element-1a78480 > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-1a78480 > .e-con-inner > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-1a78480 > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-1a78480 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-1a78480 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#181823;--background-overlay:'';}.elementor-1508 .elementor-element.elementor-element-8835c64{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1508 .elementor-element.elementor-element-8835c64 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-8835c64.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1508 .elementor-element.elementor-element-7b4de98{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1508 .elementor-element.elementor-element-7b4de98:not(.elementor-motion-effects-element-type-background), .elementor-1508 .elementor-element.elementor-element-7b4de98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1508 .elementor-element.elementor-element-7b4de98::before, .elementor-1508 .elementor-element.elementor-element-7b4de98 > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-7b4de98 > .e-con-inner > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-7b4de98 > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-7b4de98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-7b4de98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1508 .elementor-element.elementor-element-00b76b3{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-00b76b3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;}.elementor-1508 .elementor-element.elementor-element-d4cdc7e{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-d4cdc7e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;}.elementor-1508 .elementor-element.elementor-element-fd78451{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-fd78451 > .elementor-widget-container{margin:117px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-fd78451.elementor-element{--align-self:center;}.elementor-1508 .elementor-element.elementor-element-fd78451 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:300;}.elementor-1508 .elementor-element.elementor-element-d6211a1{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1508 .elementor-element.elementor-element-d6211a1:not(.elementor-motion-effects-element-type-background), .elementor-1508 .elementor-element.elementor-element-d6211a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1508 .elementor-element.elementor-element-d6211a1::before, .elementor-1508 .elementor-element.elementor-element-d6211a1 > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-d6211a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1508 .elementor-element.elementor-element-d6211a1 > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-d6211a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1508 .elementor-element.elementor-element-d6211a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-1508 .elementor-element.elementor-element-7dc9402{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1508 .elementor-element.elementor-element-7dc9402:not(.elementor-motion-effects-element-type-background), .elementor-1508 .elementor-element.elementor-element-7dc9402 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1508 .elementor-element.elementor-element-b6dbbc2{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-b6dbbc2.elementor-element{--align-self:center;}.elementor-1508 .elementor-element.elementor-element-b6dbbc2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1508 .elementor-element.elementor-element-4525d7c{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-4525d7c.elementor-element{--align-self:center;}.elementor-1508 .elementor-element.elementor-element-4525d7c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1508 .elementor-element.elementor-element-0bb10a7{width:100%;max-width:100%;text-align:center;}.elementor-1508 .elementor-element.elementor-element-0bb10a7 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-0bb10a7.elementor-element{--align-self:center;}.elementor-1508 .elementor-element.elementor-element-0bb10a7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:300;}.elementor-1508 .elementor-element.elementor-element-4020663{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1508 .elementor-element.elementor-element-4020663.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1508 .elementor-element.elementor-element-33519f6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1508 .elementor-element.elementor-element-33519f6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-33519f6.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1508 .elementor-element.elementor-element-4020663{--width:101.14%;}}@media(max-width:1024px){.elementor-1508 .elementor-element.elementor-element-1a78480{--min-height:100vh;--padding-top:150px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1508 .elementor-element.elementor-element-7b4de98{--min-height:50vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1508 .elementor-element.elementor-element-00b76b3{z-index:1;text-align:center;}.elementor-1508 .elementor-element.elementor-element-d4cdc7e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-d4cdc7e{z-index:1;text-align:center;}.elementor-1508 .elementor-element.elementor-element-fd78451 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-fd78451{z-index:1;text-align:center;}.elementor-1508 .elementor-element.elementor-element-d6211a1{--min-height:100vh;--padding-top:150px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1508 .elementor-element.elementor-element-7dc9402{--min-height:50vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1508 .elementor-element.elementor-element-b6dbbc2{z-index:1;text-align:center;}.elementor-1508 .elementor-element.elementor-element-4525d7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-4525d7c{z-index:1;text-align:center;}.elementor-1508 .elementor-element.elementor-element-0bb10a7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-0bb10a7{z-index:1;text-align:center;}}@media(max-width:767px){.elementor-1508 .elementor-element.elementor-element-1a78480{--min-height:100vh;--padding-top:155px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-1508 .elementor-element.elementor-element-8835c64 > .elementor-widget-container{margin:020px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-7b4de98{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1508 .elementor-element.elementor-element-00b76b3{z-index:2;}.elementor-1508 .elementor-element.elementor-element-fd78451 > .elementor-widget-container{margin:76px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-fd78451 .elementor-heading-title{font-size:15px;}.elementor-1508 .elementor-element.elementor-element-d6211a1{--min-height:100vh;--padding-top:155px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-1508 .elementor-element.elementor-element-7dc9402{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1508 .elementor-element.elementor-element-0bb10a7 > .elementor-widget-container{margin:76px 0px 0px 0px;}.elementor-1508 .elementor-element.elementor-element-0bb10a7 .elementor-heading-title{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-d6211a1 */.elementor-1508 .elementor-element.elementor-element-d6211a1 {
  position: relative;
  overflow: hidden;
}

.elementor-1508 .elementor-element.elementor-element-d6211a1::after {
  content: "Ver de cerca cambia todo.";
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-size: 4vw;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
  max-width: 90vw;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33519f6 */<style>
  .wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  .background {
    position: absolute;
    inset: 0;
    background: #f5f5f5;
    z-index: 0;
  }

  .container {
    position: absolute;
    inset: 0;
    background: black;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
  }

  .instruction {
    position: absolute;
    bottom: 8%;
    width: 100%;
    text-align: center;
    opacity: 1;
    transition: opacity 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .main-text {
    color: #aaa;
    font-weight: 300;
    font-size: 2.8vw;
  }

  .sub-text {
    margin-top: 1.2vw;
    color: #666;
    font-weight: 200;
    font-size: 1vw;
    opacity: 0.7;
  }

  .mask-text {
    position: relative;
    width: 100vw;
    height: 117vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    mix-blend-mode: destination-out;
    pointer-events: none;
  }

  .mask-text .text-overlay {
    max-width: 95vw;
    text-align: center;
    font-size: clamp(3vw, 5.5vw, 7vw);
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    letter-spacing: 0.6px;
    white-space: nowrap;
  }

  .container:active .mask-text {
    opacity: 1;
    transform: scale(1.01);
  }

  .container:active .instruction {
    opacity: 0;
  }

  #starsCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 117vh;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
  }

  .container:active #starsCanvas {
    opacity: 1;
    filter: brightness(2) contrast(1.5);
  }

 
  @media (max-width: 600px) {
    .container:active #starsCanvas {
      filter: brightness(4.5) contrast(2);
    }
  }
</style>/* End custom CSS */