.elementor-1359 .elementor-element.elementor-element-699b714f{--display:flex;--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-1359 .elementor-element.elementor-element-699b714f:not(.elementor-motion-effects-element-type-background), .elementor-1359 .elementor-element.elementor-element-699b714f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B0C4B4;}/* Start custom CSS *//* Ajusta estas variables a tu gusto */
.simu-wrap {
  --phone-w: 390px;         /* ancho del iframe */
  --phone-h: 840px;         /* alto del iframe */
  --scale: 0.8;             /* escala visual */
  --pie-h: 90px;            /* alto del pie.svg (aprox.) */
  --pie-url: url("https://bodasdemierda.com/wp-content/uploads/2025/10/pie.svg");

  position: relative;
  display: inline-block;

  /* crea espacio en el flujo para el ::after */
  margin-bottom: calc(var(--pie-h) * var(--scale));
}

/* Iframe estilado dentro del contenedor */
.simu-wrap .simulacion {
  width: var(--phone-w);
  height: var(--phone-h);
  border: 0;
  border-radius: 30px 30px 0 0;
  transform: scale(var(--scale));
  transform-origin: top center;
  display: block;
}

/* El “pie” pegado justo debajo del iframe */
.simu-wrap::after {
  content: "";
  position: absolute;
  top: calc(var(--phone-h) * var(--scale)); /* justo al final del iframe escalado */
  left: 50%;
  width: calc(var(--phone-w) * var(--scale));
  height: calc(var(--pie-h) * var(--scale));
  transform: translateX(-50%);
  background-image: var(--pie-url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}/* End custom CSS */