:root {
  --tc-primary: #0d6efd;
  --tc-soft: #f5f8ff;
  --tc-bg: #f7f8fb;
  --tt-bg: rgba(15, 23, 42, .92);
  --tt-fg: #f8fafc;
  --muted: #64748b;

  /* Acciones: valores por defecto para Chile y pantallas sin mercado. */
  --market-button-bg: #0033a0;
  --market-button-hover: #001f66;
  --market-button-border: #0033a0;
  --market-button-hover-border: #001f66;
  --market-button-fg: #ffffff;
  --market-button-focus: #0033a0;
  --market-outline-fg: var(--market-button-bg);
  --market-outline-border: var(--market-button-border);
  --market-outline-hover-bg: var(--market-button-hover);
  --market-outline-hover-border: var(--market-button-hover-border);
  --market-outline-hover-fg: var(--market-button-fg);
  --market-soft: #eef4ff;
  --market-soft-border: rgba(0, 51, 160, .18);
}
body { 
	background: var(--tc-bg);
}

/* Paleta semántica de acciones por mercado. */
body.market-site--cl {
  --cl-blue: #0033a0;
  --market-soft: #eef4ff;
  --market-soft-border: rgba(0, 51, 160, .18);
  --market-button-bg: #0033a0;
  --market-button-hover: #001f66;
  --market-button-border: #0033a0;
  --market-button-hover-border: #001f66;
  --market-button-focus: #0033a0;
  --market-outline-fg: #0033a0;
  --market-outline-border: #0033a0;
  --market-outline-hover-bg: #001f66;
  --market-outline-hover-border: #001f66;
  --market-outline-hover-fg: #ffffff;
}
body.market-site--mx {
  --cl-blue: #006847;
  --market-soft: #edf8f2;
  --market-soft-border: rgba(0, 104, 71, .20);
  --market-button-bg: #006847;
  --market-button-hover: #004b34;
  --market-button-border: #006847;
  --market-button-hover-border: #004b34;
  --market-button-focus: #006847;
  --market-outline-fg: #006847;
  --market-outline-border: #006847;
  --market-outline-hover-bg: #004b34;
  --market-outline-hover-border: #004b34;
  --market-outline-hover-fg: #ffffff;
}
body.market-site--gt {
  --cl-blue: #235b9f;
  --market-soft: #edf4fb;
  --market-soft-border: rgba(35, 91, 159, .20);
  --market-button-bg: #235b9f;
  --market-button-hover: #0c3d79;
  --market-button-border: #235b9f;
  --market-button-hover-border: #0c3d79;
  --market-button-focus: #235b9f;
  --market-outline-fg: #235b9f;
  --market-outline-border: #235b9f;
  --market-outline-hover-bg: #0c3d79;
  --market-outline-hover-border: #0c3d79;
  --market-outline-hover-fg: #ffffff;
}
body.market-site--do {
  --cl-blue: #002d62;
  --market-soft: #edf2fb;
  --market-soft-border: rgba(0, 45, 98, .20);
  --market-button-bg: #ce1126;
  --market-button-hover: #a70d1b;
  --market-button-border: #ce1126;
  --market-button-hover-border: #a70d1b;
  --market-button-focus: #002d62;
  --market-outline-fg: #ce1126;
  --market-outline-border: #ce1126;
  --market-outline-hover-bg: #a70d1b;
  --market-outline-hover-border: #a70d1b;
  --market-outline-hover-fg: #ffffff;
}
body.market-site--hn {
  --cl-blue: #0067b1;
  --market-soft: #edf7fd;
  --market-soft-border: rgba(0, 103, 177, .20);
  --market-button-bg: #0067b1;
  --market-button-hover: #004f8a;
  --market-button-border: #0067b1;
  --market-button-hover-border: #004f8a;
  --market-button-focus: #004f8a;
  --market-outline-fg: #0067b1;
  --market-outline-border: #0067b1;
  --market-outline-hover-bg: #004f8a;
  --market-outline-hover-border: #004f8a;
  --market-outline-hover-fg: #ffffff;
}
body.market-site--co {
  --cl-blue: #003893;
  --market-soft: #fff8d7;
  --market-soft-border: rgba(252, 209, 22, .72);
  --market-button-bg: #fcd116;
  --market-button-hover: #ffe36a;
  --market-button-border: #c99e00;
  --market-button-hover-border: #a67d00;
  --market-button-fg: #002765;
  --market-button-focus: #003893;
  --market-outline-fg: #003893;
  --market-outline-border: #003893;
  --market-outline-hover-bg: #003893;
  --market-outline-hover-border: #002765;
  --market-outline-hover-fg: #ffffff;
}
.hero{
  background: linear-gradient(135deg, #e8f4ff 0%, #f6fbff 48%, #ffffff 100%);
  border: 1px solid rgba(13,110,253,.08);
  border-radius: 1rem;
  box-shadow: var(--card-shadow);
}

.hero h1 {
  font-weight: 700;
}
.badge-flag {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rate-date {
  font-size: .875rem;
  color: #6c757d;
}
.breadcrumb {
  --bs-breadcrumb-divider: "\203A";
}
/* Sidebar */
.sidebar {
  position: relative;
}
@media (min-width: 992px) {
  .sidebar .ad-sidebar_sticky {
    position: sticky;
    top: 1rem;
  }
}
.ad-slot {
  margin: 1.5rem auto;
  text-align: center;
  clear: both;
}
.ad-box {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ad-box ins.adsbygoogle {
  display: block;
  width: 100%;
}
.ad-header_top .ad-box,
.ad-footer_banner .ad-box {
  min-height: 100px;
}
.ad-in_article .ad-box,
.ad-incontent .ad-box,
.ad-below_calculator .ad-box {
  min-height: 250px;
}
.ad-sidebar_top .ad-box,
.ad-sidebar_sticky .ad-box {
  min-height: 280px;
}
.converter-result-summary + .ad-slot,
.result-card + .ad-slot,
form + .ad-slot {
  margin-top: 2rem;
}
@media (max-width: 767.98px) {
  .ad-slot {
    margin: 1.75rem auto;
  }
  .ad-header_top .ad-box,
  .ad-footer_banner .ad-box {
    min-height: 90px;
  }
}
/* Layout helpers */
.layout-main {
  min-height: 60vh;
}
.sidebar .card {
  position: relative;
}
.sidebar-guide-card {
  border: 1px solid #e6edf8;
  border-radius: 14px;
  overflow: hidden;
}
.sidebar-guide-card .card-body {
  padding: 1rem;
}
.sidebar-guide-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .85rem;
}
.sidebar-guide-title {
  margin: 0;
  color: #475569;
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.sidebar-guide-list {
  display: grid;
  gap: .18rem;
}
.sidebar-guide-link {
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .62rem;
  padding: .5rem .55rem;
  border-radius: 12px;
  color: #0f172a;
  text-decoration: none;
  border: 1px solid transparent;
}
.sidebar-guide-link:hover {
  color: #0f172a;
  background: var(--market-soft);
  border-color: var(--market-soft-border);
}
.sidebar-guide-link .link-icon {
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--market-outline-fg);
  background: var(--market-soft);
}
.sidebar-guide-link strong {
  display: block;
  font-size: .88rem;
  line-height: 1.2;
}
.sidebar-guide-link small {
  display: block;
  margin-top: .05rem;
  color: #64748b;
  line-height: 1.2;
}
.sidebar-guide-link .link-arrow {
  color: #94a3b8;
}
.sidebar-guide-separator {
  margin: .55rem 0;
  border-top: 1px solid #edf2f7;
}
/* Chile color scheme */
:root {
  --cl-blue: #0033a0; /* azul bandera */
  --cl-red: #d52b1e; /* rojo bandera */
  --cl-white: #ffffff; /* blanco */
	
  /* Cards */
  --card-radius:14px;
  --card-border:#e9edf3;
  --card-shadow:0 8px 22px rgba(15,23,42,.06);
  --card-shadow-hover:0 12px 30px rgba(15,23,42,.08);	
	

}

/* ===== Sección tasas ===== */
.rate-grid .rate-card{
  border-radius:calc(var(--card-radius) - .25rem);
  box-shadow:var(--card-shadow);
  background:#fff;
  border:1px solid #eef2f7;
  transition:transform .15s ease, box-shadow .15s ease;
}
.rate-grid .rate-card:hover{ transform:translateY(-2px); box-shadow:0 10px 40px rgba(82,63,105,.12); }
.rate-grid .rate-code{ font-weight:600; color:var(--ink-900); }
.rate-grid .rate-badge{ background:var(--market-button-bg); color:var(--market-button-fg); border-radius:.6rem; font-size:.75rem; padding:.2rem .45rem; }
.rate-grid .rate-value{ font-size:1.4rem; color:var(--ink-900); }
.rate-grid .rate-meta{ color:var(--muted); font-size:.85rem; }

a {
  color: var(--market-outline-fg);
}
a:hover {
  color: var(--market-button-hover);
}
.btn-primary {
  --bs-btn-color: var(--market-button-fg);
  --bs-btn-bg: var(--market-button-bg);
  --bs-btn-border-color: var(--market-button-border);
  --bs-btn-hover-color: var(--market-button-fg);
  --bs-btn-hover-bg: var(--market-button-hover);
  --bs-btn-hover-border-color: var(--market-button-hover-border);
  --bs-btn-active-color: var(--market-button-fg);
  --bs-btn-active-bg: var(--market-button-hover);
  --bs-btn-active-border-color: var(--market-button-hover-border);
  --bs-btn-disabled-color: var(--market-button-fg);
  --bs-btn-disabled-bg: var(--market-button-bg);
  --bs-btn-disabled-border-color: var(--market-button-border);
  color: var(--market-button-fg);
  background-color: var(--market-button-bg);
  border-color: var(--market-button-border);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  color: var(--market-button-fg);
  background-color: var(--market-button-hover);
  border-color: var(--market-button-hover-border);
}
.btn-primary:focus-visible {
  outline: 3px solid var(--market-button-focus);
  outline-offset: 2px;
  box-shadow: none;
}
.btn-outline-primary {
  --bs-btn-color: var(--market-outline-fg);
  --bs-btn-border-color: var(--market-outline-border);
  --bs-btn-hover-color: var(--market-outline-hover-fg);
  --bs-btn-hover-bg: var(--market-outline-hover-bg);
  --bs-btn-hover-border-color: var(--market-outline-hover-border);
  --bs-btn-active-color: var(--market-outline-hover-fg);
  --bs-btn-active-bg: var(--market-outline-hover-bg);
  --bs-btn-active-border-color: var(--market-outline-hover-border);
  --bs-btn-disabled-color: var(--market-outline-fg);
  --bs-btn-disabled-border-color: var(--market-outline-border);
  color: var(--market-outline-fg);
  border-color: var(--market-outline-border);
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: var(--market-outline-hover-fg);
  background-color: var(--market-outline-hover-bg);
  border-color: var(--market-outline-hover-border);
}
.btn-outline-primary:focus-visible {
  outline: 3px solid var(--market-button-focus);
  outline-offset: 2px;
  box-shadow: none;
}
.navbar, .footer {
  background: var(--cl-blue);
}
.navbar a.nav-link, .navbar-brand, .footer {
  color: #fff !important;
}
.badge.bg-primary {
  color: var(--market-button-fg) !important;
  background-color: var(--market-button-bg) !important;
}
h1, h2, h3, h4 {
  color: #0b1a33;
}
/* ===== Componentes genéricos ===== */
/*.card{
  border-radius:1rem;
}*/

/* ===== Cards ===== */
.card{
  background:#fff;
  border:1px solid var(--card-border) !important;
  border-radius:var(--card-radius);
  box-shadow:var(--card-shadow) !important;
  transition:box-shadow .15s ease;
}
.card:hover{ box-shadow:var(--card-shadow-hover); }
/*card + .card{ margin-top:1rem; }
.stat-card .value{ font-size:1.9rem; font-weight:800; }*/



.fx-card{
  border-radius: var(--fx-radius);
  box-shadow: var(--fx-shadow);
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease;
  position: relative;
}
.fx-card .card-body{ padding: 18px 20px; }
.fx-card:hover{ transform: translateY(-2px); box-shadow: var(--fx-shadow-hover); }

/* Bandera pequeña con borde sutil */
.fx-flag{
  width: 20px; height: 14px; object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}

/* Chip (sustituye a .badge) */
.fx-chip{
  display:inline-block;
  padding: .25rem .5rem;
  line-height: 1;
  border-radius: 999px;
  font-weight: 600;
  font-size: .75rem;
  background: var(--fx-chip-bg);
  color: var(--fx-chip-fg);
}

/* Valor principal grande y limpio */
.fx-value{
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Chevron opcional (si usas stretched-link) */
.fx-chevron{
  position:absolute; right:12px; top:50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: rgba(0,0,0,.28);
  pointer-events: none;
  transition: transform .15s ease, color .15s ease;
}
.fx-card:hover .fx-chevron{ transform: translate(2px, -50%); color: rgba(0,0,0,.45); }

/* Dark mode opcional */
@media (prefers-color-scheme: dark){
  .fx-card{ background:#0f1115; box-shadow:none; border:1px solid rgba(255,255,255,.08); }
  .fx-chip{ background: rgba(255,200,150,.12); color:#ffb36b; }
  .fx-chevron{ color: rgba(255,255,255,.25); }
}


/* Sidebar “Pares populares” liviano y limpio */
.card-converter{
  background: linear-gradient(180deg, #ffffff, #f8f9ff);
  border-radius: 1rem;
  border: 1px solid rgba(2,6,23,.06);
}
.chip-link{
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: .55rem .8rem;
  text-decoration: none;
  background: #fff;
  transition: border-color .2s ease, transform .12s ease, color .2s ease;
  font-size: .92rem;
  color: #0b1a33;
}
.chip-link:hover{
  border-color: var(--market-outline-border);
  transform: translateY(-1px);
  color: var(--market-button-hover);
}
.chip-link .chev{
  font-weight: 700;
  color: var(--market-outline-fg);
  margin-left: .5rem;
}
/* Últimos consultados */
.recent-card {
  background: #fff;
  border-radius: 1rem;
}
.recent-card .card-soft {
  border: 1px solid #e6edf8;
  border-radius: 1rem;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
  overflow: hidden;
}
.recent-card .card-body,
.recent-card .list-group,
.recent-card .list-group-item {
  background: #fff;
}
.recent-card .list-group-item { border: 0; padding-left: 0; padding-right: 0; }
.recent-card .list-group-item + .list-group-item { border-top: 1px dashed rgba(0,0,0,.05); }
.bg-primary-subtle { background-color: var(--market-soft) !important; }
.text-primary-emphasis { color: var(--market-outline-fg) !important; }


/* Tarjetas conversiones */
.conv-box {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  background: #fff;
  padding: 12px 14px;
  transition: border-color .2s, transform .15s, color .15s;
  color: inherit;
}
.conv-box:hover {
  border-color: var(--market-outline-border);
  transform: translateY(-2px);
  text-decoration: none;
}
.conv-box h3 {
  font-size: 0.95rem;
  color: #0b1a33;
  margin: 0;
}
.conv-ir {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--market-outline-fg);
}

/* Pills de tendencia (look del mock) */
.trend-pill {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border-radius:999px;
  padding:.35rem .75rem;
  font-size:.8125rem;
  font-weight:600;
  line-height:1;
  border:1px solid transparent;
}

/* Colores */
.trend-up {
  color:#0f766e;               /* teal-700 */
  background:rgba(16,185,129,.12); /* emerald-500 a 12% */
  border-color:rgba(16,185,129,.28);
}
.trend-down {
  color:#b91c1c;               /* red-700 */
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.28);
}
.trend-flat {
  color:#334155;               /* slate-700 */
  background:rgba(100,116,139,.12); /* slate-500 12% */
  border-color:rgba(100,116,139,.28);
}

/* Puntito decorativo opcional al inicio (como en chips modernos) */
.trend-pill::before{
  content:'';
  display:inline-block;
  width:.5rem;height:.5rem;border-radius:999px;
  background:currentColor;
  opacity:.75;
}

/* Dropdown de Conversiones (pares principales) */
/* No forzar display en reposo */
.dropdown-menu-pairs{
  min-width: 360px;
  border: none;
}

/* Solo cuando esté ABIERTO (.show) lo ponemos en grid */
@media (min-width: 992px){
  .dropdown-menu-pairs.show{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .25rem .5rem;
  }
  .dropdown-menu-pairs .dropdown-item{
    /*border-radius: .5rem;*/
    white-space: nowrap;
    max-width: 100%;
  }
}

/* ===== Navegacion principal ===== */
.navbar.market-nav,
.navbar.chile-nav {
  background: linear-gradient(90deg, #0033A0 0%, #0033A0 40%, #D52B1E 100%);
}
.navbar.market-nav-mx {
  background: linear-gradient(90deg, #006847 0%, #006847 40%, #CE1126 100%);
}
.navbar.market-nav-gt {
  background: linear-gradient(90deg, #235b9f 0%, #235b9f 40%, #0c3d79 100%);
}
.navbar.market-nav-do {
  background: linear-gradient(90deg, #002d62 0%, #002d62 40%, #ce1126 100%);
}
.navbar.market-nav-hn {
  background: linear-gradient(90deg, #0067b1 0%, #0067b1 40%, #004f8a 100%);
}
.navbar.market-nav-co {
  background: linear-gradient(90deg, #003893 0%, #003893 68%, #ce1126 100%);
  border-top: 4px solid #fcd116;
}
.navbar.market-nav .navbar-brand,
.navbar.market-nav .nav-link,
.navbar.market-nav .dropdown-menu a,
.navbar.chile-nav .navbar-brand,
.navbar.chile-nav .nav-link,
.navbar.chile-nav .dropdown-menu a {
  color: #fff !important;
}
.navbar.market-nav .navbar-brand--market,
.navbar.chile-nav .navbar-brand--market {
  display: inline-flex;
  min-width: 0;
  margin-right: 1.15rem;
  gap: .45rem;
  font-size: 1.125rem;
  line-height: 1.2;
  white-space: nowrap;
}
.navbar-brand--market .navbar-brand__icon {
  flex: 0 0 auto;
  font-size: 1.08em;
  line-height: 1;
}
.navbar-brand--market .navbar-brand__label {
  min-width: 0;
  white-space: nowrap;
}
.navbar-brand--market .navbar-brand__flag {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 2.1em;
  height: 1.05em;
  object-fit: contain;
  border-radius: .14rem;
  box-shadow: 0 0 0 1px rgba(255,255,255,.38), 0 1px 2px rgba(0,0,0,.18);
}
@media (max-width: 991.98px) {
  .navbar.market-nav .navbar-brand--market,
  .navbar.chile-nav .navbar-brand--market {
    max-width: calc(100% - 3.75rem);
    margin-right: 0;
    gap: .35rem;
    font-size: clamp(.92rem, 4vw, 1.08rem);
  }
  .navbar.market-nav .navbar-toggler,
  .navbar.chile-nav .navbar-toggler {
    flex: 0 0 auto;
    margin-left: auto;
  }
}
@media (max-width: 359.98px) {
  .navbar-brand--market .navbar-brand__icon { display: none; }
}
.navbar.market-nav .nav-link.active,
.navbar.chile-nav .nav-link.active {
  font-weight: 600;
  text-decoration: underline;
}
.navbar.market-nav .dropdown-menu,
.navbar.chile-nav .dropdown-menu {
  background: #0033A0;
  border: none;
}
.navbar.market-nav-mx .dropdown-menu {
  background: #006847;
}
.navbar.market-nav-gt .dropdown-menu { background: #235b9f; }
.navbar.market-nav-do .dropdown-menu { background: #002d62; }
.navbar.market-nav-hn .dropdown-menu { background: #0067b1; }
.navbar.market-nav-co .dropdown-menu { background: #003893; }
.navbar.market-nav .dropdown-menu .dropdown-item,
.navbar.chile-nav .dropdown-menu .dropdown-item {
  color: #fff;
}
.navbar.market-nav .dropdown-menu .dropdown-item:hover,
.navbar.chile-nav .dropdown-menu .dropdown-item:hover {
  background: #D52B1E;
  color: #fff;
}
.navbar.market-nav-mx .dropdown-menu .dropdown-item:hover { background: #CE1126; }
.navbar.market-nav-gt .dropdown-menu .dropdown-item:hover { background: #0c3d79; }
.navbar.market-nav-do .dropdown-menu .dropdown-item:hover { background: #ce1126; }
.navbar.market-nav-hn .dropdown-menu .dropdown-item:hover { background: #004f8a; }
.navbar.market-nav-co .dropdown-menu .dropdown-item:hover { background: #ce1126; }
.navbar .btn-cta {
  border-radius: 999px;
  background: #fff;
  color: #D52B1E !important;
  font-weight: 600;
}
.navbar .btn-cta:hover {
  background: #f0f0f0;
}
.navbar.market-nav-gt .btn-cta { color: #0c3d79 !important; }
.navbar.market-nav-do .btn-cta { color: #b31c24 !important; }
.navbar.market-nav-hn .btn-cta { color: #004f8a !important; }
.navbar.market-nav-co .btn-cta {
  background: #fcd116;
  border: 1px solid #ffe37a;
  color: #002765 !important;
}
.navbar.market-nav-co .btn-cta:hover,
.navbar.market-nav-co .btn-cta:focus {
  background: #ffe36a;
  color: #002765 !important;
}
.navbar.market-nav .market-country-switcher,
.navbar.chile-nav .market-country-switcher {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  min-width: 0;
  max-width: 11.35rem;
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: rgba(255,255,255,.06);
  white-space: nowrap;
}
.market-country-switcher > .bi,
.market-country-switcher::after {
  flex: 0 0 auto;
}
.market-country-switcher__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar.market-nav .market-country-switcher:hover,
.navbar.market-nav .market-country-switcher:focus,
.navbar.chile-nav .market-country-switcher:hover,
.navbar.chile-nav .market-country-switcher:focus {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: rgba(255,255,255,.16);
  box-shadow: 0 0 0 .2rem rgba(255,255,255,.2);
}
.navbar.market-nav .navbar-toggler,
.navbar.chile-nav .navbar-toggler {
  border-color: rgba(255,255,255,.5);
}
.navbar.market-nav .navbar-toggler-icon,
.navbar.chile-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width: 992px) {
  .navbar.market-nav .navbar-collapse,
  .navbar.chile-nav .navbar-collapse,
  .navbar.market-nav .navbar-nav,
  .navbar.chile-nav .navbar-nav {
    min-width: 0;
  }
  .navbar.market-nav .navbar-collapse > .dropdown,
  .navbar.chile-nav .navbar-collapse > .dropdown {
    min-width: 0;
  }
  .navbar.market-nav .btn-cta,
  .navbar.chile-nav .btn-cta {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar.market-nav .navbar-brand--market,
  .navbar.chile-nav .navbar-brand--market {
    margin-right: .65rem;
    font-size: 1rem;
  }
  .navbar.market-nav .nav-link,
  .navbar.chile-nav .nav-link {
    padding-right: .35rem;
    padding-left: .35rem;
  }
  .navbar.market-nav .market-country-switcher,
  .navbar.chile-nav .market-country-switcher {
    max-width: 9.8rem;
  }
  .navbar.market-nav .btn-cta,
  .navbar.chile-nav .btn-cta {
    padding-right: .75rem;
    padding-left: .75rem;
  }
}
@media (max-width: 991.98px) {
  .navbar.market-nav .market-country-switcher,
  .navbar.chile-nav .market-country-switcher {
    max-width: none;
  }
}
.modal-body .list-group-item {
  border: 0;
  border-bottom: 1px solid #eef2f6;
}
.modal-body a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .modal-800 {
    --bs-modal-width: 800px;
  }
}

/* Catálogo de conversiones */
.conversion-catalog-modal {
  --catalog-accent: #0033a0;
  --catalog-accent-soft: #eaf0ff;
  --catalog-local-bg: #e5edff;
  --catalog-local-ink: #0033a0;
  --catalog-border: #d9e0e8;
  --catalog-ink: #18324d;
  --catalog-muted: #5b6470;
}
.conversion-catalog-modal--mx {
  --catalog-accent: #006847;
  --catalog-accent-soft: #e8f6ef;
  --catalog-local-bg: #dff2e8;
  --catalog-local-ink: #075f40;
}
.conversion-catalog-modal--cl {
  --catalog-accent: #0033a0;
  --catalog-accent-soft: #eaf0ff;
  --catalog-local-bg: #e5edff;
  --catalog-local-ink: #0033a0;
}
.conversion-catalog-modal--gt {
  --catalog-accent: #235b9f;
  --catalog-accent-soft: #edf4fb;
  --catalog-local-bg: #e3eef9;
  --catalog-local-ink: #0c3d79;
}
.conversion-catalog-modal--do {
  --catalog-accent: #002d62;
  --catalog-accent-soft: #edf2fb;
  --catalog-local-bg: #e2ebf8;
  --catalog-local-ink: #002d62;
}
.conversion-catalog-modal--hn {
  --catalog-accent: #0067b1;
  --catalog-accent-soft: #edf7fd;
  --catalog-local-bg: #e0f1fb;
  --catalog-local-ink: #004f8a;
}
.conversion-catalog-modal--co {
  --catalog-accent: #003893;
  --catalog-accent-soft: #eef3ff;
  --catalog-local-bg: #e3edff;
  --catalog-local-ink: #003893;
}
.conversion-catalog-dialog {
  --bs-modal-width: 900px;
}
.conversion-catalog-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: .85rem;
  box-shadow: 0 1.25rem 3rem rgba(15,23,42,.24);
}
.conversion-catalog-modal .modal-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--catalog-border);
}
.conversion-catalog-modal .modal-title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: #2b3139;
  font-size: 1.2rem;
  font-weight: 700;
}
.conversion-catalog-modal .modal-title .bi {
  color: var(--catalog-accent);
  font-size: 1.35rem;
}
.conversion-catalog-modal .modal-title span {
  color: var(--catalog-muted);
  font-size: .9em;
  font-weight: 600;
}
.conversion-catalog-modal .modal-body {
  padding: 1rem 1.25rem 1.25rem;
  background: #ffffff;
}
.conversion-catalog__intro {
  margin: 0 0 1rem;
  color: var(--catalog-muted);
  font-size: .9rem;
}
.conversion-catalog__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.conversion-catalog__column:first-child {
  padding-right: 1.5rem;
}
.conversion-catalog__column + .conversion-catalog__column {
  padding-left: 1.5rem;
  border-left: 1px solid var(--catalog-border);
}
.conversion-catalog__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .32rem;
  margin: 0 0 .6rem;
  color: var(--catalog-muted);
  font-size: .94rem;
  font-weight: 500;
}
.conversion-catalog__tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  padding: .08rem .5rem;
  border-radius: 999px;
  background: #fff0ca;
  color: #715706;
  font-size: .78rem;
  font-weight: 700;
}
.conversion-catalog__tag--local {
  background: var(--catalog-local-bg);
  color: var(--catalog-local-ink);
}
.conversion-catalog__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.conversion-catalog__item {
  border-top: 1px solid var(--catalog-border);
}
.conversion-catalog__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 2.5rem;
  padding: .5rem .75rem;
  color: var(--catalog-ink);
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.conversion-catalog__link:hover {
  color: var(--catalog-accent);
  background: var(--catalog-accent-soft);
  text-decoration: none;
}
.conversion-catalog__link .bi {
  flex: 0 0 auto;
  color: var(--catalog-accent);
  font-size: 1.2rem;
}
.conversion-catalog__link:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid rgba(13,110,253,.42);
  outline-offset: -3px;
}
.conversion-catalog__empty {
  padding: .9rem 0;
  color: var(--catalog-muted);
}
@media (max-width: 767.98px) {
  .conversion-catalog-modal .modal-header {
    padding: .9rem 1rem;
  }
  .conversion-catalog-modal .modal-title {
    font-size: 1.05rem;
  }
  .conversion-catalog-modal .modal-body {
    padding: .9rem 1rem 1rem;
  }
  .conversion-catalog__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
  }
  .conversion-catalog__column:first-child,
  .conversion-catalog__column + .conversion-catalog__column {
    padding: 0;
  }
  .conversion-catalog__column + .conversion-catalog__column {
    padding-top: 1.25rem;
    border-top: 1px solid var(--catalog-border);
    border-left: 0;
  }
  .conversion-catalog__link {
    min-height: 44px;
    padding: .6rem .75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversion-catalog__link {
    transition: none;
  }
}

/* ===== Footer y cookies ===== */
.cookie-bar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1080;
  padding: .85rem 0;
  background: rgba(6, 12, 26, .98);
  color: #e8eeff;
  border-top: 1px solid rgba(255,255,255,.08);
}
.cookie-bar a {
  color:#dbe5ff;
}
.cookie-bar .btn {
  white-space: nowrap;
}
.site-footer {
  --footer-bg-start: #0033a0;
  --footer-bg-end: #001f66;
  --footer-link: #eaf1ff;
  --footer-link-muted: #c7d5f2;
  --footer-icon: #ffd6d2;
  --footer-accent: #d52b1e;
  color: #ffffff;
  background: radial-gradient(circle at 90% -35%, rgba(255,255,255,.18), transparent 30rem), linear-gradient(135deg, var(--footer-bg-start), var(--footer-bg-end));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
.site-footer--cl {
  --footer-bg-start: #0033a0;
  --footer-bg-end: #001f66;
  --footer-link: #eaf1ff;
  --footer-link-muted: #c7d5f2;
  --footer-icon: #ffd6d2;
  --footer-accent: #d52b1e;
}
.site-footer--mx {
  --footer-bg-start: #006847;
  --footer-bg-end: #004b34;
  --footer-link: #e8f7ef;
  --footer-link-muted: #c5ead4;
  --footer-icon: #ffd9de;
  --footer-accent: #ce1126;
}
.site-footer--gt {
  --footer-bg-start: #235b9f;
  --footer-bg-end: #0c3d79;
  --footer-link: #edf5ff;
  --footer-link-muted: #cadcf1;
  --footer-icon: #ffffff;
  --footer-accent: #ffffff;
}
.site-footer--do {
  --footer-bg-start: #002d62;
  --footer-bg-end: #001d41;
  --footer-link: #edf2fb;
  --footer-link-muted: #c9d7eb;
  --footer-icon: #ffffff;
  --footer-accent: #ce1126;
}
.site-footer--hn {
  --footer-bg-start: #0067b1;
  --footer-bg-end: #004f8a;
  --footer-link: #edf8ff;
  --footer-link-muted: #c7e4f6;
  --footer-icon: #ffffff;
  --footer-accent: #ffffff;
}
.site-footer--co {
  --footer-bg-start: #003893;
  --footer-bg-end: #002765;
  --footer-link: #fff8cf;
  --footer-link-muted: #d9e4fa;
  --footer-icon: #ffffff;
  --footer-accent: #fcd116;
}
.site-footer--co .footer-links a {
  color: inherit;
}
.footer-ribbon {
  height: 5px;
  background: linear-gradient(90deg, #0039a6 0 33.333%, #ffffff 33.333% 66.666%, #d52b1e 66.666% 100%);
}
.site-footer--mx .footer-ribbon {
  background: linear-gradient(90deg, #006847 0 33.333%, #ffffff 33.333% 66.666%, #ce1126 66.666% 100%);
}
.site-footer--gt .footer-ribbon {
  background: linear-gradient(90deg, #4997d0 0 33.333%, #ffffff 33.333% 66.666%, #4997d0 66.666% 100%);
}
.site-footer--do .footer-ribbon {
  background: linear-gradient(90deg, #002d62 0 33.333%, #ffffff 33.333% 66.666%, #ce1126 66.666% 100%);
}
.site-footer--hn .footer-ribbon {
  background: linear-gradient(90deg, #0067b1 0 33.333%, #ffffff 33.333% 66.666%, #0067b1 66.666% 100%);
}
.site-footer--co .footer-ribbon {
  background: linear-gradient(90deg, #fcd116 0 50%, #003893 50% 75%, #ce1126 75% 100%);
}
.footer-brand {
  font-size: 1.05rem;
}
.footer-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #ffffff;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: .65rem;
}
.footer-title {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .5rem;
  color: #ffffff;
}
.footer-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.footer-links li {
  margin: .35rem 0;
}
.footer-links a {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--footer-link);
  text-decoration: none;
  transition: color .15s ease-in-out, transform .15s ease-in-out;
}
.footer-links a:hover {
  color: #ffffff;
  text-decoration: none;
  transform: translateX(2px);
}
.footer-link-icon {
  width: 1rem;
  color: #ffffff;
  text-align: center;
  transition: color .15s ease-in-out;
}
.footer-links a:hover .footer-link-icon {
  color: #ffffff;
}
.footer-api-link,
.footer-top-button {
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.72);
  background: rgba(255,255,255,.08);
}
.footer-api-link:hover,
.footer-top-button:hover {
  color: var(--footer-bg-end);
  border-color: #ffffff;
  background: #ffffff;
}
.footer-location,
.footer-copyright {
  color: var(--footer-link-muted);
}
.footer-bottom-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #ffffff;
  text-decoration: none;
}
.footer-bottom-link:hover,
.footer-bottom-link:focus,
.footer-bottom-link:active {
  color: #ffffff;
  text-decoration: none;
}
.site-footer hr {
  border-color: rgba(255,255,255,.25) !important;
  opacity: 1;
}
.site-footer a:focus-visible,
.site-footer button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
@media (prefers-color-scheme: dark) {
  .footer-title {
    color: #ffffff;
  }
  .footer-links a {
    color: var(--footer-link);
  }
}

/* ===== Home ===== */
.badge-soft {
  display:inline-block;
  font-weight:700;
  font-size:.75rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
}
.hero-title .accent {
  color:var(--market-outline-fg);
  text-decoration:none;
}
.hero-form-card {
  border:1px solid rgba(2,6,23,.06);
  border-radius:14px;
  box-shadow: 0 8px 20px rgba(2,6,23,.04);
  overflow: hidden;
}
.hero-form-card .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0.75rem;
}
.hero-form-card .card-body {
  padding: 1rem;
}
.hero-form-card .form-control,
.hero-form-card .form-select,
.hero-form-card .btn-lg {
  height: 3rem;
  border-radius: 10px;
}
.hero-form-card .btn-lg {
  font-weight: 700;
}
.mini-chart-card {
  isolation:isolate;
  border-radius:14px;
}
.mini-chart-card canvas {
  width:100%!important;
  height:100%!important;
  display:block;
}
.home-mini-chart-wrap {
  height: 92px;
}
.hero-feats i {
  font-size:1.05rem;
}
.hero-feats .feat {
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 20px rgba(2,6,23,.04);
  border:1px solid rgba(2,6,23,.06);
}
.card-linkable {
  cursor: pointer;
  border-radius: 14px;
}
.card-linkable:hover {
  box-shadow: 0 10px 24px rgba(2,6,23,.08);
  transform: translateY(-1px);
  transition: box-shadow .2s, transform .2s;
}
.intent-card .card-body {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.intent-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  border: 1px solid var(--market-soft-border);
}
.intent-icon i {
  font-size: 1.05rem;
  line-height: 1;
}
.home-path-card {
  height: 100%;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: #fff;
}
.home-path-card .path-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.home-link-list a {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .45rem 0;
  color: #0f172a;
  text-decoration: none;
  border-top: 1px solid #eef2f7;
}
.home-link-list a:first-child {
  border-top: 0;
}
.home-link-list a:hover {
  color: var(--market-outline-fg);
}
.home-guidance-band {
  border: 1px solid var(--market-soft-border);
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 72%, var(--market-soft) 100%);
  padding: 1.5rem;
}
.home-guidance-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--market-outline-fg);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: .65rem;
}
.home-action-list {
  display: grid;
  gap: .75rem;
}
.home-action-list a {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  padding: .85rem 0;
  color: #0f172a;
  text-decoration: none;
  border-top: 1px solid rgba(15,23,42,.08);
}
.home-action-list a:first-child {
  border-top: 0;
  padding-top: 0;
}
.home-action-list a:hover strong {
  color: var(--market-outline-fg);
}
.home-action-list .action-icon {
  width: 2.15rem;
  height: 2.15rem;
  flex: 0 0 2.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.home-action-list small {
  display: block;
  margin-top: .1rem;
  color: #64748b;
}
.home-rate-flag {
  border-radius: 2px;
}
.home-sidebar-heading {
  letter-spacing:.02em;
}

/* ===== Paginas informativas y widgets ===== */
.about-page {
  --about-border: var(--market-soft-border);
  --about-soft: var(--market-soft);
  --about-accent: var(--market-outline-fg);
}
.about-hero-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.6rem);
  border: 1px solid var(--about-border);
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 54%, var(--about-soft) 100%);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
}
.about-hero-panel::after {
  content: "";
  position: absolute;
  width: 16rem;
  height: 16rem;
  right: -7rem;
  bottom: -10rem;
  border: 2rem solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  pointer-events: none;
}
.about-hero-panel__content {
  position: relative;
  z-index: 1;
  max-width: 52rem;
}
.about-eyebrow {
  display: flex;
  align-items: center;
  gap: .38rem;
  color: var(--about-accent);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .055em;
  line-height: 1.2;
  text-transform: uppercase;
}
.about-hero-panel h1,
.about-content-card h2,
.about-contact-card h2,
.about-sidebar-card h2 {
  color: #0f172a;
  font-weight: 600;
}
.about-hero-panel h1 {
  max-width: 46rem;
  margin: 0 0 .75rem;
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  line-height: 1.16;
}
.about-hero-panel__lead {
  max-width: 44rem;
  margin: 0;
  color: #475569;
  font-size: 1.04rem;
  line-height: 1.7;
}
.about-hero-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.25rem;
}
.about-hero-panel__actions .btn {
  border-radius: 10px;
  font-weight: 600;
}
.about-hero-panel__points {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  margin: 1.15rem 0 0;
  padding: 0;
  color: #475569;
  font-size: .9rem;
  list-style: none;
}
.about-hero-panel__points li {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.about-hero-panel__points i {
  color: var(--about-accent);
}
.about-content-card,
.about-contact-card,
.about-sidebar-card {
  border: 1px solid #e4eaf2;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
}
.about-content-card,
.about-contact-card {
  padding: clamp(1.2rem, 2.4vw, 1.75rem);
}
.about-content-card--soft {
  border-color: var(--about-border);
  background: linear-gradient(135deg, #fff, var(--about-soft));
}
.about-content-card__header {
  margin-bottom: 1.25rem;
}
.about-content-card__header h2,
.about-contact-card__header h2 {
  margin: 0 0 .38rem;
  font-size: clamp(1.25rem, 2vw, 1.48rem);
  line-height: 1.28;
}
.about-content-card__header p,
.about-contact-card__header p,
.about-sidebar-card p {
  margin: 0;
  color: #52627a;
  line-height: 1.62;
}
.about-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.about-feature-card {
  display: flex;
  gap: .75rem;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid #e6edf5;
  border-radius: 14px;
  background: #fff;
}
.about-feature-card__icon,
.about-sidebar-links__icon {
  display: inline-flex;
  flex: 0 0 2.35rem;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--about-border);
  border-radius: 11px;
  background: var(--about-soft);
  color: var(--about-accent);
}
.about-feature-card h3 {
  margin: .05rem 0 .25rem;
  color: #17233a;
  font-size: .98rem;
  font-weight: 600;
  line-height: 1.35;
}
.about-feature-card p {
  margin: 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.52;
}
.about-steps {
  display: grid;
  gap: .85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-steps li {
  display: flex;
  gap: .8rem;
  align-items: flex-start;
  padding: .95rem 0;
  border-top: 1px solid #e9eef4;
}
.about-steps li:first-child {
  padding-top: 0;
  border-top: 0;
}
.about-steps li:last-child {
  padding-bottom: 0;
}
.about-steps__number {
  display: inline-flex;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--about-soft);
  color: var(--about-accent);
  font-size: .9rem;
  font-weight: 600;
}
.about-steps strong {
  display: block;
  color: #17233a;
  font-weight: 600;
}
.about-steps p {
  margin: .12rem 0 0;
  color: #64748b;
  line-height: 1.55;
}
.about-faq-list {
  border-top: 1px solid #e6edf5;
}
.about-faq-item {
  border-bottom: 1px solid #e6edf5;
}
.about-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  color: #17233a;
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.about-faq-item summary::-webkit-details-marker {
  display: none;
}
.about-faq-item summary::after {
  content: "+";
  color: var(--about-accent);
  font-size: 1.35rem;
  font-weight: 600;
}
.about-faq-item[open] summary::after {
  content: "−";
}
.about-faq-item p {
  margin: -.1rem 0 1rem;
  color: #52627a;
  line-height: 1.62;
}
.about-contact-card {
  border-color: var(--about-border);
  background: linear-gradient(135deg, #fff, var(--about-soft));
}
.about-contact-card__header {
  margin-bottom: 1.2rem;
}
.about-contact-debug {
  border: 1px dashed var(--about-border);
  border-radius: 12px;
  background: var(--about-soft);
  color: #1e293b;
}
.about-contact-debug__title {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .28rem;
  color: var(--about-accent);
  font-size: .9rem;
  font-weight: 600;
}
.about-contact-debug p {
  color: #52627a;
  line-height: 1.55;
}
.about-contact-card .form-label {
  color: #1e293b;
  font-weight: 600;
}
.about-contact-card .form-control,
.about-contact-card .form-select {
  border-color: #dbe4ee;
}
.about-contact-card .form-control:focus,
.about-contact-card .form-select:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem var(--about-soft);
}
.about-sidebar-stack {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .about-sidebar-stack {
    position: sticky;
    top: 1rem;
  }
}
.about-sidebar-card {
  padding: 1.2rem;
}
.about-sidebar-card h2 {
  margin: 0 0 .38rem;
  font-size: 1.08rem;
  line-height: 1.35;
}
.about-sidebar-card__intro {
  margin-bottom: .85rem !important;
  font-size: .92rem;
}
.about-sidebar-links {
  display: grid;
}
.about-sidebar-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .65rem;
  align-items: center;
  padding: .82rem 0;
  border-top: 1px solid #e8eef5;
  color: inherit;
  text-decoration: none;
}
.about-sidebar-links a:hover strong,
.about-sidebar-card__text-link:hover {
  color: var(--about-accent);
}
.about-sidebar-links strong {
  display: block;
  color: #17233a;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
  transition: color .15s ease;
}
.about-sidebar-links small {
  display: block;
  margin-top: .08rem;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.4;
}
.about-sidebar-links > a > i {
  color: var(--about-accent);
}
.about-sidebar-card--tip {
  border-color: var(--about-border);
  background: var(--about-soft);
}
.about-sidebar-card--compact p {
  font-size: .9rem;
}
.about-sidebar-card__text-link {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  margin-top: .35rem;
  color: var(--about-accent);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
}
.about-contact-panel {
  background:#f8fafc;
}
.honeypot-field {
  position:absolute;
  left:-9999px;
  height:0;
  width:0;
}
.flag-img {
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.05);
}
.widget-preview-frame {
  width:100%;
  max-width:420px;
  border:0;
  overflow:hidden;
}
.widget-preview-frame--rate {
  height:140px;
}
.widget-preview-frame--converter {
  height:200px;
}
@media (max-width: 767.98px) {
  .about-hero-panel {
    border-radius: 18px;
  }
  .about-hero-panel__points {
    display: grid;
    gap: .45rem;
  }
  .about-feature-grid {
    grid-template-columns: 1fr;
  }
  .about-content-card,
  .about-contact-card,
  .about-sidebar-card {
    border-radius: 16px;
  }
}

/* ===== Widgets para páginas web ===== */
.widgets-page {
  --widgets-border: var(--market-soft-border);
  --widgets-soft: var(--market-soft);
  --widgets-accent: var(--market-outline-fg);
}
.widgets-page__hero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--widgets-border);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff 0%, #fff 57%, var(--widgets-soft) 100%);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
  padding: clamp(1.45rem, 3vw, 2.25rem);
}
.widgets-page__hero::after {
  content: '';
  position: absolute;
  right: -5rem;
  bottom: -6.5rem;
  width: 15rem;
  height: 15rem;
  border: 1.75rem solid var(--widgets-border);
  border-radius: 50%;
  pointer-events: none;
}
.widgets-page__hero-content {
  position: relative;
  z-index: 1;
  max-width: 48rem;
}
.widgets-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--widgets-accent);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.25;
  text-transform: uppercase;
}
.widgets-page__hero h1,
.widgets-builder h2,
.widgets-page__checklist h2,
.widgets-page__faq h2,
.widgets-sidebar__card h2 {
  color: #0f172a;
  font-weight: 600;
}
.widgets-page__hero h1 {
  max-width: 45rem;
  margin: .65rem 0 .7rem;
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  line-height: 1.16;
}
.widgets-page__hero p {
  max-width: 43rem;
  margin: 0;
  color: #475569;
  font-size: 1.03rem;
  line-height: 1.68;
}
.widgets-page__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.15rem;
}
.widgets-page__hero-actions .btn {
  border-radius: 10px;
  font-weight: 600;
}
.widgets-page__hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  margin: 1.05rem 0 0;
  padding: 0;
  color: #52627a;
  font-size: .88rem;
  list-style: none;
}
.widgets-page__hero-points li {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
}
.widgets-page__hero-points i {
  color: var(--widgets-accent);
}
.widgets-builder {
  scroll-margin-top: 1rem;
  border: 1px solid #e3ebf4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 23px rgba(15, 23, 42, .035);
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
}
.widgets-builder__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}
.widgets-builder__header h2 {
  margin: .28rem 0 .32rem;
  font-size: clamp(1.22rem, 2vw, 1.46rem);
  line-height: 1.3;
}
.widgets-builder__header p {
  max-width: 39rem;
  margin: 0;
  color: #52627a;
  line-height: 1.6;
}
.widgets-page .tool-badge {
  flex: 0 0 auto;
  gap: .3rem;
  font-weight: 600;
}
.widgets-builder__grid {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  gap: 1rem;
  align-items: stretch;
}
.widgets-builder__settings {
  display: grid;
  align-content: start;
  gap: .95rem;
  padding: 1rem;
  border: 1px solid #e5ebf3;
  border-radius: 14px;
  background: #fff;
}
.widgets-builder__settings .form-label,
.widgets-page__field-group legend {
  margin-bottom: .42rem;
  color: #17233a;
  font-size: .9rem;
  font-weight: 600;
}
.widgets-page__select {
  display: flex;
  align-items: center;
  gap: .48rem;
  min-height: 2.65rem;
  border: 1px solid #dbe5f0;
  border-radius: 11px;
  background: #fff;
  padding: .12rem .52rem;
}
.widgets-page__select:focus-within {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--market-button-focus) 18%, transparent);
}
.widgets-page__select > span {
  display: grid;
  place-items: center;
  flex: 0 0 1.65rem;
  min-height: 1.35rem;
}
.widgets-page__select .form-select {
  min-width: 0;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  background-color: transparent;
}
.widgets-builder__settings .form-control,
.widgets-builder__settings .form-select,
.widgets-builder__settings .input-group-text {
  border-color: #dbe5f0;
}
.widgets-builder__settings .form-control:focus,
.widgets-builder__settings .form-select:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--market-button-focus) 18%, transparent);
}
.widgets-builder__settings .input-group-text {
  background: var(--widgets-soft);
  color: var(--widgets-accent);
  font-size: .82rem;
  font-weight: 600;
}
.widgets-page__field-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.widgets-page__field-group legend {
  float: none;
  width: auto;
  padding: 0;
}
.widgets-page__theme-options {
  display: inline-flex;
  overflow: hidden;
  max-width: 100%;
  border: 1px solid #dbe5f0;
  border-radius: 11px;
  background: #fff;
}
.widgets-page__theme-options label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 2.45rem;
  margin: 0;
  padding: .42rem .75rem;
  color: #475569;
  cursor: pointer;
  font-size: .84rem;
  font-weight: 600;
}
.widgets-page__theme-options label + .btn-check + label {
  border-left: 1px solid #dbe5f0;
}
.widgets-page__theme-options .btn-check:checked + label {
  background: var(--widgets-soft);
  color: var(--widgets-accent);
}
.widgets-page__help {
  margin: .42rem 0 0;
  color: #64748b;
  font-size: .79rem;
  line-height: 1.48;
}
.widgets-builder__preview {
  display: grid;
  align-content: start;
  gap: .55rem;
  min-width: 0;
  border: 1px solid var(--widgets-border);
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, var(--widgets-soft));
  padding: 1rem;
}
.widgets-builder__preview-label {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--widgets-accent);
  font-size: .8rem;
  font-weight: 600;
}
.widgets-builder__frame-shell {
  overflow: hidden;
  border: 1px solid #dfe8f1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(15, 23, 42, .04);
}
.widget-preview-frame {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  border: 0;
  overflow: hidden;
}
.widgets-builder__reference {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  margin: .1rem 0 0;
  color: #52627a;
  font-size: .8rem;
  line-height: 1.48;
}
.widgets-builder__reference i {
  margin-top: .08rem;
  color: var(--widgets-accent);
}
.widgets-code {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e7edf4;
}
.widgets-code__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .65rem;
}
.widgets-code__header h3 {
  margin: 0 0 .18rem;
  color: #17233a;
  font-size: 1rem;
  font-weight: 600;
}
.widgets-code__header p {
  margin: 0;
  color: #64748b;
  font-size: .84rem;
  line-height: 1.45;
}
.widgets-code pre {
  max-height: 13rem;
  margin: 0;
  overflow: auto;
  border: 1px solid #dfe7f0;
  border-radius: 12px;
  background: #f8fafc;
  color: #26364d;
  padding: .85rem .95rem;
  font-size: .78rem;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.widgets-code code {
  color: inherit;
}
.widgets-page__checklist,
.widgets-page__faq {
  border: 1px solid #e3ebf4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 23px rgba(15, 23, 42, .03);
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
}
.widgets-page__checklist h2,
.widgets-page__faq h2 {
  margin: .3rem 0 1rem;
  font-size: clamp(1.2rem, 2vw, 1.42rem);
  line-height: 1.3;
}
.widgets-page__checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.widgets-page__checklist-grid article {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-height: 5.6rem;
  border: 1px solid #e5ebf3;
  border-radius: 13px;
  background: #fff;
  padding: .82rem;
}
.widgets-page__checklist-grid > article > i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--widgets-border);
  border-radius: 9px;
  background: var(--widgets-soft);
  color: var(--widgets-accent);
}
.widgets-page__checklist-grid h3 {
  margin: .05rem 0 .2rem;
  color: #17233a;
  font-size: .9rem;
  font-weight: 600;
}
.widgets-page__checklist-grid p {
  margin: 0;
  color: #64748b;
  font-size: .82rem;
  line-height: 1.48;
}
.widgets-page__faq {
  display: grid;
  gap: .55rem;
}
.widgets-page__faq h2,
.widgets-page__faq .widgets-page__eyebrow {
  margin-bottom: 0;
}
.widgets-page__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 11px;
  background: #fff;
  padding: .75rem .85rem;
}
.widgets-page__faq summary {
  color: #17233a;
  cursor: pointer;
  font-weight: 600;
}
.widgets-page__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
.widgets-sidebar {
  display: grid;
  gap: 1rem;
}
@media (min-width: 992px) {
  .widgets-sidebar {
    position: sticky;
    top: 1rem;
  }
}
.widgets-sidebar__card {
  border: 1px solid #e3ebf4;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
  padding: 1.1rem;
}
.widgets-sidebar__card h2 {
  margin: .28rem 0 .7rem;
  font-size: 1.08rem;
  line-height: 1.35;
}
.widgets-sidebar__steps {
  display: grid;
  gap: .78rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.widgets-sidebar__steps li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
}
.widgets-sidebar__steps > li > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: var(--widgets-soft);
  color: var(--widgets-accent);
  font-size: .82rem;
  font-weight: 600;
}
.widgets-sidebar__steps strong,
.widgets-sidebar__steps small {
  display: block;
}
.widgets-sidebar__steps strong {
  color: #17233a;
  font-size: .9rem;
  font-weight: 600;
}
.widgets-sidebar__steps small {
  margin-top: .1rem;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.42;
}
.widgets-sidebar__card--soft {
  border-color: var(--widgets-border);
  background: linear-gradient(135deg, #fff, var(--widgets-soft));
}
.widgets-sidebar__region-flag {
  display: inline-grid;
  place-items: center;
  width: 2.45rem;
  height: 2.2rem;
  border: 1px solid var(--widgets-border);
  border-radius: 10px;
  background: #fff;
}
.widgets-sidebar__card--soft p {
  margin: 0;
  color: #52627a;
  font-size: .9rem;
  line-height: 1.52;
}
.widgets-sidebar__card--soft > a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .7rem;
  color: var(--widgets-accent);
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
}
.widgets-sidebar__card--soft > a:hover {
  text-decoration: underline;
  text-underline-offset: .18rem;
}
.widgets-sidebar__links {
  display: grid;
}
.widgets-sidebar__links a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .6rem;
  padding: .76rem 0;
  border-top: 1px solid #e8eef5;
  color: inherit;
  text-decoration: none;
}
.widgets-sidebar__links a:first-child {
  border-top: 0;
}
.widgets-sidebar__links > a > span:first-child {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--widgets-border);
  border-radius: 9px;
  background: var(--widgets-soft);
  color: var(--widgets-accent);
}
.widgets-sidebar__links strong,
.widgets-sidebar__links small {
  display: block;
}
.widgets-sidebar__links strong {
  color: #17233a;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}
.widgets-sidebar__links small {
  margin-top: .08rem;
  color: #64748b;
  font-size: .77rem;
  line-height: 1.38;
}
.widgets-sidebar__links > a > i {
  color: var(--widgets-accent);
  font-size: .84rem;
}
.widgets-sidebar__links a:hover strong {
  color: var(--widgets-accent);
}
@media (max-width: 767.98px) {
  .widgets-page__hero,
  .widgets-builder,
  .widgets-page__checklist,
  .widgets-page__faq,
  .widgets-sidebar__card {
    border-radius: 16px;
  }
  .widgets-page__hero-points {
    display: grid;
    gap: .45rem;
  }
  .widgets-builder__header,
  .widgets-code__header {
    align-items: stretch;
    flex-direction: column;
  }
  .widgets-builder__header .tool-badge {
    align-self: flex-start;
  }
  .widgets-builder__grid,
  .widgets-page__checklist-grid {
    grid-template-columns: 1fr;
  }
  .widgets-code__header .btn {
    align-self: flex-start;
  }
}

/* ===== Calculadoras ===== */
.tool-page {
  --tool-soft: var(--market-soft);
  --tool-border: var(--market-soft-border);
  --tool-muted: #64748b;
}
.tool-hero-card {
  border: 1px solid var(--market-soft-border);
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, var(--market-soft) 100%);
  padding: 1.35rem;
}
.tool-eyebrow {
  display: inline-flex;
  align-items: center;
  color: var(--market-outline-fg);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: .55rem;
}
.tool-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.tool-quick-links a,
.tool-quick-links button,
.quick-amounts button {
  border: 1px solid #dbe5f4;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  padding: .42rem .72rem;
  font-size: .9rem;
  text-decoration: none;
}
.tool-quick-links a:hover,
.tool-quick-links button:hover,
.quick-amounts button:hover {
  border-color: var(--market-outline-border);
  color: var(--market-outline-fg);
}
.tool-card,
.tool-result-card,
.tool-info-card {
  border: 1px solid var(--tool-border);
  border-radius: 14px;
}
.tool-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.85rem;
  padding: .2rem .6rem;
  border-radius: 999px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  border: 1px solid var(--market-soft-border);
  font-size: .78rem;
  font-weight: 700;
}
.tool-segmented {
  display: inline-flex;
  gap: .25rem;
  padding: .25rem;
  border: 1px solid #dbe5f4;
  border-radius: 999px;
  background: #f8fbff;
}
.tool-segmented button {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #475569;
  font-weight: 600;
  padding: .45rem .85rem;
}
.tool-segmented button.is-active {
  background: #fff;
  color: var(--market-outline-fg);
  box-shadow: 0 4px 12px rgba(15,23,42,.08);
}
.quick-amounts {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.tool-result-headline {
  color: #0f172a;
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}
.tool-result-headline strong {
  color: var(--market-outline-fg);
  font-weight: 700;
}
.tool-result-card .tool-eyebrow {
  color: #475569;
  font-size: .72rem;
  font-weight: 650;
  margin-bottom: .35rem;
}
.tool-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.tool-metric {
  border: 1px solid #e8eef7;
  border-radius: 12px;
  background: #fff;
  padding: .85rem;
}
.tool-metric span {
  display: block;
  color: var(--tool-muted);
  font-size: .8rem;
  font-weight: 600;
  margin-bottom: .25rem;
}
.tool-metric strong {
  display: block;
  color: #0f172a;
  font-size: 1.05rem;
  font-variant-numeric: tabular-nums;
}
.tool-metric.is-primary {
  background: linear-gradient(135deg, var(--market-soft) 0%, #ffffff 100%);
  border-color: var(--market-soft-border);
}
.tool-metric.is-primary strong {
  color: var(--market-outline-fg);
  font-size: 1.25rem;
}
.tool-note {
  border: 1px solid #e8eef7;
  border-radius: 12px;
  background: #f8fbff;
  color: #475569;
  padding: .85rem;
}
.tool-mini-list {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tool-mini-list li {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem 0;
  border-top: 1px solid #edf2f7;
}
.tool-mini-list li:first-child {
  border-top: 0;
}
.comparison-box {
  border: 1px solid #e8eef7;
  border-radius: 12px;
  background: #fff;
  padding: 1rem;
}
.comparison-box .form-label {
  margin-bottom: .45rem;
}
.comparison-box .form-control {
  max-width: 28rem;
}
.comparison-summary {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .15rem 0 .1rem;
}
.comparison-diff {
  font-weight: 700;
  line-height: 1.25;
  margin-top: .15rem;
}
.comparison-diff.is-good {
  color: #047857;
}
.comparison-diff.is-bad {
  color: #b91c1c;
}
@media (max-width: 991.98px) {
  .comparison-summary {
    justify-content: flex-start;
    padding-top: .25rem;
  }
  .comparison-box .form-control {
    max-width: none;
  }
}
.tool-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.tool-related-grid a {
  display: block;
  border: 1px solid #e8eef7;
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  padding: .85rem;
  text-decoration: none;
}
.tool-related-grid a:hover {
  border-color: var(--market-outline-border);
  color: var(--market-outline-fg);
}
@media (max-width: 767.98px) {
  .tool-metric-grid,
  .tool-related-grid {
    grid-template-columns: 1fr;
  }
  .tool-segmented {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

/* ===== Comparador histórico de monedas ===== */
.history-compare-page .tool-hero-card {
  position: relative;
  overflow: hidden;
}
.history-compare-page .tool-hero-card::after {
  content: '';
  position: absolute;
  right: -4.5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1.7rem solid var(--market-soft-border);
  border-radius: 50%;
  pointer-events: none;
}
.history-compare-page .tool-hero-card > * {
  position: relative;
  z-index: 1;
}
.history-compare__period-buttons,
.history-compare__presets {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.history-compare__period-buttons button,
.history-compare__presets button {
  border: 1px solid #dbe5f4;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  padding: .32rem .62rem;
  font-size: .78rem;
  font-weight: 600;
}
.history-compare__period-buttons button:hover,
.history-compare__period-buttons button.is-active,
.history-compare__presets button:hover {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.history-compare__view-switch {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #dbe5f4;
  border-radius: 12px;
  background: #fff;
}
.history-compare__view-switch label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  min-height: 2.55rem;
  margin: 0;
  padding: .48rem .75rem;
  color: #475569;
  cursor: pointer;
  font-size: .88rem;
  font-weight: 600;
  text-align: center;
}
.history-compare__view-switch label + input + label {
  border-left: 1px solid #dbe5f4;
}
.history-compare__view-switch .btn-check:checked + label {
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.history-compare__currency-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .75rem;
}
.history-compare__search {
  border-color: #dbe5f4;
}
.history-compare__presets {
  align-items: center;
  margin-top: .7rem;
}
.history-compare__presets > span {
  color: #64748b;
  font-size: .8rem;
}
.history-compare__currency-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.history-compare__currency-choice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 4.1rem;
  margin: 0;
  padding: .66rem .72rem;
  border: 1px solid #e1e9f3;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.history-compare__currency-choice:hover,
.history-compare__currency-choice:focus-within {
  border-color: var(--market-outline-border);
  transform: translateY(-1px);
}
.history-compare__currency-choice.is-selected,
.history-compare__currency-choice:has(input:checked) {
  border-color: var(--market-soft-border);
  background: var(--market-soft);
}
.history-compare__currency-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.history-compare__currency-main {
  display: flex;
  align-items: center;
  gap: .62rem;
  min-width: 0;
}
.history-compare__currency-main > span:last-child {
  display: grid;
  min-width: 0;
}
.history-compare__currency-main strong,
.history-compare__currency-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-compare__currency-main strong {
  color: #0f172a;
  font-size: .92rem;
}
.history-compare__currency-main small {
  color: #64748b;
  font-size: .77rem;
}
.history-compare__currency-flag {
  display: inline-grid;
  place-items: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: #fff;
}
.history-compare__currency-check {
  display: inline-grid;
  place-items: center;
  flex: 0 0 1.35rem;
  width: 1.35rem;
  height: 1.35rem;
  border: 1px solid #cbd5e1;
  border-radius: 50%;
  color: transparent;
  font-size: .76rem;
}
.history-compare__currency-choice.is-selected .history-compare__currency-check,
.history-compare__currency-choice:has(input:checked) .history-compare__currency-check {
  border-color: var(--market-outline-border);
  background: var(--market-outline-fg);
  color: #fff;
}
.history-compare__all-currencies {
  border-top: 1px solid #e8eef7;
  padding-top: .8rem;
}
.history-compare__all-currencies summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--market-outline-fg);
  cursor: pointer;
  font-size: .9rem;
  font-weight: 600;
}
.history-compare__all-currencies summary span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.45rem;
  border-radius: 999px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .74rem;
}
.history-compare__selection-message {
  min-height: 1.15rem;
  color: #b45309;
}
.history-compare__summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: .7rem;
}
.history-compare__summary-card {
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .85rem;
}
.history-compare__summary-head,
.history-compare__summary-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.history-compare__summary-head > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #0f172a;
}
.history-compare__summary-card > p {
  margin: .38rem 0 .25rem;
  color: #64748b;
  font-size: .82rem;
}
.history-compare__summary-value {
  display: block;
  color: #0f172a;
  font-size: 1.24rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}
.history-compare__summary-card > small {
  display: block;
  margin-top: .25rem;
  color: #64748b;
  font-size: .76rem;
}
.history-compare__summary-meta {
  margin-top: .65rem;
  padding-top: .58rem;
  border-top: 1px solid #edf2f7;
  color: #64748b;
  font-size: .74rem;
}
.history-compare__change {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  border-radius: 999px;
  padding: .23rem .45rem;
  background: #f8fafc;
  color: #475569;
  font-size: .73rem;
  font-weight: 600;
}
.history-compare__change.is-up {
  background: #edf9f2;
  color: #047857;
}
.history-compare__change.is-down {
  background: #fff3f2;
  color: #b45309;
}
.history-compare-page .tool-note {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  line-height: 1.55;
}
.history-compare__empty-state {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  border: 1px dashed var(--market-soft-border);
  border-radius: 12px;
  background: var(--market-soft);
  padding: 1rem;
}
.history-compare__empty-state > i {
  color: var(--market-outline-fg);
  font-size: 1.2rem;
}
.history-compare__empty-state p {
  color: #64748b;
  margin-top: .25rem;
}
.history-compare__chart {
  position: relative;
  min-height: 320px;
}
.history-compare__chart canvas {
  width: 100% !important;
  height: 320px !important;
}
.history-compare__table thead th {
  border-bottom-color: var(--market-soft-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .78rem;
  font-weight: 600;
}
.history-compare__table td {
  font-size: .85rem;
  font-variant-numeric: tabular-nums;
}
.history-compare__related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.history-compare__related-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 7.6rem;
  border: 1px solid #e4ebf4;
  border-radius: 12px;
  background: #fff;
  padding: .85rem;
}
.history-compare__related-card > div:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
}
.history-compare__related-card small {
  flex-basis: 100%;
  color: #64748b;
  font-size: .8rem;
}
.history-compare__related-links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .85rem;
  margin-top: .8rem;
}
.history-compare__related-links a {
  color: var(--market-outline-fg);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
}
.history-compare__related-links a:hover {
  text-decoration: underline;
  text-underline-offset: .2rem;
}
.history-compare__faq {
  display: grid;
  gap: .55rem;
}
.history-compare__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 10px;
  background: #fff;
  padding: .75rem .85rem;
}
.history-compare__faq summary {
  color: #0f172a;
  cursor: pointer;
  font-weight: 600;
}
.history-compare__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
@media (max-width: 767.98px) {
  .history-compare__currency-grid,
  .history-compare__related-grid {
    grid-template-columns: 1fr;
  }
  .history-compare__currency-head {
    align-items: flex-start;
  }
  .history-compare__view-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .history-compare__chart,
  .history-compare__chart canvas {
    min-height: 260px;
    height: 260px !important;
  }
}

