/* Identidad visual exclusiva de Nicaragua: La Universal + ACOSA. */
body.ta-public-shell.ta-brand-ni {
  --ta-orange: #d90f1d;
  --ta-orange-2: #ed1c2e;
  --ta-orange-rgb: 217, 15, 29;
  --ta-accent: #d90f1d;
  --ta-accent-rgb: 217, 15, 29;
  --acosa-orange: #d90f1d;
  --acosa-blue: #243f86;
  --ta-blue: #243f86;
  --ta-blue-rgb: 36, 63, 134;
}

body.ta-public-shell.ta-brand-ni .ta-navbar,
body.ta-public-shell.ta-brand-ni.ta-public-nav-scrolled .ta-navbar,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-navbar {
  border-bottom-color: rgba(36, 63, 134, .16) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 10px 30px rgba(24, 40, 86, .12) !important;
}

html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-navbar,
html[data-theme="dark"] body.ta-public-shell.ta-brand-ni.ta-public-nav-scrolled .ta-navbar {
  border-bottom-color: rgba(217, 15, 29, .28) !important;
  background: rgba(7, 12, 27, .97) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34) !important;
}

body.ta-public-shell.ta-brand-ni .navbar-brand {
  min-width: min(340px, 42vw);
  padding: .35rem 0 !important;
}

body.ta-public-shell.ta-brand-ni .navbar-brand::before {
  display: none !important;
  content: none !important;
}

body.ta-public-shell.ta-brand-ni .ta-ni-brand-logo {
  display: block;
  width: min(330px, 40vw);
  height: 44px;
  object-fit: contain;
  object-position: left center;
}

body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link,
body.ta-public-shell.ta-brand-ni .ta-navbar .dropdown-toggle,
body.ta-public-shell.ta-brand-ni .ta-rh-btn,
body.ta-public-shell.ta-brand-ni .ta-login-link {
  color: #243f86 !important;
}

html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link,
html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-navbar .dropdown-toggle,
html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-rh-btn,
html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-login-link {
  color: rgba(255, 255, 255, .9) !important;
}

body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link:hover,
body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link:focus,
body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link.active,
body.ta-public-shell.ta-brand-ni .ta-navbar .nav-link.show {
  color: #d90f1d !important;
  background: rgba(217, 15, 29, .08) !important;
}

body.ta-public-shell.ta-brand-ni .ta-header-cta,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-header-cta {
  border-color: #d90f1d !important;
  background: #d90f1d !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(217, 15, 29, .22) !important;
}

body.ta-public-shell.ta-brand-ni .ta-theme-toggle,
body.ta-public-shell.ta-brand-ni .ta-icon-nav,
body.ta-public-shell.ta-brand-ni .navbar-toggler,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-theme-toggle,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-icon-nav,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .navbar-toggler {
  border-color: rgba(36, 63, 134, .2) !important;
  background: rgba(36, 63, 134, .07) !important;
  color: #243f86 !important;
}

body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero,
html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero {
  border-bottom: 0 !important;
  background-image:
    linear-gradient(90deg, rgba(9, 20, 54, .94) 0%, rgba(18, 37, 86, .82) 38%, rgba(18, 37, 86, .42) 68%, rgba(18, 37, 86, .16) 100%),
    linear-gradient(180deg, rgba(5, 12, 35, .08) 0%, rgba(5, 12, 35, .74) 100%),
    url("../img/hero/nicaragua/la-universal-store-desktop.webp") !important;
  background-position: center 60% !important;
}

body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero::before {
  background:
    linear-gradient(180deg, rgba(6, 12, 34, .18), transparent 28%, rgba(6, 12, 34, .46)),
    radial-gradient(circle at 18% 40%, rgba(217, 15, 29, .28), transparent 36%),
    radial-gradient(circle at 70% 36%, rgba(36, 63, 134, .22), transparent 40%) !important;
}

body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero h1 span,
body.ta-public-shell.ta-brand-ni .ta-public-eyebrow,
body.ta-public-shell.ta-brand-ni .ta-section-heading .ta-public-eyebrow,
body.ta-public-shell.ta-brand-ni .ta-job-company,
body.ta-public-shell.ta-brand-ni .ta-no-jobs-kicker {
  color: #ef2335 !important;
}

body.ta-public-shell.ta-brand-ni .btn-primary,
body.ta-public-shell.ta-brand-ni .ta-footer-btn {
  border-color: #d90f1d !important;
  background: #d90f1d !important;
  color: #fff !important;
}

