/* ========================================
   WAVES.CSS - Estilos de ondas y parallax
   Copiado EXACTO de LittleDino
   ======================================== */

/* Sección base para ondas */
/* El color de fondo se hereda de la clase .fondo-* aplicada */
.wave-section {
    position: relative;
    width: 100%;
    overflow: visible;
}

/* Onda superior (elementor-element-95dba3d) */
/* CSS EXACTO de LittleDino: spacer e982b6f = 117px */
/* Color de fondo: usar clase .fondo-morado, .fondo-crema, etc. */
.wave-top-section {
    background-image: url('images/home-1_section_03.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 117px;
}

/* Sección estadísticas (elementor-element-efff8bc) */
/* CSS EXACTO de LittleDino: spacers 22f6e1d=57px, 682e9a4=24px = total 81px */
/* padding-top: 57px, padding-bottom: 24px */
.stats-section {
    background-color: #88d4f2;
    padding: 57px 0 24px 0;
    position: relative;
}

/* Onda inferior (elementor-element-73ad570) */
/* CSS EXACTO de LittleDino: padding:0% 0% 0% 0% */
.wave-bottom-section {
    background-image: url('images/home-1_section_04.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    padding: 0;
}

/* ========== ESTADÍSTICAS ========== */
.stats-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
}

.stat-item {
    text-align: center;
    color: #ffffff;
}

.stat-number {
    display: block;
    font-family: var(--font-titulo);
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 1rem;
    font-weight: 600;
}

/* ========== ELEMENTOS PARALLAX (CSS EXACTO de LittleDino post-926.css) ========== */

/* CSS EXACTO copiado de main.css de LittleDino */
.extended-parallax {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* CSS EXACTO de post-926.css de LittleDino */
/* .elementor-926 .elementor-element.elementor-element-95dba3d .elementor-repeater-item-29fcb4e { top:0%;left:67%;z-index:0; } */
.elementor-repeater-item-29fcb4e {
    top: 0%;
    left: 67%;
    z-index: 0;
}

/* CSS EXACTO de post-926.css de LittleDino */
/* .elementor-926 .elementor-element.elementor-element-73ad570 .elementor-repeater-item-e627653 { top:0%;left:78%;z-index:0; } */
.elementor-repeater-item-e627653 {
    top: 0%;
    left: 78%;
    z-index: 0;
}