.ledmon-animation[data-animation="edificios"] {
    position: relative;
    overflow: hidden;
}

.edificios-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.edificio {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    max-height: 100%;
    overflow: hidden;
}

.edificio-base {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.piso {
    opacity: 0;
    width: 100%;
}

.piso-construido {
    opacity: 1;
}

.ventana {
    position: absolute;
    opacity: 0;
    background-color: rgba(255, 255, 200, 0.3);
    box-shadow: 0 0 5px rgba(255, 255, 200, 0.5);
    border-radius: 2px;
    transition: opacity 0.3s ease;
}

.ventana-iluminada {
    opacity: 1;
}

/* Animaciones */
@keyframes construir-piso {
    from {
        transform: scaleY(0);
        transform-origin: bottom;
    }

    to {
        transform: scaleY(1);
        transform-origin: bottom;
    }
}

.animacion-construir {
    animation-name: construir-piso;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.elementor-widget-container:has(.ledmon-animation[data-animation="edificios"]) {
    overflow: hidden !important;
    max-width: 100% !important;
}

.elementor-element:has(.ledmon-animation[data-animation="edificios"]) {
    overflow: hidden !important;
    max-width: 100% !important;
}