.elementor-419 .elementor-element.elementor-element-9de29b9{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-419 .elementor-element.elementor-element-9de29b9{--content-width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-419 .elementor-element.elementor-element-1754dc0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-419 .elementor-element.elementor-element-9de29b9{--content-width:1300px;}}/* Start custom CSS *//* CSS: pégalo en Personalizar → CSS Adicional (o en tu hoja de estilo) */

/* 1) Contenedor fluido con proporción A4 */
.pdf-responsive {
  position: relative;
  width: 100%;
  /* Proporción A4: alto/ancho ≃ 1.414 → padding-top=141% */
  padding-top: 141%;
  overflow: hidden;
  margin-bottom: 2rem; /* opcional: separador */
}

/* 2) Iframe ocupa todo el contenedor */
.pdf-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* 3) En pantallas más grandes, limitamos la altura para que no sea excesiva */
@media (min-width: 768px) {
  .pdf-responsive {
    padding-top: 0;
    height: 80vh;     /* el PDF ocupará como máximo el 80% de la altura de la ventana */
    max-height: 800px; /* opcional: un tope en píxeles */
  }
  .pdf-responsive iframe {
    height: 100%;
  }
}/* End custom CSS */