/* Visual delta: 27/09 reference; existing responsive and accessibility safeguards retained. */
/* Keep the narrow layout after the reference's tablet subgrid rules. */

[data-navcta]:hover [data-fill], [data-navcta]:focus-visible [data-fill] { transform: scaleX(1) !important; }
[data-navcta]:hover [data-label], [data-navcta]:focus-visible [data-label] { color: rgb(17, 17, 15) !important; }
[data-navcta]:hover [data-inner], [data-navcta]:focus-visible [data-inner] { border-color: rgba(17, 17, 15, 0.28) !important; }
[data-navcta]:hover [data-shaft], [data-navcta]:focus-visible [data-shaft] { width: 24px !important; background: rgb(17, 17, 15) !important; }
[data-navcta]:hover [data-head], [data-navcta]:focus-visible [data-head] { border-color: rgb(17, 17, 15) !important; }
[data-navcta]:focus-visible { outline: rgb(209, 185, 159) solid 1px; outline-offset: 3px; }
@media (max-width: 1000px) {
  [data-herosplit] { grid-template-columns: 1fr !important; }
}
@media (max-width: 1180px) {
  [data-blocks] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto auto 1fr auto !important; gap: 0px 32px !important; }
  [data-blocks] > a { margin-bottom: 36px; }
  [data-blocks] > a > div:first-child { max-height: none !important; }
}
.vr-servicios-5:hover { z-index: 30 !important; transform: scale(1.08) translateY(-14px) !important; box-shadow: rgba(17, 17, 15, 0.5) 0px 40px 80px -24px !important; }
.vr-servicios-6:hover { z-index: 30 !important; transform: scale(1.08) translateY(-14px) !important; box-shadow: rgba(17, 17, 15, 0.5) 0px 40px 80px -24px !important; }
.vr-servicios-7:hover { z-index: 30 !important; transform: scale(1.08) translateY(-14px) !important; box-shadow: rgba(17, 17, 15, 0.5) 0px 40px 80px -24px !important; }
.vr-servicios-8:hover { z-index: 30 !important; transform: scale(1.08) translateY(-14px) !important; box-shadow: rgba(17, 17, 15, 0.5) 0px 40px 80px -24px !important; }
@media (max-width: 620px) { [data-blocks] { grid-template-columns: minmax(0, 1fr) !important; } }


/* Mobile UX refinement · 29/09/2026 */
@media (max-width: 860px) {
  [data-screen-label="Bloques"] {
    padding-top: 68px !important;
    padding-bottom: 72px !important;
  }
  [data-screen-label="Bloques"] > div {
    gap: 30px !important;
  }
  [data-screen-label="Bloques"] [data-blocks] {
    gap: 28px !important;
  }
  [data-screen-label="Bloques"] [data-blocks] > a {
    margin-bottom: 26px !important;
  }
  [data-screen-label="Bloques"] [data-blocks] > a > div:first-child {
    min-height: 210px !important;
    max-height: none !important;
  }
  [data-screen-label="Catálogo"] {
    padding-top: 60px !important;
    padding-bottom: 68px !important;
  }
  [data-screen-label="Catálogo"] [data-group] {
    gap: 22px !important;
    padding-bottom: 28px !important;
  }
  [data-screen-label="Alcance"] {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}


/* Desktop scope heading refinement · mobile remains unchanged. */
@media (min-width:1001px) {
  [data-no-hacemos] {
    font-size:clamp(34px,4.15vw,62px) !important;
    line-height:1.01 !important;
    max-width:9ch;
  }
  [data-no-accent] { color:#D1B99F; }
}

/* Mobile UX round 2 · 04/10/2026
   Reduce image dominance while preserving the original aspect ratio and disable touch-emulated hover. */
@media (max-width: 860px) {
  [data-screen-label="Bloques"] [data-blocks] > a > div:first-child {
    width: 88% !important;
    max-width: 360px !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .vr-servicios-5,
  .vr-servicios-6,
  .vr-servicios-7,
  .vr-servicios-8,
  .vr-servicios-5:hover,
  .vr-servicios-6:hover,
  .vr-servicios-7:hover,
  .vr-servicios-8:hover,
  .vr-servicios-5:active,
  .vr-servicios-6:active,
  .vr-servicios-7:active,
  .vr-servicios-8:active {
    z-index: 1 !important;
    transform: scale(1) translateY(0) !important;
    box-shadow: none !important;
  }

  .vr-servicios-5,
  .vr-servicios-6,
  .vr-servicios-7,
  .vr-servicios-8 {
    transition: none !important;
  }
}