.elementor-1421 .elementor-element.elementor-element-ece0615{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1421 .elementor-element.elementor-element-5a08afd{--display:flex;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1421 .elementor-element.elementor-element-517028a{text-align:center;}.elementor-1421 .elementor-element.elementor-element-517028a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1421 .elementor-element.elementor-element-2675c5c{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1421 .elementor-element.elementor-element-d73e3f9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1421 .elementor-element.elementor-element-07fae6e{--display:flex;}.elementor-1421 .elementor-element.elementor-element-6886f44{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1421 .elementor-element.elementor-element-d2a883f{--display:flex;}.elementor-1421 .elementor-element.elementor-element-b53627a{text-align:center;font-size:12px;}@media(min-width:768px){.elementor-1421 .elementor-element.elementor-element-5a08afd{--width:80vw;}.elementor-1421 .elementor-element.elementor-element-d73e3f9{--width:100vw;}.elementor-1421 .elementor-element.elementor-element-07fae6e{--width:80vw;}.elementor-1421 .elementor-element.elementor-element-6886f44{--width:100vw;}.elementor-1421 .elementor-element.elementor-element-d2a883f{--width:80vw;}}@media(max-width:1024px){.elementor-1421 .elementor-element.elementor-element-517028a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1421 .elementor-element.elementor-element-2675c5c{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1421 .elementor-element.elementor-element-517028a .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1421 .elementor-element.elementor-element-2675c5c{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-aaa54a0 */.looker-studio-responsive-container {
    position: relative; /* Puede no ser necesario con aspect-ratio si el iframe no es absoluto */
    overflow: hidden !important;
    width: 100%;
    
    /* DEFINE LA RELACIÓN DE ASPECTO DE TU REPORTE */
    /* Si tu reporte es 600px de ancho y 1050px de alto, la relación es 600 / 1050 */
    aspect-ratio: 600 / 1030; /* Ajusta estos números a las dimensiones originales de tu reporte */
    /* O puedes calcularlo: 1050 / 600 = 1.75. Entonces podrías usar aspect-ratio: 1 / 1.75; (ancho / alto)
       O mejor, directamente las dimensiones: aspect-ratio: ANCHO_ORIGINAL / ALTO_ORIGINAL; */
    
    margin-bottom: 60px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.looker-studio-responsive-container iframe {
    /* Si el contenedor ya tiene aspect-ratio, el iframe puede ser más simple */
    width: 100%;
    height: 100%;
    border: none;
    display: block; /* A veces ayuda con los iframes */
}

/* CSS Específico para Móviles (ajusta el max-width según el breakpoint de tu tema) */
@media (max-width: 767px) {
    .looker-studio-responsive-container {
        margin-bottom: 500px; /* Ajusta este margen según sea necesario para móviles */
        /* Si el reporte se ve cortado verticalmente SOLO en móviles, 
           podrías necesitar ajustar el padding-top aquí también, pero primero prueba solo el margen */
        /* padding-top: 140%; */ /* Ejemplo de ajuste de padding-top si fuera necesario */
    }
}/* End custom CSS */