:root {
  --ar2-sky: #86c5e4;
  --ar2-sky-deep: #2b7398;
  --ar2-sky-soft: #e4f4fb;
  --ar2-cloud: #f7fbfd;
  --ar2-paper: #fffefd;
  --ar2-ink: #17384d;
  --ar2-muted: #587486;
  --ar2-line: #b7d9e8;
  --ar2-sun: #f2cb68;
  --ar2-sun-soft: #fff5d8;
  --ar2-shadow: 0 18px 44px rgba(42, 104, 137, 0.12);
}

html:not([data-theme="dark"]) body {
  background-color: #edf7fb !important;
  background-image:
    radial-gradient(circle at 9% 5%, rgba(255, 255, 255, 0.92) 0 1px, transparent 1.7px),
    radial-gradient(circle at 87% 24%, rgba(58, 126, 161, 0.12) 0 1px, transparent 1.6px),
    radial-gradient(circle at 85% 0%, rgba(134, 197, 228, 0.24), transparent 31rem),
    linear-gradient(168deg, #fafdff 0%, #e9f5fa 46%, #f7fbfd 100%) !important;
  background-size: 32px 32px, 46px 46px, 100% 100%, 100% 100% !important;
  color: var(--ar2-ink) !important;
}

html:not([data-theme="dark"]) .scarg-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.72) !important;
  background:
    radial-gradient(circle at 82% -120%, rgba(255, 255, 255, 0.8), transparent 42%),
    linear-gradient(102deg, #68acd0 0%, #83c3e1 54%, #a4d6ea 100%) !important;
  box-shadow: 0 10px 30px rgba(28, 92, 126, 0.18), inset 0 -1px 0 rgba(39, 110, 146, 0.13) !important;
}

html:not([data-theme="dark"]) .scarg-nav-links {
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

html:not([data-theme="dark"]) .scarg-nav-links a {
  color: #143f59 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  transition: transform 180ms ease, background-color 180ms ease, color 180ms ease !important;
}

html:not([data-theme="dark"]) .scarg-nav-links a.scarg-is-active,
html:not([data-theme="dark"]) .scarg-nav-links a:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #1e6387 !important;
  box-shadow: 0 5px 14px rgba(38, 99, 131, 0.14), inset 0 1px 0 #fff !important;
  transform: translateY(-1px);
}

html:not([data-theme="dark"]) :is(.scarg-btn, .scarg-pin-btn, .scarg-app-download-btn, .scarg-safe-aside-download) {
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease !important;
}