body.ta-public-shell.ta-brand-ni .btn-primary:hover,
body.ta-public-shell.ta-brand-ni .btn-primary:focus,
body.ta-public-shell.ta-brand-ni .ta-footer-btn:hover,
body.ta-public-shell.ta-brand-ni .ta-footer-btn:focus {
  border-color: #243f86 !important;
  background: #243f86 !important;
}

body.ta-public-shell.ta-brand-ni .ta-job-card:hover,
body.ta-public-shell.ta-brand-ni .ta-region-card:hover {
  border-color: rgba(217, 15, 29, .34) !important;
}

body.ta-public-shell.ta-brand-ni .ta-footer {
  border-top-color: rgba(217, 15, 29, .28) !important;
}

body.ta-public-shell.ta-brand-ni .ta-ni-footer-logo {
  display: block;
  width: min(100%, 360px);
  height: auto;
  margin: .35rem 0 1rem;
  padding: .65rem .8rem;
  border-radius: 8px;
  background: #fff;
}

/* Sustituye los acentos naranjas heredados por la identidad La Universal. */
body.ta-public-shell.ta-brand-ni .ta-public-eyebrow,
body.ta-public-shell.ta-brand-ni .section-label,
body.ta-public-shell.ta-brand-ni .country-kicker,
body.ta-public-shell.ta-brand-ni .ta-public-card-kicker {
  border-color: rgba(217, 15, 29, .3) !important;
  background: rgba(217, 15, 29, .1) !important;
  color: #ef2335 !important;
}

body.ta-public-shell.ta-brand-ni .ta-public-eyebrow::before {
  background: #d90f1d !important;
  box-shadow: 0 0 14px rgba(217, 15, 29, .38) !important;
}

body.ta-public-shell.ta-brand-ni .ta-public-card::before,
body.ta-public-shell.ta-brand-ni .ta-premium-list-card::before,
body.ta-public-shell.ta-brand-ni .ta-detail-card::before,
body.ta-public-shell.ta-brand-ni .ta-auth-card::before {
  background: linear-gradient(90deg, #d90f1d, #243f86) !important;
}

body.ta-public-shell.ta-brand-ni .ta-public-card-icon,
body.ta-public-shell.ta-brand-ni .ta-kpi-icon,
body.ta-public-shell.ta-brand-ni .benefit-icon,
body.ta-public-shell.ta-brand-ni .home-apply-icon,
body.ta-public-shell.ta-brand-ni .apply-choice-icon,
body.ta-public-shell.ta-brand-ni .ta-auto-icon,
body.ta-public-shell.ta-brand-ni .ta-editorial-card span[data-ta-icon],
body.ta-public-shell.ta-brand-ni .ta-region-icon,
body.ta-public-shell.ta-brand-ni .ta-public-card .ta-public-card-body > .ta-public-card-icon[data-ta-icon] {
  border-color: rgba(217, 15, 29, .48) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .15), transparent 36%),
    linear-gradient(145deg, rgba(217, 15, 29, .3), rgba(217, 15, 29, .08) 58%, rgba(36, 63, 134, .16)) !important;
  color: #ef2335 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .26), 0 8px 22px rgba(217, 15, 29, .12) !important;
}

html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-public-card-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-kpi-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .benefit-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .home-apply-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .apply-choice-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-auto-icon,
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-editorial-card span[data-ta-icon],
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-region-icon {
  border-color: rgba(217, 15, 29, .26) !important;
  background: linear-gradient(145deg, #fff5f6, #f4f7ff) !important;
  color: #d90f1d !important;
  box-shadow: 0 10px 22px rgba(36, 63, 134, .08) !important;
}

body.ta-public-shell.ta-brand-ni .ta-job-card:hover,
body.ta-public-shell.ta-brand-ni .ta-region-card:hover,
body.ta-public-shell.ta-brand-ni .ta-editorial-card:hover {
  border-color: rgba(217, 15, 29, .34) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .3), 0 0 0 1px rgba(36, 63, 134, .1) !important;
}

