/* Ajustes para pantallas medianas (tabletas, entre 768px y 991.98px) */
@media (max-width: 991.98px) {
    #banner, #carouselExampleRide, .carousel-item {
        min-height: 100vh; /* Reduce la altura en tabletas */
        height: 100vh;
    }

    .carousel-caption {
        padding: 0 8%; /* Ajusta el padding lateral */
    }

    .carousel-caption h1 {
        margin-bottom: 1rem;
    }

    .carousel-caption p {
        margin-bottom: 1.5rem;
    }
}

/* Ajustes para pantallas pequeñas (móviles, hasta 767.98px) */
@media screen and  (max-width: 768px) {
    .texto-footer .derechos{
        text-align: center;
    }
    p {
        font-size: var(--text-parrafo-movile);
    }

    h1,
    .h1 {
        font-size: var(--text-h1-movile);
    }

    h2,
    .h2 {
        font-size: var(--text-h2-movile);
    }

    h3,
    .h3 {
        font-size: var(--text-h3-movile);
    }

    .btn {
        font-size: var(--texto-item-movile);
        padding: 4px 10px;
        font-weight: 500;
    }

    .seccion.margen>div,
    .nav {
        padding: 30px 30px;
    }

    #banner, #carouselExampleRide, .carousel-item {
        min-height: 90vh; /* Reduce la altura en tabletas */
        height: 90vh;
    }

    .carousel-caption {
        padding: 100px 5% 0 5%; /* Más padding en móviles */
        text-align: center; /* Centra el texto en móviles */
        align-items: center; /* Centra el contenido horizontalmente */
    }

    .carousel-caption h1 {
        line-height: 1.1;
        margin-bottom: 0.8rem;
    }

    .carousel-caption p {
        font-size: 0.9rem; /* Tamaño de fuente para el párrafo en móviles */
        margin-bottom: 1rem;
        /* Opcional: Para párrafos largos en móviles muy pequeños */
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Limita a 3 líneas */
        line-clamp: 3; /* Propiedad estándar para compatibilidad */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* Ocultar los controles de navegación del carrusel en móviles */
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .info-frutos {
        width: 100%;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .info-frutos > h2, 
    .info-frutos > p {
        display: none;
    }

    .contenedor-frutos {
        padding: 0;
        margin-left: 0;
        display: flex;
    }

    .contenedor-frutos > h3 {
        margin-bottom: 5px;
    }

    .contenedor-frutos > h1 {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .contenedor-frutos > div {
        flex-direction: column;
    }

    .banner-fruto-lateral {
        display: none;
    }

    .seccion-frutos {
        width: 100%;
        margin: auto;
    }

    #productos-premium {
        padding: 0 50px;
    }

    .overlay-text {
        font-size: clamp(1.2rem, 6vw, 2rem); /* Más pequeño en móviles */
        width: 90%; /* Mayor ancho para el texto en móviles */
    }

    .image-wrapper-with-blob {
        width: 250px;
        height: 290px;
    }

    .separador {
      display: none;
    }

    .separador2 {
      display: none;
    }
}










/* --- Media Queries para responsividad (solo los relevantes para el carrusel) --- */
@media (min-width: 992px) and (max-width: 1199px) {
  .game-section .line-title {
    margin-bottom: 32px;
  }
  .game-section .item-desc h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .game-section {
    padding: 50px 30px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 260px;
    height: 360px;
  }
  .game-section .item.active {
    width: 400px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 46px));
    -webkit-transform: translateY(calc(100% - 46px));
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .game-section .line-title {
    margin-bottom: 32px;
    width: 330px;
  }
  .game-section .item-desc h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .game-section {
    padding: 50px 30px 40px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 240px;
    height: 330px;
  }
  .game-section .item.active {
    width: 360px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

@media (max-width: 767px) {
  .game-section .line-title {
    margin-bottom: 20px;
    width: 250px;
  }
  .game-section .item-desc h3 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 24px;
  }
  .game-section {
    padding: 30px 15px 20px;
  }
  .game-section .item {
    margin: 0 10px 40px;
    width: 200px;
    height: 280px;
  }
  .game-section .item.active {
    width: 270px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .game-section .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 60px));
  }
}