body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    min-height: 100vh;
}

.carousel-cell {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  z-index: 20;
}

.flickity-viewport {
  height: 888px;
}

.flickity-viewport-img {
  width: 100%;
  height: 888px;
}

.flickity-prev-next-button {
  width: 54px;
  height: 54px;
}

.center-text {
  text-align: center;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.first-text-position {
  top: 38%;
}

.second-text-position {
  top: 44%;
}

.third-text-position {
  top: 56%;
  font-family: 'Poppins';
}

.second-text-position-xl {
  top: 46%;
}

.size-first-text {
  font-size: 35px;
  font-weight: bold;

}

.size-second-text {
  font-size: 62px;
  font-weight: bold;
}

.size-third-text {
  font-size: 35px;
}


.image-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.text-animation {
  animation: up 1.5s ease-in-out;
  position: absolute;
}

@keyframes up {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

/* resposive */
@media (max-width: 750px) and (min-width: 230px) {
  .flickity-viewport {
    height: 300px;
  }
  
  .size-first-text {
    font-size: 19px;
  }
  
  .size-second-text {
    font-size: 15px;
  }
  
  .size-third-text {
    font-size: 13px;
  }

  .first-text-position {
    top: 30%;
  }
  
  .second-text-position {
    top: 50%;
  }
  
  .third-text-position {
    top: 76%;
    font-family: 'Poppins';
  }
  
  .second-text-position-xl {
    top: 55%;
  }
}

@media (max-width: 989px) and (min-width: 751px) {
  .flickity-viewport {
    height: 450px;
  }
  
  .size-first-text {
    font-size: 25px;
  }
  
  .size-second-text {
    font-size: 28px;
  }
  
  .size-third-text {
    font-size: 18px;
  }

  .first-text-position {
    top: 30%;
  }
  
  .second-text-position {
    top: 42%;
  }
  
  .third-text-position {
    top: 60%;
    font-family: 'Poppins';
  }
  
  .second-text-position-xl {
    top: 45%;
  }
}

@media (max-width: 1200px) and (min-width: 990px) {
  .flickity-viewport {
    height: 772px;
  }
  
  .size-first-text {
    font-size: 35px;
  }
  
  .size-second-text {
    font-size: 40px;
  }
  
  .size-third-text {
    font-size: 26px;
  }

  .first-text-position {
    top: 33%;
  }
  
  .second-text-position {
    top: 42%;
  }
  
  .third-text-position {
    top: 52%;
    font-family: 'Poppins';
  }
  
  .second-text-position-xl {
    top: 43%;
  }
}

.fixed-left, .fixed-right {
    position: fixed;
    top: 50%; /* Centra verticalmente */
    transform: translateY(-50%); /* Centra verticalmente */
}

.fixed-left {
    left: 50px; /* Ajusta la distancia del borde izquierdo */
    z-index: 999990 !important;
}

.fixed-right {
    right: 50px; /* Ajusta la distancia del borde derecho */
    z-index: 999990 !important;
}

@media only screen and (max-width: 768px) {
    .fixed-right {
        right: 10px;
        width: 50px;
        z-index: 0 !important;
    }

    .fixed-left {
        left: 10px;
        width: 50px;
        z-index: 0 !important;
    }

    .logo img {
        width: 80px !important;
    }
}

footer{ 
    position: relative;
}

header, footer {
    z-index: 99999 !important;
}

.carousel {
    z-index: 999999 !important;
}

.iconbox-home {
    position: relative;
    z-index: 999999 !important;
}

.header {
    z-index: 999999999 !important;
}

.title {
    line-height: -1px !important;
}

.brand-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 1.5rem;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    letter-spacing: -0.02em;
    line-height: 1.1;
    background: linear-gradient(45deg, #C2902C, #ffffff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-text {
    color: #cbd5e1;
    margin-bottom: 2rem;
    line-height: 1.3;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.map {
    height: 500px;
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}

.practice-featured .featured-style2 {
    margin-top: 100px;
}