.elementor-4372 .elementor-element.elementor-element-771725e > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4372 .elementor-element.elementor-element-771725e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4372 .elementor-element.elementor-element-a0e1066 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4372 .elementor-element.elementor-element-a0e1066 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}#elementor-popup-modal-4372 .dialog-widget-content{animation-duration:1.5s;background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4372 .dialog-message{width:1430px;height:1000px;align-items:flex-start;}#elementor-popup-modal-4372{justify-content:center;align-items:center;}@media(max-width:767px){#elementor-popup-modal-4372 .dialog-message{width:1000px;height:1000px;}#elementor-popup-modal-4372{justify-content:center;align-items:center;}}/* Start custom CSS for html, class: .elementor-element-84006c1 */.envelope {
  position: relative;
  width: 1100px;
  height: 820px;
  background-color: #f2e8cf; /* Color del sobre */
}

.flap {
  position: absolute;
  top: 0px;
  width: 1100px;
  height: 1600px;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-top: 100px solid #dbc1ac; /* Color solapa */
  transform-origin: top;
  transition: transform 0.4s ease;
  z-index: 3;
}

/* Estado abierto */
.envelope.open .flap {
  transform: rotateX(180deg);
  z-index: 1; /* Pasa atrás de la tarjeta */
}

.card {
  position: absolute;
  top: 0;
  bottom: 90px;
  width: 90%;
  height: 90%;
  background: white;
  transition: transform 0.6s ease 0.4s; /* Espera a que abra la solapa */
  z-index: 2;
}

.envelope.open .card {
  transform: translateY(-100px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-771725e */html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}/* End custom CSS */