/* ===== Historial de una conversión ===== */
.history-tool-page .tool-hero-card {
  position: relative;
  overflow: hidden;
}
.history-tool-page .tool-hero-card::after {
  content: '';
  position: absolute;
  right: -4.5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1.7rem solid var(--market-soft-border);
  border-radius: 50%;
  pointer-events: none;
}
.history-tool-page .tool-hero-card > * {
  position: relative;
  z-index: 1;
}
.history-tool__pair-line {
  display: flex;
  align-items: center;
  gap: .42rem;
  margin-bottom: .65rem;
  color: var(--market-outline-fg);
  font-size: .9rem;
}
.history-tool__pair-line strong {
  font-weight: 600;
}
.history-tool__select-field {
  display: flex;
  align-items: center;
  gap: .48rem;
  min-height: 2.65rem;
  border: 1px solid #dbe5f4;
  border-radius: 12px;
  background: #fff;
  padding: .12rem .52rem;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.history-tool__select-field:focus-within {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--market-button-focus) 18%, transparent);
}
.history-tool__select-field > span {
  display: grid;
  place-items: center;
  flex: 0 0 1.7rem;
  min-height: 1.4rem;
}
.history-tool__select-field .form-select {
  min-width: 0;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  background-color: transparent;
}
.history-tool__swap {
  display: grid;
  place-items: center;
  width: 2.62rem;
  height: 2.62rem;
  border: 1px solid var(--market-outline-border);
  border-radius: 50%;
  background: #fff;
  color: var(--market-outline-fg);
  transition: background-color .18s ease, transform .18s ease;
}
.history-tool__swap:hover,
.history-tool__swap:focus-visible {
  background: var(--market-soft);
  transform: rotate(180deg);
}
.history-tool__amount-presets {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: .1rem;
  scrollbar-width: thin;
}
.history-tool__amount-presets button {
  flex: 0 0 auto;
  white-space: nowrap;
}
.history-tool__period-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.history-tool__period-buttons button {
  border: 1px solid #dbe5f4;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  padding: .32rem .62rem;
  font-size: .78rem;
  font-weight: 600;
}
.history-tool__period-buttons button:hover,
.history-tool__period-buttons button.is-active {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.history-tool__headline {
  color: #334155;
  font-size: 1rem;
  line-height: 1.6;
}
.history-tool__headline strong {
  color: #0f172a;
  font-weight: 600;
}
.history-tool__metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.history-tool__metric {
  min-width: 0;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .85rem;
}
.history-tool__metric span,
.history-tool__metric small {
  display: block;
  color: #64748b;
  font-size: .78rem;
}
.history-tool__metric strong {
  display: block;
  margin: .3rem 0;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}
.history-tool__metric.is-primary {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft), #fff);
}
.history-tool__metric.is-primary strong {
  color: var(--market-outline-fg);
}
.history-tool__variation.is-up {
  color: #047857;
}
.history-tool__variation.is-down {
  color: #b45309;
}
.history-tool-page .tool-note {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  line-height: 1.55;
}
.history-tool__empty-state {
  display: flex;
  align-items: flex-start;
  gap: .72rem;
  border: 1px dashed var(--market-soft-border);
  border-radius: 12px;
  background: var(--market-soft);
  padding: 1rem;
}
.history-tool__empty-state > i {
  color: var(--market-outline-fg);
  font-size: 1.2rem;
}
.history-tool__empty-state p {
  color: #64748b;
  margin-top: .25rem;
}
.history-tool__chart-controls {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #dbe5f4;
  border-radius: 12px;
  background: #fff;
}
.history-tool__chart-controls button {
  min-height: 2.45rem;
  border: 0;
  background: transparent;
  color: #475569;
  padding: .42rem .68rem;
  font-size: .82rem;
  font-weight: 600;
}
.history-tool__chart-controls button + button {
  border-left: 1px solid #dbe5f4;
}
.history-tool__chart-controls button.is-active {
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.history-tool__chart {
  position: relative;
  min-height: 330px;
}
.history-tool__chart canvas {
  width: 100% !important;
  height: 330px !important;
}
.history-tool__related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.history-tool__related-grid a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-height: 5.1rem;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  padding: .78rem;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.history-tool__related-grid a:hover,
.history-tool__related-grid a:focus-visible {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: #0f172a;
  transform: translateY(-1px);
}
.history-tool__related-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.history-tool__related-grid strong,
.history-tool__related-grid small {
  display: block;
}
.history-tool__related-grid strong {
  color: #0f172a;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}
.history-tool__related-grid small {
  margin-top: .18rem;
  color: #64748b;
  font-size: .78rem;
  line-height: 1.42;
}
.history-tool__related-grid > a > i {
  color: var(--market-outline-fg);
  font-size: .9rem;
}
.history-tool__faq {
  display: grid;
  gap: .55rem;
}
.history-tool__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 11px;
  background: #fff;
  padding: .75rem .85rem;
}
.history-tool__faq summary {
  color: #0f172a;
  cursor: pointer;
  font-weight: 600;
}
.history-tool__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
@media (max-width: 767.98px) {
  .history-tool__metric-grid,
  .history-tool__related-grid {
    grid-template-columns: 1fr;
  }
  .history-tool__swap {
    margin-top: .1rem;
  }
  .history-tool__chart-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .history-tool__chart,
  .history-tool__chart canvas {
    min-height: 260px;
    height: 260px !important;
  }
}

/* ===== Calculadora de IVA, ITBIS e ISV ===== */
.iva-page .tool-hero-card {
  position: relative;
  overflow: hidden;
}
.iva-page .tool-hero-card::after {
  content: '';
  position: absolute;
  right: -4.5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1.7rem solid var(--market-soft-border);
  border-radius: 50%;
  pointer-events: none;
}
.iva-page .tool-hero-card > * {
  position: relative;
  z-index: 1;
}
.iva-page__form-card .form-control:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .22rem var(--market-soft);
}
.iva-page__mode-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.iva-page__mode-options label {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: center;
  gap: .7rem;
  min-height: 5.25rem;
  margin: 0;
  border: 1px solid #e1e9f3;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  cursor: pointer;
  padding: .78rem;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.iva-page__mode-options label:hover,
.iva-page__mode-options label:focus-within {
  border-color: var(--market-outline-border);
  transform: translateY(-1px);
}
.iva-page__mode-options .btn-check:checked + label {
  border-color: var(--market-soft-border);
  background: var(--market-soft);
}
.iva-page__mode-options label > span:first-child {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 10px;
  background: #fff;
  color: var(--market-outline-fg);
}
.iva-page__mode-options label > span:last-child {
  display: grid;
  min-width: 0;
}
.iva-page__mode-options strong {
  color: #0f172a;
  font-size: .89rem;
  font-weight: 600;
  line-height: 1.34;
}
.iva-page__mode-options small {
  margin-top: .16rem;
  color: #64748b;
  font-size: .77rem;
  line-height: 1.36;
}
.iva-page__input-panel {
  border: 1px solid #e4ebf4;
  border-radius: 14px;
  background: #fbfdff;
  padding: 1rem;
}
.iva-page__quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  min-height: 1.5rem;
}
.iva-page__quick-head > span {
  color: #64748b;
  font-size: .77rem;
}
.iva-page__quick-amounts {
  margin-top: .52rem;
}
.iva-page__quick-amounts button {
  min-width: 5.5rem;
  font-variant-numeric: tabular-nums;
}
.iva-page__input-error {
  margin-top: .42rem;
  color: #b45309;
  font-size: .8rem;
  line-height: 1.4;
}
.iva-page__result-card {
  overflow: hidden;
}
.iva-page__copy {
  white-space: nowrap;
}
.iva-page__result-top {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(14.5rem, .92fr);
  gap: .85rem;
}
.iva-page__total-card,
.iva-page__rate-card {
  min-width: 0;
  border-radius: 14px;
  padding: 1rem;
}
.iva-page__total-card {
  border: 1px solid #e4ebf4;
  background: #fff;
}
.iva-page__total-card > span,
.iva-page__total-card > small,
.iva-page__rate-card > small {
  display: block;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.42;
}
.iva-page__total-card > strong {
  display: block;
  margin: .25rem 0 .42rem;
  color: #0f172a;
  font-size: clamp(1.7rem, 4vw, 2.45rem);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  line-height: 1.06;
  overflow-wrap: anywhere;
}
.iva-page__rate-card {
  border: 1px solid var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
  text-align: center;
}
.iva-page__rate-card .tool-eyebrow {
  display: flex;
  justify-content: center;
  margin-bottom: .4rem;
  font-size: .69rem;
}
.iva-page__rate-card > strong {
  display: block;
  color: var(--market-outline-fg);
  font-size: 1.2rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.iva-page__rate-card > small {
  margin-top: .46rem;
}
.iva-page__details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .62rem;
}
.iva-page__details-grid > div {
  min-width: 0;
  border: 1px solid #e8eef7;
  border-radius: 11px;
  background: #fff;
  padding: .75rem;
}
.iva-page__details-grid > div.is-total {
  border-color: var(--market-soft-border);
  background: var(--market-soft);
}
.iva-page__details-grid span,
.iva-page__details-grid strong {
  display: block;
}
.iva-page__details-grid span {
  color: #64748b;
  font-size: .74rem;
  line-height: 1.32;
}
.iva-page__details-grid strong {
  margin-top: .23rem;
  color: #0f172a;
  font-size: .96rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.36;
  overflow-wrap: anywhere;
}
.iva-page__details-grid .is-total strong {
  color: var(--market-outline-fg);
}
.iva-page__result-note {
  align-items: flex-start;
  gap: .48rem;
  line-height: 1.5;
}
.iva-page__uses-grid,
.iva-page__steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.iva-page__uses-grid article,
.iva-page__steps-grid article {
  min-width: 0;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .86rem;
}
.iva-page__uses-grid article {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .65rem;
}
.iva-page__uses-grid article > span,
.iva-page__steps-grid article > span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.iva-page__steps-grid article {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .65rem;
}
.iva-page__uses-grid h3,
.iva-page__steps-grid h3 {
  margin: 0;
  color: #0f172a;
  font-size: .91rem;
  font-weight: 600;
  line-height: 1.35;
}
.iva-page__uses-grid p,
.iva-page__steps-grid p {
  margin: .35rem 0 0;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.48;
}
.iva-page__faq {
  display: grid;
  gap: .55rem;
}
.iva-page__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 11px;
  background: #fff;
  padding: .75rem .85rem;
}
.iva-page__faq summary {
  color: #0f172a;
  cursor: pointer;
  font-weight: 600;
}
.iva-page__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
.iva-page__related-grid,
.iva-page__sidebar-links {
  display: grid;
  gap: .7rem;
}
.iva-page__related-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.iva-page__related-grid a,
.iva-page__sidebar-links a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .64rem;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  padding: .76rem;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.iva-page__related-grid a {
  min-height: 5.15rem;
}
.iva-page__related-grid a:hover,
.iva-page__related-grid a:focus-visible,
.iva-page__sidebar-links a:hover,
.iva-page__sidebar-links a:focus-visible {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: #0f172a;
  transform: translateY(-1px);
}
.iva-page__related-grid a > span:first-child,
.iva-page__sidebar-links a > span:first-child {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.iva-page__related-grid a > span:nth-child(2),
.iva-page__sidebar-links a > span:nth-child(2) {
  display: grid;
  min-width: 0;
}
.iva-page__related-grid strong,
.iva-page__sidebar-links strong {
  color: #0f172a;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}
.iva-page__related-grid small,
.iva-page__sidebar-links small {
  margin-top: .16rem;
  color: #64748b;
  font-size: .77rem;
  line-height: 1.4;
}
.iva-page__related-grid > a > i,
.iva-page__sidebar-links > a > i {
  color: var(--market-outline-fg);
  font-size: .84rem;
}
.iva-page__sidebar {
  display: grid;
  gap: 1rem;
  position: sticky;
  top: 1rem;
}
.iva-page__sidebar-card {
  border: 1px solid #e4ebf4;
  border-radius: 14px;
  background: #fff;
  padding: 1rem;
}
.iva-page__sidebar-card--summary {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.iva-page__sidebar-card h2 {
  margin: 0 0 .42rem;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 600;
}
.iva-page__sidebar-card p {
  margin: 0;
  color: #475569;
  font-size: .88rem;
  line-height: 1.5;
}
.iva-page__sidebar-flag {
  display: inline-grid;
  place-items: center;
  width: 2.3rem;
  height: 2rem;
  margin-bottom: .55rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 10px;
  background: #fff;
}
.iva-page__sidebar-mode {
  color: var(--market-outline-fg) !important;
  font-size: .83rem !important;
  font-weight: 600;
}
.iva-page__sidebar-total {
  display: block;
  margin: .28rem 0;
  color: #0f172a;
  font-size: 1.38rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.iva-page__sidebar-card > small {
  display: block;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.45;
}
.iva-page__sidebar-links {
  gap: .5rem;
}
.iva-page__sidebar-links a {
  min-height: 4.7rem;
  padding: .66rem;
}
.iva-page__sidebar-ad:empty {
  display: none;
}
@media (max-width: 991.98px) {
  .iva-page__sidebar {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .iva-page__mode-options,
  .iva-page__result-top,
  .iva-page__uses-grid,
  .iva-page__steps-grid,
  .iva-page__related-grid {
    grid-template-columns: 1fr;
  }
  .iva-page__details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .iva-page__details-grid .is-total {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575.98px) {
  .iva-page__quick-head {
    align-items: flex-start;
    flex-direction: column;
    gap: .12rem;
  }
  .iva-page__result-card .iva-page__copy {
    align-self: flex-start;
  }
}

/* ===== Calculadora de remesas ===== */
.remesas-page .tool-hero-card {
  position: relative;
  overflow: hidden;
}
.remesas-page .tool-hero-card::after {
  content: '';
  position: absolute;
  right: -4.5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1.7rem solid var(--market-soft-border);
  border-radius: 50%;
  pointer-events: none;
}
.remesas-page .tool-hero-card > * {
  position: relative;
  z-index: 1;
}
.remesas-page__form-card .form-control,
.remesas-page__form-card .form-select,
.remesas-page__offer-card .form-control {
  border-color: #d7e1ee;
}
.remesas-page__form-card .form-control:focus,
.remesas-page__form-card .form-select:focus,
.remesas-page__offer-card .form-control:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .22rem var(--market-soft);
}
.remesas-page__quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 1.5rem;
}
.remesas-page__quick-head > span {
  color: #64748b;
  font-size: .77rem;
}
.remesas-page__quick-amounts {
  margin-top: .52rem;
}
.remesas-page__quick-amounts button {
  min-width: 5.55rem;
  font-variant-numeric: tabular-nums;
}
.remesas-page__swap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .36rem;
  width: 100%;
  min-height: 3rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 12px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .84rem;
  font-weight: 600;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.remesas-page__swap:hover,
.remesas-page__swap:focus-visible {
  border-color: var(--market-outline-border);
  background: #fff;
  color: var(--market-outline-fg);
  transform: translateY(-1px);
}
.remesas-page__costs {
  border: 1px solid #e4ebf4;
  border-radius: 14px;
  background: #fbfdff;
  padding: 1rem;
}
.remesas-page__costs h3 {
  color: #0f172a;
  font-weight: 600;
}
.remesas-page__fee-mode {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #dbe5f4;
  border-radius: 10px;
  background: #fff;
}
.remesas-page__fee-mode label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  margin: 0;
  padding: .42rem .63rem;
  color: #475569;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.remesas-page__fee-mode label + .btn-check + label {
  border-left: 1px solid #dbe5f4;
}
.remesas-page__fee-mode .btn-check:checked + label {
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.remesas-page__fee-notice {
  margin-top: .72rem;
  border: 1px solid #f2d2a7;
  border-radius: 9px;
  background: #fff8ed;
  color: #9a5a0a;
  padding: .56rem .68rem;
  font-size: .82rem;
  line-height: 1.4;
}
.remesas-page__result-card {
  overflow: hidden;
}
.remesas-page__copy {
  white-space: nowrap;
}
.remesas-page__result-top {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(14.5rem, .92fr);
  gap: .85rem;
}
.remesas-page__receive-card,
.remesas-page__rate-card {
  min-width: 0;
  border-radius: 14px;
  padding: 1rem;
}
.remesas-page__receive-card {
  border: 1px solid #e4ebf4;
  background: #fff;
}
.remesas-page__receive-card > span,
.remesas-page__rate-card > small {
  display: block;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.42;
}
.remesas-page__receive-card > strong {
  display: block;
  margin: .25rem 0 .42rem;
  color: #0f172a;
  font-size: clamp(1.65rem, 4vw, 2.35rem);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  line-height: 1.06;
  overflow-wrap: anywhere;
}
.remesas-page__pair {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--market-outline-fg);
  font-size: .86rem;
  font-weight: 600;
}
.remesas-page__pair i {
  font-size: .75rem;
}
.remesas-page__rate-card {
  border: 1px solid var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
  text-align: center;
}
.remesas-page__rate-card .tool-eyebrow {
  display: flex;
  justify-content: center;
  margin-bottom: .4rem;
  font-size: .69rem;
}
.remesas-page__rate-card > strong {
  display: block;
  color: var(--market-outline-fg);
  font-size: 1.03rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
}
.remesas-page__rate-card > small {
  margin-top: .46rem;
}
.remesas-page__details-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .58rem;
}
.remesas-page__details-grid > div {
  min-width: 0;
  border: 1px solid #e8eef7;
  border-radius: 11px;
  background: #fff;
  padding: .7rem;
}
.remesas-page__details-grid > div.is-total {
  border-color: var(--market-soft-border);
  background: var(--market-soft);
}
.remesas-page__details-grid span,
.remesas-page__details-grid strong {
  display: block;
}
.remesas-page__details-grid span {
  color: #64748b;
  font-size: .72rem;
  line-height: 1.3;
}
.remesas-page__details-grid strong {
  margin-top: .22rem;
  color: #0f172a;
  font-size: .91rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.remesas-page__details-grid .is-total strong {
  color: var(--market-outline-fg);
}
.remesas-page__result-note {
  align-items: flex-start;
  gap: .48rem;
  line-height: 1.5;
}
.remesas-page__offer-card {
  background: linear-gradient(135deg, #fff 0%, #fff 68%, var(--market-soft) 100%);
}
.remesas-page__offer-result {
  min-height: 100%;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .85rem .95rem;
}
.remesas-page__offer-result > span,
.remesas-page__offer-result > strong,
.remesas-page__offer-result > p {
  display: block;
}
.remesas-page__offer-result > span {
  color: #64748b;
  font-size: .78rem;
}
.remesas-page__offer-result > strong {
  margin: .18rem 0;
  color: #0f172a;
  font-size: 1.17rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.remesas-page__offer-result > p {
  margin: .25rem 0 0;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.42;
}
.remesas-page__offer-result > p.is-good {
  color: #047857;
}
.remesas-page__offer-result > p.is-bad {
  color: #b45309;
}
.remesas-page__steps-grid,
.remesas-page__checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.remesas-page__steps-grid article,
.remesas-page__checklist article {
  min-width: 0;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .86rem;
}
.remesas-page__steps-grid article {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .65rem;
}
.remesas-page__steps-grid article > span,
.remesas-page__checklist article > i {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.remesas-page__steps-grid h3,
.remesas-page__checklist h3 {
  margin: 0;
  color: #0f172a;
  font-size: .91rem;
  font-weight: 600;
  line-height: 1.35;
}
.remesas-page__steps-grid p,
.remesas-page__checklist p {
  margin: .35rem 0 0;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.48;
}
.remesas-page__checklist article {
  display: flex;
  align-items: flex-start;
  gap: .68rem;
}
.remesas-page__checklist article > i {
  flex: 0 0 2rem;
}
.remesas-page__faq {
  display: grid;
  gap: .55rem;
}
.remesas-page__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 11px;
  background: #fff;
  padding: .75rem .85rem;
}
.remesas-page__faq summary {
  color: #0f172a;
  cursor: pointer;
  font-weight: 600;
}
.remesas-page__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
.remesas-page__related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.remesas-page__related-grid a,
.remesas-page__sidebar-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .64rem;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  padding: .76rem;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.remesas-page__related-grid a {
  min-height: 5.15rem;
}
.remesas-page__related-grid a:hover,
.remesas-page__related-grid a:focus-visible,
.remesas-page__sidebar-links a:hover,
.remesas-page__sidebar-links a:focus-visible {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: #0f172a;
  transform: translateY(-1px);
}
.remesas-page__related-flags {
  display: inline-flex;
  align-items: center;
  gap: .22rem;
}
.remesas-page__related-flags > i {
  color: var(--market-outline-fg);
  font-size: .68rem;
}
.remesas-page__related-grid a > span:nth-child(2),
.remesas-page__sidebar-links a > span:nth-child(2) {
  display: grid;
  min-width: 0;
}
.remesas-page__related-grid strong,
.remesas-page__sidebar-links strong {
  color: #0f172a;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}
.remesas-page__related-grid small,
.remesas-page__sidebar-links small {
  margin-top: .16rem;
  color: #64748b;
  font-size: .77rem;
  line-height: 1.4;
}
.remesas-page__related-grid > a > i,
.remesas-page__sidebar-links > a > i {
  color: var(--market-outline-fg);
  font-size: .84rem;
}
.remesas-page__sidebar {
  display: grid;
  gap: 1rem;
  position: sticky;
  top: 1rem;
}
.remesas-page__sidebar-card {
  border: 1px solid #e4ebf4;
  border-radius: 14px;
  background: #fff;
  padding: 1rem;
}
.remesas-page__sidebar-card--summary {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.remesas-page__sidebar-card h2 {
  margin: 0 0 .42rem;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 600;
}
.remesas-page__sidebar-flag {
  display: inline-grid;
  place-items: center;
  width: 2.3rem;
  height: 2rem;
  margin-bottom: .55rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 10px;
  background: #fff;
}
.remesas-page__sidebar-pair {
  margin: 0;
  color: var(--market-outline-fg);
  font-size: .84rem;
  font-weight: 600;
}
.remesas-page__sidebar-amount {
  display: block;
  margin: .28rem 0;
  color: #0f172a;
  font-size: 1.38rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.remesas-page__sidebar-card > small {
  display: block;
  color: #64748b;
  font-size: .8rem;
  line-height: 1.45;
}
.remesas-page__sidebar-list {
  display: grid;
  gap: .55rem;
  margin: .7rem 0 0;
  padding: 0;
  list-style: none;
}
.remesas-page__sidebar-list li {
  display: grid;
  grid-template-columns: 1.1rem minmax(0, 1fr);
  gap: .42rem;
  color: #475569;
  font-size: .84rem;
  line-height: 1.4;
}
.remesas-page__sidebar-list i {
  color: var(--market-outline-fg);
}
.remesas-page__sidebar-links {
  display: grid;
  gap: .5rem;
}
.remesas-page__sidebar-links a {
  grid-template-columns: 1.95rem minmax(0, 1fr) auto;
  min-height: 4.7rem;
  padding: .66rem;
}
.remesas-page__sidebar-links a > span:first-child {
  display: grid;
  place-items: center;
  width: 1.95rem;
  height: 1.95rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.remesas-page__sidebar-ad:empty {
  display: none;
}
@media (max-width: 991.98px) {
  .remesas-page__sidebar {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .remesas-page__result-top,
  .remesas-page__steps-grid,
  .remesas-page__checklist,
  .remesas-page__related-grid {
    grid-template-columns: 1fr;
  }
  .remesas-page__details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .remesas-page__swap {
    min-height: 2.7rem;
  }
}
@media (max-width: 575.98px) {
  .remesas-page__quick-head {
    align-items: flex-start;
    flex-direction: column;
    gap: .12rem;
  }
  .remesas-page__fee-mode {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .remesas-page__fee-mode label {
    padding-inline: .35rem;
  }
  .remesas-page__result-card .remesas-page__copy {
    align-self: flex-start;
  }
}

/* ===== Estadísticas de monedas ===== */
.stats-page .tool-hero-card {
  position: relative;
  overflow: hidden;
}
.stats-page .tool-hero-card::after {
  content: '';
  position: absolute;
  right: -4.5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1.7rem solid var(--market-soft-border);
  border-radius: 50%;
  pointer-events: none;
}
.stats-page .tool-hero-card > * {
  position: relative;
  z-index: 1;
}
.stats-page__period-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.stats-page__period-buttons button {
  border: 1px solid #dbe5f4;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  padding: .33rem .62rem;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.stats-page__period-buttons button:hover,
.stats-page__period-buttons button:focus-visible,
.stats-page__period-buttons button.is-active {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.stats-page__summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .72rem;
}
.stats-page__summary-card {
  min-height: 7.35rem;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  padding: .82rem .9rem;
}
.stats-page__summary-card > span,
.stats-page__summary-card > strong,
.stats-page__summary-card > small {
  display: block;
}
.stats-page__summary-card > span {
  color: #64748b;
  font-size: .78rem;
  font-weight: 600;
}
.stats-page__summary-card > strong {
  margin: .22rem 0;
  color: #0f172a;
  font-size: 1.23rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}
.stats-page__summary-card > small {
  color: #64748b;
  font-size: .77rem;
  line-height: 1.35;
}
.stats-page__summary-card.is-primary {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.stats-page__summary-card.is-primary > strong {
  color: var(--market-outline-fg);
}
.stats-page__summary-card.is-up {
  border-left: 3px solid #34a875;
}
.stats-page__summary-card.is-down {
  border-left: 3px solid #df715f;
}
.stats-page .tool-note {
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  line-height: 1.55;
}
.stats-page__empty {
  display: flex;
  align-items: flex-start;
  gap: .72rem;
  border: 1px dashed var(--market-soft-border);
  border-radius: 13px;
  background: var(--market-soft);
  padding: 1rem;
}
.stats-page__empty > i {
  color: var(--market-outline-fg);
  font-size: 1.2rem;
}
.stats-page__empty strong {
  color: #0f172a;
  font-weight: 600;
}
.stats-page__empty p {
  color: #64748b;
  margin-top: .22rem;
}
.stats-page__chart {
  position: relative;
  min-height: 325px;
}
.stats-page__chart canvas {
  width: 100% !important;
  height: 325px !important;
}
.stats-page__faq {
  display: grid;
  gap: .55rem;
}
.stats-page__faq details {
  border: 1px solid #e4ebf4;
  border-radius: 11px;
  background: #fff;
  padding: .75rem .85rem;
}
.stats-page__faq summary {
  color: #0f172a;
  cursor: pointer;
  font-weight: 600;
}
.stats-page__faq p {
  margin: .65rem 0 0;
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
}
.stats-page__table thead th {
  border-bottom-color: var(--market-soft-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .76rem;
  font-weight: 600;
  white-space: nowrap;
}
.stats-page__table td {
  font-size: .84rem;
  font-variant-numeric: tabular-nums;
}
.stats-page__currency {
  display: inline-flex;
  align-items: center;
  gap: .52rem;
  min-width: 0;
}
.stats-page__currency > span:last-child {
  display: grid;
  min-width: 0;
}
.stats-page__currency strong {
  color: #0f172a;
  font-weight: 600;
}
.stats-page__currency small {
  overflow: hidden;
  max-width: 10rem;
  color: #64748b;
  font-size: .75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stats-page__change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  min-width: 4.55rem;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  padding: .25rem .45rem;
  font-size: .76rem;
  font-weight: 600;
}
.stats-page__change.is-up {
  background: #edf9f2;
  color: #047857;
}
.stats-page__change.is-down {
  background: #fff3f2;
  color: #b45309;
}
.stats-page__history-link {
  display: inline-flex;
  align-items: center;
  gap: .24rem;
  color: var(--market-outline-fg);
  font-size: .81rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.stats-page__history-link:hover,
.stats-page__history-link:focus-visible {
  color: var(--market-outline-fg);
  text-decoration: underline;
  text-underline-offset: .18rem;
}
.stats-page__related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.stats-page__related-grid a,
.stats-page__sidebar-links a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  padding: .78rem;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.stats-page__related-grid a {
  min-height: 5.15rem;
}
.stats-page__related-grid a > span:first-child,
.stats-page__sidebar-links a > span:first-child {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.stats-page__related-grid a > span:nth-child(2),
.stats-page__sidebar-links a > span:nth-child(2) {
  display: grid;
  min-width: 0;
}
.stats-page__related-grid strong,
.stats-page__sidebar-links strong {
  color: #0f172a;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}
.stats-page__related-grid small,
.stats-page__sidebar-links small {
  margin-top: .18rem;
  color: #64748b;
  font-size: .77rem;
  line-height: 1.4;
}
.stats-page__related-grid > a > i,
.stats-page__sidebar-links > a > i {
  color: var(--market-outline-fg);
  font-size: .88rem;
}
.stats-page__related-grid a:hover,
.stats-page__related-grid a:focus-visible,
.stats-page__sidebar-links a:hover,
.stats-page__sidebar-links a:focus-visible {
  border-color: var(--market-outline-border);
  background: var(--market-soft);
  color: #0f172a;
  transform: translateY(-1px);
}
.stats-page__sidebar {
  display: grid;
  gap: 1rem;
  position: sticky;
  top: 1rem;
}
.stats-page__sidebar-card {
  border: 1px solid #e4ebf4;
  border-radius: 14px;
  background: #fff;
  padding: 1rem;
}
.stats-page__sidebar-card--soft {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.stats-page__sidebar-card--tip {
  border-color: var(--market-soft-border);
  background: #f8fbff;
}
.stats-page__sidebar-card h2 {
  margin: 0 0 .35rem;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 600;
}
.stats-page__sidebar-card p {
  margin: 0;
  color: #475569;
  font-size: .9rem;
  line-height: 1.55;
}
.stats-page__sidebar-card > small {
  display: block;
  margin-top: .35rem;
  color: #64748b;
  font-size: .8rem;
}
.stats-page__sidebar-flag {
  display: inline-grid;
  place-items: center;
  width: 2.3rem;
  height: 2rem;
  margin-bottom: .55rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 10px;
  background: #fff;
}
.stats-page__sidebar-links {
  display: grid;
  gap: .5rem;
}
.stats-page__sidebar-links a {
  min-height: 4.75rem;
  padding: .67rem;
}
.stats-page__sidebar-card .tool-eyebrow {
  margin-bottom: .38rem;
}
@media (max-width: 991.98px) {
  .stats-page__sidebar {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .stats-page__summary-grid,
  .stats-page__related-grid {
    grid-template-columns: 1fr;
  }
  .stats-page__summary-card {
    min-height: auto;
  }
  .stats-page__chart,
  .stats-page__chart canvas {
    min-height: 260px;
    height: 260px !important;
  }
}

/* ===== Paginas de conversion ===== */
@media (prefers-color-scheme: dark){
  :root {
    --tt-bg: rgba(2,6,23,.92);
    --tt-fg:#e5e7eb;
  }
}
.pair-page {
  --pair-accent:#0033a0;
  --pair-accent-strong:#001f66;
  --pair-accent-soft:#eef4ff;
  --pair-accent-border:rgba(0, 51, 160, .18);
  --c-card-grad-1:#ffffff;
  --c-card-grad-2:#f8f9ff;
  --c-ink:#0f172a;
  --c-mute:#6b7280;
  --c-rate:#1d4ed8;
  --c-ma:#38bdf8;
  --c-fill:#dbeafe;
  --c-result:#059669;
  --c-result-fill:#d1fae5;
  --c-grid:#e5e7eb;
  --c-grid-soft:#f1f5f9;
}
.pair-page--mx {
  --pair-accent:#006847;
  --pair-accent-strong:#004b34;
  --pair-accent-soft:#edf8f2;
  --pair-accent-border:rgba(0, 104, 71, .20);
}
.pair-page--cl {
  --pair-accent:#0033a0;
  --pair-accent-strong:#001f66;
  --pair-accent-soft:#eef4ff;
  --pair-accent-border:rgba(0, 51, 160, .18);
}
.pair-page--gt {
  --pair-accent:#235b9f;
  --pair-accent-strong:#0c3d79;
  --pair-accent-soft:#edf4fb;
  --pair-accent-border:rgba(35, 91, 159, .20);
}
.pair-page--do {
  --pair-accent:#002d62;
  --pair-accent-strong:#001d41;
  --pair-accent-soft:#edf2fb;
  --pair-accent-border:rgba(0, 45, 98, .20);
}
.pair-page--hn {
  --pair-accent:#0067b1;
  --pair-accent-strong:#004f8a;
  --pair-accent-soft:#edf7fd;
  --pair-accent-border:rgba(0, 103, 177, .20);
}
.pair-page--co {
  --pair-accent:#003893;
  --pair-accent-strong:#002765;
  --pair-accent-soft:#fff8d7;
  --pair-accent-border:rgba(252, 209, 22, .72);
  --c-rate:#003893;
  --c-ma:#ce1126;
  --c-fill:rgba(252, 209, 22, .34);
  --c-result:#003893;
  --c-result-fill:rgba(252, 209, 22, .24);
}
@media (prefers-color-scheme: dark){
  .pair-page {
    --c-card-grad-1:#0b0e14;
    --c-card-grad-2:#0f1420;
    --c-ink:#e5e7eb;
    --c-mute:#a1a1aa;
    --c-rate:#60a5fa;
    --c-ma:#93c5fd;
    --c-fill:rgba(96,165,250,.15);
    --c-result:#34d399;
    --c-result-fill:rgba(52,211,153,.15);
    --c-grid:#1f2937;
    --c-grid-soft:#111827;
  }
}
.pair-page .rate-box {
  display: inline-block;
  background: var(--pair-accent-soft);
  border: 1px solid var(--pair-accent-border);
  border-radius: .75rem;
  padding: .55rem .8rem;
  width: 100%;
  max-width: 300px;
  min-width: 0;
  text-align: center;
}
.pair-page .rate-box img {
  box-shadow: 0 0 2px rgba(0,0,0,.12);
  border-radius: 4px;
}
.pair-page .result-meta-panel {
  flex: 0 1 310px;
  width: auto;
  max-width: 310px;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .pair-page .result-meta-panel {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .pair-page .rate-box {
    width: 100%;
  }
}
.pair-page .calc-detail-card {
  border: 1px solid var(--pair-accent-border);
  border-radius: 14px;
}
.pair-page .calc-detail-badge {
  padding: .28rem .6rem;
  border-radius: 999px;
  background: var(--pair-accent-soft);
  color: var(--pair-accent);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
}
.pair-page .calc-detail-grid {
  height: 100%;
  display: grid;
  border: 1px solid var(--pair-accent-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.pair-page .calc-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding: .78rem .9rem;
  border-top: 1px solid var(--pair-accent-border);
}
.pair-page .calc-detail-row:first-child {
  border-top: 0;
}
.pair-page .calc-detail-row.is-result {
  background: var(--pair-accent-soft);
}
.pair-page .calc-detail-row.is-result .calc-detail-value {
  color: var(--pair-accent-strong);
  font-size: 1.05rem;
}
.pair-page .calc-detail-label {
  color: #64748b;
  font-size: .86rem;
  font-weight: 600;
}
.pair-page .calc-detail-value {
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.pair-page .calc-detail-value small {
  color: #64748b;
  font-weight: 600;
}
.pair-page .calc-detail-note {
  height: 100%;
  padding: .9rem 1rem;
  border-radius: 12px;
  background: var(--pair-accent-soft);
  border: 1px solid var(--pair-accent-border);
  color: #334155;
}
.pair-page .calc-detail-note h3 {
  margin: 0 0 .42rem;
  color: var(--pair-accent-strong);
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}
.pair-page .calc-detail-note p {
  margin: 0 0 .58rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.45;
}
.pair-page .calc-detail-note p.small {
  color: #64748b !important;
  font-size: .78rem;
  line-height: 1.4;
}
@media (max-width: 575.98px) {
  .pair-page .calc-detail-row {
    display: block;
  }
  .pair-page .calc-detail-value {
    display: block;
    margin-top: .2rem;
    text-align: left;
  }
}

/* ===== Términos, privacidad y cookies ===== */
.legal-page {
  max-width: 1180px;
}
.legal-page__hero {
  padding: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, var(--market-soft) 0%, #ffffff 70%);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .055);
}
.legal-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  margin: 0 0 .55rem;
  color: var(--market-outline-fg);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.legal-page__lead {
  max-width: 46rem;
  color: #40536b;
  font-size: 1.06rem;
  line-height: 1.65;
}
.legal-page__meta {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--muted);
  font-size: .88rem;
}
.legal-page__meta .bi {
  color: var(--market-outline-fg);
}
.legal-page__overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}
.legal-page__overview-item {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  min-width: 0;
  padding: .95rem 1rem;
  border: 1px solid var(--market-soft-border);
  border-radius: .95rem;
  background: #ffffff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .035);
}
.legal-page__overview-item > .bi {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.05rem;
  height: 2.05rem;
  border-radius: .65rem;
  color: var(--market-outline-fg);
  background: var(--market-soft);
}
.legal-page__overview-item span {
  display: grid;
  min-width: 0;
  gap: .16rem;
}
.legal-page__overview-item strong {
  color: #10233e;
  font-size: .91rem;
  font-weight: 600;
}
.legal-page__overview-item small {
  color: var(--muted);
  font-size: .79rem;
  line-height: 1.4;
}
.legal-page__section,
.legal-page__aside {
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 7px 20px rgba(15, 23, 42, .045);
}
.legal-page__section .card-body,
.legal-page__aside .card-body {
  padding: 1.35rem;
}
.legal-page__section h2,
.legal-page__aside h2 {
  margin-bottom: .7rem;
  color: #10233e;
  font-weight: 600;
}
.legal-page__section p,
.legal-page__section li,
.legal-page__aside p,
.legal-page__aside li {
  color: #44566d;
  line-height: 1.65;
}
.legal-page__section ul,
.legal-page__aside ul {
  padding-left: 1.18rem;
}
.legal-page__section li + li,
.legal-page__aside li + li {
  margin-top: .4rem;
}
.legal-page__section a,
.legal-page__links a {
  color: var(--market-outline-fg);
  font-weight: 600;
}
.legal-page__section a:hover,
.legal-page__links a:hover {
  color: var(--market-outline-hover-bg);
}
.legal-page__aside {
  border-color: var(--market-soft-border);
  background: linear-gradient(150deg, #ffffff 0%, var(--market-soft) 180%);
}
.legal-page__aside .legal-page__eyebrow {
  margin-bottom: .48rem;
}
.legal-page__checklist {
  list-style: none;
  padding-left: 0 !important;
}
.legal-page__checklist li {
  position: relative;
  padding-left: 1.45rem;
}
.legal-page__checklist li::before {
  position: absolute;
  top: .08rem;
  left: 0;
  color: var(--market-outline-fg);
  content: "✓";
  font-weight: 600;
}
.legal-page__links {
  display: grid;
  gap: .15rem;
}
.legal-page__links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  min-height: 2.8rem;
  padding: .45rem 0;
  text-decoration: none;
}
.legal-page__links a + a {
  border-top: 1px solid var(--market-soft-border);
}
.legal-page__links a > .bi:first-child {
  color: var(--market-outline-fg);
}
.legal-page__links a > .bi:last-child {
  font-size: .78rem;
}
.legal-page .mtc-data-table code {
  color: var(--market-outline-fg);
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .legal-page__hero {
    padding: 1.35rem;
  }
  .legal-page__overview {
    grid-template-columns: 1fr;
  }
  .legal-page__section .card-body,
  .legal-page__aside .card-body {
    padding: 1.1rem;
  }
}
.pair-page .popular-conversions-card {
  border: 1px solid var(--pair-accent-border);
  border-radius: 14px;
}
.pair-page .popular-conversions-count {
  align-self: flex-start;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid var(--pair-accent-border);
  background: var(--pair-accent-soft);
  color: var(--pair-accent-strong);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
}
.pair-page .popular-conversions-table {
  --bs-table-bg: transparent;
}
.pair-page .popular-conversions-table thead th {
  padding-top: .5rem;
  padding-bottom: .65rem;
  color: #475569;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .025em;
  border-bottom: 1px solid #dbe3ef;
}
.pair-page .popular-conversions-table tbody tr {
  transition: background-color .15s ease;
}
.pair-page .popular-conversions-table tbody tr:hover {
  background: var(--pair-accent-soft);
}
.pair-page .popular-conversions-table tbody td {
  padding-top: .7rem;
  padding-bottom: .7rem;
  border-color: #edf2f7;
}
.pair-page .popular-amount-link {
  color: var(--pair-accent);
  font-weight: 600;
  text-decoration: none;
}
.pair-page .popular-amount-link:hover {
  color: var(--pair-accent-strong);
  text-decoration: underline;
}
.pair-page .popular-result-value {
  font-weight: 600;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.pair-page .pair-amount-explorer {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, #fff 0%, var(--pair-accent-soft) 165%);
}
.pair-page .pair-amount-explorer .card-body {
  padding: 1.2rem;
}
.pair-page .pair-amount-explorer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pair-page .pair-amount-explorer__eyebrow {
  display: flex;
  align-items: center;
  gap: .36rem;
  margin: 0 0 .34rem;
  color: var(--pair-accent);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1.2;
  text-transform: uppercase;
}
.pair-page .pair-amount-explorer__eyebrow i {
  font-size: .9rem;
}
.pair-page .pair-amount-explorer__intro {
  color: #64748b;
  font-size: .9rem;
  line-height: 1.45;
}
.pair-page .pair-amount-explorer__pair {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: .3rem;
  padding: .42rem .55rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: var(--pair-accent-strong);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.pair-page .pair-amount-explorer__pair img {
  border-radius: .18rem;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.pair-page .pair-amount-explorer__pair i {
  color: var(--pair-accent);
  font-size: .72rem;
}
.pair-page .pair-amount-explorer__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.pair-page .pair-amount-explorer__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  min-width: 0;
  min-height: 4.55rem;
  padding: .82rem .9rem;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
  color: #0f172a;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.pair-page .pair-amount-explorer__card:hover,
.pair-page .pair-amount-explorer__card:focus-visible {
  border-color: var(--pair-accent-border);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .09);
  color: #0f172a;
  transform: translateY(-2px);
}
.pair-page .pair-amount-explorer__card:focus-visible {
  outline: 3px solid var(--pair-accent-border);
  outline-offset: 2px;
}
.pair-page .pair-amount-explorer__card-copy {
  display: grid;
  min-width: 0;
  gap: .2rem;
}
.pair-page .pair-amount-explorer__amount {
  overflow: hidden;
  color: #0f172a;
  font-size: .93rem;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pair-page .pair-amount-explorer__result {
  color: var(--pair-accent-strong);
  font-size: .83rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.pair-page .pair-amount-explorer__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: 999px;
  background: var(--pair-accent-soft);
  color: var(--pair-accent);
  font-size: .82rem;
  transition: background-color .18s ease, color .18s ease;
}
.pair-page .pair-amount-explorer__card:hover .pair-amount-explorer__arrow,
.pair-page .pair-amount-explorer__card:focus-visible .pair-amount-explorer__arrow {
  background: var(--pair-accent);
  color: #fff;
}
.pair-page .pair-related-currencies {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, #fff 0%, var(--pair-accent-soft) 175%);
}
.pair-page .pair-related-currencies .card-body {
  padding: 1.2rem;
}
.pair-page .pair-related-currencies__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pair-page .pair-related-currencies__eyebrow {
  display: flex;
  align-items: center;
  gap: .36rem;
  margin: 0 0 .34rem;
  color: var(--pair-accent);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1.2;
  text-transform: uppercase;
}
.pair-page .pair-related-currencies__eyebrow i {
  font-size: .9rem;
}
.pair-page .pair-related-currencies__intro {
  color: #64748b;
  font-size: .9rem;
  line-height: 1.45;
}
.pair-page .pair-related-currencies__header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.35rem;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .8);
  color: var(--pair-accent);
  font-size: 1.05rem;
}
.pair-page .pair-related-currencies__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.pair-page .pair-related-currencies__card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  min-height: 5.1rem;
  padding: .78rem .86rem;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
  color: #0f172a;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.pair-page .pair-related-currencies__card:hover,
.pair-page .pair-related-currencies__card:focus-visible {
  border-color: var(--pair-accent-border);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .09);
  color: #0f172a;
  transform: translateY(-2px);
}
.pair-page .pair-related-currencies__card:focus-visible {
  outline: 3px solid var(--pair-accent-border);
  outline-offset: 2px;
}
.pair-page .pair-related-currencies__flags {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .23rem;
  min-width: 4rem;
  padding: .42rem .36rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: .68rem;
  background: var(--pair-accent-soft);
}
.pair-page .pair-related-currencies__flags img {
  border-radius: .16rem;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.pair-page .pair-related-currencies__flags i {
  color: var(--pair-accent);
  font-size: .67rem;
}
.pair-page .pair-related-currencies__copy {
  display: grid;
  min-width: 0;
  gap: .22rem;
}
.pair-page .pair-related-currencies__copy strong {
  color: #0f172a;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.3;
}
.pair-page .pair-related-currencies__copy small {
  color: #64748b;
  font-size: .79rem;
  line-height: 1.25;
}
.pair-page .pair-related-currencies__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.9rem;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: 999px;
  background: #fff;
  color: var(--pair-accent);
  font-size: .78rem;
  transition: background-color .18s ease, color .18s ease;
}
.pair-page .pair-related-currencies__card:hover .pair-related-currencies__arrow,
.pair-page .pair-related-currencies__card:focus-visible .pair-related-currencies__arrow {
  background: var(--pair-accent);
  color: #fff;
}
@media (max-width: 575.98px) {
  .pair-page .pair-amount-explorer .card-body {
    padding: 1rem;
  }
  .pair-page .pair-amount-explorer__header {
    display: block;
  }
  .pair-page .pair-amount-explorer__pair {
    margin-top: .75rem;
  }
  .pair-page .pair-amount-explorer__grid {
    grid-template-columns: 1fr;
  }
  .pair-page .pair-amount-explorer__card {
    min-height: 4.3rem;
  }
  .pair-page .pair-related-currencies .card-body {
    padding: 1rem;
  }
  .pair-page .pair-related-currencies__grid {
    grid-template-columns: 1fr;
  }
}
.pair-page .rate-label {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--pair-accent-strong);
}
.pair-page .rate-value {
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--pair-accent);
  line-height: 1.2;
}
.pair-page .rate-sub {
  margin-top: .15rem;
}
.pair-page .rate-foot {
  margin-top: .35rem;
}
.pair-page .nowrap {
  white-space: nowrap;
}
.pair-page .result-date {
  position: absolute;
  right: 0;
  font-size: .75rem;
  color: #9ca3af;
  padding: 0.25rem 0.5rem;
}
.pair-page .result-card{
  background: linear-gradient(180deg, var(--c-card-grad-1), var(--c-card-grad-2));
  border-radius: 1rem;
}
.pair-page .result-card .card-body{
  position: relative;
  padding-bottom: 2.2rem;
}
.pair-page .result-quote {
  font-size: .85em;
  color: var(--c-mute);
}
.pair-page .pair-result-answer {
  max-width: 34rem;
  color: #526276;
  font-size: .88rem;
  line-height: 1.5;
}
.pair-page .pair-result-answer strong {
  color: #0f172a;
  font-weight: 600;
}
.pair-page .chip{
  display:inline-block;
  padding: .25rem .6rem;
  border:1px solid #e5e7eb;
  border-radius: 999px;
  background:#fff;
  font-size:.85rem;
}
.crypto-page .crypto-asset-icon {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
  border-radius: 999px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.crypto-page .crypto-clp-flag {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
.crypto-page .crypto-result-card .display-6 {
  letter-spacing: 0;
}
.crypto-page .crypto-asset-cell,
.crypto-page .crypto-link-with-icon,
.crypto-page .crypto-metric-label,
.crypto-page .crypto-table-heading {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
}
.crypto-page .crypto-local-currency .flag-img {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.crypto-page .crypto-table-heading {
  justify-content: flex-end;
}
.crypto-page .crypto-asset-text {
  min-width: 0;
  line-height: 1.18;
}
.crypto-page .crypto-metric-label {
  color: var(--tool-muted);
  font-size: .8rem;
  font-weight: 600;
  margin-bottom: .25rem;
}
.crypto-page .crypto-metric-label span {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.crypto-page .crypto-inline-icon {
  width: 1.05rem;
  height: 1.05rem;
}
.crypto-page .crypto-result-card .crypto-pair-unit .crypto-asset-icon {
  width: 24px;
  height: 24px;
}
.crypto-page .crypto-result-card .crypto-pair-unit .crypto-clp-flag {
  width: 24px;
  height: 14px;
  border-radius: 2px;
}
.crypto-page .crypto-result-card .small.mt-2.text-muted strong {
  font-weight: 600;
}
.crypto-page .crypto-mode-switch {
  padding: .15rem;
  gap: .15rem;
  background: #fff;
  border-color: #dbe5f4;
}
.crypto-page .crypto-mode-switch button {
  font-size: .86rem;
  font-weight: 600;
  padding: .32rem .64rem;
  color: #64748b;
}
.crypto-page .crypto-mode-switch button.is-active {
  background: var(--market-soft);
  color: var(--market-outline-fg);
  box-shadow: none;
}
.crypto-page .crypto-form-grid .form-label {
  margin-bottom: .4rem;
}
.crypto-page .crypto-form-grid .form-control,
.crypto-page .crypto-form-grid .form-select,
.crypto-page .crypto-form-grid .btn {
  min-height: 44px;
}
.crypto-page .crypto-form-grid .form-text,
.crypto-page .crypto-form-grid small.text-muted {
  display: block;
  margin-top: .35rem;
  font-size: .8rem;
  line-height: 1.3;
}
.crypto-page .field-help-tip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.05rem;
  height: 1.05rem;
  border: 1px solid #cbd7ee;
  border-radius: 999px;
  background: #f8fbff;
  color: var(--market-outline-fg);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
  padding: 0;
}
.crypto-page .field-help-tip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + .5rem);
  z-index: 20;
  width: min(15rem, 70vw);
  transform: translateX(-50%) translateY(.25rem);
  border: 1px solid #dbe5f4;
  border-radius: .65rem;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
  color: #334155;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.35;
  padding: .55rem .65rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
}
.crypto-page .field-help-tip:hover::after,
.crypto-page .field-help-tip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.crypto-page .crypto-submit-col {
  display: flex;
  flex-direction: column;
}
.crypto-page .crypto-submit-spacer {
  pointer-events: none;
}
.crypto-page .crypto-quick-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding-top: .1rem;
}
.crypto-page .crypto-quick-label {
  flex: 0 0 auto;
  font-weight: 600;
  color: #0f172a;
}
.crypto-page .crypto-quick-amounts {
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: .15rem;
  scrollbar-width: thin;
}
.crypto-page .crypto-quick-amounts button {
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  .crypto-page .crypto-form-grid .form-text {
    min-height: 2.05rem;
  }
}
@media (max-width: 575.98px) {
  .crypto-page .crypto-submit-spacer {
    display: none;
  }
  .crypto-page .crypto-quick-row {
    align-items: flex-start;
    gap: .6rem;
  }
  .crypto-page .crypto-quick-label {
    padding-top: .42rem;
    font-size: .9rem;
  }
}
.crypto-page .crypto-data-credit {
  color: #94a3b8;
  font-size: .74rem;
}
.crypto-page .crypto-data-credit a {
  color: inherit;
  text-decoration: none;
}
.crypto-page .crypto-data-credit a:hover {
  color: var(--market-outline-fg);
  text-decoration: underline;
}
.pair-page .result-pill{
  border-color:#e5e7eb !important;
  padding: .5rem .75rem;
  border-radius: .75rem;
}
@media (max-width: 576.98px){
  .pair-page .result-date{
    position: static !important;
    display: block;
    margin-top: .5rem;
    text-align: left;
    padding: 0;
  }
}
.pair-page .card canvas{
  display:block;
  width:100%!important;
  height:360px!important;
}
.pair-page .chart-wrap{
  background:linear-gradient(180deg, var(--c-card-grad-1), var(--c-card-grad-2));
  border:1px solid var(--c-grid-soft);
  border-radius:14px;
  padding:8px;
}
.pair-page .chart-panel{
  background: #f6f8ff;
}
.pair-page .chart-panel canvas{
  display:block;
  width:100%;
  height:auto;
}
.pair-page .chart-legend{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.5rem;
}
.pair-page .chart-legend .pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border:1.5px solid #e7eaf6;
  border-radius:10px;
  padding:.35rem .6rem;
  background:#fff;
  font-size:.875rem;
  cursor:pointer;
  user-select:none;
}
.pair-page .chart-legend .pill .dot{
  width:14px;
  height:10px;
  border-radius:3px;
  display:inline-block;
  border:2px solid transparent;
}
.pair-page .chart-legend .pill.inactive{
  opacity:.45;
}
.pair-page .card .chart-panel canvas#chart,
.pair-page .card .chart-panel canvas#resultChart{
  height: 280px !important;
}
/* Móvil (<992px): que no se salga del viewport */
@media (max-width: 991.98px){
  .dropdown-menu-pairs{
    position: static;                 /* que fluya dentro del menú colapsado */
    float: none;
    inset: auto !important;           /* cancela el posicionamiento absoluto */
    transform: none !important;
    width: 100%;                      /* ocupar todo el ancho del contenedor */
    max-width: 100%;
    min-width: 0;                     /* NO fuerces min-width */
    margin: .25rem 0 .5rem 0;         /* respiración */
    border-radius: .75rem;
    border: none;
    box-shadow: none;                 /* opcional: mismo look que el resto */
    display: block;                   /* una sola columna */
    max-height: 60vh;                 /* scroll si es muy largo */
    overflow: auto;
    overscroll-behavior: contain;
  }
  .dropdown-menu-pairs .dropdown-item{
    white-space: normal;              /* permitir salto de línea */
    line-height: 1.2;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-radius: .5rem;
  }
}

/* ===== Selector regional (dominio raíz) ===== */
.country-selector-page {
  --selector-navy: #0a2540;
  --selector-blue: #1769c2;
  --selector-sky: #42c4e8;
  --selector-ink: #14253a;
  --selector-muted: #5d6d80;
  --selector-paper: #ffffff;
  --selector-soft: #f2f6fb;
  --selector-border: #dbe5ef;
  background: #f4f7fb;
  color: var(--selector-ink);
  min-width: 320px;
  overflow-x: hidden;
}
.country-selector-page .country-selector {
  overflow: hidden;
  padding: 1.25rem 1rem 2.5rem;
}
.country-selector-page .country-selector__shell {
  width: min(100%, 1120px);
  margin: 0 auto;
}
.country-selector-page .country-selector__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: .4rem .1rem 1.25rem;
}
.country-selector-page .country-selector__brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: var(--selector-navy);
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
}
.country-selector-page .country-selector__brand:hover {
  color: var(--selector-navy);
}
.country-selector-page .country-selector__brand-mark {
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: .75rem;
  background: linear-gradient(135deg, var(--selector-blue), #0d4f95);
  box-shadow: 0 8px 18px rgba(13, 79, 149, .22);
  color: #fff;
  font-size: 1.05rem;
}
.country-selector-page .country-selector__nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .25rem .9rem;
}
.country-selector-page .country-selector__nav a {
  color: #486077;
  font-size: .9rem;
  font-weight: 650;
  text-decoration: none;
}
.country-selector-page .country-selector__nav a:hover {
  color: var(--selector-blue);
  text-decoration: underline;
  text-underline-offset: .2rem;
}
.country-selector-page .country-selector__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4.5rem);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 85% 15%, rgba(66, 196, 232, .38), transparent 24rem),
    linear-gradient(130deg, #071d35 0%, #0b3158 56%, #114d82 100%);
  box-shadow: 0 24px 58px rgba(15, 47, 79, .2);
  color: #fff;
}
.country-selector-page .country-selector__hero::after {
  position: absolute;
  right: -10rem;
  bottom: -13rem;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 2.8rem rgba(255, 255, 255, .035), 0 0 0 5.6rem rgba(255, 255, 255, .025);
  content: "";
  pointer-events: none;
}
.country-selector-page .country-selector__hero-copy,
.country-selector-page .country-selector__decision-card {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.country-selector-page .country-selector__eyebrow,
.country-selector-page .country-selector__section-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .9rem;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.country-selector-page .country-selector__eyebrow {
  color: #aeeaff;
}
.country-selector-page .country-selector__hero h1 {
  max-width: 680px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.2rem, 4.6vw, 4rem);
  font-weight: 760;
  letter-spacing: -.05em;
  line-height: 1.02;
}
.country-selector-page .country-selector__lead {
  max-width: 670px;
  margin: 1.35rem 0 0;
  color: rgba(255, 255, 255, .84);
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.68;
}
.country-selector-page .country-selector__hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .85rem 1.15rem;
  margin-top: 1.75rem;
}
.country-selector-page .country-selector__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 2.95rem;
  padding: .72rem 1rem;
  border: 1px solid transparent;
  border-radius: .8rem;
  font-size: .93rem;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
.country-selector-page .country-selector__button--light {
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
  color: #0b3158;
}
.country-selector-page .country-selector__button--light:hover {
  background: #eaf8fd;
  color: #082c50;
  transform: translateY(-1px);
}
.country-selector-page .country-selector__text-link {
  color: #fff;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
}
.country-selector-page .country-selector__text-link:hover {
  color: #c8f3ff;
  text-decoration: underline;
  text-underline-offset: .22rem;
}
.country-selector-page .country-selector__decision-card {
  padding: 1.35rem;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(8px);
}
.country-selector-page .country-selector__decision-title {
  margin: 0 0 1rem;
  color: #fff;
  font-size: .94rem;
  font-weight: 800;
}
.country-selector-page .country-selector__decision-list {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.country-selector-page .country-selector__decision-list li {
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
}
.country-selector-page .country-selector__decision-list span {
  display: inline-grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(174, 234, 255, .2);
  color: #d7f7ff;
  font-size: .76rem;
  font-weight: 800;
}
.country-selector-page .country-selector__decision-list p {
  margin: .05rem 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: .84rem;
  line-height: 1.5;
}
.country-selector-page .country-selector__decision-list strong {
  color: #fff;
}
.country-selector-page .country-selector__section {
  margin-top: clamp(3.5rem, 7vw, 6rem);
}
.country-selector-page .country-selector__section-heading {
  max-width: 720px;
  margin-bottom: 1.7rem;
}
.country-selector-page .country-selector__section-heading--compact {
  margin-bottom: 1.25rem;
}
.country-selector-page .country-selector__section-kicker {
  margin-bottom: .7rem;
  color: var(--selector-blue);
}
.country-selector-page .country-selector__section-heading h2,
.country-selector-page .country-selector__method h2,
.country-selector-page .country-selector__trust-heading h2,
.country-selector-page .country-selector__trust-item h3 {
  margin: 0;
  color: var(--selector-navy);
  font-weight: 780;
  letter-spacing: -.035em;
}
.country-selector-page .country-selector__section-heading h2,
.country-selector-page .country-selector__method h2 {
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1.1;
}
.country-selector-page .country-selector__section-heading > p:last-child {
  margin: .9rem 0 0;
  color: var(--selector-muted);
  font-size: 1rem;
  line-height: 1.65;
}
.country-selector-page .country-selector__market-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.country-selector-page .country-selector__market-card {
  --market-accent: #1769c2;
  --market-tint: #eef6ff;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid var(--selector-border);
  border-radius: 1.15rem;
  background: var(--selector-paper);
  box-shadow: 0 14px 30px rgba(29, 57, 87, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  min-width: 0;
}
.country-selector-page .country-selector__market-card[data-market="mx"] {
  --market-accent: #007a54;
  --market-tint: #edf9f4;
}
.country-selector-page .country-selector__market-card[data-market="gt"] {
  --market-accent: #235b9f;
  --market-tint: #edf4fb;
}
.country-selector-page .country-selector__market-card[data-market="do"] {
  --market-accent: #002d62;
  --market-tint: #edf2fb;
}
.country-selector-page .country-selector__market-card[data-market="hn"] {
  --market-accent: #0067b1;
  --market-tint: #edf7fd;
}
.country-selector-page .country-selector__market-card[data-market="co"] {
  --market-accent: #8a6500;
  --market-tint: #fff8d7;
}
.country-selector-page .country-selector__market-card:hover {
  border-color: #a9c7e5;
  box-shadow: 0 20px 42px rgba(29, 57, 87, .12);
  transform: translateY(-3px);
}
.country-selector-page .country-selector__market-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  min-height: 2.2rem;
}
.country-selector-page .country-selector__flag-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 2.25rem;
  overflow: hidden;
  border: 1px solid #dce5ed;
  border-radius: .5rem;
  background: #fff;
  box-shadow: 0 3px 8px rgba(15, 41, 68, .08);
}
.country-selector-page .country-selector__flag-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.country-selector-page .country-selector__saved-choice {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .38rem .55rem;
  border-radius: 999px;
  background: var(--market-tint);
  color: var(--market-accent);
  font-size: .71rem;
  font-weight: 780;
  white-space: nowrap;
}
.country-selector-page .country-selector__market-heading {
  margin-top: 1.45rem;
}
.country-selector-page .country-selector__market-heading p {
  margin: 0 0 .2rem;
  color: var(--market-accent);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .1em;
}
.country-selector-page .country-selector__market-heading h3 {
  margin: 0;
  color: var(--selector-navy);
  font-size: 1.6rem;
  font-weight: 780;
  letter-spacing: -.03em;
}
.country-selector-page .country-selector__market-copy {
  margin: 1rem 0 0;
  color: var(--selector-muted);
  font-size: .95rem;
  line-height: 1.63;
}
.country-selector-page .country-selector__market-list {
  display: grid;
  gap: .65rem;
  margin: 1.3rem 0 1.6rem;
  padding: 0;
  list-style: none;
}
.country-selector-page .country-selector__market-list li {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  gap: .48rem;
  color: #334960;
  font-size: .86rem;
  line-height: 1.4;
}
.country-selector-page .country-selector__market-list i {
  color: var(--market-accent);
  font-size: 1.05rem;
  line-height: 1.15;
}
.country-selector-page .country-selector__button--market {
  width: 100%;
  margin-top: auto;
  background: var(--market-accent);
  box-shadow: 0 8px 18px rgba(23, 105, 194, .22);
  color: #fff;
}
.country-selector-page .country-selector__button--market:hover {
  color: #fff;
  filter: brightness(.92);
  transform: translateY(-1px);
}
.country-selector-page .country-selector__trust {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding: 1.15rem 0 0;
  border-top: 1px solid var(--selector-border);
}
.country-selector-page .country-selector__trust-heading {
  margin-bottom: 1rem;
}
.country-selector-page .country-selector__trust-heading h2 {
  font-size: clamp(1.4rem, 2.3vw, 1.85rem);
  line-height: 1.15;
}
.country-selector-page .country-selector__trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.country-selector-page .country-selector__trust-item {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  padding: .75rem .4rem;
  min-width: 0;
}
.country-selector-page .country-selector__trust-icon {
  display: inline-grid;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  border-radius: .75rem;
  background: #e8f3ff;
  color: var(--selector-blue);
  font-size: 1.08rem;
}
.country-selector-page .country-selector__trust-item h3 {
  font-size: .95rem;
  letter-spacing: -.015em;
}
.country-selector-page .country-selector__trust-item p {
  margin: .3rem 0 0;
  color: var(--selector-muted);
  font-size: .84rem;
  line-height: 1.5;
}
.country-selector-page .country-selector__method {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(235px, .65fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  margin-top: clamp(3.5rem, 7vw, 6rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid #d8e5f1;
  border-radius: 1.25rem;
  background: linear-gradient(135deg, #edf5fc 0%, #f9fbfd 100%);
}
.country-selector-page .country-selector__method > * {
  min-width: 0;
}
.country-selector-page .country-selector__method > div > p:last-child {
  max-width: 690px;
  margin: 1rem 0 0;
  color: #52677e;
  line-height: 1.7;
}
.country-selector-page .country-selector__method-note {
  margin: 0;
  padding: 1.25rem;
  border: 1px solid #d3e5f7;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 22px rgba(37, 78, 116, .07);
}
.country-selector-page .country-selector__method-note i {
  display: inline-grid;
  width: 2.1rem;
  height: 2.1rem;
  place-items: center;
  border-radius: .65rem;
  background: #fff4ce;
  color: #8a5c00;
}
.country-selector-page .country-selector__method-note p {
  margin: .85rem 0 0;
  color: #29435c;
  font-size: .94rem;
  font-weight: 650;
  line-height: 1.55;
}
.country-selector-page .country-selector__questions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}
.country-selector-page .country-selector__questions details {
  padding: 1.1rem 1.15rem;
  border: 1px solid var(--selector-border);
  border-radius: .9rem;
  background: #fff;
}
.country-selector-page .country-selector__questions summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  color: var(--selector-navy);
  cursor: pointer;
  font-size: .93rem;
  font-weight: 750;
  line-height: 1.4;
  list-style: none;
}
.country-selector-page .country-selector__questions summary::-webkit-details-marker {
  display: none;
}
.country-selector-page .country-selector__questions summary::after {
  flex: 0 0 auto;
  color: var(--selector-blue);
  content: "+";
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1;
}
.country-selector-page .country-selector__questions details[open] summary::after {
  content: "−";
}
.country-selector-page .country-selector__questions details p {
  margin: .8rem 0 0;
  color: var(--selector-muted);
  font-size: .88rem;
  line-height: 1.55;
}
.country-selector-page .country-selector__footer-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(3.5rem, 7vw, 5.5rem);
  padding: 1.5rem 0 .25rem;
  border-top: 1px solid var(--selector-border);
}
.country-selector-page .country-selector__footer-note p {
  max-width: 700px;
  margin: 0;
  color: #5d6d80;
  font-size: .85rem;
  line-height: 1.5;
}
.country-selector-page .country-selector__footer-note a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .45rem;
  color: var(--selector-blue);
  font-size: .88rem;
  font-weight: 750;
  text-decoration: none;
}
.country-selector-page .country-selector__footer-note a:hover {
  color: #0c4e96;
  text-decoration: underline;
  text-underline-offset: .2rem;
}
.country-selector-page .country-selector a:focus-visible,
.country-selector-page .country-selector summary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #073056;
}
@media (max-width: 850px) {
  .country-selector-page .country-selector__hero,
  .country-selector-page .country-selector__method {
    grid-template-columns: 1fr;
  }
  .country-selector-page .country-selector__decision-card {
    max-width: 640px;
  }
  .country-selector-page .country-selector__questions-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .country-selector-page .country-selector__market-grid,
  .country-selector-page .country-selector__trust-grid {
    grid-template-columns: 1fr;
  }
  .country-selector-page .country-selector__trust-grid {
    gap: 0;
  }
  .country-selector-page .country-selector__trust-item {
    padding: .95rem .2rem;
  }
}
@media (max-width: 575.98px) {
  .country-selector-page .country-selector {
    padding: .9rem .75rem 2rem;
  }
  .country-selector-page .country-selector__header {
    align-items: flex-start;
    flex-direction: column;
    gap: .75rem;
    padding-bottom: 1rem;
  }
  .country-selector-page .country-selector__nav {
    justify-content: flex-start;
  }
  .country-selector-page .country-selector__hero {
    gap: 1.5rem;
    padding: 1.55rem;
    border-radius: 1.1rem;
    max-width: 100%;
  }
  .country-selector-page .country-selector__hero h1 {
    font-size: 2.15rem;
  }
  .country-selector-page .country-selector__hero-actions,
  .country-selector-page .country-selector__footer-note {
    align-items: stretch;
    flex-direction: column;
  }
  .country-selector-page .country-selector__button--light {
    width: 100%;
  }
  .country-selector-page .country-selector__lead,
  .country-selector-page .country-selector__decision-list p,
  .country-selector-page .country-selector__market-copy,
  .country-selector-page .country-selector__market-list li,
  .country-selector-page .country-selector__method p,
  .country-selector-page .country-selector__questions summary,
  .country-selector-page .country-selector__questions details p {
    overflow-wrap: anywhere;
  }
  .country-selector-page .country-selector__footer-note {
    padding-top: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .country-selector-page .country-selector__button,
  .country-selector-page .country-selector__market-card {
    transition: none;
  }
  .country-selector-page .country-selector__button:hover,
  .country-selector-page .country-selector__market-card:hover {
    transform: none;
  }
}

/* ===== Landing regional de país ===== */
.regional-home {
  --regional-ink: #0b1a33;
  --regional-muted: #64748b;
}
.regional-home .min-w-0 {
  min-width: 0;
}
.regional-home__hero {
  overflow: hidden;
}
.regional-home__hero .lead {
  max-width: 46rem;
  color: #43546a;
}
.regional-home__converter .form-control,
.regional-home__converter .form-select,
.regional-home__converter .btn-lg {
  min-height: 3rem;
  border-radius: .7rem;
}
.regional-home__converter .btn-lg {
  font-weight: 750;
}
.regional-home__submit {
  display: inline-flex;
  width: 100%;
  height: 3rem;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding-right: .65rem;
  padding-left: .65rem;
  border-radius: .7rem;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}
.regional-home__submit .bi {
  flex: 0 0 auto;
  margin: 0 !important;
  line-height: 1;
}
.regional-home__hero-rate {
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}
.regional-home__hero-rate .card-body {
  padding: 1.1rem !important;
}
.regional-home__hero-rate h2 {
  color: #334155;
  letter-spacing: .025em;
}
.regional-home__popular-card {
  height: 100%;
  background: #fff;
}
.regional-home__eyebrow {
  margin: 0 0 .45rem;
  color: var(--regional-accent, var(--market-outline-fg));
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.regional-home__popular-card .chip-link {
  min-height: 2.85rem;
}
.regional-home__recent-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}
.regional-home__recent-heading > div {
  max-width: 48rem;
}
.regional-home__recent-heading h2 {
  color: var(--regional-ink);
  font-weight: 700;
}
.regional-home__recent-heading .text-muted {
  color: var(--regional-muted) !important;
  line-height: 1.55;
}
.regional-home__recent-count {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .55rem;
  border-radius: 999px;
  color: var(--regional-rate-badge-fg, #fff);
  background: var(--regional-rate-badge-bg, var(--regional-accent));
  font-size: .82rem;
  font-weight: 600;
}
.regional-home__recent .recent-card {
  overflow: hidden;
  border: 1px solid var(--regional-accent-border);
  border-radius: 1.15rem;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}
.regional-home__recent .recent-card .card-body {
  padding: 1rem !important;
}
.regional-home__recent .recent-card h3 {
  color: var(--regional-ink);
  font-weight: 600;
}
.regional-home__recent .recent-card__title {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.regional-home__recent .recent-card__title-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: .55rem;
  color: var(--regional-accent);
  background: var(--regional-accent-soft);
  font-size: .9rem;
}
.regional-home__recent .recent-card__title-icon--trending {
  border-color: #fecaca;
  color: #dc2626;
  background: #fff1f2;
}
.regional-home__recent .list-group-item {
  color: #26384d;
  font-size: .92rem;
}
.regional-home__recent .list-group-item:hover {
  color: var(--regional-accent, var(--market-outline-fg));
  background: var(--regional-accent-soft, var(--market-soft));
}
@media (max-width: 767.98px) {
  .regional-home__recent-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}
.regional-home__rates .rate-grid {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
.regional-home__rates-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}
.regional-home__rates-header > div:first-child {
  max-width: 48rem;
}
.regional-home__rates-header h2 {
  color: var(--regional-ink);
  font-weight: 700;
}
.regional-home__rates-header .text-muted {
  color: var(--regional-muted) !important;
  line-height: 1.55;
}
.regional-home__rates-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: end;
  gap: .65rem;
}
.regional-home__rates-note {
  color: var(--regional-muted);
  font-size: .8rem;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}
.regional-home__rates-note i {
  color: var(--regional-accent);
}
.regional-home__rates .rate-card {
  min-height: 10.4rem;
  overflow: hidden;
  border: 1px solid var(--regional-accent-border);
  border-radius: .9rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .055);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.regional-home__rates .rate-card:hover {
  transform: translateY(-3px);
  border-color: var(--regional-accent);
  box-shadow: 0 14px 30px color-mix(in srgb, var(--regional-accent) 16%, transparent);
}
.regional-home__rates .rate-card:focus-within {
  outline: 3px solid color-mix(in srgb, var(--regional-accent) 27%, transparent);
  outline-offset: 2px;
}
.regional-home__rates .rate-card__body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "header badge"
    "unit arrow"
    "value arrow"
    "trend arrow"
    "meta meta";
  gap: .28rem .75rem;
  height: 100%;
  padding: 1rem;
}
.regional-home__rates .rate-card__header {
  display: flex;
  grid-area: header;
  min-width: 0;
  align-items: center;
}
.regional-home__rates .rate-card__identity {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: .48rem;
}
.regional-home__rates .rate-card__identity img {
  flex: 0 0 auto;
}
.regional-home__rates .rate-code {
  overflow: hidden;
  color: var(--regional-ink);
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.regional-home__rates .rate-card__badge {
  display: inline-flex;
  grid-area: badge;
  align-self: start;
  align-items: center;
  min-height: 1.6rem;
  padding: .22rem .5rem;
  border-radius: 999px;
  color: var(--regional-rate-badge-fg, #fff);
  background: var(--regional-rate-badge-bg, var(--regional-accent));
  font-size: .69rem;
  font-weight: 600;
  letter-spacing: .02em;
}
.regional-home__rates .rate-card__unit {
  grid-area: unit;
  color: var(--regional-muted);
  font-size: .77rem;
  line-height: 1.25;
}
.regional-home__rates .rate-value {
  grid-area: value;
  overflow: hidden;
  color: var(--regional-ink);
  font-size: 1.42rem;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.regional-home__rates .rate-value small {
  color: var(--regional-accent);
  font-size: .75em;
  font-weight: 700;
  letter-spacing: 0;
}
.regional-home__rates .rate-card__trend {
  display: inline-flex;
  grid-area: trend;
  align-items: center;
  gap: .2rem;
  min-height: 1rem;
  font-size: .77rem;
  font-weight: 600;
  line-height: 1.2;
}
.regional-home__rates .rate-card__trend.is-up { color: #16804b; }
.regional-home__rates .rate-card__trend.is-down { color: #bd3b2d; }
.regional-home__rates .rate-card__trend.is-flat { color: var(--regional-muted); }
.regional-home__rates .rate-meta {
  display: inline-flex;
  grid-area: meta;
  align-items: center;
  gap: .28rem;
  margin-top: .18rem !important;
  overflow: hidden;
  color: var(--regional-muted);
  font-size: .76rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.regional-home__rates .rate-card__arrow {
  grid-area: arrow;
  align-self: center;
  justify-self: end;
  margin-right: -.15rem;
  color: var(--regional-accent);
  font-size: 1rem;
  pointer-events: none;
  transition: transform .18s ease;
}
.regional-home__rates .rate-card:hover .rate-card__arrow {
  transform: translateX(.18rem);
}
@media (max-width: 767.98px) {
  .regional-home__rates-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .regional-home__rates-actions {
    justify-content: start;
    width: 100%;
  }
  .regional-home__rates-note {
    text-align: left;
  }
}
@media (max-width: 575.98px) {
  .regional-home__rates-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .regional-home__rates .rate-card {
    min-height: 9.9rem;
  }
  .regional-home__rates .rate-card__body {
    padding: .95rem;
  }
  .regional-home__rates .rate-value {
    font-size: 1.3rem;
  }
}
.regional-home__context-card {
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #f4f8fe 100%);
}
.regional-home__context-card p {
  color: #4b5d73;
  line-height: 1.7;
}
.regional-home__context-intro {
  max-width: 48rem;
  font-size: 1rem;
}
.regional-home__context-topics {
  margin-top: .15rem;
}
.regional-home__context-topic {
  padding: 1rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .72);
}
.regional-home__context-topic h3 {
  margin: .7rem 0 .45rem;
  color: var(--regional-ink);
  font-weight: 600;
}
.regional-home__context-topic p {
  font-size: .92rem;
}
.regional-home__context-topic a {
  color: var(--regional-accent-strong);
  font-weight: 600;
}
.regional-home__context-topic a:hover {
  color: var(--regional-accent);
}
.regional-home__context-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: .7rem;
  color: var(--regional-accent);
  background: var(--regional-accent-soft);
}
.regional-home__source-panel {
  height: 100%;
  padding: 1.1rem;
  border: 1px solid #dce8f5;
  border-radius: .9rem;
  background: #fff;
}
.regional-home__source-panel h3 {
  color: var(--regional-ink);
  font-weight: 600;
}
.regional-home__source-panel ul {
  display: grid;
  gap: .4rem;
  padding-left: 1rem;
}
.regional-home__source-panel p {
  color: var(--regional-muted);
  line-height: 1.5;
}
.regional-home__context-panel {
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}
.regional-home__context-actions {
  gap: 0;
}
.regional-home__context-actions a:last-child {
  padding-bottom: 0;
}
.regional-home__guide .home-action-list a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .75rem 1rem;
  border-top: 1px solid transparent;
}
.regional-home__guide .home-action-list a.btn-primary {
  color: var(--market-button-fg);
}
.regional-home__guide .home-action-list a.btn-outline-secondary {
  color: #475569;
}
.regional-home__conversions .conv-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: .8rem;
  min-height: 6.25rem;
  padding: .75rem .95rem;
  border-color: var(--regional-accent-border);
  border-radius: 1rem;
}
.regional-home__conversions .conv-box__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: .3rem;
}
.regional-home__conversions .conv-box__pair,
.regional-home__conversions .conv-box__currency {
  display: inline-flex;
  align-items: center;
}
.regional-home__conversions .conv-box__pair {
  flex-wrap: wrap;
  gap: .38rem;
  color: #5d708c;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
}
.regional-home__conversions .conv-box__currency {
  gap: .32rem;
  white-space: nowrap;
}
.regional-home__conversions .conv-box__currency .flag-img {
  flex: 0 0 auto;
}
.regional-home__conversions .conv-box__direction {
  color: var(--regional-accent);
  font-size: .85rem;
}
.regional-home__conversions .conv-box__title {
  margin: 0;
  color: #0b1a33;
  font-size: .96rem;
  font-weight: 600;
  line-height: 1.34;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.regional-home__conversions .conv-box__arrow {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: 50%;
  color: var(--regional-accent);
  background: var(--regional-accent-soft);
  font-size: .86rem;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.regional-home__conversions .conv-box:hover .conv-box__arrow {
  color: #fff;
  background: var(--regional-accent);
  transform: translateX(.12rem);
}
.regional-home__conversions .conv-box:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--regional-accent) 28%, transparent);
  outline-offset: 2px;
}
@media (max-width: 575.98px) {
  .regional-home__conversions .conv-box {
    min-height: 5.75rem;
  }
}
@media (min-width: 992px) {
  .regional-home__popular-card {
    position: sticky;
    top: 1rem;
  }
}
@media (max-width: 767.98px) {
  .regional-home__converter .form-control,
  .regional-home__converter .form-select,
  .regional-home__converter .btn-lg {
    min-height: 2.85rem;
  }
}

/* ===== Portada regional interactiva ===== */
.regional-home {
  --regional-accent: #0033a0;
  --regional-accent-strong: #001f66;
  --regional-accent-soft: #eef4ff;
  --regional-accent-border: rgba(0, 51, 160, .15);
  --regional-ornament: color-mix(in srgb, var(--regional-accent) 7%, transparent);
  --regional-rate-badge-bg: var(--regional-accent);
  --regional-rate-badge-fg: #fff;
}
.regional-home--mx {
  --regional-accent: #006847;
  --regional-accent-strong: #004b34;
  --regional-accent-soft: #edf8f2;
  --regional-accent-border: rgba(0, 104, 71, .16);
}
.regional-home--cl {
  --regional-accent: #0033a0;
  --regional-accent-strong: #001f66;
  --regional-accent-soft: #eef4ff;
  --regional-accent-border: rgba(0, 51, 160, .15);
}
.regional-home--gt {
  --regional-accent: #235b9f;
  --regional-accent-strong: #0c3d79;
  --regional-accent-soft: #edf4fb;
  --regional-accent-border: rgba(35, 91, 159, .17);
}
.regional-home--do {
  --regional-accent: #002d62;
  --regional-accent-strong: #001d41;
  --regional-accent-soft: #edf2fb;
  --regional-accent-border: rgba(0, 45, 98, .17);
}
.regional-home--hn {
  --regional-accent: #0067b1;
  --regional-accent-strong: #004f8a;
  --regional-accent-soft: #edf7fd;
  --regional-accent-border: rgba(0, 103, 177, .17);
}
.regional-home--co {
  --regional-accent: #003893;
  --regional-accent-strong: #002765;
  --regional-accent-soft: #fff8d7;
  --regional-accent-border: rgba(252, 209, 22, .75);
  --regional-ornament: color-mix(in srgb, #fcd116 30%, transparent);
  --regional-rate-badge-bg: #fcd116;
  --regional-rate-badge-fg: #002765;
}
.regional-home__hero {
  position: relative;
  border-color: var(--regional-accent-border);
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--regional-accent) 12%, transparent) 0, transparent 32rem),
    linear-gradient(135deg, var(--regional-accent-soft) 0%, #f9fcff 53%, #fff 100%);
}
.regional-home__hero::after {
  position: absolute;
  right: -5rem;
  bottom: -6rem;
  width: 16rem;
  height: 16rem;
  content: "";
  pointer-events: none;
  border: 2.3rem solid var(--regional-ornament);
  border-radius: 50%;
}
.regional-home__hero > .row {
  position: relative;
  z-index: 1;
}
.regional-home__badge {
  color: var(--regional-accent);
  border-color: var(--regional-accent-border);
  background: rgba(255, 255, 255, .82);
}
.regional-home__badge i {
  margin-right: .25rem;
}
.regional-home__form-card {
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}
.regional-home__pair-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem;
}
.regional-home__swap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  min-height: 3rem;
  color: var(--regional-accent);
  border-color: var(--regional-accent-border);
  background: #fff;
}
.regional-home__swap:hover,
.regional-home__swap:focus-visible {
  color: #fff;
  border-color: var(--regional-accent);
  background: var(--regional-accent);
}
.regional-home .btn-primary {
  color: var(--market-button-fg);
  border-color: var(--market-button-border);
  background-color: var(--market-button-bg);
}
.regional-home .btn-primary:hover,
.regional-home .btn-primary:focus-visible {
  color: var(--market-button-fg);
  border-color: var(--market-button-hover-border);
  background-color: var(--market-button-hover);
}
.regional-home .btn-outline-primary {
  color: var(--market-outline-fg);
  border-color: var(--market-outline-border);
}
.regional-home .btn-outline-primary:hover,
.regional-home .btn-outline-primary:focus-visible {
  color: var(--market-outline-hover-fg);
  border-color: var(--market-outline-hover-border);
  background-color: var(--market-outline-hover-bg);
}
.regional-home .regional-home__eyebrow,
.regional-home .home-guidance-eyebrow {
  color: var(--regional-accent);
}
.regional-home .intent-icon,
.regional-home .home-path-card .path-icon,
.regional-home .home-action-list .action-icon {
  color: var(--regional-accent);
  border-color: var(--regional-accent-border);
  background: var(--regional-accent-soft);
}
.regional-home .chip-link:hover {
  color: var(--regional-accent-strong);
  border-color: var(--regional-accent);
}
.regional-home .chip-link .chev,
.regional-home .conv-ir {
  color: var(--regional-accent);
}
.regional-home .conv-box:hover {
  border-color: var(--regional-accent);
}
.regional-home__hero-rate {
  background: linear-gradient(180deg, rgba(255, 255, 255, .95), var(--regional-accent-soft));
}
.regional-home__hero-rate:hover {
  box-shadow: 0 14px 30px color-mix(in srgb, var(--regional-accent) 15%, transparent) !important;
}
.regional-home__trend-card {
  overflow: hidden;
}
.regional-home__trend-card h2 {
  color: var(--regional-ink);
}
.regional-home__trend-link {
  display: block;
  padding: .2rem .15rem;
  border-radius: .7rem;
}
.regional-home__trend-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--regional-accent) 35%, transparent);
  outline-offset: 2px;
}
.regional-home .rate-badge {
  background: var(--regional-accent);
}
.regional-home__faq .accordion-item {
  overflow: hidden;
  margin-bottom: .7rem;
  border: 1px solid #e2e8f0;
  border-radius: .8rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035);
}
.regional-home__faq .accordion-button {
  font-weight: 650;
}
.regional-home__faq .accordion-button:not(.collapsed) {
  color: var(--regional-accent-strong);
  background: var(--regional-accent-soft);
  box-shadow: inset 0 -1px 0 var(--regional-accent-border);
}
.regional-home__faq .accordion-button:focus {
  border-color: var(--regional-accent-border);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--regional-accent) 18%, transparent);
}
.regional-home__faq .accordion-body {
  color: #475569;
  line-height: 1.65;
}
.regional-home__faq-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: 1rem;
}
.regional-home__faq-actions a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 2.25rem;
  padding: .42rem .65rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: .55rem;
  color: var(--regional-accent-strong);
  background: #fff;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}
