.elementor-39 .elementor-element.elementor-element-35f8095{overflow:hidden;margin-top:-3.2em;margin-bottom:0em;}.elementor-39 .elementor-element.elementor-element-af6be04 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-dd32a02 */.slider {
      width: 100%;
      height: 102vh;
      position: relative;
    }
    .slide {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 3em;
      color: white;
      opacity: 0;
      transition: opacity 1s;
    }
    .slide-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      z-index: 1;
    }
    .dark-overlay {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 2;
    }
    .slide.active {
      opacity: 1;
      transition: opacity 1s;
    }
    .slide-number {
      align-self: flex-end;
      font-size: 0.5em;
      z-index: 3;
      font-family: 'Titillium Web';
      font-weight: 400;
      font-size: 19px;
        padding-right: 4vh;
    }
    .details a{
      text-align: left;
      position: absolute;
      top: 43%;
      left: 20%;
      z-index: 3;
      font-family: 'Skirt';
      font-size: 90px;
      color: white;
      text-decoration: none!important;
    }
    .subdetails {
      text-align: left;
      position: absolute;
      top: 69.5%;
      left: 21%;
      z-index: 3;
      font-family: 'Skirt';
      font-size: 16px;
      letter-spacing: -0.5px;
      line-height: 25px;
      color: #ffffffc2;
    }
    .categoria {
      text-align: left;
      position: absolute;
      top: 82%;
      left: 21%;
      z-index: 3;
      font-family: 'Skirt';
      font-size: 16px;
      letter-spacing: -0.5px;
      line-height: 25px;
      color: #ffffffc2;
    }
    .nav-button-container {
      position: absolute;
      left: 14.8vh;
      top: 70%;
      z-index: 4;
      font-size: 1.1em;
      color: white;
      
    }
    .nav-button {
      cursor: pointer;
    }
    .nav-separator {
      margin: 0 10px;
    }
    
    @media only screen and (max-width:767px){
        .details a{
    top: 44%;
    left: 8%;
    font-family: 'Skirt';
    font-size: 50px;
    line-height: 55px;
    padding-right: 2rem;
}

.nav-button-container {
    left: 5.8vh;
    top: 67%;
}
.subdetails {
    top: 75.5%;
    left: 11%;
}
.categoria {
    top: 85%;
    left: 11%;
}

.slide-number {
    margin-top: 67.3vh;
    padding-right: 7vh;
}
.elementor-78 .elementor-element.elementor-element-eee2379 > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
    --e-transform-rotateZ: inherit!important;
    --e-transform-translateX: 100%!important;
    --e-transform-translateY: inherit!important;
}
}/* End custom CSS */