/* Only documents embedding the local VideoSmart workshop are affected. */
html:has(iframe[src*="/videosmart-taller-ia/app/"]),
body:has(iframe[src*="/videosmart-taller-ia/app/"]) {
  background-color: #0d0e10 !important;
}

.videosmart-taller-container,
iframe[src*="/videosmart-taller-ia/app/"] {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #0d0e10 !important;
  vertical-align: top;
}

/* The default shortcode follows the real browser height on every host page. */
.videosmart-taller-viewport,
.videosmart-taller-viewport .videosmart-taller-frame {
  height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
  height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  min-height: 500px;
}

/* Elementor Canvas: fill the visible window instead of leaving a strip below a fixed iframe. */
body.elementor-template-canvas:has(.videosmart-taller-viewport),
body.page-template-elementor_canvas:has(.videosmart-taller-viewport) {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.elementor-template-canvas .videosmart-taller-viewport,
body.page-template-elementor_canvas .videosmart-taller-viewport,
body.elementor-template-canvas .videosmart-taller-viewport .videosmart-taller-frame,
body.page-template-elementor_canvas .videosmart-taller-viewport .videosmart-taller-frame {
  min-height: 500px;
}

body.elementor-template-canvas .elementor,
body.elementor-template-canvas .elementor-section-wrap,
body.elementor-template-canvas .elementor-section,
body.elementor-template-canvas .elementor-container,
body.elementor-template-canvas .elementor-column,
body.elementor-template-canvas .elementor-widget-wrap,
body.elementor-template-canvas .elementor-widget-shortcode,
body.elementor-template-canvas .elementor-widget-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Full Width pages still give ordinary blocks a 720px reading measure. */
.fcom_space_page_wrap:has(iframe[src*="/videosmart-taller-ia/app/"]) {
  --fcom-page-container: 100%;
  --fcom-page-measure: 100%;
  --fcom-page-wide: 100%;
  --fcom-page-padding: 0px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0d0e10 !important;
}

.fcom_route_space_page:has(iframe[src*="/videosmart-taller-ia/app/"]) > .fhr_content_layout_body {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0d0e10 !important;
}

/* Remove bottom spacing from the actual content that holds the iframe. */
.fcom_space_page_content:has(iframe[src*="/videosmart-taller-ia/app/"]),
.entry-content:has(iframe[src*="/videosmart-taller-ia/app/"]),
.wp-block-post-content:has(iframe[src*="/videosmart-taller-ia/app/"]),
.elementor-widget-html:has(iframe[src*="/videosmart-taller-ia/app/"]) > .elementor-widget-container,
.elementor-widget-shortcode:has(iframe[src*="/videosmart-taller-ia/app/"]) > .elementor-widget-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background-color: #0d0e10 !important;
}

.fcom_space_page_content > :has(iframe[src*="/videosmart-taller-ia/app/"]),
.fcom_space_page_content .is-layout-constrained > :has(iframe[src*="/videosmart-taller-ia/app/"]) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  margin-bottom: 0 !important;
}