/* Directorio C: ajustes locales de escritorio para Inicio y Hablemos.
   Se conserva el contenido, las escenas y el crecimiento natural con zoom.
   Cargar después de los estilos de ambas páginas. */
@media (min-width: 1200px) {
  #contenido > .hx-marketing-reference .hx-grid {
    width: min(calc(100% - 80px), 1440px);
    min-height: 0;
    padding: 16px 0;
  }
  #contenido > .hx-marketing-reference .ha-eyebrow { margin-bottom: 14px; }
  #contenido > .hx-marketing-reference h1 {
    margin-bottom: 18px;
    font-size: clamp(46px, 3.9vw, 58px);
  }
  #contenido > .hx-marketing-reference .hx-lead {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.45;
  }
  #contenido > .hx-marketing-reference .hx-actions .button { min-height: 54px; }
  #contenido > .hx-marketing-reference .ha-included { margin-top: 14px; padding: 10px 16px; }
  #contenido > .hx-marketing-reference .hx-controls { margin-bottom: 12px; }
  #contenido > .hx-marketing-reference .ha-ads { max-width: 820px; }
  #contenido > .hx-marketing-reference .ha-process { margin-top: 16px; font-size: 16px; }
  #contenido > .hx-marketing-reference .hx-caption { margin-top: 12px; font-size: 12px; }

  #contenido > .ag { padding: 24px 0; }
  #contenido > .ag .ag-wrap { width: min(calc(100% - 80px), 1440px); }
  #contenido > .ag .ag-head { margin-bottom: 18px; }
  #contenido > .ag h2 { margin-bottom: 8px; font-size: 44px; }
  #contenido > .ag .ag-head p { font-size: 18px; }
  #contenido > .ag .ag-card { padding: 18px 20px; }
  #contenido > .ag .ag-card-head { gap: 12px; margin-bottom: 10px; }
  #contenido > .ag .ag-card-head h3 { font-size: 25px; }
  #contenido > .ag .ag-ico { width: 44px; height: 44px; }
  #contenido > .ag .ag-desc { margin-bottom: 12px; font-size: 16px; }
  #contenido > .ag .ag-checks { gap: 8px; }
  #contenido > .ag .ag-checks li { font-size: 16px; }
  #contenido > .ag .ag-sub { padding: 10px 12px; }
  #contenido > .ag .ag-sub-title { font-size: 18px; }
  #contenido > .ag .ag-banner { margin-top: 14px; padding: 10px 18px; }
  #contenido > .ag .ag-banner-text { font-size: 18px; }

  /* FAQ puede crecer al abrir respuestas: nunca se fija una altura ni se recorta. */
  #contenido > .fq { padding: 24px 0; }
  #contenido > .fq .fq-wrap { max-width: 1440px; }
  #contenido > .fq .fq-head { margin-bottom: 18px; }
  #contenido > .fq .fq-label { margin-bottom: 8px; }
  #contenido > .fq h2 { font-size: 40px; margin-bottom: 8px; }
  #contenido > .fq .fq-sub { font-size: 16px; }
  #contenido > .fq .fq-list { gap: 8px; }
  #contenido > .fq summary { min-height: 60px; padding: 10px 16px; gap: 16px; }
  #contenido > .fq .fq-num { width: 38px; height: 38px; font-size: 15px; }
  #contenido > .fq .fq-q { font-size: 16px; }
  #contenido > .fq .fq-a { margin: 0 12px 12px; padding: 12px 18px; }
  #contenido > .fq .fq-a p { font-size: 15px; line-height: 1.5; }

  /* Evitar movimiento/subpíxeles en texto y escenas con vistas manuales. */
  #contenido > .hx-marketing-reference .hx-copy,
  #contenido > .hx-marketing-reference .hx-stage,
  #contenido > .hx-marketing-reference .hx-frame:not([hidden]),
  #contenido > .hx-marketing-reference .hx-frame.is-switching,
  #contenido > .ag .ag-card.experience-item,
  #contenido > .fq details.experience-item {
    animation: none;
    transform: none;
    filter: none;
    opacity: 1;
  }
  #contenido > .ag .ag-head.experience-item,
  #contenido > .ag .ag-banner.experience-item,
  #contenido > .fq .fq-head.experience-item { opacity: 1; transform: none; filter: none; }
}

/* El preview de 1280 × 720 conserva controles y textos, con menos separación. */
@media (min-width: 1200px) and (max-height: 740px) {
  #contenido > #contacto.home-contact-reference { padding: 14px 0; }
}