/**
 * ATENDER /nueva — Home Hero and action refinement v12, 2026-08-28.
 * Isolated to the staging overlay and the Home body class.
 */

body.atender-surgical-20260827.page-inicio .home-hero {
  --home-hero-top-ink: var(--dw-ink, #272a34);
  min-height: clamp(30rem, 63svh, 32rem) !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-frame {
  min-height: inherit !important;
  padding: clamp(1.7rem, 2.8vw, 2.2rem) 0 clamp(1.4rem, 2.2vw, 1.8rem) !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto auto auto auto !important;
  column-gap: clamp(1rem, 2vw, 1.5rem) !important;
  row-gap: clamp(0.7rem, 1.25vw, 0.95rem) !important;
  align-content: start !important;
  align-items: start !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-kicker {
  display: none !important;
  grid-column: 1 / 8 !important;
  grid-row: 1 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-marks {
  grid-column: 9 / -1 !important;
  grid-row: 1 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-marks > span {
  display: inline-flex !important;
  border: 0 !important;
  background: var(--home-hero-top-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-marks .atender-ui-icon {
  color: #fff !important;
  stroke: currentColor !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-title {
  grid-column: 1 / 7 !important;
  grid-row: 2 !important;
  align-self: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: clamp(0.65rem, 1.8vh, 1rem) 0 0 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-line,
body.atender-surgical-20260827.page-inicio .home-hero .home-hero-line:nth-child(2),
body.atender-surgical-20260827.page-inicio .home-hero .home-hero-line--resolve {
  margin-left: 0 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta {
  display: contents !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta .atender-lead {
  grid-column: 8 / -1 !important;
  grid-row: 3 !important;
  align-self: start !important;
  justify-self: start !important;
  width: fit-content !important;
  max-width: 27rem !important;
  margin: 0 !important;
  padding: 0.52rem 0.72rem !important;
  border: 0 !important;
  border-left: 2px solid var(--dw-green, #14612c) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(1rem, 1.15vw, 1.1rem) !important;
  line-height: 1.42 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta > p:last-child {
  grid-column: 1 / 7 !important;
  grid-row: 3 !important;
  align-self: start !important;
  justify-self: start !important;
  margin: 0 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-signoff {
  grid-column: 1 / 7 !important;
  grid-row: 4 !important;
  align-self: start !important;
  margin: 0 !important;
  max-width: 100% !important;
  font-size: clamp(0.78rem, 0.9vw, 0.88rem) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.035em !important;
  white-space: nowrap !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-hero-rule {
  grid-column: 1 / -1 !important;
  grid-row: 5 !important;
  align-self: start !important;
  margin-top: 0.35rem !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map {
  position: relative !important;
  inset: auto !important;
  grid-column: 8 / -1 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  opacity: 0.36 !important;
}

body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
  display: block !important;
  width: 100% !important;
  max-height: 17rem !important;
}

@media (max-width: 1024px) {
  body.atender-surgical-20260827.page-inicio .home-hero {
    min-height: 0 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-frame {
    min-height: 0 !important;
    padding: clamp(1.45rem, 4vw, 2rem) 0 clamp(1.25rem, 3.5vw, 1.8rem) !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(7, auto) !important;
    row-gap: clamp(0.75rem, 2.2vw, 1rem) !important;
    align-content: start !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-kicker {
    grid-column: 1 / 8 !important;
    grid-row: 1 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-marks {
    grid-column: 8 / -1 !important;
    grid-row: 1 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-title {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: clamp(0.35rem, 1.4vw, 0.75rem) !important;
    font-size: clamp(2.75rem, 6.2vw, 4rem) !important;
    line-height: 0.96 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta > p:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-signoff {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    position: relative !important;
    width: fit-content !important;
    margin: 0.1rem 0 0 !important;
    padding-bottom: 0.7rem !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-signoff::after {
    content: "" !important;
    position: absolute !important;
    inset: auto auto 0 0 !important;
    width: clamp(4.5rem, 12vw, 6rem) !important;
    height: 2px !important;
    background: var(--dw-green, #14612c) !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    justify-self: end !important;
    width: min(100%, 48rem) !important;
    margin: 0 !important;
    opacity: 0.42 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
    display: block !important;
    width: 100% !important;
    max-height: 14rem !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta .atender-lead {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    justify-self: start !important;
    max-width: min(100%, 27rem) !important;
    margin: 0 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-rule {
    grid-column: 1 / -1 !important;
    grid-row: 7 !important;
  }
}

@media (max-width: 719px) {
  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-frame {
    padding: 1.35rem 0 1.15rem !important;
    row-gap: 0.75rem !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-title {
    margin-top: 0.25rem !important;
    font-size: clamp(2.1rem, 9.1vw, 2.65rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.052em !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-meta .atender-lead {
    max-width: 100% !important;
    padding: 0.48rem 0.65rem !important;
    font-size: 0.96rem !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-hero-signoff {
    font-size: clamp(0.72rem, 3vw, 0.8rem) !important;
    letter-spacing: 0.02em !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
    max-height: 10.5rem !important;
  }
}

/* v13: 20% more visual presence on desktop, still separated by the grid gap. */
@media (min-width: 1025px) {
  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map {
    grid-column: 7 / -1 !important;
    opacity: 0.44 !important;
  }

  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
    max-height: 20rem !important;
  }
}

@keyframes atender-home-map-breathe-v13 {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0.32rem, -0.28rem, 0); }
}

@media (prefers-reduced-motion: no-preference) {
  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
    animation: atender-home-map-breathe-v13 9s ease-in-out infinite !important;
    will-change: transform !important;
  }

  html.has-motion body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map.is-drawn .home-coverage-signal {
    animation-duration: 2.8s !important;
  }

  html.has-motion body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map.is-drawn circle {
    animation-duration: 3.2s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.atender-surgical-20260827.page-inicio .home-hero .home-coverage-map svg {
    animation: none !important;
    transform: none !important;
  }
}

/* v12 — exact Analysis H1 weight plus the approved action grammar, scoped
   exclusively to the Home in /. */
html body.atender-surgical-20260827.page-inicio .home-hero .home-hero-title,
html body.atender-surgical-20260827.page-inicio .home-hero .home-hero-title > * {
  font-weight: 600 !important;
}

body.atender-surgical-20260827.page-inicio {
  --at-action: #14612c;
  --at-action-hover: #0f4d23;
  --at-action-text: #fff;
  --at-action-focus: #14612c;
}

html body.atender-surgical-20260827.page-inicio main :is(
  .home-hero a.atender-btn.home-arrow-link,
  .home-method-cta > a.atender-btn.home-arrow-link,
  a.wp-block-button__link.wp-element-button,
  .atender-cta__action > a.atender-btn
) {
  border: 1px solid var(--at-action) !important;
  border-radius: 0 !important;
  background-color: var(--at-action) !important;
  color: var(--at-action-text) !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transform: translate3d(0, 0, 0);
  transition:
    background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.atender-surgical-20260827.page-inicio main :is(
  .home-hero a.atender-btn.home-arrow-link,
  .home-method-cta > a.atender-btn.home-arrow-link,
  a.wp-block-button__link.wp-element-button,
  .atender-cta__action > a.atender-btn
):is(:hover, :focus-visible) {
  border-color: var(--at-action-hover) !important;
  background-color: var(--at-action-hover) !important;
  color: var(--at-action-text) !important;
  filter: none !important;
  transform: translate3d(0, -2px, 0) !important;
}

html body.atender-surgical-20260827.page-inicio main :is(
  .home-hero a.atender-btn.home-arrow-link,
  .home-method-cta > a.atender-btn.home-arrow-link,
  a.wp-block-button__link.wp-element-button,
  .atender-cta__action > a.atender-btn
):focus-visible {
  outline: 2px solid var(--at-action-focus) !important;
  outline-offset: 3px !important;
}

/* The final dark-section action keeps its light contextual treatment. */
html body.atender-surgical-20260827.page-inicio main .home-final-action > a.atender-btn.home-arrow-link {
  border: 1px solid #f7f4ea !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #f7f4ea !important;
  font-weight: 400 !important;
  transform: translate3d(0, 0, 0);
  transition:
    background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.atender-surgical-20260827.page-inicio main .home-final-action > a.atender-btn.home-arrow-link:is(:hover, :focus-visible) {
  border-color: #f7f4ea !important;
  background-color: #f7f4ea !important;
  color: #272a34 !important;
  transform: translate3d(0, -2px, 0) !important;
}

html body.atender-surgical-20260827.page-inicio main .home-final-action > a.atender-btn.home-arrow-link:focus-visible {
  outline: 2px solid #f7f4ea !important;
  outline-offset: 3px !important;
}

html body.atender-surgical-20260827.page-inicio main :is(
  .home-hero a.atender-btn.home-arrow-link,
  .home-method-cta > a.atender-btn.home-arrow-link,
  .home-final-action > a.atender-btn.home-arrow-link,
  a.wp-block-button__link.wp-element-button,
  .atender-cta__action > a.atender-btn
) :is(svg.atender-cta-arrow, svg.atender-ui-icon) {
  transform: translate3d(0, 0, 0) !important;
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.atender-surgical-20260827.page-inicio main :is(
  .home-hero a.atender-btn.home-arrow-link,
  .home-method-cta > a.atender-btn.home-arrow-link,
  .home-final-action > a.atender-btn.home-arrow-link,
  a.wp-block-button__link.wp-element-button,
  .atender-cta__action > a.atender-btn
):is(:hover, :focus-visible) :is(svg.atender-cta-arrow, svg.atender-ui-icon) {
  transform: translate3d(5px, 0, 0) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.atender-surgical-20260827.page-inicio main :is(
    .home-hero a.atender-btn.home-arrow-link,
    .home-method-cta > a.atender-btn.home-arrow-link,
    .home-final-action > a.atender-btn.home-arrow-link,
    a.wp-block-button__link.wp-element-button,
    .atender-cta__action > a.atender-btn
  ),
  html body.atender-surgical-20260827.page-inicio main :is(
    .home-hero a.atender-btn.home-arrow-link,
    .home-method-cta > a.atender-btn.home-arrow-link,
    .home-final-action > a.atender-btn.home-arrow-link,
    a.wp-block-button__link.wp-element-button,
    .atender-cta__action > a.atender-btn
  ) :is(svg.atender-cta-arrow, svg.atender-ui-icon) {
    transition: none !important;
    transform: none !important;
  }

  html body.atender-surgical-20260827.page-inicio main :is(
    .home-hero a.atender-btn.home-arrow-link,
    .home-method-cta > a.atender-btn.home-arrow-link,
    .home-final-action > a.atender-btn.home-arrow-link,
    a.wp-block-button__link.wp-element-button,
    .atender-cta__action > a.atender-btn
  ):is(:hover, :focus-visible),
  html body.atender-surgical-20260827.page-inicio main :is(
    .home-hero a.atender-btn.home-arrow-link,
    .home-method-cta > a.atender-btn.home-arrow-link,
    .home-final-action > a.atender-btn.home-arrow-link,
    a.wp-block-button__link.wp-element-button,
    .atender-cta__action > a.atender-btn
  ):is(:hover, :focus-visible) :is(svg.atender-cta-arrow, svg.atender-ui-icon) {
    transition: none !important;
    transform: none !important;
  }
}

/* Hero CTA reference motion: keep the existing arrow travel and add only the
   subtle button growth requested for the primary action. */
html body.atender-surgical-20260827.page-inicio main .home-hero a.atender-btn.home-arrow-link:is(:hover, :focus-visible) {
  transform: translate3d(0, -2px, 0) scale(1.025) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.atender-surgical-20260827.page-inicio main .home-hero a.atender-btn.home-arrow-link:is(:hover, :focus-visible) {
    transform: none !important;
  }
}