html:not([data-theme="dark"]) :is(
  .scarg-btn.scarg-hot,
  .scarg-pin-btn.scarg-hot,
  .scarg-hero .scarg-pin-btn,
  .scarg-offer-banner .scarg-pin-btn,
  .scarg-app-download-btn,
  .scarg-safe-aside-download,
  #cookieOk
) {
  border: 1px solid #deb34d !important;
  background: linear-gradient(180deg, #ffe7a0 0%, var(--ar2-sun) 56%, #e5b94f 100%) !important;
  color: #183f55 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 8px 18px rgba(174, 128, 28, 0.22) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html:not([data-theme="dark"]) :is(
  .scarg-btn.scarg-hot,
  .scarg-pin-btn.scarg-hot,
  .scarg-hero .scarg-pin-btn,
  .scarg-offer-banner .scarg-pin-btn,
  .scarg-app-download-btn,
  .scarg-safe-aside-download,
  #cookieOk
):hover {
  border-color: #d6a62f !important;
  background: linear-gradient(180deg, #fff0bb 0%, #f5d271 58%, #e7b84b 100%) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 11px 24px rgba(169, 122, 25, 0.27) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
}

html:not([data-theme="dark"]) :is(
  .scarg-btn.scarg-hot,
  .scarg-pin-btn.scarg-hot,
  .scarg-hero .scarg-pin-btn,
  .scarg-offer-banner .scarg-pin-btn,
  .scarg-app-download-btn,
  .scarg-safe-aside-download,
  #cookieOk
):active {
  transform: translateY(1px) scale(0.985) !important;
}

html:not([data-theme="dark"]) .scarg-auth .scarg-btn.scarg-ghost {
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  background: rgba(255, 255, 255, 0.28) !important;
  color: #163f58 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
}

html:not([data-theme="dark"]) .scarg-auth .scarg-btn.scarg-ghost:hover {
  background: rgba(255, 255, 255, 0.58) !important;
  transform: translateY(-1px) !important;
}

html:not([data-theme="dark"]) .scarg-mobile-burger {
  border-color: rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 6px 14px rgba(30, 94, 128, 0.15) !important;
}

html:not([data-theme="dark"]) .scarg-mobile-burger span {
  background: #17435e !important;
}

html:not([data-theme="dark"]) .scarg-pin-sidebar {
  border: 1px solid rgba(169, 210, 229, 0.92) !important;
  background:
    linear-gradient(90deg, rgba(242, 203, 104, 0.86) 0 3px, transparent 3px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(235, 247, 252, 0.94)) !important;
  box-shadow: var(--ar2-shadow) !important;
}

html:not([data-theme="dark"]) :is(
  .scarg-safe-aside-menu,
  .scarg-safe-aside-extras,
  .scarg-pin-side-nav,
  .scarg-pin-side-nav.scarg-mobile-nav-mounted
) {
  border-color: #c6e0ec !important;
  background: rgba(255, 254, 253, 0.88) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

html:not([data-theme="dark"]) .scarg-safe-aside-promo {
  border: 1px solid #84bfdc !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.3), transparent 44%),
    linear-gradient(135deg, #86c7e5, #5da7cc) !important;
  color: #123c55 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 6px 14px rgba(31, 99, 135, 0.14) !important;
}

html:not([data-theme="dark"]) .scarg-safe-aside-promo:hover {
  border-color: #dcb24d !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.42), transparent 44%),
    linear-gradient(135deg, #9dd4eb, #72b6d6) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 18px rgba(31, 99, 135, 0.19) !important;
}

html:not([data-theme="dark"]) .scarg-safe-aside-badge {
  border-color: #fff8dc !important;
  background: var(--ar2-sun) !important;
  color: #16405a !important;
}

html:not([data-theme="dark"]) :is(.scarg-safe-aside-links > a, .scarg-pin-side-links a) {
  color: #3d6880 !important;
}

html:not([data-theme="dark"]) :is(.scarg-safe-aside-links > a, .scarg-pin-side-links a):hover {
  background: linear-gradient(90deg, var(--ar2-sky-soft), rgba(255, 245, 216, 0.72)) !important;
  color: #1c5f82 !important;
}

html:not([data-theme="dark"]) .scarg-pin-side-nav-toggle {
  background: linear-gradient(90deg, #67afd2, #91cce5) !important;
  color: #173f57 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) {
  border: 1px solid var(--ar2-line) !important;
  border-top-color: #d7ebf4 !important;
  background:
    radial-gradient(circle at 98% 0, rgba(134, 197, 228, 0.15), transparent 18rem),
    radial-gradient(circle at 3% 100%, rgba(242, 203, 104, 0.08), transparent 15rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 253, 0.98)) !important;
  box-shadow: var(--ar2-shadow), inset 0 1px 0 #fff !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section)::before {
  background: linear-gradient(90deg, var(--ar2-sky), #f8fcfe 58%, var(--ar2-sun)) !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > :is(h1, h2),
html:not([data-theme="dark"]) #content .scarg-pin-content > .scarg-reviews-section > .scarg-reviews-heading > h2 {
  color: #21688d !important;
  text-shadow: 0 2px 0 #fff, 0 8px 20px rgba(42, 104, 137, 0.12) !important;
  text-wrap: balance;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > h3 {
  border: 1px solid #ecd797 !important;
  border-left: 4px solid var(--ar2-sun) !important;
  background: linear-gradient(90deg, var(--ar2-sun-soft), rgba(255, 255, 255, 0.76)) !important;
  color: #315d72 !important;
  box-shadow: 0 6px 16px rgba(137, 103, 27, 0.08) !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > :is(p, .scarg-pin-lead),
html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) li {
  color: var(--ar2-ink) !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > :is(ul, ol) > li {
  border-color: #d4e7ef !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 14px rgba(38, 100, 132, 0.07) !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > ul > li::before {
  content: "" !important;
  top: 15px !important;
  width: 13px !important;
  height: 13px !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: var(--ar2-sun) !important;
  box-shadow:
    0 0 0 3px var(--ar2-sky),
    0 5px 11px rgba(40, 108, 143, 0.2) !important;
  transform: none !important;
}

html:not([data-theme="dark"]) #content .scarg-pin-content > :is(.scarg-pin-section, .scarg-content-section) > ol > li::before {
  border: 2px solid #fff !important;
  background: linear-gradient(180deg, #9dd4eb, #56a4ca) !important;
  color: #123c54 !important;
  box-shadow:
    0 0 0 2px #c3e3f0,
    0 6px 13px rgba(35, 103, 138, 0.18) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html:not([data-theme="dark"]) :is(.scarg-table-wrap, .scarg-table-scroll) {
  border-color: #b8d8e7 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 12px 27px rgba(35, 99, 132, 0.11) !important;
}

html:not([data-theme="dark"]) :is(th, .scarg-pin-section th, .scarg-content-section th) {
  border-color: #a9cede !important;
  background:
    linear-gradient(180deg, #dff2fa 0%, #bfdfed 100%) !important;
  color: #194d68 !important;
}

html:not([data-theme="dark"]) .scarg-table-wrap thead th[colspan] {
  text-align: center !important;
}

.scarg-table-line {
  display: block;
}

.scarg-table-line + .scarg-table-line {
  margin-top: 0.3em;
}

#content .scarg-expert-signature {
  position: relative;
  width: 100%;
  max-width: 540px !important;
  margin: 28px 0 0 !important;
  padding: 17px 22px 17px 25px !important;
  overflow: hidden;
  border: 1px solid #b9dbe9 !important;
  border-left: 5px solid var(--ar2-sun) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(242, 203, 104, 0.22), transparent 90px),
    linear-gradient(135deg, #ffffff 0%, #eef8fc 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 24px rgba(38, 100, 132, 0.12) !important;
  color: #587486 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

#content .scarg-expert-signature strong {
  color: #194d68 !important;
  font-size: 15px;
  font-weight: 900;
}

html[data-theme="dark"] #content .scarg-expert-signature {
  border-color: #356f8f !important;
  border-left-color: var(--ar2-sun) !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(242, 203, 104, 0.12), transparent 90px),
    linear-gradient(135deg, #173649 0%, #102a3a 100%) !important;
  color: #bad7e6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] #content .scarg-expert-signature strong {
  color: #f4fbff !important;
}

#content .scarg-scheme-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
  gap: 18px 28px !important;
  align-items: center;
}

#content .scarg-scheme-section > h2 {
  grid-column: 1 / -1;
}

#content .scarg-scheme-section > p {
  margin: 0 !important;
}

#content .scarg-scheme-image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  border: 1px solid #a9cede;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    0 12px 26px rgba(35, 99, 132, 0.17);
}

html[data-theme="dark"] #content .scarg-scheme-image {
  border-color: #356f8f;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.32);
}

.scarg-app-page .scarg-home-app-banner[aria-labelledby="descargar-app-1"] .scarg-app-download-actions {
  inset: 0 auto 0 0 !important;
}

.scarg-app-page .scarg-home-app-banner[aria-labelledby="descargar-app-2"] .scarg-app-download-actions {
  inset: 0 0 0 auto !important;
}

html:not([data-theme="dark"]) :is(td, .scarg-pin-section td, .scarg-content-section td),
html:not([data-theme="dark"]) tbody tr:nth-child(2n) td {
  border-color: #dbeaf1 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #294e61 !important;
}

html:not([data-theme="dark"]) :is(.scarg-review-card, .scarg-faq-section details) {
  border-color: #c5dfe9 !important;
  background: linear-gradient(155deg, #fff, #f0f8fb) !important;
  box-shadow: 0 9px 22px rgba(38, 100, 132, 0.09) !important;
}

html:not([data-theme="dark"]) .scarg-faq-section summary {
  color: #246b8e !important;
}

html:not([data-theme="dark"]) .scarg-faq-section details[open] summary {
  background: linear-gradient(90deg, #e4f4fb, #fff5d8) !important;
  color: #1b5876 !important;
}

html:not([data-theme="dark"]) .scarg-hero-rating {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background: rgba(19, 67, 93, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 9px 22px rgba(8, 35, 51, 0.24) !important;
}

html:not([data-theme="dark"]) .scarg-hero-rating strong {
  border-color: #f5dc99 !important;
  background: linear-gradient(180deg, #fff9e8, #f4d678) !important;
  color: #214f67 !important;
}

html:not([data-theme="dark"]) .scarg-cookies-container {
  border-color: #add4e5 !important;
  background:
    radial-gradient(circle at 100% 0, rgba(242, 203, 104, 0.14), transparent 12rem),
    rgba(252, 254, 255, 0.97) !important;
  box-shadow: 0 17px 42px rgba(36, 96, 128, 0.2) !important;
}

html:not([data-theme="dark"]) .scarg-footer {
  border-top-color: #8dc6df !important;
  background:
    radial-gradient(circle at 78% -100%, rgba(255, 255, 255, 0.22), transparent 45%),
    linear-gradient(180deg, #5b9fc1, #367b9f) !important;
  color: #f8fcfe !important;
}

html:not([data-theme="dark"]) .scarg-footer :is(a, p, strong) {
  color: #f8fcfe !important;
}

html:not([data-theme="dark"]) :is(a, button, summary):focus-visible {
  outline: 3px solid var(--ar2-sun) !important;
  outline-offset: 3px !important;
}

@media (max-width: 760px) {
  #content .scarg-scheme-section {
    grid-template-columns: 1fr;
  }

  #content .scarg-scheme-section > h2 {
    grid-column: auto;
  }

  html:not([data-theme="dark"]) .scarg-mobile-menu {
    border-left-color: #9bcde3 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(242, 203, 104, 0.14), transparent 16rem),
      rgba(235, 247, 252, 0.98) !important;
  }

  html:not([data-theme="dark"]) .scarg-mobile-menu a:not(.scarg-btn) {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #245f7c !important;
  }
}

@media (max-width: 620px) {
  .scarg-app-page .scarg-home-app-banner[aria-labelledby="descargar-app-1"] .scarg-app-download-actions,
  .scarg-app-page .scarg-home-app-banner[aria-labelledby="descargar-app-2"] .scarg-app-download-actions {
    inset: 0 !important;
    width: 100% !important;
  }
}