.elementor-49597 .elementor-element.elementor-element-ba78411{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-49597 .elementor-element.elementor-element-ba78411.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-49597 .elementor-element.elementor-element-b304bc0.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-49597 .elementor-element.elementor-element-ba78411{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b304bc0 */.powerbi-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;           /* 16:9 por defecto (desktop/tablet) */
  overflow: hidden;
  background: #000;              /* fondo durante carga */
}

.powerbi-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Modo móvil: más vertical para mejor experiencia */
@media (max-width: 768px) {
  .powerbi-wrapper {
    padding-top: 140%;           /* permite scroll vertical natural */
    /* Opciones recomendadas según tu reporte:
       120% → más cuadrado
       140–160% → equilibrio bueno
       180–220% → muy vertical (si hay muchas filas o tarjetas) */
  }
}

/* Opcional: para tablets en vertical */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  .powerbi-wrapper {
    padding-top: 75%;            /* 4:3 más cómodo */
  }
}

/* Asegura que el contenedor pueda crecer si es necesario */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}/* End custom CSS */