/* Partner mobile hero final polish */
@media (min-width: 769px) {
  .official-hero {
    min-height: 660px !important;
    grid-template-columns: minmax(0, .78fr) minmax(300px, .38fr) !important;
    background:
      linear-gradient(90deg, rgba(2,6,23,.84) 0%, rgba(2,6,23,.54) 34%, rgba(2,6,23,.14) 66%, rgba(2,6,23,.05) 100%),
      url('assets/partner-hero-city.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .official-hero .partner-hero-copy {
    max-width: 560px !important;
  }

  .partner-hero h1 {
    max-width: 9ch;
    font-size: clamp(3.4rem, 5vw, 4.75rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  .partner-lead {
    max-width: 500px;
    font-size: clamp(1.05rem, 1.5vw, 1.25rem) !important;
  }
}

@media (max-width: 768px) {
  .official-hero {
    position: relative !important;
    min-height: 840px !important;
    padding: 0 !important;
    display: block !important;
    background:
      linear-gradient(180deg, rgba(2,6,23,.86) 0%, rgba(2,6,23,.54) 20%, rgba(2,6,23,.08) 42%, rgba(2,6,23,.10) 58%, rgba(2,6,23,.62) 78%, rgba(2,6,23,.96) 100%),
      url('assets/partner-hero-mobile-v48.webp') !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%, auto 114% !important;
    background-position: center center, 69% 42% !important;
    border-bottom-left-radius: 26px !important;
    border-bottom-right-radius: 26px !important;
    overflow: hidden !important;
  }

  .official-hero .partner-hero-copy {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: block !important;
    z-index: 2 !important;
  }

  .partner-kicker {
    position: absolute !important;
    top: 34px !important;
    left: 16px !important;
    right: 16px !important;
    margin: 0 !important;
    font-size: .78rem !important;
    line-height: 1.15 !important;
    letter-spacing: .2em !important;
    color: #0a7cff !important;
    text-shadow: 0 8px 20px rgba(2,6,23,.36) !important;
  }

  .partner-hero-copy h1 {
    position: absolute !important;
    top: 72px !important;
    left: 16px !important;
    right: 16px !important;
    max-width: 13ch !important;
    margin: 0 !important;
    font-size: 2.56rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    text-shadow: 0 10px 26px rgba(2,6,23,.46) !important;
  }

  .partner-hero-copy h1::after {
    content: 'La aliada ideal para tu negocio.';
    display: block !important;
    margin-top: 12px !important;
    max-width: 17ch !important;
    color: rgba(255,255,255,.92) !important;
    font-size: .95rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    text-shadow: 0 8px 22px rgba(2,6,23,.34) !important;
  }

  .partner-pills {
    position: absolute !important;
    top: 226px !important;
    left: 16px !important;
    right: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin: 0 !important;
  }

  .partner-pills span {
    width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    background: rgba(7,17,31,.28) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    font-weight: 700 !important;
    text-align: left !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 10px 24px rgba(2,6,23,.16) !important;
  }

  .partner-pills span::before {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0a7cff !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    border: 1px solid rgba(10,124,255,.52) !important;
    background: rgba(10,124,255,.10) !important;
  }

  .partner-pills span::after {
    display: block !important;
    color: #fff !important;
    font-size: .98rem !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
  }

  .partner-pills span:nth-child(1)::before { content: '\25A3'; }
  .partner-pills span:nth-child(1)::after { content: 'Retira en Cuota 2, 4 y 6 con el 30%'; }
  .partner-pills span:nth-child(2)::before { content: '%'; }
  .partner-pills span:nth-child(2)::after { content: 'Con tu usado o anticipo'; }
  .partner-pills span:nth-child(3)::before { content: '$'; }
  .partner-pills span:nth-child(3)::after { content: 'Cuotas desde $500.000'; }
  .partner-pills span:nth-child(4) { display: none !important; }

  .partner-hero-copy .partner-lead {
    position: absolute !important;
    left: 32px !important;
    right: 32px !important;
    bottom: 126px !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    max-width: none !important;
  }

  .partner-hero-copy .partner-lead::before {
    content: 'Consultá bonificaciones vigentes';
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    padding-left: 46px !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-shadow: 0 8px 22px rgba(2,6,23,.34) !important;
  }

  .partner-hero-copy .partner-lead::after {
    content: '\1F381';
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0a7cff !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
  }

  .partner-actions .ghost,
  .partner-hero-helper,
  .partner-hero-vehicle-mobile,
  .official-hero .partner-offer-card,
  .bonus-float {
    display: none !important;
  }

  .partner-actions {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 40px !important;
    width: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .partner-actions .primary {
    width: 100% !important;
    min-height: 64px !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    box-shadow: 0 20px 42px rgba(0,103,216,.32) !important;
  }

  .partner-actions .primary::after {
    content: 'Cotizala ahora';
    color: #fff !important;
    font-size: 1.12rem !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  .official-hero .partner-hero-copy::after {
    content: none !important;
  }

  .partner-benefit-strip {
    margin-top: 18px !important;
  }

  body.partner-page {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 430px) {
  .official-hero {
    min-height: 790px !important;
    background-size: 100% 100%, auto 116% !important;
    background-position: center center, 69% 44% !important;
  }

  .official-hero .partner-hero-copy {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .partner-kicker {
    top: 28px !important;
    left: 14px !important;
    right: 14px !important;
    font-size: .72rem !important;
  }

  .partner-hero-copy h1 {
    top: 62px !important;
    left: 14px !important;
    right: 14px !important;
    font-size: 2.32rem !important;
  }

  .partner-hero-copy h1::after {
    font-size: .9rem !important;
  }

  .partner-pills {
    top: 206px !important;
    left: 14px !important;
    right: 14px !important;
  }

  .partner-pills span {
    min-height: 48px !important;
    padding: 9px 13px !important;
  }

  .partner-pills span::after {
    font-size: .88rem !important;
  }

  .partner-hero-copy .partner-lead {
    left: 32px !important;
    right: 32px !important;
    bottom: 121px !important;
  }

  .partner-actions {
    left: 14px !important;
    right: 14px !important;
    bottom: 34px !important;
  }
}

@media (max-width: 360px) {
  .official-hero {
    min-height: 740px !important;
  }

  .partner-hero-copy h1 {
    font-size: 2.08rem !important;
  }

  .partner-pills {
    top: 190px !important;
  }

  .partner-pills span::after,
  .partner-hero-copy .partner-lead::before {
    font-size: .84rem !important;
  }
}

/* Partner image framing retouches */
@media (max-width: 768px) {
  body.partner-page .official-hero {
    background-size: 100% 100%, 126% auto !important;
    background-position: center center, 86% 47% !important;
  }

  body.partner-page .partner-split.reverse > img {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f4f7fb !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 430px) {
  body.partner-page .official-hero {
    background-size: 100% 100%, 130% auto !important;
    background-position: center center, 88% 47% !important;
  }

  body.partner-page .partner-split.reverse > img {
    object-position: center center !important;
  }
}