.elementor-31242 .elementor-element.elementor-element-41ceecc{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-31242 .dialog-widget-content{background-color:#000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-31242{background-color:#000000;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-31242 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-31242 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-31242 .elementor-element.elementor-element-41ceecc{--content-width:1600px;}}/* Start custom CSS *//* Wrapper general */
.envelope-wrapper {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    perspective: 1000px;
}

/* Parte inferior */
.envelope-body {
    width: 100%;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

/* Tapa del sobre */
.envelope-lid {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top center;
    transform: rotateX(0deg);
    transition: transform 0.6s ease;
    z-index: 2;
    pointer-events: none;
}
.envelope-lid {
    margin-top: 90px; /* AJUSTA ESTE VALOR */
}


/* Sello con animación */
.envelope-trigger {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 240px;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
    animation: pulse 1.6s infinite ease-in-out;
}

.envelope-trigger {
    margin-top: 130px; /* AJUSTA ESTE VALOR */
}

/* Animación pulse */
@keyframes pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.09); }
}

/* Cuando se abre el sobre */
.envelope-open .envelope-lid {
    transform: rotateX(-130deg);
}

/* Fade out del sobre completo */
.envelope-open {
    animation: fadeEnvelope 0.7s ease forwards;
}

@keyframes fadeEnvelope {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(-20px) scale(0.9); }
}/* End custom CSS */