/* Directorio C: Marketing, altura natural y controles legibles. */
@media (min-width: 1200px) {
  .marketing-compact .mh-main { min-height: 600px; }
  .marketing-compact .mh-copy { padding: 38px 0 30px; }
  .marketing-compact .mh-eyebrow { margin-bottom: 18px; }
  .marketing-compact .mh-copy h1 { font-size: 62px; margin-bottom: 20px; }
  .marketing-compact .mh-lead { font-size: 18px; line-height: 1.5; margin-bottom: 24px; }
  .marketing-compact .mh-button { min-height: 48px; padding: 12px 24px; font-size: 16px; }
  .marketing-compact .mh-laptop { width: min(68%, 880px); top: 8px; }
  .marketing-compact .mh-channels { padding-bottom: 20px; }
  .marketing-compact .marketing-services-showcase { padding: 14px 0; }
  .marketing-compact .ms-shell { width: min(calc(100% - 64px), 1440px); display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
  .marketing-compact .ms-layout { grid-column: 1 / -1; grid-template-columns: minmax(0, .9fr) minmax(0, 1.45fr) minmax(0, 1fr); gap: 10px 16px; }
  .marketing-compact .ms-intro { padding: 8px 0 45px; }
  .marketing-compact .ms-eyebrow { margin-bottom: 14px; font-size: 12px; }
  .marketing-compact .ms-intro h2 { font-size: 34px; margin-bottom: 16px; }
  .marketing-compact .ms-intro-lead { font-size: 16px; line-height: 1.4; margin-bottom: 18px; }
  .marketing-compact .ms-benefits { gap: 14px; }
  .marketing-compact .ms-benefits li { gap: 12px; }
  .marketing-compact .ms-benefit-icon { width: 46px; height: 46px; border-radius: 12px; }
  .marketing-compact .ms-benefits h3 { font-size: 17px; }
  .marketing-compact .ms-benefits p { font-size: 14px; line-height: 1.35; }
  .marketing-compact .ms-intro-cta { min-height: 44px; margin-top: 16px; padding: 10px 16px; }
  .marketing-compact .ms-benefit-note { margin-top: 12px; font-size: 14px; }
  .marketing-compact .ms-tabs-note { grid-column: 1; grid-row: 2; align-self: end; padding: 0; font-size: 14px; }
  .marketing-compact .ms-tabs { padding: 3px; }
  .marketing-compact .ms-tab { min-height: 44px; padding: 8px 6px; gap: 6px; font-size: 13px; }
  .marketing-compact .ms-tab .ms-icon { width: 23px; height: 23px; }
  .marketing-compact .ms-dashboard { grid-template-columns: 84px minmax(0, 1fr); }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-dashboard,
  .marketing-compact .marketing-services-showcase[data-ms-active="web"] .ms-dashboard { grid-template-columns: 84px minmax(0, 1fr); }
  .marketing-compact .ms-dashboard-sidebar { padding: 14px 4px; }
  .marketing-compact .ms-dashboard-brand { margin: 0 4px 14px; font-size: 16px; }
  .marketing-compact .ms-dashboard-nav > span { padding: 8px 3px; gap: 4px; font-size: 10px; }
  .marketing-compact .ms-dashboard-main { padding: 12px 10px; }
  .marketing-compact .ms-preview-controls { margin-bottom: 8px; }
  .marketing-compact .ms-preview-label { font-size: 11px; line-height: 1.35; }
  .marketing-compact .ms-dashboard-heading { margin-bottom: 8px; gap: 8px; }
  .marketing-compact .ms-dashboard-heading h3 { font-size: 14px; }
  .marketing-compact .ms-date { font-size: 10px; padding: 5px; }
  .marketing-compact .ms-metrics { gap: 6px; margin-bottom: 8px; }
  .marketing-compact .ms-metrics > div { padding: 8px 6px; }
  .marketing-compact .ms-metrics strong { font-size: 19px; }
  .marketing-compact .ms-metrics span { font-size: 10px; min-height: 26px; }
  .marketing-compact .ms-metrics small { font-size: 10px; margin-top: 3px; }
  .marketing-compact .ms-performance { padding: 8px; }
  .marketing-compact .ms-chart-heading { margin-bottom: 5px; }
  .marketing-compact .ms-chart { max-height: 90px; }
  .marketing-compact .ms-chart-heading h4 { font-size: 12px; }
  .marketing-compact .ms-legend { font-size: 10px; margin-bottom: 4px; }
  .marketing-compact .ms-chart-summary > span { font-size: 10px; }
  .marketing-compact .ms-creatives-heading { margin: 8px 0 6px; }
  .marketing-compact .ms-creatives { gap: 6px; }
  .marketing-compact .ms-ad-image { aspect-ratio: 1.15; }
  .marketing-compact .ms-ad-image > p { font-size: 11px; }
  .marketing-compact .ms-creative-info { padding: 5px; }
  .marketing-compact .ms-creative-info > p { font-size: 10px; margin: 3px 0 5px; }
  .marketing-compact .ms-active-status { font-size: 10px; }
  .marketing-compact .ms-dashboard-caption { margin-top: 6px; font-size: 11px; }
  .marketing-compact .ms-plans { grid-row: 1 / 3; align-self: start; padding: 12px; }
  .marketing-compact .ms-plans h3 { font-size: 20px; }
  .marketing-compact .ms-plans-subtitle { font-size: 12px; line-height: 1.35; margin-bottom: 6px; }
  .marketing-compact .ms-demo-label { margin: 0 0 8px; padding: 3px 6px; font-size: 12px; }
  .marketing-compact .ms-plan-list { flex: none; grid-template-rows: none; gap: 6px; }
  .marketing-compact .ms-plan { min-height: 0; padding: 8px; gap: 8px; }
  .marketing-compact .ms-plan > .ms-icon:first-child { width: 24px; height: 24px; margin-top: 4px; }
  .marketing-compact .ms-plan > .ms-icon:last-child { width: 12px; margin-top: 10px; }
  .marketing-compact .ms-plan-content > strong { font-size: 14px; }
  .marketing-compact .ms-plan-price { font-size: 24px; margin-bottom: 4px; }
  .marketing-compact .ms-plan-description { font-size: 12px; line-height: 1.35; }
  .marketing-compact .ms-quote { min-height: 44px; margin: 8px 0; padding: 8px 12px; }
  .marketing-compact .ms-plan-includes { font-size: 12px; gap: 4px; }
  .marketing-compact .ms-scope-note, .marketing-compact .ms-prices-note { margin-top: 6px; font-size: 12px; line-height: 1.35; }
  .marketing-compact .ms-platforms { margin-top: 0; gap: 8px 14px; font-size: 12px; }
  .marketing-compact .ms-platforms > p { padding: 0; border: 0; }
  .marketing-compact .ms-platforms > ul { gap: 8px; }
  .marketing-compact .ms-software-note { max-width: none; margin: 0; font-size: 12px; line-height: 1.4; text-align: left; }
  .marketing-compact .ms-web-heading { margin: 0 0 10px; }
  .marketing-compact .ms-site-desktop .ms-example-hero { min-height: 245px; }
  .marketing-compact .ms-site-pages li { padding: 7px; }
  .marketing-compact .ms-search-ads { min-height: 175px; }
  /* Google: texto nativo legible; conservar URL, descripción y estadísticas.
     La URL ocupa su propia línea para no truncarla junto a la etiqueta. */
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-ad-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 5px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-ad-top > strong {
    grid-column: 1;
    grid-row: 1;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-ad-top > span:not(.ms-search-dots) {
    grid-column: 1 / -1;
    grid-row: 2;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-dots {
    grid-column: 2;
    grid-row: 1;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-ad > p {
    font-size: 12px;
    line-height: 1.35;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-stats > div {
    display: grid;
    align-content: start;
    gap: 3px;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-stats dt {
    grid-row: 2;
    margin: 0;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
  }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-search-stats dd {
    grid-row: 1;
    font-size: 12px;
    line-height: 1.2;
  }
  .marketing-compact .contact-proposal { padding: 20px 0; }
  .marketing-compact .contact-proposal .contact-grid { width: min(calc(100% - 80px), 1440px); grid-template-columns: minmax(0, 1fr) minmax(0, 680px); gap: 64px; }
  .marketing-compact .contact-proposal h2 { font-size: 64px; margin-bottom: 18px; }
  .marketing-compact .contact-proposal .cp-card { padding: 24px; }
  .marketing-compact .cp-form-help { margin: 8px 0 12px; }
  .marketing-compact .cp-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
  .marketing-compact .cp-form-help, .marketing-compact .cp-fieldset:first-of-type, .marketing-compact .cp-submit, .marketing-compact .cp-action-note, .marketing-compact .cp-error { grid-column: 1 / -1; }
  .marketing-compact .cp-fieldset, .marketing-compact .cp-field { margin: 0; }
  .marketing-compact .cp-channel-group { grid-column: 1; }
  .marketing-compact .cp-field[data-cp-channel] { grid-column: 2; }
  .marketing-compact .cp-choice { min-height: 44px; padding: 9px 12px; }
  .marketing-compact .cp-context { min-height: 44px; padding: 0; }
  .marketing-compact .cp-context-grid { gap: 0 12px; }
  .marketing-compact .cp-field > input { min-height: 44px; padding: 10px 12px; }
  .marketing-compact .cp-action-note { margin: 0; }
}
@media (min-width: 1200px) and (max-height: 900px) {
  .marketing-compact .marketing-services-showcase { padding-block: 6px; }
  .marketing-compact .ms-shell { row-gap: 6px; }
  .marketing-compact .ms-tabs { padding: 0; }
  .marketing-compact .ms-ad-image { aspect-ratio: 1.4; }
  .marketing-compact .ms-creative-info { display: grid; grid-template-columns: 1fr auto; gap: 3px; }
  .marketing-compact .ms-creative-info > .ms-active-status { width: fit-content; }
  .marketing-compact .ms-creative-info > div { grid-column: 2; grid-row: 1; }
  .marketing-compact .ms-creative-info > p { grid-column: 1 / -1; margin: 0; }
  .marketing-compact .ms-plans { padding: 10px; }
  .marketing-compact .ms-plans h3 { margin-bottom: 2px; }
  .marketing-compact .ms-demo-label { padding-block: 2px; }
  .marketing-compact .ms-plan-list { gap: 4px; }
  .marketing-compact .ms-plan { padding-block: 6px; }
  .marketing-compact .ms-quote { margin-block: 6px; }
  .marketing-compact .ms-plan-includes { gap: 3px; }
  .marketing-compact .ms-scope-note, .marketing-compact .ms-prices-note { margin-top: 4px; }
  .marketing-compact .ms-software-note { line-height: 1.3; }
  .marketing-compact .ms-search-ads { min-height: 0; }
  .marketing-compact .ms-search-ad { padding: 7px 6px; }
  .marketing-compact .ms-search-ad-top { margin-bottom: 4px; }
  .marketing-compact .ms-search-ad h5 { margin-bottom: 5px; }
  .marketing-compact .ms-search-ad > p { margin-bottom: 6px; }
  .marketing-compact .ms-search-stats { padding-top: 4px; }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-performance { padding: 8px; }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-dashboard-main { padding-block: 6px; }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-chart { min-height: 0; }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-preview-controls,
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-dashboard-heading,
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-metrics { margin-bottom: 4px; }
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-creatives-heading { margin: 4px 0; }
  .marketing-compact .ms-site-desktop .ms-example-hero { min-height: 215px; padding-top: 14px; }
  .marketing-compact .ms-site-desktop .ms-example-copy { padding: 10px 6px; }
  .marketing-compact .ms-site-desktop .ms-example-copy h4 { font-size: 20px; margin-bottom: 8px; }
  .marketing-compact .ms-intro { padding-bottom: 40px; }
  .marketing-compact .ms-eyebrow { margin-bottom: 8px; }
  .marketing-compact .ms-intro h2 { font-size: 30px; margin-bottom: 12px; }
  .marketing-compact .ms-intro-lead { font-size: 15px; margin-bottom: 12px; }
  .marketing-compact .ms-benefits { gap: 10px; }
  .marketing-compact .ms-intro-cta { margin-top: 8px; }
  .marketing-compact .ms-benefit-note { margin-top: 4px; }
  .marketing-compact .ms-benefit-note > svg { width: 32px; height: 32px; }
  .marketing-compact .ms-site-mobile .ms-example-copy { padding: 8px 3px; }
  .marketing-compact .ms-site-mobile .ms-example-copy h4 { font-size: 16px; margin-bottom: 6px; }
  .marketing-compact .ms-site-mobile .ms-example-kicker { font-size: 6px; margin-bottom: 6px; }
  .marketing-compact .ms-site-mobile .ms-example-description { font-size: 8px; line-height: 1.35; margin-bottom: 8px; }
  .marketing-compact .ms-site-mobile .ms-example-photo { height: 110px; }
  .marketing-compact .ms-site-mobile .ms-example-actions > span { padding: 6px 4px; }
  .marketing-compact .ms-site-pages-title { margin: 10px 0 6px; }
  .marketing-compact .mh-main { min-height: 570px; }
  .marketing-compact .mh-copy h1 { font-size: 58px; }
  .marketing-compact .mh-laptop { width: min(68%, 820px); }
}
@media (min-width: 1200px) and (max-height: 740px) {
  .marketing-compact .ms-shell { width: min(calc(100% - 24px), 1440px); }
  .marketing-compact .ms-layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.55fr) minmax(0, .9fr); gap: 6px 12px; }
  .marketing-compact .ms-intro h2 { font-size: 28px; }
  .marketing-compact .ms-benefit-icon { width: 32px; height: 32px; }
  .marketing-compact .ms-benefits li { gap: 8px; }
  .marketing-compact .marketing-services-showcase { padding-block: 4px; }
  .marketing-compact .ms-shell { row-gap: 4px; }
  .marketing-compact .ms-plan-content { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; align-items: center; }
  .marketing-compact .ms-plan-price { margin: 0; font-size: 22px; }
  .marketing-compact .ms-plan-price small { display: block; font-size: 10px; }
  .marketing-compact .ms-plan-description { grid-column: 1 / -1; }
  .marketing-compact .ms-dashboard-main,
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-dashboard-main { padding-block: 6px; }
  .marketing-compact .ms-performance,
  .marketing-compact .marketing-services-showcase[data-ms-active="google"] .ms-performance { padding-block: 4px; }
  .marketing-compact .ms-chart-heading { margin-bottom: 2px; }
  .marketing-compact .ms-legend { margin-bottom: 2px; }
  .marketing-compact .ms-dashboard-caption { margin-top: 4px; }
}