.regional-home__faq-actions a:hover {
  color: var(--regional-accent-strong);
  border-color: var(--regional-accent);
  background: var(--regional-accent-soft);
}
.regional-home__faq-actions a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--regional-accent) 28%, transparent);
  outline-offset: 2px;
}
.regional-home__context-card {
  background: linear-gradient(135deg, #fff 0%, var(--regional-accent-soft) 135%);
}
.regional-home__source-panel {
  border-color: var(--regional-accent-border);
}
.regional-home__recent .list-group-item:hover {
  color: var(--regional-accent);
}
@media (max-width: 767.98px) {
  .regional-home__hero::after {
    width: 11rem;
    height: 11rem;
    border-width: 1.7rem;
  }
  .regional-home__pair-control {
    gap: .4rem;
  }
  .regional-home__swap {
    min-width: 2.85rem;
    min-height: 2.85rem;
  }
}

/* ===== Barra contextual en resultados de conversión ===== */
.pair-results-layout {
  /* Bootstrap row + col-lg-8/col-lg-4 controls the proportions, gutters
     and automatic stack below the lg breakpoint. */
  align-items: start;
}
.pair-results-layout > .col-lg-8,
.pair-results-layout > .col-lg-4,
.pair-results-primary {
  min-width: 0;
}
.pair-results-content {
  min-width: 0;
}
.pair-results-primary > .pair-results-content {
  margin-top: 1.5rem;
}
.pair-results-sidebar {
  min-width: 0;
}
.pair-page .pair-sidebar {
  --pair-sidebar-accent: var(--pair-accent);
  --pair-sidebar-strong: var(--pair-accent-strong);
  --pair-sidebar-soft: var(--pair-accent-soft);
  --pair-sidebar-border: var(--pair-accent-border);
}
.pair-sidebar__tools {
  display: grid;
  gap: 1rem;
}
.pair-page .pair-sidebar .card {
  margin: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: .95rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}
.pair-sidebar__summary-card {
  border-color: var(--pair-sidebar-border) !important;
  background: linear-gradient(140deg, #fff 0%, var(--pair-sidebar-soft) 145%);
}
.pair-sidebar__summary-card .card-body,
.pair-sidebar__trend-card .card-body,
.pair-sidebar__actions-card .card-body,
.pair-sidebar__amount-card .card-body,
.pair-sidebar__related-card .card-body,
.pair-sidebar__activity-card .card-body {
  padding: 1rem;
}
.pair-sidebar__eyebrow {
  display: flex;
  align-items: center;
  gap: .38rem;
  margin: 0 0 .35rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1.25;
  text-transform: uppercase;
}
.pair-sidebar__eyebrow i {
  color: var(--pair-sidebar-accent);
  font-size: .88rem;
}
.pair-sidebar__pair {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0 0 .55rem;
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 750;
  line-height: 1.25;
}
.pair-sidebar__pair > i {
  color: var(--pair-sidebar-accent);
  font-size: .9rem;
}
.pair-sidebar__flag {
  display: inline-flex;
  align-items: center;
}
.pair-sidebar__flag img {
  border-radius: .18rem;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.pair-sidebar__rate {
  color: #334155;
  font-size: .9rem;
  line-height: 1.45;
}
.pair-sidebar__rate strong {
  color: var(--pair-sidebar-strong);
  font-variant-numeric: tabular-nums;
}
.pair-sidebar__meta {
  color: #64748b;
  font-size: .81rem;
  line-height: 1.45;
}
.pair-sidebar__badges {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin-top: .75rem;
}
.pair-sidebar__badge {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  padding: .24rem .48rem;
  color: var(--pair-sidebar-strong);
  border: 1px solid var(--pair-sidebar-border);
  border-radius: 999px;
  background: var(--pair-sidebar-soft);
  font-size: .7rem;
  font-weight: 700;
}
.pair-sidebar__badge--soft {
  color: #475569;
  border-color: #dbe3ef;
  background: #fff;
}
.pair-sidebar__primary-link {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  margin-top: .85rem;
  color: var(--pair-sidebar-accent);
  font-size: .87rem;
  font-weight: 700;
  text-decoration: none;
}
.pair-sidebar__primary-link:hover,
.pair-sidebar__primary-link:focus-visible {
  color: var(--pair-sidebar-strong);
  text-decoration: underline;
}
.pair-sidebar__trend-card {
  border-color: var(--pair-sidebar-border) !important;
}
.pair-sidebar__trend {
  flex: 0 0 auto;
  padding: .28rem .5rem;
  border-radius: 999px;
  font-size: .78rem;
  font-variant-numeric: tabular-nums;
}
.pair-sidebar__trend.is-up {
  color: #087443;
  background: #eaf8ef;
}
.pair-sidebar__trend.is-down {
  color: #b42318;
  background: #fff0ef;
}
.pair-sidebar__trend.is-neutral {
  color: #475569;
  background: #f1f5f9;
}
.pair-sidebar__range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}
.pair-sidebar__range > div {
  min-width: 0;
  padding: .55rem .6rem;
  border: 1px solid #e8eef5;
  border-radius: .6rem;
  background: #f8fafc;
}
.pair-sidebar__range dt {
  margin: 0 0 .16rem;
  color: #64748b;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.pair-sidebar__range dd {
  overflow-wrap: anywhere;
  margin: 0;
  color: #334155;
  font-size: .78rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.pair-sidebar__section-title {
  margin: 0 0 .65rem;
  color: #334155;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .035em;
  line-height: 1.2;
  text-transform: uppercase;
}
.pair-sidebar__action-list,
.pair-sidebar__related-list {
  display: grid;
}
.pair-sidebar__action-list a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  min-height: 3.45rem;
  padding: .45rem 0;
  color: #0f172a;
  border-top: 1px solid #e9eef5;
  text-decoration: none;
}
.pair-sidebar__action-list a:first-child {
  border-top: 0;
}
.pair-sidebar__action-list a:hover,
.pair-sidebar__action-list a:focus-visible {
  color: var(--pair-sidebar-strong);
}
.pair-sidebar__action-list a > i {
  color: #94a3b8;
  font-size: .78rem;
}
.pair-sidebar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--pair-sidebar-accent);
  border: 1px solid var(--pair-sidebar-border);
  border-radius: .58rem;
  background: var(--pair-sidebar-soft);
}
.pair-sidebar__action-list strong,
.pair-sidebar__action-list small {
  display: block;
}
.pair-sidebar__action-list strong {
  font-size: .84rem;
  line-height: 1.2;
}
.pair-sidebar__action-list small {
  margin-top: .08rem;
  color: #64748b;
  font-size: .73rem;
  line-height: 1.25;
}
.pair-sidebar__amount-form .form-label {
  margin-bottom: .38rem;
  color: #475569;
  font-size: .79rem;
  font-weight: 650;
}
.pair-sidebar__amount-form .form-control:focus {
  border-color: var(--pair-sidebar-accent);
  box-shadow: 0 0 0 .22rem var(--pair-sidebar-soft);
}

