/* Correcciones para slides en hero carousel */
.hero-slide {
    min-height: 350px; /* Altura mínima para asegurar que todo el contenido sea visible */
    padding: 2rem 1rem; /* Aumentar el padding para dar más espacio al texto */
    box-sizing: border-box;
    width: 100%;
    word-wrap: break-word; /* Permite que las palabras largas se rompan */
    overflow: visible !important; /* Asegura que el contenido no se corte */
}

.hero-slide h1.display-1 {
    font-size: clamp(2.5rem, 7vw, 5rem); /* Ajusta el tamaño de fuente responsivo */
    line-height: 1.15; /* Ajusta el interlineado */
    margin-bottom: 1rem;
}

.hero-slide p.display-3 {
    font-size: clamp(1.5rem, 4vw, 3rem); /* Ajusta el tamaño de fuente responsivo */
    line-height: 1.2; /* Ajusta el interlineado */
    margin-bottom: 2rem;
    white-space: normal; /* Permite que el texto se ajuste a múltiples líneas */
}

.hero-slide .gradient-text,
.hero-slide span[style*="color: var(--primary-color)"] {
    display: inline; /* Asegura que los elementos inline no causen problemas */
}

/* Asegura que los contenedores también sean lo suficientemente grandes */
.hero-carousel {
    min-height: 350px;
    position: relative;
    overflow: visible !important;
}

.carousel-indicator {
    margin-top: 2rem; /* Añade más espacio después del contenido del slide */
}

/* Ajustes adicionales para dispositivos móviles */
@media (max-width: 768px) {
    .hero-slide {
        min-height: 300px;
        padding: 1.5rem 0.5rem;
    }
    
    .hero-slide h1.display-1 {
        font-size: clamp(2rem, 6vw, 4rem);
        margin-bottom: 0.75rem;
    }
    
    .hero-slide p.display-3 {
        font-size: clamp(1.25rem, 3.5vw, 2.5rem);
        margin-bottom: 1.5rem;
    }
}