/* Gualamba V28.2.2 · Corrección acotada de gráficos SVG en móvil.
 * Ambos contextos: páginas independientes y herramientas cargadas en la PWA.
 * Las series y la escala del SVG conservan su viewBox original. */
@media (max-width: 759px) {
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master > .pro-v2-body,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-current,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-reading {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master > .pro-v2-body {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 40px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 285px !important;
    min-height: 285px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 12px 12px 10px !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap .pro-chart {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 218px !important;
    min-height: 0 !important;
    max-height: 218px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap .pro-chart > svg {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 218px !important;
    min-height: 0 !important;
    max-height: 218px !important;
    aspect-ratio: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    overflow: visible !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap .pro-chart-empty {
    display: flex !important;
    width: 100% !important;
    min-height: 170px !important;
    height: auto !important;
    padding: 12px !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: normal !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-head {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-right: 128px !important;
    overflow: hidden !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-head > strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-reading {
    width: 100% !important;
    overflow-wrap: anywhere !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-stats,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-kpis {
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-stats > *,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-kpis > * {min-width:0 !important;overflow-wrap:anywhere}
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-range,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-range {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 5px;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-range > button {min-width:0!important;flex:1 1 54px;max-width:100%}
}
@media (max-width: 374px) {
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap {
    height: 266px !important; min-height: 266px !important;
    grid-template-rows: 38px minmax(0,1fr) !important;
    padding-inline: 9px !important;
  }
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap .pro-chart,
  :is(.market-pro-page, .g-native-tool-root) .pro-v2-master .pro-v2-chart-wrap .pro-chart > svg {
    height: 203px !important; max-height: 203px !important; min-height:0!important;
  }
}
