/*
 * Mazca 3 · Subpage heroes — Laptop
 * ----------------------------------
 * Ajusta únicamente el intervalo entre tablet y escritorio grande.
 * Desde 1800 px se preserva íntegro el diseño iMac.
 */
@media (min-width: 981px) and (max-width: 1799px),
       (min-width: 1800px) and (max-width: 2199px) and (max-height: 980px) {

  /* Heroes fotográficos: Automoción y Soluciones Digitales */
  .at-hero.at-hero--photo,
  .dhero-wrap.dhero-wrap--photo {
    min-height: clamp(680px, 50vw, 750px) !important;
    padding: clamp(112px, 8.2vw, 132px) 0 24px !important;
  }

  .at-left,
  .dhero-left {
    width: min(100%, 510px) !important;
    max-width: 510px !important;
    margin-left: clamp(0px, 2.1vw, 32px) !important;
    padding: clamp(12px, 1.6vw, 24px) 32px 22px 0 !important;
  }

  .at-hero h1,
  .dhero-h1 {
    max-width: 500px !important;
    font-size: clamp(46px, 4vw, 60px) !important;
    line-height: .98 !important;
    letter-spacing: -.042em !important;
  }

  .at-sub,
  .dhero-sub {
    max-width: 450px !important;
    margin-top: 20px !important;
    font-size: clamp(14.5px, 1.05vw, 16px) !important;
    line-height: 1.55 !important;
  }

  .at-pills,
  .dhero-pills {
    gap: 6px !important;
    margin-top: 17px !important;
  }

  .at-pill,
  .dhero-pill {
    padding: 5px 11px !important;
    font-size: 9.5px !important;
    letter-spacing: .065em !important;
  }

  .at-btns,
  .dhero-actions {
    margin-top: 21px !important;
  }

  .at-cta,
  .dhero-cta {
    min-height: 42px !important;
    gap: 9px !important;
    padding: 0 17px !important;
    font-size: 10.75px !important;
    letter-spacing: .075em !important;
  }

  .at-cta svg,
  .dhero-cta svg {
    width: 13px !important;
    height: 13px !important;
  }

  .at-trust-card {
    right: clamp(104px, 7vw, 142px) !important;
    bottom: clamp(46px, 5vw, 66px) !important;
    width: clamp(244px, 16vw, 276px) !important;
    min-height: 108px !important;
    padding: 18px 22px !important;
    border-radius: 14px !important;
  }

  .at-trust-card::before {
    left: 22px !important;
    top: 20px !important;
    width: 5px !important;
    height: 5px !important;
  }

  .at-trust-card__seal { display: none !important; }

  .at-trust-card__eyebrow {
    margin: 0 0 9px 12px !important;
    font-size: 7.75px !important;
  }

  .at-trust-card__title {
    font-size: clamp(21px, 1.5vw, 25px) !important;
  }

  .at-trust-card__sub {
    margin-top: 9px !important;
    font-size: 11.75px !important;
  }

  /*
   * Heroes editoriales de dos columnas.
   * Mismo ritmo vertical, tipografía y CTA en todas las áreas técnicas.
   */
  .cal-hero,
  .ma-hero,
  .seg-hero,
  .gov-hero,
  .ene-hero,
  .idi-hero,
  .ip-hero,
  .ii-hero {
    min-height: clamp(620px, 44vw, 710px) !important;
    padding:
      clamp(118px, 8.3vw, 138px)
      clamp(34px, 5vw, 72px)
      clamp(48px, 5vw, 70px) !important;
    gap: clamp(30px, 4vw, 54px) !important;
  }

  .cal-hero h1,
  .ma-hero h1,
  .seg-hero h1,
  .gov-hero h1,
  .ene-hero h1,
  .idi-hero h1,
  .ip-hero h1,
  .ii-hero h1 {
    max-width: 520px !important;
    margin-bottom: 17px !important;
    font-size: clamp(36px, 3.5vw, 52px) !important;
    line-height: 1.04 !important;
  }

  .cal-hero-sub,
  .ma-hero-sub,
  .seg-hero-sub,
  .gov-hero-sub,
  .ene-hero-sub,
  .idi-hero-sub,
  .ip-sub,
  .ii-sub {
    max-width: 430px !important;
    margin-bottom: 26px !important;
    font-size: 14.5px !important;
    line-height: 1.62 !important;
  }

  .cal-breadcrumb,
  .ma-breadcrumb,
  .seg-breadcrumb,
  .gov-breadcrumb,
  .ene-breadcrumb,
  .idi-breadcrumb,
  .ip-breadcrumb,
  .ii-breadcrumb {
    margin-bottom: 18px !important;
  }

  .cal-tag,
  .ma-tag,
  .seg-tag,
  .gov-tag,
  .ene-tag,
  .idi-tag,
  .ip-tag,
  .ii-tag {
    margin-bottom: 13px !important;
    font-size: 10.5px !important;
  }

  .cal-hero-cta,
  .ma-hero-cta,
  .seg-hero-cta,
  .gov-hero-cta,
  .ene-hero-cta,
  .idi-hero-cta,
  .ip-cta,
  .ii-cta {
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 10.75px !important;
    gap: 8px !important;
  }

  .cal-hero-right,
  .ma-hero-right,
  .seg-hero-right,
  .gov-hero-right,
  .ene-hero-right,
  .idi-hero-right {
    padding: clamp(22px, 2.3vw, 32px) !important;
  }

  .cal-thermo-bar-outer,
  .cal-thermo-levels {
    height: clamp(220px, 18vw, 260px) !important;
  }

  .cal-thermo-wrap {
    max-width: 340px !important;
    padding: 20px 22px !important;
  }

  .seg-gfx-svg {
    width: min(270px, 100%) !important;
  }

  .seg-stats {
    margin-top: 15px !important;
    gap: 7px !important;
  }

  .seg-stat {
    padding: 8px 9px !important;
  }

  .ip-canvas-wrap,
  .ip-signal-labels {
    width: min(410px, 90vw) !important;
  }

  .ii-svg-wrap {
    width: min(470px, 100%) !important;
  }

  /* Formación: misma escala editorial, sin panel sobredimensionado */
  .fph-main {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 450px) !important;
    min-height: clamp(650px, 48vw, 740px) !important;
    padding:
      clamp(118px, 8.4vw, 138px)
      clamp(34px, 5vw, 72px)
      0 !important;
    gap: clamp(28px, 3.5vw, 50px) !important;
  }

  .fph-h1 {
    font-size: clamp(40px, 4vw, 58px) !important;
  }

  .fph-left {
    padding-bottom: clamp(40px, 4vw, 58px) !important;
  }

  .fph-right {
    padding: clamp(22px, 2.2vw, 30px) !important;
  }

  .fph-mod {
    padding: 11px 13px !important;
  }

  .fph-cta {
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 10.75px !important;
  }

  /* Hero genérico de Consultoría */
  .m3-shero {
    min-height: clamp(620px, 44vw, 710px) !important;
    padding: clamp(118px, 8.3vw, 138px) 0 clamp(48px, 5vw, 70px) !important;
  }

  .m3-shero__grid {
    gap: clamp(30px, 4vw, 54px) !important;
  }

  .m3-shero__title {
    font-size: clamp(38px, 3.7vw, 54px) !important;
  }

  .m3-shero__sub {
    margin-top: 18px !important;
    font-size: 15px !important;
  }

  .m3-shero__cta {
    margin-top: 25px !important;
  }

  .m3-shero__stats {
    margin-top: 32px !important;
  }

  .m3-shero__panel {
    padding: 25px !important;
  }

  /* Contacto: conserva la información completa con una apertura más sobria */
  .cnth-wrap {
    --cnth-pad-y: clamp(116px, 8.2vw, 136px) !important;
    --cnth-pad-x: clamp(34px, 5vw, 72px) !important;
  }

  .cnth-inner {
    gap: clamp(38px, 4.5vw, 64px) !important;
  }

  .cnth-h1 {
    font-size: clamp(38px, 3.7vw, 54px) !important;
  }

  .cnth-sub {
    margin-bottom: 30px !important;
    line-height: 1.62 !important;
  }

  .cnth-form-card {
    padding: clamp(25px, 2.6vw, 36px) !important;
  }
}