/* Reusable full-form treatment for present and future sidebar calculators.
   Use `.sidebar-form` (or the module aliases) plus the optional BEM helpers
   below when a sidebar needs more than the small amount input above. */
.pair-sidebar .sidebar-form,
.pair-sidebar .pair-sidebar__form,
.pair-sidebar .crypto-sidebar__form,
.pair-sidebar .pair-sidebar__amount-form {
  min-width: 0;
}
.pair-sidebar .sidebar-form .row,
.pair-sidebar .pair-sidebar__form .row,
.pair-sidebar .crypto-sidebar__form .row {
  --bs-gutter-x: .65rem;
  --bs-gutter-y: .7rem;
}
.sidebar-form__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.sidebar-form__field {
  min-width: 0;
}
.sidebar-form__field--full {
  grid-column: 1 / -1;
}
.pair-sidebar .sidebar-form .form-label,
.pair-sidebar .pair-sidebar__form .form-label,
.pair-sidebar .crypto-sidebar__form .form-label {
  margin-bottom: .38rem;
  color: #475569;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.3;
}
.pair-sidebar .sidebar-form .form-control,
.pair-sidebar .sidebar-form .form-select,
.pair-sidebar .pair-sidebar__form .form-control,
.pair-sidebar .pair-sidebar__form .form-select,
.pair-sidebar .crypto-sidebar__form .form-control,
.pair-sidebar .crypto-sidebar__form .form-select {
  min-height: 2.75rem;
  border-color: #d7e1ee;
  border-radius: .65rem;
  color: #1e293b;
  font-size: .92rem;
}
.pair-sidebar .sidebar-form .form-control:focus,
.pair-sidebar .sidebar-form .form-select:focus,
.pair-sidebar .pair-sidebar__form .form-control:focus,
.pair-sidebar .pair-sidebar__form .form-select:focus,
.pair-sidebar .crypto-sidebar__form .form-control:focus,
.pair-sidebar .crypto-sidebar__form .form-select:focus {
  border-color: var(--pair-sidebar-accent);
  box-shadow: 0 0 0 .22rem var(--pair-sidebar-soft);
}
.pair-sidebar .sidebar-form .form-text,
.pair-sidebar .pair-sidebar__form .form-text,
.pair-sidebar .crypto-sidebar__form .form-text {
  margin-top: .35rem;
  color: #64748b;
  font-size: .75rem;
  line-height: 1.35;
}
.pair-sidebar .sidebar-form .btn,
.pair-sidebar .pair-sidebar__form .btn,
.pair-sidebar .crypto-sidebar__form .btn {
  min-height: 2.75rem;
  font-size: .9rem;
  font-weight: 600;
}
.sidebar-form__submit,
.pair-sidebar__form-submit,
.crypto-sidebar__form-submit {
  width: 100%;
}
.pair-sidebar .sidebar-form .input-group > .form-control,
.pair-sidebar .pair-sidebar__form .input-group > .form-control,
.pair-sidebar .crypto-sidebar__form .input-group > .form-control {
  min-width: 0;
}
.pair-page .pair-sidebar .btn-primary {
  color: var(--market-button-fg);
  border-color: var(--market-button-border);
  background: var(--market-button-bg);
}
.pair-page .pair-sidebar .btn-primary:hover,
.pair-page .pair-sidebar .btn-primary:focus-visible {
  color: var(--market-button-fg);
  border-color: var(--market-button-hover-border);
  background: var(--market-button-hover);
}
.pair-sidebar__related-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 2.65rem;
  padding: .45rem 0;
  color: #334155;
  border-top: 1px solid #e9eef5;
  font-size: .84rem;
  line-height: 1.32;
  text-decoration: none;
}
.pair-sidebar__related-list a:first-child {
  border-top: 0;
}
.pair-sidebar__related-list a:hover,
.pair-sidebar__related-list a:focus-visible {
  color: var(--pair-sidebar-strong);
}
.pair-sidebar__related-list i {
  flex: 0 0 auto;
  color: var(--pair-sidebar-accent);
  font-size: .78rem;
}
.pair-sidebar__activity-title {
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  margin: 0 0 .55rem;
  color: #1e293b;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}
.pair-sidebar__activity-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  color: var(--pair-sidebar-accent, #0d6efd);
  border-radius: .4rem;
  background: var(--pair-sidebar-soft, #eef4ff);
  font-size: .82rem;
}
.pair-sidebar__activity-icon--trending {
  color: #dc2626;
  background: #fff1f2;
}
.pair-sidebar__activity-list {
  display: grid;
}
.pair-sidebar__activity-list a {
  display: grid;
  grid-template-columns: 1.1rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .42rem;
  min-height: 2.55rem;
  padding: .42rem 0;
  color: var(--pair-sidebar-accent, #0d6efd);
  border-top: 1px solid #e2e8f0;
  font-size: .85rem;
  line-height: 1.35;
  text-decoration: none;
}
.pair-sidebar__activity-list a > span {
  overflow-wrap: anywhere;
}
.pair-sidebar__activity-list a:hover,
.pair-sidebar__activity-list a:focus-visible {
  color: var(--pair-sidebar-strong, #0a58ca);
}
.pair-sidebar__activity-list a > .bi-chevron-right {
  color: #94a3b8;
  font-size: .7rem;
}
.pair-sidebar__activity-row-icon {
  color: #f59e0b;
  font-size: .9rem;
}
.pair-sidebar__activity-row-icon--neutral {
  color: #64748b;
  font-size: .82rem;
}
.pair-sidebar__activity-note {
  margin-top: .7rem;
  color: #64748b;
  font-size: .73rem;
  line-height: 1.4;
}
.pair-sidebar__ad {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .pair-sidebar .ad-sidebar_sticky {
    position: static;
  }
}
@media (max-width: 991.98px) {
  .pair-sidebar__action-list a {
    min-height: 3.65rem;
  }
}
@media (max-width: 575.98px) {
  .sidebar-form__fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .sidebar-form__field--full {
    grid-column: auto;
  }
  .pair-sidebar .sidebar-form .form-control,
  .pair-sidebar .sidebar-form .form-select,
  .pair-sidebar .pair-sidebar__form .form-control,
  .pair-sidebar .pair-sidebar__form .form-select,
  .pair-sidebar .crypto-sidebar__form .form-control,
  .pair-sidebar .crypto-sidebar__form .form-select,
  .pair-sidebar .sidebar-form .btn,
  .pair-sidebar .pair-sidebar__form .btn,
  .pair-sidebar .crypto-sidebar__form .btn {
    min-height: 2.7rem;
  }
}

/* ===== Colombia: identidad tricolor =====
   El amarillo se usa como color distintivo en superficies y acciones; el azul
   conserva la función de enlace para mantener contraste sobre fondos claros. */
body.market-site--co {
  --tc-primary: #003893;
  --tc-soft: #fff8d7;
  --tc-bg: #fffdf4;
  --cl-blue: #003893;
  --cl-red: #ce1126;
}
body.market-site--co main a {
  color: #003893;
}
body.market-site--co main a:hover {
  color: #002765;
}
body.market-site--co .hero {
  border-color: rgba(252, 209, 22, .76);
  background: linear-gradient(135deg, #fff4bd 0%, #fffaf0 51%, #ffffff 100%);
}
body.market-site--co .badge.bg-primary {
  color: #002765;
  background-color: #fcd116 !important;
}
body.market-site--co .rate-grid .rate-badge,
body.market-site--co .regional-home--co .rate-badge {
  color: #ffffff;
  background: #ce1126;
}
body.market-site--co .sidebar-guide-link:hover {
  background: #fffbed;
  border-color: #f1dd8c;
}
body.market-site--co .sidebar-guide-link .link-icon {
  color: #003893;
  background: #fff3bc;
}
body.market-site--co .sidebar-guide-link .link-arrow {
  color: #8a6500;
}
body.market-site--co .tool-page {
  --tool-soft: #fffdf4;
  --tool-border: #f2df9e;
}
body.market-site--co .tool-hero-card {
  border-color: rgba(252, 209, 22, .76);
  background: linear-gradient(135deg, #fff8d7 0%, #fffdf4 58%, #ffffff 100%);
}
body.market-site--co .tool-badge {
  color: #003893;
  background: #fff1ae;
}
body.market-site--co .tool-quick-links a,
body.market-site--co .tool-quick-links button,
body.market-site--co .quick-amounts button {
  border-color: #ecd27a;
}
body.market-site--co .tool-quick-links a:hover,
body.market-site--co .tool-quick-links button:hover,
body.market-site--co .quick-amounts button:hover {
  color: #003893;
  border-color: #003893;
}

/* ===== Selector regional: familia visual de la plataforma ===== */
.country-selector-page {
  background: #f7f8fb;
}
.country-selector-page .country-selector--pro {
  --selector-navy: #0b1a33;
  --selector-blue: #0b4fb3;
  --selector-blue-strong: #083d90;
  --selector-ink: #0b1a33;
  --selector-muted: #64748b;
  --selector-paper: #fff;
  --selector-soft: #f4f7fb;
  --selector-border: #e2e8f0;
  padding: .9rem 1rem 3.25rem;
}
.country-selector-page .country-selector--pro .country-selector__shell {
  width: min(100%, 1280px);
}
.country-selector-page .country-selector--pro .country-selector__header {
  min-height: 4.35rem;
  padding: .35rem 0 1rem;
  border-bottom: 1px solid var(--selector-border);
}
.country-selector-page .country-selector--pro .country-selector__brand {
  color: var(--selector-ink);
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -.025em;
}
.country-selector-page .country-selector--pro .country-selector__brand:hover {
  color: var(--selector-ink);
}
.country-selector-page .country-selector--pro .country-selector__brand-mark {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #cfe0fb;
  border-radius: .72rem;
  background: #eef4ff;
  box-shadow: none;
  color: var(--selector-blue);
  font-size: 1rem;
}
.country-selector-page .country-selector--pro .country-selector__nav {
  gap: .25rem;
}
.country-selector-page .country-selector--pro .country-selector__nav a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .48rem .62rem;
  border-radius: .65rem;
  color: #475569;
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none;
}
.country-selector-page .country-selector--pro .country-selector__nav a:hover {
  background: #eef4ff;
  color: var(--selector-blue);
  text-decoration: none;
}
.country-selector-page .country-selector--pro .country-selector__hero {
  grid-template-columns: minmax(0, 1.26fr) minmax(285px, .74fr);
  gap: clamp(1.5rem, 4vw, 3.75rem);
  min-height: 23rem;
  margin-top: 1.25rem;
  padding: clamp(1.7rem, 4vw, 3.45rem);
  border: 1px solid #d7e4f5;
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--selector-blue) 12%, transparent) 0, transparent 31rem),
    linear-gradient(135deg, #eef5ff 0%, #f8fbff 56%, #fff 100%);
  box-shadow: 0 15px 34px rgba(15, 42, 78, .07);
  color: var(--selector-ink);
}
.country-selector-page .country-selector--pro .country-selector__hero::after {
  right: -5.25rem;
  bottom: -6.5rem;
  width: 16rem;
  height: 16rem;
  border: 2.25rem solid color-mix(in srgb, var(--selector-blue) 7%, transparent);
  box-shadow: none;
}
.country-selector-page .country-selector--pro .country-selector__eyebrow,
.country-selector-page .country-selector--pro .country-selector__section-kicker {
  gap: .42rem;
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .085em;
}
.country-selector-page .country-selector--pro .country-selector__eyebrow {
  color: var(--selector-blue);
}
.country-selector-page .country-selector--pro .country-selector__hero h1 {
  max-width: 690px;
  color: var(--selector-ink);
  font-size: clamp(2.15rem, 4.15vw, 3.55rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.country-selector-page .country-selector--pro .country-selector__lead {
  max-width: 650px;
  margin-top: 1.1rem;
  color: var(--selector-muted);
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.65;
}
.country-selector-page .country-selector--pro .country-selector__hero-actions {
  gap: .7rem 1rem;
  margin-top: 1.45rem;
}
.country-selector-page .country-selector--pro .country-selector__button {
  min-height: 2.9rem;
  padding: .68rem .95rem;
  border-radius: .72rem;
  font-size: .9rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__button--light {
  background: var(--selector-blue);
  box-shadow: 0 9px 18px rgba(11, 79, 179, .18);
  color: #fff;
}
.country-selector-page .country-selector--pro .country-selector__button--light:hover,
.country-selector-page .country-selector--pro .country-selector__button--light:focus-visible {
  background: var(--selector-blue-strong);
  color: #fff;
  transform: translateY(-1px);
}
.country-selector-page .country-selector--pro .country-selector__text-link {
  color: var(--selector-blue);
  font-size: .88rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__text-link:hover {
  color: var(--selector-blue-strong);
}
.country-selector-page .country-selector--pro .country-selector__hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}
.country-selector-page .country-selector--pro .country-selector__hero-features li {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .58rem;
  border: 1px solid #d7e5f7;
  border-radius: .65rem;
  background: rgba(255, 255, 255, .72);
  color: #475569;
  font-size: .78rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__hero-features i {
  color: var(--selector-blue);
  font-size: .9rem;
}
.country-selector-page .country-selector--pro .country-selector__quick-card {
  position: relative;
  z-index: 1;
  align-self: stretch;
  padding: 1.25rem;
  border: 1px solid #d9e5f3;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 25px rgba(17, 56, 97, .08);
}
.country-selector-page .country-selector--pro .country-selector__quick-card--return {
  align-self: center;
}
.country-selector-page .country-selector--pro .country-selector__quick-heading {
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr);
  gap: .7rem;
  align-items: center;
}
.country-selector-page .country-selector--pro .country-selector__quick-icon {
  display: inline-grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border-radius: .72rem;
  background: #eaf2ff;
  color: var(--selector-blue);
  font-size: 1rem;
}
.country-selector-page .country-selector--pro .country-selector__quick-heading p {
  margin: 0 0 .16rem;
  color: var(--selector-blue);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.country-selector-page .country-selector--pro .country-selector__quick-heading h2 {
  margin: 0;
  color: var(--selector-ink);
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.22;
}
.country-selector-page .country-selector--pro .country-selector__quick-copy {
  margin: 1rem 0 1.15rem;
  color: var(--selector-muted);
  font-size: .88rem;
  line-height: 1.55;
}
.country-selector-page .country-selector--pro .country-selector__button--quick {
  width: 100%;
  border-color: var(--selector-blue);
  background: var(--selector-blue);
  color: #fff;
}
.country-selector-page .country-selector--pro .country-selector__button--quick:hover,
.country-selector-page .country-selector--pro .country-selector__button--quick:focus-visible {
  background: var(--selector-blue-strong);
  color: #fff;
}
.country-selector-page .country-selector--pro .country-selector__quick-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .9rem;
  color: var(--selector-blue);
  font-size: .84rem;
  font-weight: 600;
  text-decoration: none;
}
.country-selector-page .country-selector--pro .country-selector__quick-link:hover {
  color: var(--selector-blue-strong);
  text-decoration: underline;
  text-underline-offset: .2rem;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps {
  display: grid;
  gap: 0;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: .65rem;
  padding: .78rem 0;
  border-top: 1px solid #e7edf4;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps li:first-child {
  padding-top: 0;
  border-top: 0;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps > li > span {
  display: inline-grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 50%;
  background: #eaf2ff;
  color: var(--selector-blue);
  font-size: .76rem;
  font-weight: 700;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps strong {
  display: block;
  color: var(--selector-ink);
  font-size: .86rem;
  font-weight: 700;
}
.country-selector-page .country-selector--pro .country-selector__quick-steps p {
  margin: .16rem 0 0;
  color: var(--selector-muted);
  font-size: .79rem;
  line-height: 1.45;
}
.country-selector-page .country-selector--pro .country-selector__section {
  margin-top: clamp(2.75rem, 6vw, 4.8rem);
}
.country-selector-page .country-selector--pro .country-selector__section-heading {
  max-width: 720px;
  margin-bottom: 1.35rem;
}
.country-selector-page .country-selector--pro .country-selector__section-heading--compact {
  margin-bottom: 1.1rem;
}
.country-selector-page .country-selector--pro .country-selector__section-kicker {
  margin-bottom: .58rem;
  color: var(--selector-blue);
}
.country-selector-page .country-selector--pro .country-selector__section-heading h2,
.country-selector-page .country-selector--pro .country-selector__method h2,
.country-selector-page .country-selector--pro .country-selector__trust-heading h2,
.country-selector-page .country-selector--pro .country-selector__trust-item h3 {
  color: var(--selector-ink);
  font-weight: 700;
  letter-spacing: -.032em;
}
.country-selector-page .country-selector--pro .country-selector__section-heading h2,
.country-selector-page .country-selector--pro .country-selector__method h2 {
  font-size: clamp(1.65rem, 2.8vw, 2.25rem);
  line-height: 1.14;
}
.country-selector-page .country-selector--pro .country-selector__section-heading > p:last-child,
.country-selector-page .country-selector--pro .country-selector__trust-heading > p:last-child {
  max-width: 700px;
  margin-top: .7rem;
  color: var(--selector-muted);
  font-size: .97rem;
  line-height: 1.62;
}
.country-selector-page .country-selector--pro .country-selector__market-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.country-selector-page .country-selector--pro .country-selector__market-card {
  --market-accent: #0033a0;
  --market-tint: #eef4ff;
  display: flex;
  min-height: 16.25rem;
  padding: 1.2rem;
  border: 1px solid var(--selector-border);
  border-top: 3px solid color-mix(in srgb, var(--market-accent) 78%, #fff);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 9px 22px rgba(15, 42, 78, .045);
  color: var(--selector-ink);
  text-decoration: none;
}
.country-selector-page .country-selector--pro .country-selector__market-card:visited {
  color: var(--selector-ink);
}
.country-selector-page .country-selector--pro .country-selector__market-card[data-market="mx"] {
  --market-accent: #006847;
  --market-tint: #edf8f2;
}
.country-selector-page .country-selector--pro .country-selector__market-card[data-market="gt"] {
  --market-accent: #235b9f;
  --market-tint: #edf4fb;
}
.country-selector-page .country-selector--pro .country-selector__market-card[data-market="do"] {
  --market-accent: #ce1126;
  --market-tint: #fff0f2;
}
.country-selector-page .country-selector--pro .country-selector__market-card[data-market="hn"] {
  --market-accent: #0067b1;
  --market-tint: #edf7fd;
}
.country-selector-page .country-selector--pro .country-selector__market-card[data-market="co"] {
  --market-accent: #8a6500;
  --market-tint: #fff8d7;
}
.country-selector-page .country-selector--pro .country-selector__market-card:hover {
  border-color: color-mix(in srgb, var(--market-accent) 38%, #dbe4ee);
  border-top-color: var(--market-accent);
  box-shadow: 0 15px 30px color-mix(in srgb, var(--market-accent) 13%, transparent);
  color: var(--selector-ink);
  transform: translateY(-3px);
}
.country-selector-page .country-selector--pro .country-selector__market-topline {
  min-height: 2.25rem;
}
.country-selector-page .country-selector--pro .country-selector__flag-wrap {
  width: 2.9rem;
  height: 2.15rem;
  border-color: #dce5ed;
  border-radius: .52rem;
}
.country-selector-page .country-selector--pro .country-selector__saved-choice {
  padding: .35rem .5rem;
  background: var(--market-tint);
  color: var(--market-accent);
  font-size: .69rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__market-heading {
  margin-top: 1rem;
}
.country-selector-page .country-selector--pro .country-selector__market-heading p {
  margin-bottom: .24rem;
  color: var(--market-accent);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .08em;
}
.country-selector-page .country-selector--pro .country-selector__market-heading h3 {
  color: var(--selector-ink);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -.022em;
  line-height: 1.25;
}
.country-selector-page .country-selector--pro .country-selector__market-currency {
  display: block;
  margin-top: .35rem;
  color: var(--selector-muted);
  font-size: .81rem;
  line-height: 1.35;
}
.country-selector-page .country-selector--pro .country-selector__market-currency strong {
  color: var(--market-accent);
  font-weight: 700;
}
.country-selector-page .country-selector--pro .country-selector__market-copy {
  margin: .78rem 0 0;
  color: #526477;
  font-size: .86rem;
  line-height: 1.52;
}
.country-selector-page .country-selector--pro .country-selector__market-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin: .9rem 0;
}
.country-selector-page .country-selector--pro .country-selector__market-highlights span {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .28rem .45rem;
  border-radius: .5rem;
  background: var(--market-tint);
  color: var(--market-accent);
  font-size: .7rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__market-highlights i {
  font-size: .78rem;
}
.country-selector-page .country-selector--pro .country-selector__market-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: auto;
  padding-top: .8rem;
  border-top: 1px solid #e9eef4;
  color: var(--market-accent);
  font-size: .84rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__market-cta .bi {
  display: inline-grid;
  width: 1.85rem;
  height: 1.85rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--market-tint);
  font-size: .95rem;
  transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
.country-selector-page .country-selector--pro .country-selector__market-card:hover .country-selector__market-cta .bi {
  background: var(--market-accent);
  color: #fff;
  transform: translateX(.12rem);
}
.country-selector-page .country-selector--pro .country-selector__trust {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--selector-border);
  border-radius: 1rem;
  background: #fff;
}
.country-selector-page .country-selector--pro .country-selector__trust-heading {
  max-width: 720px;
  margin-bottom: 1.2rem;
}
.country-selector-page .country-selector--pro .country-selector__trust-heading h2 {
  font-size: clamp(1.4rem, 2.3vw, 1.9rem);
  line-height: 1.16;
}
.country-selector-page .country-selector--pro .country-selector__trust-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}
.country-selector-page .country-selector--pro .country-selector__trust-item {
  grid-template-columns: 2.45rem minmax(0, 1fr);
  gap: .72rem;
  padding: 1rem;
  border: 1px solid #e7edf4;
  border-radius: .85rem;
  background: #fbfcfe;
}
.country-selector-page .country-selector--pro .country-selector__trust-icon {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: .68rem;
  background: #eef4ff;
  color: var(--selector-blue);
  font-size: 1rem;
}
.country-selector-page .country-selector--pro .country-selector__trust-item h3 {
  font-size: .93rem;
  line-height: 1.25;
}
.country-selector-page .country-selector--pro .country-selector__trust-item p {
  margin-top: .28rem;
  color: var(--selector-muted);
  font-size: .82rem;
  line-height: 1.5;
}
.country-selector-page .country-selector--pro .country-selector__method {
  grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  margin-top: clamp(2.75rem, 6vw, 4.8rem);
  padding: clamp(1.35rem, 3.5vw, 2.5rem);
  border: 1px solid #d8e5f5;
  border-radius: 1rem;
  background: linear-gradient(135deg, #eef5ff 0%, #f9fbfe 58%, #fff 100%);
}
.country-selector-page .country-selector--pro .country-selector__method > div > p:last-child {
  max-width: 690px;
  margin-top: .8rem;
  color: #526477;
  font-size: .95rem;
  line-height: 1.62;
}
.country-selector-page .country-selector--pro .country-selector__method-note {
  padding: 1.1rem;
  border-color: #dce7f4;
  border-radius: .85rem;
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 42, 78, .045);
}
.country-selector-page .country-selector--pro .country-selector__method-note i {
  width: 2rem;
  height: 2rem;
  border-radius: .6rem;
  background: #eef4ff;
  color: var(--selector-blue);
}
.country-selector-page .country-selector--pro .country-selector__method-note p {
  margin-top: .72rem;
  color: #334155;
  font-size: .89rem;
  font-weight: 600;
  line-height: 1.55;
}
.country-selector-page .country-selector--pro .country-selector__questions-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.country-selector-page .country-selector--pro .country-selector__questions details {
  padding: 1rem 1.05rem;
  border-color: var(--selector-border);
  border-radius: .85rem;
  box-shadow: 0 5px 14px rgba(15, 42, 78, .025);
}
.country-selector-page .country-selector--pro .country-selector__questions summary {
  color: var(--selector-ink);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.42;
}
.country-selector-page .country-selector--pro .country-selector__questions summary::after {
  color: var(--selector-blue);
}
.country-selector-page .country-selector--pro .country-selector__questions details p {
  color: var(--selector-muted);
  font-size: .85rem;
  line-height: 1.55;
}
.country-selector-page .country-selector--pro .country-selector__footer-note {
  margin-top: clamp(2.75rem, 6vw, 4.5rem);
  padding: 1.1rem 1.25rem;
  border: 0;
  border-top: 3px solid var(--selector-blue);
  border-radius: .9rem;
  background: #0b1a33;
}
.country-selector-page .country-selector--pro .country-selector__footer-note p {
  color: rgba(255, 255, 255, .84);
  font-size: .86rem;
}
.country-selector-page .country-selector--pro .country-selector__footer-note a {
  padding: .5rem .65rem;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: .58rem;
  color: #fff;
  font-size: .82rem;
  font-weight: 600;
}
.country-selector-page .country-selector--pro .country-selector__footer-note a:hover {
  border-color: #fff;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  text-decoration: none;
}
.country-selector-page .country-selector--pro a:focus-visible,
.country-selector-page .country-selector--pro summary:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--selector-blue) 48%, transparent);
  outline-offset: 3px;
  box-shadow: none;
}
@media (max-width: 991.98px) {
  .country-selector-page .country-selector--pro .country-selector__hero,
  .country-selector-page .country-selector--pro .country-selector__method {
    grid-template-columns: 1fr;
  }
  .country-selector-page .country-selector--pro .country-selector__quick-card {
    max-width: none;
  }
  .country-selector-page .country-selector--pro .country-selector__market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .country-selector-page .country-selector--pro .country-selector__trust-grid,
  .country-selector-page .country-selector--pro .country-selector__questions-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .country-selector-page .country-selector--pro {
    padding: .65rem .75rem 2rem;
  }
  .country-selector-page .country-selector--pro .country-selector__header {
    align-items: flex-start;
    flex-direction: column;
    gap: .5rem;
    padding-bottom: .8rem;
  }
  .country-selector-page .country-selector--pro .country-selector__nav {
    width: 100%;
    justify-content: flex-start;
  }
  .country-selector-page .country-selector--pro .country-selector__nav a {
    padding-left: .45rem;
    padding-right: .45rem;
    font-size: .8rem;
  }
  .country-selector-page .country-selector--pro .country-selector__hero {
    min-height: 0;
    margin-top: .8rem;
    padding: 1.35rem;
    border-radius: .95rem;
  }
  .country-selector-page .country-selector--pro .country-selector__hero h1 {
    font-size: clamp(2rem, 10vw, 2.45rem);
  }
  .country-selector-page .country-selector--pro .country-selector__hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .country-selector-page .country-selector--pro .country-selector__button--light {
    width: 100%;
  }
  .country-selector-page .country-selector--pro .country-selector__hero-features {
    display: grid;
    grid-template-columns: 1fr;
  }
  .country-selector-page .country-selector--pro .country-selector__market-grid {
    grid-template-columns: 1fr;
  }
  .country-selector-page .country-selector--pro .country-selector__market-card {
    min-height: 0;
  }
  .country-selector-page .country-selector--pro .country-selector__footer-note {
    align-items: stretch;
    flex-direction: column;
  }
  .country-selector-page .country-selector--pro .country-selector__footer-note a {
    justify-content: center;
  }
}

/* Shared public data tables. These rules deliberately avoid the global .table
   selector so the administration area and email templates stay independent. */
.mtc-table-shell {
  overflow: hidden;
  border: 1px solid var(--market-soft-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035);
}
.mtc-table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.mtc-table-scroll:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--market-button-focus) 38%, transparent);
  outline-offset: -3px;
}
.mtc-data-table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(15, 23, 42, .018);
  --bs-table-hover-bg: var(--market-soft);
  width: 100%;
  margin: 0;
  color: #17243a;
  font-size: .89rem;
}
.mtc-data-table > :not(caption) > * > * {
  padding: .78rem 1rem;
  border-bottom-color: #e7edf4;
  vertical-align: middle;
}
.mtc-data-table thead th {
  padding-top: .68rem;
  padding-bottom: .68rem;
  border-bottom: 1px solid var(--market-soft-border);
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .015em;
  line-height: 1.25;
  text-transform: none;
  white-space: nowrap;
}
.mtc-data-table tbody tr:last-child > * {
  border-bottom: 0;
}
.mtc-data-table tbody tr {
  transition: background-color .16s ease;
}
.mtc-data-table tbody tr:hover {
  background: var(--market-soft);
}
.mtc-data-table a:not(.btn) {
  color: var(--market-outline-fg);
  font-weight: 600;
  text-decoration-color: color-mix(in srgb, var(--market-outline-fg) 35%, transparent);
  text-underline-offset: .16em;
}
.mtc-data-table a:not(.btn):hover {
  color: var(--market-button-hover);
}
.mtc-table-number {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mtc-table-code {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: .15rem .48rem;
  border: 1px solid var(--market-soft-border);
  border-radius: .45rem;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-family: inherit;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .015em;
}
.mtc-data-table code:not(.mtc-table-code) {
  color: #44546a;
  font-size: .8rem;
}
.mtc-data-table--compact > :not(caption) > * > * {
  padding-top: .7rem;
  padding-bottom: .7rem;
}
.pair-page .popular-conversions-table.mtc-data-table thead th {
  padding-top: .68rem;
  padding-bottom: .68rem;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .015em;
  text-transform: none;
}
.pair-page .popular-conversions-table.mtc-data-table tbody td {
  padding-top: .76rem;
  padding-bottom: .76rem;
  border-color: #e7edf4;
}
.mtc-status-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .26rem .5rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .73rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.mtc-status-pill--ready {
  border-color: rgba(22, 101, 52, .18);
  background: #edf8f1;
  color: #166534;
}
.mtc-status-pill--pending {
  border-color: rgba(146, 89, 0, .2);
  background: #fff7e8;
  color: #925900;
}
.mtc-status-pill--warning {
  border-color: rgba(180, 83, 9, .22);
  background: #fff4e5;
  color: #a7520b;
}
.mtc-status-pill--error {
  border-color: rgba(185, 28, 28, .2);
  background: #fff0f0;
  color: #b91c1c;
}
.mtc-table-empty {
  padding: 1.35rem !important;
}

@media (max-width: 767.98px) {
  .mtc-data-table--stacked,
  .mtc-data-table--stacked tbody,
  .mtc-data-table--stacked tr,
  .mtc-data-table--stacked td {
    display: block;
    width: 100%;
  }
  .mtc-data-table--stacked thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .mtc-data-table--stacked tbody {
    display: grid;
    gap: .7rem;
    padding: .7rem;
  }
  .mtc-data-table--stacked tbody tr {
    overflow: hidden;
    border: 1px solid #e5ebf2;
    border-radius: .78rem;
    background: #fff;
  }
  .mtc-data-table--stacked tbody tr:hover {
    background: #fff;
  }
  .mtc-data-table--stacked tbody td {
    display: grid;
    grid-template-columns: minmax(7rem, 42%) minmax(0, 1fr);
    gap: .7rem;
    align-items: start;
    padding: .64rem .75rem !important;
    border-bottom: 1px solid #edf1f5;
    text-align: right !important;
    white-space: normal;
  }
  .mtc-data-table--stacked tbody td::before {
    content: attr(data-label);
    color: #5e6c80;
    font-size: .73rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
  }
  .mtc-data-table--stacked tbody td:last-child {
    border-bottom: 0;
  }
  .mtc-data-table--stacked .mtc-table-empty {
    display: block;
    text-align: center !important;
  }
  .mtc-data-table--stacked .mtc-table-empty::before {
    display: none;
  }
  .mtc-data-table--stacked td > .d-flex {
    justify-content: flex-end;
    text-align: left;
  }
  .mtc-data-table--stacked .mtc-table-code,
  .mtc-data-table--stacked .mtc-status-pill {
    justify-self: end;
  }
  .mtc-data-table--document tbody td {
    grid-template-columns: minmax(6.3rem, 36%) minmax(0, 1fr);
  }
}

/* Resultados de criptomonedas: misma familia visual que el conversor de monedas. */
.crypto-page .crypto-result-card .result-meta-panel {
  align-self: stretch;
}
.crypto-page .crypto-result-card .rate-box {
  display: grid;
  gap: .28rem;
  max-width: 320px;
  padding: .8rem .9rem;
}
.crypto-page .crypto-result-card .rate-value--stacked {
  display: grid;
  gap: .06rem;
  font-weight: 600;
}
.crypto-page .crypto-result-card .rate-value--stacked span:last-child {
  color: var(--pair-accent-strong);
}
.crypto-page .crypto-result-card .rate-foot {
  margin-top: .15rem;
  line-height: 1.35;
}
.crypto-page .crypto-result-card .result-date {
  position: static;
  padding: .08rem 0 0;
  color: #64748b;
  line-height: 1.35;
}
.crypto-page .crypto-practical-card,
.crypto-page .crypto-faq-card,
.crypto-page .crypto-editorial-card {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: 1rem;
}
.crypto-page .crypto-practical-card {
  background: linear-gradient(135deg, #fff 0%, var(--pair-accent-soft) 180%);
}
.crypto-page .crypto-practical-card__header,
.crypto-page .crypto-faq-card__header {
  margin-bottom: 1rem;
}
.crypto-page .crypto-practical-card__eyebrow,
.crypto-page .crypto-faq-card__eyebrow {
  display: flex;
  align-items: center;
  gap: .38rem;
  margin: 0 0 .35rem;
  color: var(--pair-accent);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1.2;
  text-transform: uppercase;
}
.crypto-page .crypto-practical-card__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.crypto-page .crypto-practical-card__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .58rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: .82rem;
  background: rgba(255, 255, 255, .78);
  color: #526276;
  font-size: .82rem;
  line-height: 1.42;
}
.crypto-page .crypto-practical-card__item > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: .62rem;
  background: var(--pair-accent-soft);
  color: var(--pair-accent);
  font-size: .88rem;
}
.crypto-page .crypto-practical-card__item strong {
  display: block;
  color: #0f172a;
  font-weight: 600;
}
.crypto-page .crypto-editorial-card .text-body-secondary {
  color: #526276 !important;
  font-size: .92rem;
  line-height: 1.58;
}
.crypto-page .crypto-related-conversions .pair-related-currencies__flags {
  min-width: 4.35rem;
}
.crypto-page .crypto-related-conversions .pair-related-currencies__flags .crypto-asset-icon {
  width: 1.38rem;
  height: 1.38rem;
}
.crypto-page .crypto-history-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .8rem;
}
.crypto-page .crypto-history-stats span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .36rem .55rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: 999px;
  background: var(--pair-accent-soft);
  color: var(--pair-accent-strong);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
}
.crypto-page .crypto-history-stats i {
  color: var(--pair-accent);
}
.crypto-page .crypto-faq-card {
  background: linear-gradient(135deg, #fff 0%, var(--pair-accent-soft) 190%);
}
.crypto-page .crypto-faq-card .accordion {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: .86rem;
}
.crypto-page .crypto-faq-card .accordion-item {
  border-color: var(--pair-accent-border);
}
.crypto-page .crypto-faq-card .accordion-button {
  color: #0f172a;
  font-size: .9rem;
  font-weight: 600;
}
.crypto-page .crypto-faq-card .accordion-button:not(.collapsed) {
  background: var(--pair-accent-soft);
  color: var(--pair-accent-strong);
  box-shadow: none;
}
.crypto-page .crypto-faq-card .accordion-button:focus {
  box-shadow: inset 0 0 0 2px var(--pair-accent-border);
}
.crypto-page .crypto-faq-card .accordion-body {
  color: #526276;
  font-size: .9rem;
  line-height: 1.55;
}
.crypto-page .crypto-faq-card .accordion-body strong {
  color: #0f172a;
  font-weight: 600;
}
.crypto-page .crypto-amount-explorer {
  margin-bottom: 1.25rem;
}
.crypto-page .crypto-amount-explorer .pair-amount-explorer__pair .crypto-asset-icon {
  width: 1.32rem;
  height: 1.32rem;
}
@media (max-width: 767.98px) {
  .crypto-page .crypto-result-card .result-meta-panel {
    text-align: left !important;
  }
  .crypto-page .crypto-result-card .rate-box {
    max-width: none;
  }
  .crypto-page .crypto-practical-card__grid {
    grid-template-columns: 1fr;
  }
}

/* Preguntas frecuentes de resultados de monedas: mismo patrón claro de cripto. */
.pair-page .pair-faq-card {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: 1rem;
  background: linear-gradient(135deg, #fff 0%, var(--pair-accent-soft) 190%);
}
.pair-page .pair-faq-card__header {
  margin-bottom: 1rem;
}
.pair-page .pair-faq-card__eyebrow {
  display: flex;
  align-items: center;
  gap: .38rem;
  margin: 0 0 .35rem;
  color: var(--pair-accent);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1.2;
  text-transform: uppercase;
}
.pair-page .pair-faq-card .accordion {
  overflow: hidden;
  border: 1px solid var(--pair-accent-border);
  border-radius: .86rem;
}
.pair-page .pair-faq-card .accordion-item {
  border-color: var(--pair-accent-border);
}
.pair-page .pair-faq-card .accordion-button {
  color: #0f172a;
  font-size: .9rem;
  font-weight: 600;
}
.pair-page .pair-faq-card .accordion-button:not(.collapsed) {
  background: var(--pair-accent-soft);
  color: var(--pair-accent-strong);
  box-shadow: none;
}
.pair-page .pair-faq-card .accordion-button:focus {
  box-shadow: inset 0 0 0 2px var(--pair-accent-border);
}
.pair-page .pair-faq-card .accordion-body {
  color: #526276;
  font-size: .9rem;
  line-height: 1.55;
}
.pair-page .pair-faq-card .accordion-body strong {
  color: #0f172a;
  font-weight: 600;
}

/* Ajuste de ritmo vertical en la calculadora lateral de criptomonedas. */
.crypto-page .crypto-sidebar__form .sidebar-form__fields {
  row-gap: .6rem;
}
.crypto-page .crypto-sidebar__form-submit {
  margin-top: .7rem;
}

/* ===== Portada de criptomonedas ===== */
.crypto-home {
  --crypto-home-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}
.crypto-home .crypto-home__hero .lead {
  max-width: 45rem;
}
.crypto-home .crypto-home__form-card {
  border: 1px solid var(--regional-accent-border) !important;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .92);
}
.crypto-home .crypto-home__converter .form-control,
.crypto-home .crypto-home__converter .form-select {
  min-height: 3rem;
  border-color: var(--regional-accent-border);
  border-radius: .7rem;
}
.crypto-home .crypto-home__converter .form-control:focus,
.crypto-home .crypto-home__converter .form-select:focus {
  border-color: var(--regional-accent);
  box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--regional-accent) 17%, transparent);
}
.crypto-home .crypto-home__submit-col {
  display: flex;
  flex-direction: column;
}
.crypto-home .crypto-home__submit {
  min-height: 3rem;
}
.crypto-home .crypto-home__converter .form-text {
  color: var(--regional-muted);
  line-height: 1.45;
}
@media (min-width: 768px) {
  /* La calculadora vive dentro de una columna del hero: esta grilla reserva
     espacio suficiente para que el botón no se corte en pantallas medianas. */
  .crypto-home .crypto-home__converter {
    display: grid;
    grid-template-columns: minmax(8.9rem, .85fr) minmax(0, 1.2fr) minmax(5.25rem, .55fr) minmax(9.5rem, .9fr);
    column-gap: .75rem;
    row-gap: .85rem;
  }
  .crypto-home .crypto-home__converter > .col-12,
  .crypto-home .crypto-home__converter > .col-md-2,
  .crypto-home .crypto-home__converter > .col-md-4 {
    width: auto;
    flex: none;
    padding-right: 0;
    padding-left: 0;
  }
  .crypto-home .crypto-home__converter > .col-12:last-child {
    grid-column: 1 / -1;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .crypto-home .crypto-home__converter {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.crypto-home .crypto-home__snapshot-card {
  position: static;
  height: auto;
  overflow: hidden;
  border: 1px solid var(--regional-accent-border) !important;
  border-radius: 1rem;
  background: linear-gradient(160deg, rgba(255, 255, 255, .98) 0%, var(--regional-accent-soft) 135%);
  box-shadow: var(--crypto-home-shadow);
}
.crypto-home .crypto-home__snapshot-list {
  display: grid;
  gap: .48rem;
}
.crypto-home .crypto-home__snapshot-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .5rem;
  min-height: 3.55rem;
  padding: .6rem .65rem;
  border: 1px solid var(--regional-accent-border);
  border-radius: .78rem;
  color: #10233e;
  background: rgba(255, 255, 255, .8);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.crypto-home .crypto-home__snapshot-link:hover {
  border-color: var(--regional-accent);
  background: #fff;
  transform: translateX(.12rem);
}
.crypto-home .crypto-home__snapshot-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--regional-accent) 28%, transparent);
  outline-offset: 2px;
}
.crypto-home .crypto-home__snapshot-asset {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: .55rem;
}
.crypto-home .crypto-home__snapshot-asset > span {
  display: grid;
  min-width: 0;
  gap: .06rem;
}
.crypto-home .crypto-home__snapshot-asset strong {
  overflow: hidden;
  color: var(--regional-ink);
  font-size: .86rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crypto-home .crypto-home__snapshot-asset small {
  color: var(--regional-muted);
  font-size: .7rem;
  line-height: 1.1;
}
.crypto-home .crypto-home__snapshot-value {
  color: var(--regional-accent-strong);
  font-size: .82rem;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
.crypto-home .crypto-home__snapshot-link > .bi {
  color: var(--regional-accent);
  font-size: .84rem;
}
.crypto-home .crypto-home__snapshot-note {
  margin-top: .85rem;
  color: var(--regional-muted);
  font-size: .78rem;
  line-height: 1.45;
}
.crypto-home .crypto-home__snapshot-note .bi {
  margin-right: .22rem;
  color: var(--regional-accent);
}
.crypto-home .crypto-home__quick-help {
  display: grid;
  gap: .55rem;
  margin-top: .85rem !important;
  padding-top: .55rem;
}
.crypto-home .crypto-home__quick-help .feat {
  min-height: 2.85rem;
  padding: .58rem .72rem;
  border-color: var(--regional-accent-border);
  border-radius: .78rem;
  color: var(--regional-ink);
  background: rgba(255, 255, 255, .76);
  box-shadow: none;
}
.crypto-home .crypto-home__quick-help .feat i {
  color: var(--regional-accent);
}
.crypto-home .crypto-home__intent-card {
  overflow: hidden;
  border: 1px solid var(--regional-accent-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .035);
}
.crypto-home .crypto-home__intent-card:hover {
  border-color: var(--regional-accent);
  box-shadow: var(--crypto-home-shadow);
}
.crypto-home .crypto-home__intent-card .card-body {
  align-items: flex-start;
}
.crypto-home .crypto-home__intent-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.crypto-home .crypto-home__intent-icon .crypto-asset-icon {
  width: 1.36rem;
  height: 1.36rem;
}
.crypto-home .crypto-home__intent-copy {
  min-width: 0;
}
.crypto-home .crypto-home__intent-pair {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-bottom: .38rem;
  color: var(--regional-accent-strong);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.1;
}
.crypto-home .crypto-home__intent-pair .flag-img {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.crypto-home .crypto-home__intent-card h3 {
  color: var(--regional-ink);
  font-weight: 600;
}
.crypto-home .crypto-home__rates .rate-card {
  background: #fff;
}
.crypto-home .crypto-home__rate-card .rate-card__identity .crypto-asset-icon {
  width: 1.3rem;
  height: 1.3rem;
}
.crypto-home .crypto-home__rate-card .rate-card__unit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crypto-home .crypto-home__rate-card .rate-value {
  max-width: 100%;
}
.crypto-home .crypto-home__rate-empty {
  color: var(--regional-muted);
  font-size: .86rem;
  font-weight: 600;
  letter-spacing: 0;
}
.crypto-home .crypto-home__movements {
  max-width: 66rem;
}
.crypto-home .crypto-home__movement-card {
  overflow: hidden;
  border: 1px solid var(--regional-accent-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .045);
}
.crypto-home .crypto-home__movement-card.is-up {
  --crypto-movement-color: #16804b;
  --crypto-movement-soft: #ecfdf3;
  --crypto-movement-border: #bde8d0;
}
.crypto-home .crypto-home__movement-card.is-down {
  --crypto-movement-color: #bd3b2d;
  --crypto-movement-soft: #fff1f2;
  --crypto-movement-border: #fecaca;
}
.crypto-home .crypto-home__movement-card .card-body {
  padding: 1rem;
}
.crypto-home .crypto-home__movement-identity {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: .6rem;
}
.crypto-home .crypto-home__movement-identity > span {
  display: grid;
  min-width: 0;
  gap: .08rem;
}
.crypto-home .crypto-home__movement-identity small {
  color: var(--regional-muted);
  font-size: .72rem;
}
.crypto-home .crypto-home__movement-identity strong {
  overflow: hidden;
  color: var(--regional-ink);
  font-size: .95rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crypto-home .crypto-home__movement-identity em {
  color: var(--regional-muted);
  font-size: .78rem;
  font-style: normal;
  font-weight: 600;
}
.crypto-home .crypto-home__movement-value {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .26rem;
  padding: .38rem .55rem;
  border: 1px solid var(--crypto-movement-border);
  border-radius: 999px;
  color: var(--crypto-movement-color);
  background: var(--crypto-movement-soft);
  font-size: .8rem;
  font-weight: 600;
}
.crypto-home .crypto-home__movement-card p {
  color: var(--regional-muted);
  font-size: .86rem;
}
.crypto-home .crypto-home__guide {
  margin-top: .15rem;
}
.crypto-home .crypto-home__context-topic strong {
  color: var(--regional-ink);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .crypto-home .crypto-home__snapshot-card {
    max-width: 38rem;
  }
}
@media (max-width: 767.98px) {
  .crypto-home .crypto-home__submit-col {
    display: grid;
  }
  .crypto-home .crypto-home__snapshot-link {
    min-height: 3.4rem;
  }
}
@media (max-width: 575.98px) {
  .crypto-home .crypto-home__hero {
    padding: 1.25rem !important;
  }
  .crypto-home .crypto-home__snapshot-link {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .4rem;
    padding: .56rem;
  }
  .crypto-home .crypto-home__snapshot-value {
    font-size: .76rem;
  }
  .crypto-home .crypto-home__movement-value {
    padding: .33rem .46rem;
    font-size: .76rem;
  }
}

/* Precisión visible en resultados de monedas: mantiene la paleta de cada país. */
.pair-page .pair-result-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
}
.pair-page .pair-result-precision {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .12rem;
  max-width: 100%;
  min-height: 2.5rem;
  padding: .22rem;
  border: 1px solid var(--pair-accent-border);
  border-radius: .78rem;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 3px 10px rgba(15, 23, 42, .035);
}
.pair-page .pair-result-precision__label {
  padding: .18rem .38rem .18rem .48rem;
  color: #526276;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.pair-page .pair-result-precision__option {
  min-width: 1.82rem;
  min-height: 1.82rem;
  padding: .2rem .32rem;
  border: 1px solid transparent;
  border-radius: .54rem;
  color: var(--pair-accent-strong);
  background: transparent;
  font-size: .78rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.pair-page .pair-result-precision__option:hover {
  border-color: var(--pair-accent-border);
  color: var(--pair-accent-strong);
  background: var(--pair-accent-soft);
}
.pair-page .pair-result-precision__option.is-active,
.pair-page .pair-result-precision__option[aria-pressed="true"] {
  border-color: var(--pair-accent);
  color: #ffffff;
  background: var(--pair-accent);
  box-shadow: 0 2px 5px rgba(15, 23, 42, .12);
}
.pair-page .pair-result-precision__option:focus-visible,
.pair-page .pair-result-action:focus-visible {
  outline: 3px solid var(--pair-accent-border);
  outline-offset: 2px;
}
.pair-page .pair-result-action {
  --bs-btn-color: var(--pair-accent-strong);
  --bs-btn-bg: rgba(255, 255, 255, .9);
  --bs-btn-border-color: var(--pair-accent-border);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--pair-accent);
  --bs-btn-hover-border-color: var(--pair-accent);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: var(--pair-accent-strong);
  --bs-btn-active-border-color: var(--pair-accent-strong);
  --bs-btn-focus-shadow-rgb: 15, 23, 42;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  min-height: 2.5rem;
  border-radius: .78rem;
  color: var(--pair-accent-strong);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
}
.pair-page .pair-result-action:hover,
.pair-page .pair-result-action:active {
  color: #ffffff;
  text-decoration: none;
}
.pair-page .pair-result-action--inverse {
  flex: 0 1 auto;
}
@media (max-width: 991.98px) {
  .pair-page .pair-result-precision {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  .pair-page .pair-result-actions {
    align-items: stretch;
    gap: .45rem;
  }
  .pair-page .pair-result-precision {
    width: 100%;
    justify-content: space-between;
  }
  .pair-page .pair-result-precision__label {
    padding-left: .32rem;
  }
  .pair-page .pair-result-action {
    flex: 1 1 calc(50% - .225rem);
  }
  .pair-page .pair-result-action--inverse {
    flex-basis: 100%;
  }
}

/* ===== API para desarrolladores ===== */
.developers-page {
  --developers-ink: #10213c;
  --developers-muted: #607089;
  --developers-line: #dfe8f2;
  --developers-code-bg: #10223e;
  --developers-code-fg: #e7f1ff;
}
.developers-page .breadcrumb {
  margin-left: .1rem;
}
.developers-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(15.5rem, .75fr);
  gap: 1.35rem;
  overflow: hidden;
  border: 1px solid var(--market-soft-border);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, var(--market-soft) 0, transparent 43%),
    linear-gradient(135deg, #ffffff 0%, #ffffff 62%, rgba(255,255,255,.82) 100%);
  padding: clamp(1.25rem, 3vw, 2rem);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .045);
}
.developers-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--market-outline-fg);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.25;
  text-transform: uppercase;
}
.developers-page__hero h1 {
  max-width: 13ch;
  margin: .45rem 0 .72rem;
  color: var(--developers-ink);
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.developers-page__hero p {
  max-width: 43rem;
  margin: 0;
  color: #4e6079;
  font-size: 1rem;
  line-height: 1.68;
}
.developers-page__hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin-top: 1.05rem;
}
.developers-page__hero-pills span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 999px;
  background: #fff;
  color: var(--market-outline-fg);
  padding: .37rem .58rem;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
}
.developers-page__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.25rem;
}
.developers-page__hero-actions .btn,
.developers-page__request-actions .btn,
.developers-page__request-form > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  font-weight: 600;
}
.developers-page__hero-request {
  align-self: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 15px;
  background: var(--developers-code-bg);
  box-shadow: 0 14px 25px rgba(15, 23, 42, .14);
  color: var(--developers-code-fg);
  padding: 1rem;
}
.developers-page__hero-request-top {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #d7e8ff;
  font-size: .79rem;
  font-weight: 600;
}
.developers-page__method {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  border-radius: .4rem;
  background: var(--market-button-bg);
  color: var(--market-button-fg);
  padding: .16rem .42rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1;
}
.developers-page__hero-request code {
  display: block;
  overflow-wrap: anywhere;
  margin: .85rem 0;
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .86rem;
  line-height: 1.55;
}
.developers-page__hero-request-meta {
  display: flex;
  align-items: center;
  gap: .48rem;
  border-top: 1px solid rgba(255,255,255,.15);
  color: #c7d8ef;
  padding-top: .7rem;
  font-size: .76rem;
  line-height: 1.35;
}
.developers-page__hero-request-meta img {
  width: 1.5rem;
  height: 1rem;
  object-fit: cover;
  border-radius: .14rem;
}
.developers-page__section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
.developers-page__section-heading h2 {
  margin: .3rem 0 0;
  color: var(--developers-ink);
  font-size: clamp(1.2rem, 2vw, 1.42rem);
  font-weight: 600;
  letter-spacing: -.018em;
  line-height: 1.25;
}
.developers-page__section-heading p {
  margin: .32rem 0 0;
  color: var(--developers-muted);
  font-size: .92rem;
  line-height: 1.55;
}
.developers-page__steps {
  border: 1px solid var(--developers-line);
  border-radius: 16px;
  background: #fff;
  padding: 1.1rem;
}
.developers-page__steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.developers-page__step {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
  border: 1px solid var(--developers-line);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 0%, var(--market-soft) 160%);
  padding: .82rem;
}
.developers-page__step > span {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  font-size: .82rem;
  font-weight: 600;
}
.developers-page__step h3 {
  margin: .02rem 0 .22rem;
  color: var(--developers-ink);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
}
.developers-page__step p {
  margin: 0;
  color: var(--developers-muted);
  font-size: .79rem;
  line-height: 1.48;
}
.developers-page__request,
.developers-page__response,
.developers-page__examples,
.developers-page__currencies,
.developers-page__faq {
  border: 1px solid var(--developers-line);
  border-radius: 16px;
  background: #fff;
  padding: 1.1rem;
  box-shadow: 0 7px 22px rgba(15, 23, 42, .025);
}
.developers-page__request {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 63%);
}
.developers-page__request-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(14rem, 1.08fr);
  gap: .9rem;
}
.developers-page__request-form,
.developers-page__request-output {
  border: 1px solid var(--developers-line);
  border-radius: 13px;
  background: rgba(255,255,255,.9);
  padding: .92rem;
}
.developers-page__request-form {
  display: grid;
  gap: .75rem;
  align-content: start;
}
.developers-page .form-label {
  margin-bottom: .36rem;
  color: var(--developers-ink);
  font-size: .84rem;
  font-weight: 600;
}
.developers-page .form-control {
  border-color: #cfdceb;
  color: var(--developers-ink);
  font-size: .9rem;
}
.developers-page .form-control:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem var(--market-soft);
}
.developers-page__field-help,
.developers-page__request-status {
  margin: .34rem 0 0;
  color: var(--developers-muted);
  font-size: .76rem;
  line-height: 1.45;
}
.developers-page__request-output {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.developers-page__output-label {
  color: var(--developers-muted);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.developers-page__request-output code {
  display: block;
  width: 100%;
  overflow-wrap: anywhere;
  margin: .55rem 0 .75rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 10px;
  background: #f8fbff;
  color: var(--market-outline-fg);
  padding: .7rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .78rem;
  line-height: 1.5;
}
.developers-page__request-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .48rem;
}
.developers-page__endpoints {
  padding: .15rem 0;
}
.developers-page__endpoint-grid,
.developers-page__example-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}
.developers-page__endpoint-card {
  border: 1px solid var(--developers-line);
  border-radius: 15px;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 7px 20px rgba(15, 23, 42, .025);
}
.developers-page__endpoint-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.developers-page__endpoint-card-top > .bi {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 9px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.developers-page__endpoint-card h3 {
  margin: .8rem 0 .3rem;
  color: var(--developers-ink);
  font-size: 1rem;
  font-weight: 600;
}
.developers-page__endpoint-card > p {
  min-height: 3.65rem;
  margin: 0;
  color: var(--developers-muted);
  font-size: .84rem;
  line-height: 1.55;
}
.developers-page__endpoint-card > code {
  display: inline-block;
  margin: .8rem 0;
  border-radius: 7px;
  background: var(--developers-code-bg);
  color: #f0f7ff;
  padding: .34rem .46rem;
  font-size: .78rem;
}
.developers-page__endpoint-card dl {
  display: grid;
  gap: .42rem;
  margin: 0;
}
.developers-page__endpoint-card dl > div {
  display: grid;
  grid-template-columns: 4.35rem minmax(0, 1fr);
  gap: .42rem;
  border-top: 1px solid #edf1f6;
  padding-top: .42rem;
}
.developers-page__endpoint-card dt {
  color: var(--market-outline-fg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .75rem;
  font-weight: 600;
}
.developers-page__endpoint-card dd {
  margin: 0;
  color: var(--developers-muted);
  font-size: .76rem;
  line-height: 1.4;
}
.developers-page__response-code,
.developers-page__example-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #1a3154;
  border-radius: 13px;
  background: var(--developers-code-bg);
}
.developers-page__response-code pre,
.developers-page__example-card pre {
  max-height: 25rem;
  overflow: auto;
  margin: 0;
  padding: 1rem;
  color: var(--developers-code-fg);
  font-size: .78rem;
  line-height: 1.55;
}
.developers-page__response-code code,
.developers-page__example-card code {
  color: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre;
}
.developers-page__copy-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: .32rem .45rem;
  font-size: .73rem;
  font-weight: 600;
  line-height: 1.2;
}
.developers-page__copy-code:hover,
.developers-page__copy-code:focus-visible {
  border-color: #fff;
  background: rgba(255,255,255,.17);
  color: #fff;
}
.developers-page__response-code > .developers-page__copy-code {
  position: absolute;
  top: .65rem;
  right: .65rem;
}
.developers-page__response-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .58rem;
  margin-top: .75rem;
}
.developers-page__response-grid article {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  border: 1px solid var(--developers-line);
  border-radius: 11px;
  background: #fff;
  padding: .7rem;
}
.developers-page__response-grid article > .bi {
  color: var(--market-outline-fg);
  font-size: 1rem;
}
.developers-page__response-grid h3 {
  margin: 0 0 .16rem;
  color: var(--developers-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .78rem;
  font-weight: 600;
}
.developers-page__response-grid p {
  margin: 0;
  color: var(--developers-muted);
  font-size: .76rem;
  line-height: 1.42;
}
.developers-page__example-card {
  min-width: 0;
}
.developers-page__example-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  border-bottom: 1px solid rgba(255,255,255,.14);
  padding: .66rem .75rem;
}
.developers-page__example-head h3 {
  margin: 0;
  color: #fff;
  font-size: .86rem;
  font-weight: 600;
}
.developers-page__example-card pre {
  min-height: 14.3rem;
  max-height: 18rem;
}
.developers-page__history-example {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .8rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 11px;
  background: var(--market-soft);
  padding: .72rem;
}
.developers-page__history-example code {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--market-outline-fg);
  font-size: .77rem;
}
.developers-page__history-example a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-left: auto;
  color: var(--market-outline-fg);
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
}
.developers-page__history-example a:hover,
.developers-page__history-example a:focus-visible {
  color: var(--market-outline-fg);
  text-decoration: underline;
  text-underline-offset: .16rem;
}
.developers-page__count {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  padding: .33rem .55rem;
  font-size: .74rem;
  font-weight: 600;
  white-space: nowrap;
}
.developers-page__currency-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .52rem;
}
.developers-page__currency-list > span {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: .36rem;
  min-width: 0;
  border: 1px solid var(--developers-line);
  border-radius: 10px;
  background: #fff;
  padding: .55rem .58rem;
}
.developers-page__currency-list img {
  display: block;
  width: 1.25rem;
  height: .94rem;
  object-fit: contain;
}
.developers-page__currency-list strong {
  color: var(--developers-ink);
  font-size: .79rem;
  font-weight: 600;
}
.developers-page__currency-list small {
  overflow: hidden;
  color: var(--developers-muted);
  font-size: .71rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.developers-page__empty {
  border: 1px dashed var(--market-soft-border);
  border-radius: 11px;
  background: var(--market-soft);
  color: var(--developers-muted);
  padding: .85rem;
  font-size: .87rem;
}
.developers-page__faq {
  display: grid;
  gap: .55rem;
}
.developers-page__faq .developers-page__section-heading {
  margin-bottom: .2rem;
}
.developers-page__faq details {
  border: 1px solid var(--developers-line);
  border-radius: 11px;
  background: #fff;
  padding: .75rem .82rem;
}
.developers-page__faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  color: var(--developers-ink);
  cursor: pointer;
  font-size: .9rem;
  font-weight: 600;
  list-style: none;
}
.developers-page__faq summary::-webkit-details-marker {
  display: none;
}
.developers-page__faq summary .bi {
  color: var(--market-outline-fg);
  font-size: .78rem;
  transition: transform .16s ease;
}
.developers-page__faq details[open] summary .bi {
  transform: rotate(45deg);
}
.developers-page__faq p {
  margin: .65rem 0 0;
  color: var(--developers-muted);
  font-size: .87rem;
  line-height: 1.58;
}
.developers-page__sidebar {
  display: grid;
  align-content: start;
  gap: .85rem;
  position: sticky;
  top: 1rem;
}
.developers-page__sidebar-card {
  border: 1px solid var(--developers-line);
  border-radius: 15px;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 7px 22px rgba(15, 23, 42, .025);
}
.developers-page__sidebar-card--market {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.developers-page__sidebar-market-title {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.developers-page__sidebar-market-title img {
  width: 1.75rem;
  height: 1.18rem;
  object-fit: cover;
  border-radius: .15rem;
  box-shadow: 0 0 0 1px rgba(15,23,42,.12);
}
.developers-page__sidebar-market-title span,
.developers-page__sidebar-market-title strong {
  display: block;
}
.developers-page__sidebar-market-title span {
  color: var(--developers-muted);
  font-size: .73rem;
}
.developers-page__sidebar-market-title strong {
  color: var(--developers-ink);
  font-size: .97rem;
  font-weight: 600;
}
.developers-page__sidebar-card dl {
  display: grid;
  gap: .55rem;
  margin: .9rem 0 0;
}
.developers-page__sidebar-card dl > div {
  border-top: 1px solid rgba(96,112,137,.18);
  padding-top: .55rem;
}
.developers-page__sidebar-card dt {
  color: var(--developers-muted);
  font-size: .72rem;
  font-weight: 600;
}
.developers-page__sidebar-card dd {
  margin: .13rem 0 0;
  color: var(--developers-ink);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.4;
}
.developers-page__sidebar-card h2 {
  margin: .36rem 0 .62rem;
  color: var(--developers-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.developers-page__sidebar-card--checklist ul {
  display: grid;
  gap: .48rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.developers-page__sidebar-card--checklist li {
  display: flex;
  align-items: flex-start;
  gap: .42rem;
  color: #4e6079;
  font-size: .83rem;
  line-height: 1.45;
}
.developers-page__sidebar-card--checklist li .bi {
  color: var(--market-outline-fg);
}
.developers-page__sidebar-card--links > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-top: 1px solid var(--developers-line);
  color: var(--developers-ink);
  padding: .68rem 0;
  text-decoration: none;
}
.developers-page__sidebar-card--links > a:last-child {
  padding-bottom: 0;
}
.developers-page__sidebar-card--links > a > span {
  display: flex;
  align-items: center;
  gap: .52rem;
  min-width: 0;
}
.developers-page__sidebar-card--links > a > span > .bi {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 8px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.developers-page__sidebar-card--links > a > span > span {
  display: grid;
  min-width: 0;
}
.developers-page__sidebar-card--links strong {
  color: var(--developers-ink);
  font-size: .83rem;
  font-weight: 600;
}
.developers-page__sidebar-card--links small {
  overflow: hidden;
  margin-top: .1rem;
  color: var(--developers-muted);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.developers-page__sidebar-card--links > a > .bi {
  flex: 0 0 auto;
  color: var(--market-outline-fg);
  font-size: .78rem;
}
.developers-page__sidebar-card--links > a:hover,
.developers-page__sidebar-card--links > a:focus-visible {
  color: var(--market-outline-fg);
}
@media (max-width: 991.98px) {
  .developers-page__sidebar {
    position: static;
  }
  .developers-page__hero {
    grid-template-columns: 1fr;
  }
  .developers-page__hero h1 {
    max-width: 20ch;
  }
}
@media (max-width: 767.98px) {
  .developers-page__steps-grid,
  .developers-page__request-grid,
  .developers-page__endpoint-grid,
  .developers-page__example-grid,
  .developers-page__response-grid {
    grid-template-columns: 1fr;
  }
  .developers-page__endpoint-card > p {
    min-height: 0;
  }
  .developers-page__currency-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .developers-page__hero,
  .developers-page__steps,
  .developers-page__request,
  .developers-page__response,
  .developers-page__examples,
  .developers-page__currencies,
  .developers-page__faq {
    border-radius: 14px;
    padding: .88rem;
  }
  .developers-page__hero h1 {
    font-size: 1.72rem;
  }
  .developers-page__hero-actions .btn {
    width: 100%;
  }
  .developers-page__request-actions .btn {
    flex: 1 1 auto;
  }
  .developers-page__history-example a {
    width: 100%;
    margin-left: 0;
  }
  .developers-page__currency-list {
    grid-template-columns: 1fr;
  }
}

/* ===== Estado de datos ===== */
.status-page {
  --status-ink: #10213c;
  --status-muted: #607089;
  --status-line: #dfe8f2;
}
.status-page .breadcrumb {
  margin-left: .1rem;
}
.status-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12.5rem, .38fr);
  gap: 1.25rem;
  overflow: hidden;
  border: 1px solid var(--market-soft-border);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, var(--market-soft) 0, transparent 44%),
    linear-gradient(135deg, #fff 0%, #fff 66%, rgba(255,255,255,.86) 100%);
  padding: clamp(1.2rem, 3vw, 1.85rem);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
}
.status-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--market-outline-fg);
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.25;
  text-transform: uppercase;
}
.status-page__hero h1 {
  max-width: 18ch;
  margin: .42rem 0 .65rem;
  color: var(--status-ink);
  font-size: clamp(1.75rem, 3vw, 2.48rem);
  font-weight: 600;
  letter-spacing: -.032em;
  line-height: 1.14;
}
.status-page__hero p {
  max-width: 44rem;
  margin: 0;
  color: #4e6079;
  font-size: .98rem;
  line-height: 1.67;
}
.status-page__hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin-top: 1.05rem;
}
.status-page__hero-tags span {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 999px;
  background: #fff;
  color: var(--market-outline-fg);
  padding: .35rem .56rem;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.25;
}
.status-page__hero-side {
  display: grid;
  align-content: center;
  justify-items: start;
  min-height: 8rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 14px;
  background: rgba(255,255,255,.84);
  padding: 1rem;
}
.status-page__hero-side img {
  width: 2rem;
  height: 1.31rem;
  margin-bottom: .7rem;
  object-fit: cover;
  border-radius: .15rem;
  box-shadow: 0 0 0 1px rgba(15,23,42,.13);
}
.status-page__hero-side span,
.status-page__hero-side strong,
.status-page__hero-side small {
  display: block;
}
.status-page__hero-side span {
  color: var(--status-muted);
  font-size: .74rem;
  font-weight: 600;
}
.status-page__hero-side strong {
  margin: .22rem 0;
  color: var(--status-ink);
  font-size: 1.02rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
}
.status-page__hero-side small {
  color: var(--status-muted);
  font-size: .73rem;
}
.status-page__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .68rem;
}
.status-page__summary-card {
  min-height: 8.2rem;
  border: 1px solid var(--status-line);
  border-radius: 14px;
  background: #fff;
  padding: .85rem .9rem;
  box-shadow: 0 6px 20px rgba(15,23,42,.025);
}
.status-page__summary-card > span,
.status-page__summary-card > strong,
.status-page__summary-card > small {
  display: block;
}
.status-page__summary-card > span {
  color: var(--status-muted);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.35;
}
.status-page__summary-card > span .bi {
  color: var(--market-outline-fg);
}
.status-page__summary-card > strong {
  margin: .27rem 0;
  color: var(--status-ink);
  font-size: 1.42rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
}
.status-page__summary-card > small {
  color: var(--status-muted);
  font-size: .72rem;
  line-height: 1.43;
}
.status-page__summary-card--ready {
  border-color: rgba(22,101,52,.18);
  background: linear-gradient(135deg, #edf8f1 0%, #fff 92%);
}
.status-page__summary-card--ready > strong {
  color: #166534;
}
.status-page__summary-card--soft {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 92%);
}
.status-page__summary-card--attention {
  border-color: rgba(185,28,28,.2);
  background: linear-gradient(135deg, #fff5f5 0%, #fff 92%);
}
.status-page__summary-card--attention > strong {
  color: #b91c1c;
}
.status-page__rates,
.status-page__log-section {
  border: 1px solid var(--status-line);
  border-radius: 16px;
  background: #fff;
  padding: 1.05rem;
  box-shadow: 0 7px 22px rgba(15,23,42,.025);
}
.status-page__section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
.status-page__section-heading h2 {
  margin: .28rem 0 0;
  color: var(--status-ink);
  font-size: clamp(1.18rem, 2vw, 1.4rem);
  font-weight: 600;
  letter-spacing: -.018em;
  line-height: 1.28;
}
.status-page__section-heading p {
  margin: .3rem 0 0;
  color: var(--status-muted);
  font-size: .88rem;
  line-height: 1.53;
}
.status-page__count {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  border-radius: 999px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
  padding: .32rem .56rem;
  font-size: .74rem;
  font-weight: 600;
  white-space: nowrap;
}
.status-page__table-shell {
  border-radius: 13px;
  box-shadow: none;
}
.status-page__table-scroll {
  overflow: visible;
}
.status-page__rate-table td,
.status-page__log-table td {
  font-size: .84rem;
}
.status-page__rate-table th:last-child,
.status-page__rate-table td:last-child,
.status-page__log-table th:nth-child(3),
.status-page__log-table td:nth-child(3) {
  text-align: right;
}
.status-page__currency {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-width: 0;
}
.status-page__currency > span:last-child {
  display: grid;
  min-width: 0;
}
.status-page__currency img {
  display: block;
  width: 1.38rem;
  height: 1rem;
  object-fit: contain;
}
.status-page__currency strong {
  color: var(--status-ink);
  font-size: .85rem;
  font-weight: 600;
}
.status-page__currency small {
  overflow: hidden;
  max-width: 10rem;
  color: var(--status-muted);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-page__filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
  align-items: end;
  margin-bottom: .85rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 13px;
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
  padding: .85rem;
}
.status-page__filters label {
  display: block;
  margin-bottom: .32rem;
  color: var(--status-ink);
  font-size: .78rem;
  font-weight: 600;
}
.status-page__filters .form-select,
.status-page__filters .form-control {
  border-color: #cfdaea;
  color: var(--status-ink);
  font-size: .86rem;
}
.status-page__filters .form-select:focus,
.status-page__filters .form-control:focus {
  border-color: var(--market-outline-border);
  box-shadow: 0 0 0 .2rem var(--market-soft);
}
.status-page__filters .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  min-height: 2.4rem;
  font-weight: 600;
}
.status-page__custom-date.is-hidden {
  display: none;
}
.status-page__log-note {
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  margin: 0 0 .75rem;
  color: var(--status-muted);
  font-size: .78rem;
  line-height: 1.48;
}
.status-page__log-note .bi {
  color: var(--market-outline-fg);
}
.status-page__log-table td:last-child {
  min-width: 15rem;
  color: #4e6079;
  line-height: 1.45;
}
.status-page__empty {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  border: 1px dashed var(--market-soft-border);
  border-radius: 12px;
  background: var(--market-soft);
  padding: .9rem;
}
.status-page__empty > .bi {
  color: var(--market-outline-fg);
  font-size: 1.12rem;
}
.status-page__empty strong {
  color: var(--status-ink);
  font-size: .88rem;
  font-weight: 600;
}
.status-page__empty p {
  margin: .2rem 0 0;
  color: var(--status-muted);
  font-size: .82rem;
  line-height: 1.5;
}
.status-page__sidebar {
  display: grid;
  align-content: start;
  gap: .85rem;
  position: sticky;
  top: 1rem;
}
.status-page__sidebar-card {
  border: 1px solid var(--status-line);
  border-radius: 15px;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 7px 22px rgba(15,23,42,.025);
}
.status-page__sidebar-card--legend {
  border-color: var(--market-soft-border);
  background: linear-gradient(135deg, var(--market-soft) 0%, #fff 100%);
}
.status-page__sidebar-card--tip {
  border-color: var(--market-soft-border);
  background: #fbfdff;
}
.status-page__sidebar-card h2 {
  margin: .36rem 0 .7rem;
  color: var(--status-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.status-page__sidebar-card--legend ul {
  display: grid;
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.status-page__sidebar-card--legend li {
  display: grid;
  gap: .28rem;
}
.status-page__sidebar-card--legend p,
.status-page__sidebar-card--tip p {
  margin: 0;
  color: var(--status-muted);
  font-size: .81rem;
  line-height: 1.5;
}
.status-page__sidebar-card--links > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-top: 1px solid var(--status-line);
  color: var(--status-ink);
  padding: .67rem 0;
  text-decoration: none;
}
.status-page__sidebar-card--links > a:last-child {
  padding-bottom: 0;
}
.status-page__sidebar-card--links > a > span {
  display: flex;
  align-items: center;
  gap: .52rem;
  min-width: 0;
}
.status-page__sidebar-card--links > a > span > .bi {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid var(--market-soft-border);
  border-radius: 8px;
  background: var(--market-soft);
  color: var(--market-outline-fg);
}
.status-page__sidebar-card--links > a > span > span {
  display: grid;
  min-width: 0;
}
.status-page__sidebar-card--links strong {
  color: var(--status-ink);
  font-size: .83rem;
  font-weight: 600;
}
.status-page__sidebar-card--links small {
  overflow: hidden;
  margin-top: .1rem;
  color: var(--status-muted);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-page__sidebar-card--links > a > .bi {
  flex: 0 0 auto;
  color: var(--market-outline-fg);
  font-size: .78rem;
}
.status-page__sidebar-card--links > a:hover,
.status-page__sidebar-card--links > a:focus-visible {
  color: var(--market-outline-fg);
}
@media (max-width: 1199.98px) {
  .status-page__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .status-page__sidebar {
    position: static;
  }
  .status-page__hero {
    grid-template-columns: 1fr;
  }
  .status-page__hero-side {
    min-height: 0;
  }
}
@media (max-width: 767.98px) {
  .status-page__filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .status-page__table-scroll {
    overflow: visible;
  }
  .status-page__rate-table th:last-child,
  .status-page__rate-table td:last-child,
  .status-page__log-table th:nth-child(3),
  .status-page__log-table td:nth-child(3) {
    text-align: right;
  }
  .status-page__log-table td:last-child {
    min-width: 0;
  }
}
@media (max-width: 575.98px) {
  .status-page__hero,
  .status-page__rates,
  .status-page__log-section {
    border-radius: 14px;
    padding: .88rem;
  }
  .status-page__hero h1 {
    font-size: 1.7rem;
  }
  .status-page__summary,
  .status-page__filters {
    grid-template-columns: 1fr;
  }
  .status-page__summary-card {
    min-height: 0;
  }
  .status-page__section-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}