body.ta-public-shell.ta-brand-ni .ta-talent-flow span {
  background: linear-gradient(90deg, #d90f1d, #243f86) !important;
}

/* Los overrides globales de iconos usan mayor especificidad; esta regla debe ganar. */
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-kpi-card > .ta-kpi-icon[data-ta-icon],
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-kpi-card > .ta-auto-icon[data-ta-icon],
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-region-card > .ta-region-icon[data-ta-icon],
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-public-card .ta-public-card-icon[data-ta-icon],
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-editorial-card > span[data-ta-icon] {
  border-color: rgba(217, 15, 29, .5) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .13), transparent 36%),
    linear-gradient(145deg, rgba(217, 15, 29, .34), rgba(217, 15, 29, .08) 58%, rgba(36, 63, 134, .18)) !important;
  color: #ef2335 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .25), 0 0 20px rgba(217, 15, 29, .13) !important;
}

html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-kpi-card > .ta-kpi-icon[data-ta-icon],
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-kpi-card > .ta-auto-icon[data-ta-icon],
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-region-card > .ta-region-icon[data-ta-icon],
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-public-card .ta-public-card-icon[data-ta-icon],
html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-editorial-card > span[data-ta-icon] {
  border-color: rgba(217, 15, 29, .28) !important;
  background: linear-gradient(145deg, #fff5f6, #f3f6ff) !important;
  color: #d90f1d !important;
  box-shadow: 0 10px 22px rgba(36, 63, 134, .08) !important;
}

html[data-theme] body.ta-public-shell.ta-brand-ni .ta-kpi-icon .ta-bi-svg,
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-auto-icon .ta-bi-svg,
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-region-icon .ta-bi-svg,
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-public-card-icon .ta-bi-svg,
html[data-theme] body.ta-public-shell.ta-brand-ni .ta-editorial-card > span[data-ta-icon] .ta-bi-svg {
  color: inherit !important;
  fill: currentColor !important;
}

@media (max-width: 991.98px) {
  body.ta-public-shell.ta-brand-ni .ta-navbar,
  body.ta-public-shell.ta-brand-ni.ta-public-nav-scrolled .ta-navbar {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-navbar .container,
  body.ta-public-shell.ta-brand-ni .ta-navbar .ta-container {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.ta-public-shell.ta-brand-ni .navbar-brand {
    min-width: 0 !important;
    max-width: calc(100% - 104px) !important;
    flex: 0 1 auto !important;
    margin: 0 .35rem 0 0 !important;
    padding: 0 !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-ni-brand-logo {
    width: min(220px, 100%);
    height: 34px;
  }

  html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-navbar,
  html[data-theme="dark"] body.ta-public-shell.ta-brand-ni.ta-public-nav-scrolled .ta-navbar,
  html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .navbar-collapse {
    background: rgba(7, 12, 27, .98) !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-mobile-header-actions {
    width: auto !important;
    min-width: 90px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 0 0 auto !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-mobile-header-actions .ta-theme-toggle,
  body.ta-public-shell.ta-brand-ni .navbar-toggler {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  body.ta-public-shell.ta-brand-ni .navbar-collapse {
    top: 64px !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero,
  html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero,
  html[data-theme="dark"] body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero {
    background-image:
      linear-gradient(180deg, rgba(8, 18, 50, .78) 0%, rgba(8, 18, 50, .9) 58%, rgba(8, 18, 50, .96) 100%),
      url("../img/hero/nicaragua/la-universal-store-mobile.webp") !important;
    background-position: center 62% !important;
  }
}

@media (max-width: 575.98px) {
  body.ta-public-shell.ta-brand-ni .ta-navbar .container,
  body.ta-public-shell.ta-brand-ni .ta-navbar .ta-container {
    gap: .45rem !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-ni-brand-logo {
    width: min(170px, 100%);
    height: 28px;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero {
    min-height: calc(100svh - 62px) !important;
    align-items: center !important;
    padding-top: 3.25rem !important;
    padding-bottom: 3rem !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero h1,
  html[data-theme="light"] body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero h1 {
    max-width: 21rem !important;
    font-size: clamp(2.15rem, 10.5vw, 2.65rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero .lead {
    max-width: 21rem !important;
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero .ta-public-eyebrow {
    max-width: 21rem;
    font-size: .61rem !important;
    line-height: 1.35 !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero .ta-hero-actions {
    width: 100%;
    max-width: 21rem;
    gap: .7rem !important;
  }

  body.ta-public-shell.ta-brand-ni .ta-acosa-photo-hero .ta-hero-actions .btn {
    width: 100%;
    min-height: 3.25rem;
    padding: .78rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }
}