/* ── Tokens ── */
:root {
  --c-primary:       #059669;
  --c-primary-dark:  #047857;
  --c-primary-light: #d1fae5;
  --c-accent:        #f97316;
  --c-accent-dark:   #ea580c;
  --c-bg:            #f8fafc;
  --c-surface:       #ffffff;
  --c-hero:          #064e3b;
  --c-text:          #0f172a;
  --c-muted:         #64748b;
  --c-border:        #e2e8f0;
  --c-best-row:      #f0fdf4;
  --c-best-row-h:    #dcfce7;

  --radius:    10px;
  --radius-sm: 6px;
  --shadow:    0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06);
  --shadow-lg: 0 20px 40px rgba(0,0,0,.15);

  --font:  'Inter', system-ui, sans-serif;
  --max-w: 1300px;
  --pad:   clamp(.75rem, 4vw, 1.5rem);
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html  { scroll-behavior: smooth; }
body  { font-family: var(--font); background: var(--c-bg); color: var(--c-text); line-height: 1.6; font-size: 15px; }
a     { color: inherit; text-decoration: none; }
button { font-family: inherit; }

/* ── Container ── */
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--pad); }

/* ── Utility ── */
.text-muted { color: var(--c-muted); }

/* ── Buttons ── */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: .35rem; padding: .5rem 1rem;
  border-radius: var(--radius-sm); font-weight: 600; font-size: .82rem;
  cursor: pointer; border: 1.5px solid transparent;
  transition: background .18s, transform .12s, box-shadow .18s;
  white-space: nowrap;
}
.btn--primary { background: var(--c-primary); color: #fff; }
.btn--primary:hover { background: var(--c-primary-dark); }
.btn--accent  { background: var(--c-accent); color: #fff; }
.btn--accent:hover { background: var(--c-accent-dark); transform: translateY(-1px); }
.btn--outline { border-color: var(--c-primary); color: var(--c-primary); background: transparent; }
.btn--outline:hover { background: var(--c-primary-light); }
.btn--ghost  { border-color: var(--c-border); color: var(--c-muted); background: var(--c-surface); }
.btn--ghost:hover { border-color: var(--c-primary); color: var(--c-primary); }
.btn--sm { padding: .35rem .75rem; font-size: .78rem; }
.btn--xs { padding: .2rem .55rem; font-size: .73rem; }

/* ═══════════════════════════════════════
   NAV
═══════════════════════════════════════ */
.nav {
  background: var(--c-hero); color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.1);
  position: sticky; top: 0; z-index: 200;
}
.nav__inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; height: 52px; flex-wrap: wrap; padding-top: .25rem; padding-bottom: .25rem;
}
.nav__logo { font-size: 1.1rem; font-weight: 800; color: #fff; flex-shrink: 0; }
.nav__links {
  display: flex; gap: 1.25rem; align-items: center;
  font-size: .82rem; font-weight: 500;
}
.nav__links a { color: rgba(255,255,255,.75); transition: color .15s; }
.nav__links a:hover { color: #fff; }
.nav__meta { display: flex; flex-direction: column; align-items: flex-end; gap: .1rem; }
.nav__date  { font-size: .75rem; color: rgba(255,255,255,.7); }
.nav__date strong { color: #fff; }
.nav__sources { font-size: .68rem; color: rgba(255,255,255,.4); }

/* ═══════════════════════════════════════
   COMPARADORES SECTION
═══════════════════════════════════════ */
#comparadores { padding: 1.5rem 0 2rem; }

.page-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;
}
.page-head__title { font-size: clamp(1.3rem, 3vw, 1.7rem); font-weight: 800; }
.page-head__sub   { font-size: .85rem; color: var(--c-muted); margin-top: .2rem; }
.badge-live {
  display: inline-block; background: var(--c-primary-light);
  color: var(--c-primary-dark); border: 1px solid var(--c-primary);
  border-radius: 100px; padding: .3rem .9rem;
  font-size: .76rem; font-weight: 700; white-space: nowrap;
}

/* ═══════════════════════════════════════
   TABS
═══════════════════════════════════════ */
.tabs {
  display: flex; gap: .4rem; flex-wrap: wrap;
  margin-bottom: 0;
  border-bottom: 2px solid var(--c-border);
}
.tab {
  padding: .6rem 1.2rem; border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  font-size: .88rem; font-weight: 600; cursor: pointer;
  border: 1.5px solid transparent; border-bottom: none;
  background: transparent; color: var(--c-muted);
  transition: color .18s, background .18s;
  margin-bottom: -2px;
}
.tab:hover { color: var(--c-primary); background: var(--c-primary-light); }
.tab--active {
  background: var(--c-surface); color: var(--c-primary);
  border-color: var(--c-border); border-bottom-color: var(--c-surface);
  font-weight: 700;
}

/* ── Tab panels ── */
.tab-panel { display: none; }
.tab-panel--active { display: block; }

/* ── Panel headings ── */
.panel-title {
  font-size: clamp(1rem, 2.5vw, 1.3rem); font-weight: 800;
  margin: 1.25rem 0 .4rem; color: var(--c-text);
}
.panel-intro {
  font-size: .85rem; color: var(--c-muted); margin-bottom: 1rem;
  line-height: 1.6; max-width: 80ch;
}

/* ═══════════════════════════════════════
   FILTER BAR
═══════════════════════════════════════ */
.filter-bar {
  display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
  padding: .75rem 1rem; background: var(--c-surface);
  border: 1px solid var(--c-border); border-radius: var(--radius) var(--radius) 0 0;
  border-bottom: none; font-size: .83rem;
}
.filter-bar label { font-weight: 600; color: var(--c-muted); cursor: pointer; }
.filter-select, .filter-input {
  padding: .35rem .7rem; border: 1.5px solid var(--c-border);
  border-radius: var(--radius-sm); font-size: .82rem; font-family: inherit;
  background: var(--c-bg); cursor: pointer; transition: border-color .18s;
}
.filter-select:focus, .filter-input:focus {
  outline: none; border-color: var(--c-primary);
}
.filter-group { display: flex; align-items: center; gap: .4rem; }
.filter-divider { width: 1px; height: 20px; background: var(--c-border); }

/* ═══════════════════════════════════════
   TABLE META BAR
═══════════════════════════════════════ */
.table-meta-bar {
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: .5rem;
  padding: .5rem 1rem; background: var(--c-bg);
  border: 1px solid var(--c-border); border-top: none; border-bottom: none;
  font-size: .76rem; color: var(--c-muted);
}
.table-meta-bar strong { color: var(--c-text); }

/* ═══════════════════════════════════════
   TABLE
═══════════════════════════════════════ */
.table-scroll {
  overflow-x: auto;
  border: 1px solid var(--c-border); border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: var(--shadow);
}
.compare-table {
  width: 100%; border-collapse: collapse;
  background: var(--c-surface); font-size: .86rem;
  min-width: 700px;
}
.compare-table--sm { min-width: 0; }

.compare-table th {
  background: #f1f5f9; padding: .7rem 1rem; text-align: left;
  font-size: .7rem; text-transform: uppercase; letter-spacing: .07em;
  color: var(--c-muted); border-bottom: 1.5px solid var(--c-border);
  white-space: nowrap; font-weight: 700;
}
.compare-table th.col-hl { color: var(--c-primary); }
.compare-table td {
  padding: .85rem 1rem; border-bottom: 1px solid var(--c-border);
  vertical-align: middle;
}
.compare-table tbody tr:last-child td { border-bottom: none; }
.compare-table tbody tr { transition: background .12s; cursor: pointer; }
.compare-table tbody tr:hover td { background: #f8fafc; }
.compare-table tbody tr.row--best td { background: var(--c-best-row); }
.compare-table tbody tr.row--best:hover td { background: var(--c-best-row-h); }

/* Entity badge */
.ent {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 5px;
  font-size: .62rem; font-weight: 800; margin-right: .45rem;
  vertical-align: middle; flex-shrink: 0; color: #fff;
}
.ent-name { font-weight: 600; }
.ent-cell  { display: flex; align-items: center; gap: 0; }

/* Rate cell */
.rate-cell { font-weight: 700; font-size: .95rem; white-space: nowrap; }
.rate-cell--top { color: var(--c-primary); }

/* Badges */
.badge {
  display: inline-block; font-size: .65rem; font-weight: 700;
  padding: .1rem .45rem; border-radius: 100px; margin-left: .4rem;
  vertical-align: middle; white-space: nowrap;
}
.badge--green  { background: var(--c-primary); color: #fff; }
.badge--orange { background: var(--c-accent); color: #fff; }
.badge--blue   { background: #3b82f6; color: #fff; }
.badge--gray   { background: #e2e8f0; color: #475569; }

/* Check / Cross */
.check { color: var(--c-primary); font-weight: 700; }
.cross  { color: #ef4444; font-weight: 700; }

/* Action cell */
.action-cell { display: flex; gap: .4rem; align-items: center; white-space: nowrap; }

/* Empty state */
.empty-state {
  text-align: center; padding: 3rem 1rem;
  color: var(--c-muted); font-size: .9rem;
}

/* Disclaimer */
.disclaimer {
  margin-top: 1rem; font-size: .73rem; color: var(--c-muted);
  line-height: 1.6; padding: 0 .25rem;
}

/* ═══════════════════════════════════════
   ARTICLES (long-tail SEO content)
═══════════════════════════════════════ */
.articles-wrapper {
  background: var(--c-surface);
  border-top: 2px solid var(--c-border);
  padding: 3rem 0;
}

.seo-article {
  max-width: 72ch;
  margin: 0 auto 3.5rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--c-border);
}
.seo-article:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.seo-article h2 {
  font-size: clamp(1.2rem, 3vw, 1.6rem); font-weight: 800;
  color: var(--c-text); margin-bottom: 1rem; line-height: 1.3;
}
.seo-article h3 {
  font-size: 1rem; font-weight: 700;
  color: var(--c-text); margin: 1.5rem 0 .6rem;
}
.seo-article p {
  font-size: .9rem; line-height: 1.75; color: #334155;
  margin-bottom: .85rem;
}
.seo-article ul {
  margin: .5rem 0 .85rem 1.25rem;
  display: flex; flex-direction: column; gap: .5rem;
}
.seo-article ul li {
  font-size: .9rem; line-height: 1.65; color: #334155;
}
.seo-article strong { color: var(--c-text); }
.seo-article em { color: var(--c-muted); font-style: italic; }
.seo-article .table-scroll { margin: 1rem 0; border-radius: var(--radius); }

.article-cta-inline {
  margin-top: 1.75rem; text-align: center;
}
.article-cta-inline .btn--primary {
  padding: .6rem 1.5rem; font-size: .9rem;
}

/* ═══════════════════════════════════════
   FAQ
═══════════════════════════════════════ */
#faq {
  background: var(--c-bg);
  padding: 2.5rem 0 3.5rem;
  border-top: 2px solid var(--c-border);
}

.faq__inner h2 {
  font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 800;
  margin-bottom: 1.5rem; color: var(--c-text);
}

.faq__list {
  display: flex; flex-direction: column; gap: .6rem;
  max-width: 72ch;
}

.faq__item {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: box-shadow .2s, border-color .2s;
}
.faq__item:hover { box-shadow: var(--shadow-md); }
.faq__item[open] { border-color: var(--c-primary); }

.faq__item summary {
  padding: .9rem 1.25rem;
  font-weight: 600; font-size: .9rem;
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center;
  gap: .75rem; color: var(--c-text);
  user-select: none;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: '+'; flex-shrink: 0;
  font-size: 1.15rem; font-weight: 700; line-height: 1;
  color: var(--c-primary);
  transition: transform .2s;
}
.faq__item[open] summary::after { content: '−'; }

.faq__item > p {
  padding: 0 1.25rem 1rem;
  font-size: .875rem; line-height: 1.7; color: #334155;
}
.faq__item > p a { color: var(--c-primary); text-decoration: underline; }

/* ═══════════════════════════════════════
   MODAL
═══════════════════════════════════════ */
.modal-overlay {
  position: fixed; inset: 0; z-index: 500;
  background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
  padding: 1rem;
  opacity: 0; pointer-events: none; transition: opacity .25s;
}
.modal-overlay.open { opacity: 1; pointer-events: all; }

.modal {
  background: var(--c-surface); border-radius: var(--radius);
  max-width: 600px; width: 100%; max-height: 88vh; overflow-y: auto;
  box-shadow: var(--shadow-lg);
  transform: translateY(16px); transition: transform .25s;
  position: relative;
}
.modal-overlay.open .modal { transform: translateY(0); }

.modal__close {
  position: sticky; top: 0; float: right;
  margin: 1rem 1rem 0 0; z-index: 10;
  background: var(--c-bg); border: 1.5px solid var(--c-border);
  border-radius: 50%; width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: .85rem; color: var(--c-muted);
  transition: background .15s, color .15s;
}
.modal__close:hover { background: #fee2e2; color: #ef4444; border-color: #ef4444; }

.modal__body { padding: 1.5rem 1.75rem 2rem; }

.modal-header { display: flex; align-items: center; gap: .85rem; margin-bottom: 1.5rem; }
.modal-ent-badge {
  width: 48px; height: 48px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; font-weight: 800; color: #fff;
}
.modal-ent-name { font-size: .82rem; color: var(--c-muted); }
.modal-product-name { font-size: 1.15rem; font-weight: 800; line-height: 1.2; }

.modal-kpis {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: .75rem; margin-bottom: 1.5rem;
}
.modal-kpi {
  background: var(--c-bg); border: 1.5px solid var(--c-border);
  border-radius: var(--radius-sm); padding: .75rem 1rem; text-align: center;
}
.modal-kpi.kpi--highlight { background: var(--c-primary-light); border-color: var(--c-primary); }
.modal-kpi__label { font-size: .68rem; text-transform: uppercase; letter-spacing: .07em; color: var(--c-muted); font-weight: 700; margin-bottom: .25rem; }
.modal-kpi__value { font-size: 1.1rem; font-weight: 800; color: var(--c-text); }
.modal-kpi.kpi--highlight .modal-kpi__value { color: var(--c-primary); }

.modal-section { margin-bottom: 1.25rem; }
.modal-section h4 {
  font-size: .75rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--c-muted); font-weight: 700; margin-bottom: .5rem;
  padding-bottom: .35rem; border-bottom: 1px solid var(--c-border);
}
.modal-section ul { list-style: none; display: flex; flex-direction: column; gap: .35rem; }
.modal-section ul li {
  display: flex; align-items: flex-start; gap: .5rem;
  font-size: .86rem; line-height: 1.5;
}
.modal-section ul li::before { content: '·'; color: var(--c-primary); font-weight: 700; flex-shrink: 0; margin-top: .1rem; }
.modal-section p { font-size: .84rem; color: var(--c-muted); line-height: 1.65; }

.modal-note {
  background: #fefce8; border: 1px solid #fde047;
  border-radius: var(--radius-sm); padding: .75rem 1rem;
  font-size: .8rem; color: #713f12; line-height: 1.55;
  margin-bottom: 1.25rem;
}
.modal-note strong { color: #92400e; }

.modal-cta {
  display: flex; gap: .75rem; align-items: center; flex-wrap: wrap;
  padding-top: .75rem; border-top: 1px solid var(--c-border);
}
.modal-cta a.btn--accent { font-size: .9rem; padding: .65rem 1.4rem; }
.modal-source { font-size: .72rem; color: var(--c-muted); }
.modal-source a { color: var(--c-primary); text-decoration: underline; }

/* ═══════════════════════════════════════
   SIMULADOR (slide-in panel)
═══════════════════════════════════════ */
.sim-backdrop {
  position: fixed; inset: 0; z-index: 299;
  background: rgba(0,0,0,.35);
  opacity: 0; pointer-events: none; transition: opacity .25s;
}
.sim-backdrop.open { opacity: 1; pointer-events: all; }

.sim-panel {
  position: fixed; right: 0; top: 0; bottom: 0;
  width: min(420px, 100vw); z-index: 300;
  background: var(--c-surface); box-shadow: var(--shadow-lg);
  display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .3s cubic-bezier(.4,0,.2,1);
  overflow: hidden;
}
.sim-panel.open { transform: translateX(0); }

.sim-panel__header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem;
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 1px solid var(--c-border); background: var(--c-hero); color: #fff;
}
.sim-panel__label { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.6); margin-bottom: .2rem; }
.sim-panel__title { font-size: 1rem; font-weight: 700; line-height: 1.3; }
.sim-panel__close {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%; width: 30px; height: 30px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #fff; font-size: .82rem; transition: background .15s;
}
.sim-panel__close:hover { background: rgba(255,255,255,.2); }

.sim-panel__body { flex: 1; overflow-y: auto; padding: 1.25rem; display: flex; flex-direction: column; gap: 1rem; }

.sim-field { display: flex; flex-direction: column; gap: .35rem; }
.sim-field label { font-size: .78rem; font-weight: 600; color: var(--c-muted); }
.sim-field input[type="number"],
.sim-field select {
  padding: .55rem .85rem; border: 1.5px solid var(--c-border);
  border-radius: var(--radius-sm); font-size: .9rem; font-family: inherit;
  background: var(--c-bg); transition: border-color .15s; width: 100%;
}
.sim-field input:focus, .sim-field select:focus { outline: none; border-color: var(--c-primary); }
.sim-field input[type="range"] { width: 100%; accent-color: var(--c-primary); }
.sim-range-value { font-weight: 700; color: var(--c-primary); font-size: .85rem; }

.sim-section-title {
  font-size: .7rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--c-muted); font-weight: 700; padding-bottom: .35rem;
  border-bottom: 1px solid var(--c-border);
}

.sim-results {
  background: var(--c-hero); color: #fff; border-radius: var(--radius);
  padding: 1rem 1.25rem; display: flex; flex-direction: column; gap: .5rem;
}
.sim-result-row {
  display: flex; justify-content: space-between; align-items: center;
  font-size: .85rem; padding: .25rem 0;
}
.sim-result-row + .sim-result-row { border-top: 1px solid rgba(255,255,255,.1); }
.sim-result-row span:first-child { color: rgba(255,255,255,.7); }
.sim-result-row span:last-child  { font-weight: 600; }
.sim-result-row--highlight span:last-child { color: #6ee7b7; font-size: 1rem; font-weight: 800; }
.sim-disclaimer {
  font-size: .72rem; color: var(--c-muted); line-height: 1.55;
  padding: .5rem .75rem; background: var(--c-bg); border-radius: var(--radius-sm);
  border: 1px solid var(--c-border);
}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
.footer {
  background: #0f172a; color: rgba(255,255,255,.5);
}

.footer__inner {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr;
  gap: 2.5rem; padding: 2.5rem var(--pad);
  max-width: var(--max-w); margin: 0 auto;
}

.footer__logo {
  font-size: 1.1rem; font-weight: 800;
  color: #fff; margin-bottom: .5rem;
}
.footer__inner > div > p {
  font-size: .78rem; line-height: 1.75; color: rgba(255,255,255,.45);
}

.footer__nav {
  display: flex; flex-direction: column; gap: .45rem;
}
.footer__nav strong {
  font-size: .7rem; text-transform: uppercase; letter-spacing: .08em;
  color: rgba(255,255,255,.35); margin-bottom: .2rem; display: block;
}
.footer__nav a {
  font-size: .82rem; color: rgba(255,255,255,.55);
  transition: color .15s;
}
.footer__nav a:hover { color: #fff; }

.footer__bottom {
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer__bottom > div {
  max-width: var(--max-w); margin: 0 auto;
  padding: 1rem var(--pad);
}
.footer__bottom p {
  font-size: .72rem; line-height: 1.7; color: rgba(255,255,255,.3);
}
.footer__bottom strong { color: rgba(255,255,255,.5); }

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 900px) {
  .nav__links { display: none; }
  .footer__inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  body { font-size: 14px; }
  .nav__sources { display: none; }
  .page-head { flex-direction: column; gap: .5rem; }
  .tabs { gap: .25rem; }
  .tab { font-size: .78rem; padding: .5rem .75rem; }
  .filter-bar { padding: .6rem .75rem; }
  .compare-table th, .compare-table td { padding: .65rem .75rem; }
  .modal { max-height: 92vh; }
  .modal__body { padding: 1rem 1.25rem 1.5rem; }
  .modal-kpis { grid-template-columns: 1fr 1fr; }
  .footer__inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .seo-article { max-width: 100%; }
  .faq__list { max-width: 100%; }
  .table-meta-bar { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 400px) {
  .sim-panel { width: 100vw; }
}

/* SEO/GEO pages */
.seo-hero{padding:7.5rem 0 3rem;background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);border-bottom:1px solid var(--c-border)}
.seo-hero h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.05;margin:.4rem 0 1rem;color:var(--c-text)}
.seo-hero__sub{max-width:850px;font-size:1.18rem;color:var(--c-muted);line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--c-primary);font-weight:800;font-size:.8rem}.last-reviewed{margin-top:1rem;color:var(--c-muted);font-size:.95rem}.section-pad{padding:3rem 0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.seo-card{display:block;background:#fff;border:1px solid var(--c-border);border-radius:1.25rem;padding:1.25rem;text-decoration:none;color:inherit;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}.seo-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.1)}.seo-card h2{font-size:1.25rem;margin:0 0 .45rem}.seo-card p{color:var(--c-muted);margin:0;line-height:1.55}.trust-box,.note-box,.calc-box{background:#fff;border:1px solid var(--c-border);border-radius:1.25rem;padding:1.25rem;margin:1.25rem 0;box-shadow:0 12px 30px rgba(15,23,42,.05)}.trust-box h2{font-size:1.25rem;margin-top:0}.trust-box ul{margin-bottom:0}.seo-table th,.seo-table td{vertical-align:top}.seo-article{max-width:940px;margin:2rem 0 0}.seo-article h2{margin-top:2rem}.seo-article p,.seo-article li,.legal-content p,.legal-content li{line-height:1.75;color:var(--c-text)}.legal-content{max-width:940px}.legal-content h2{margin-top:2rem}.calc-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.calc-box label{display:grid;gap:.35rem;font-weight:700;color:var(--c-text)}.calc-box input{border:1px solid var(--c-border);border-radius:.75rem;padding:.8rem;font:inherit}.calc-box .note-box{grid-column:1/-1;margin:0;background:#f8fafc}.footer__nav a{display:block}
@media (max-width:720px){.seo-hero{padding-top:6rem}.section-pad{padding:2rem 0}.compare-table{min-width:760px}}

/* Ajustes SEO/GEO solicitados */
.seo-hero{padding:3.25rem 0 2.25rem;background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);border-bottom:1px solid var(--c-border)}
.seo-hero--compact{padding:3rem 0 2rem}
.seo-hero h1{font-size:clamp(2rem,4vw,3.65rem);line-height:1.05;margin:.35rem 0 .85rem;color:var(--c-text)}
.section-pad{padding:2.25rem 0}.section-pad--tight{padding:1.35rem 0}
.quick-nav{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-top:1rem;margin-bottom:.25rem}
.quick-nav__link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);background:#fff;border-radius:999px;padding:.48rem .9rem;color:var(--c-muted);font-size:.84rem;font-weight:700;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.quick-nav__link:hover,.quick-nav__link.is-active{border-color:var(--c-primary);background:var(--c-primary-light);color:var(--c-primary-dark)}
.trust-box--compact{margin:.75rem 0 1.25rem;padding:1rem 1.1rem}.trust-box--compact h2{font-size:1.15rem}.trust-box--compact p,.trust-box--compact li{font-size:.92rem;line-height:1.55}
.note-box--small{margin:1rem 0;padding:1rem;font-size:.92rem}
.enhanced-table{min-width:980px}.enhanced-table tbody tr{cursor:default}.enhanced-table tbody tr:hover td{background:#f8fafc}
.entity-cell{min-width:155px}.bank-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-right:.55rem;background:var(--logo-color,#64748b);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.02em;box-shadow:inset 0 -8px 16px rgba(0,0,0,.12)}
.product-link{color:var(--c-primary-dark);font-weight:800;text-decoration:none}.product-link:hover{text-decoration:underline}.action-cell{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.results-count{margin-left:auto;color:var(--c-muted);font-weight:800;font-size:.8rem}.filter-bar label{display:inline-flex;align-items:center;gap:.45rem}.filter-bar select{padding:.42rem .7rem;border:1px solid var(--c-border);border-radius:.65rem;background:#fff;font:inherit;color:var(--c-text)}
.details-list{display:grid;gap:1rem}.product-detail{scroll-margin-top:82px;background:#fff;border:1px solid var(--c-border);border-radius:1.25rem;padding:1.2rem;box-shadow:0 12px 30px rgba(15,23,42,.05)}.product-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.product-detail h3{display:flex;align-items:center;gap:.25rem;margin:0;font-size:1.15rem}.product-detail p{color:#334155;line-height:1.7}.spec-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem 1rem;margin:.95rem 0;padding:1rem;background:#f8fafc;border:1px solid var(--c-border);border-radius:1rem}.spec-list dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);font-weight:900}.spec-list dd{font-weight:700;color:var(--c-text)}.detail-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.detail-columns h4{font-size:.9rem;margin:.35rem 0}.detail-columns ul{margin-left:1.15rem;color:#334155}.source-line{font-size:.82rem;color:var(--c-muted);border-top:1px solid var(--c-border);padding-top:.8rem;margin-top:.85rem}.source-line a{color:var(--c-primary);text-decoration:underline}
@media(max-width:720px){.seo-hero,.seo-hero--compact{padding:2.25rem 0 1.5rem}.section-pad,.section-pad--tight{padding:1.3rem 0}.quick-nav{margin-top:.75rem}.quick-nav__link{font-size:.78rem;padding:.42rem .72rem}.enhanced-table{min-width:900px}.results-count{width:100%;margin-left:0}}

/* Ajustes solicitados: simulador, cajas informativas y navegación */
.nav__links a[href$="simulador-depositos/index.html"]{display:inline-flex}
.trust-box,.note-box,.calc-box{padding-left:1.55rem;padding-right:1.55rem}
.trust-box ul{padding-left:1.35rem;margin-left:.15rem}
.calc-box{grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) minmax(160px,1fr) minmax(180px,.9fr);column-gap:1.35rem;row-gap:1rem}
.calc-box .btn{justify-self:start;min-width:180px;margin-left:.8rem}
.calc-box input[type="text"],.calc-box input[type="number"]{width:100%}
.calc-box .note-box{padding:1.25rem 1.55rem}
@media(max-width:900px){.calc-box{grid-template-columns:1fr 1fr}.calc-box .btn{margin-left:0;justify-self:stretch;width:100%}}
@media(max-width:560px){.calc-box{grid-template-columns:1fr}.trust-box,.note-box,.calc-box{padding-left:1.15rem;padding-right:1.15rem}}


/* Future ad slots */
.ad-slot{
  display:none;
  position:relative;
  width:100%;
  max-width:970px;
  margin-left:auto;
  margin-right:auto;
  border:1px dashed #cbd5e1;
  border-radius:1rem;
  background:rgba(255,255,255,.72);
  color:#64748b;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.ads-preview .ad-slot,
.ads-enabled .ad-slot{display:flex;}
.ad-slot--leaderboard{min-height:90px;margin-top:1rem;margin-bottom:.75rem;}
.ad-slot--incontent{min-height:120px;margin-top:1.25rem;margin-bottom:1.25rem;}
.ad-slot--footer{min-height:90px;margin-top:2rem;margin-bottom:0;}
.ad-slot__label{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#94a3b8;
}
.ad-slot__label::before{content:"AD";font-size:.68rem;border:1px solid #cbd5e1;border-radius:.35rem;padding:.08rem .28rem;color:#94a3b8;}
@media(max-width:720px){
  .ad-slot--leaderboard,.ad-slot--footer{min-height:100px;}
  .ad-slot--incontent{min-height:140px;}
}

/* Cookie consent banner */
.cookie-consent{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:1rem;
  background:rgba(15,23,42,.36);
  backdrop-filter:blur(4px);
}
.cookie-consent__panel{
  width:min(1040px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:1rem 1.25rem;
  padding:1.15rem 1.25rem;
  border:1px solid var(--c-border);
  border-radius:1.35rem;
  background:#fff;
  box-shadow:0 24px 80px rgba(15,23,42,.22);
}
.cookie-consent__eyebrow{
  margin:0 0 .25rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:900;
  color:var(--c-primary);
}
.cookie-consent h2{margin:0 0 .35rem;font-size:1.25rem;color:var(--c-text)}
.cookie-consent p{margin:.25rem 0;color:#334155;line-height:1.55;font-size:.92rem}
.cookie-consent__note{font-size:.82rem!important;color:var(--c-muted)!important}
.cookie-consent__settings{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.7rem;
  padding:.85rem;
  border:1px solid var(--c-border);
  border-radius:1rem;
  background:#f8fafc;
}
.cookie-consent__settings[hidden]{display:none}
.cookie-consent__settings label{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  font-weight:800;
  color:var(--c-text);
}
.cookie-consent__settings span{display:block;font-weight:500;font-size:.78rem;color:var(--c-muted)}
.cookie-consent__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex-wrap:wrap;
}
.cookie-consent__actions .btn{min-height:40px;white-space:nowrap}
.cookie-consent__link{grid-column:1/-1;font-size:.82rem;color:var(--c-primary-dark);font-weight:800;text-decoration:underline;width:max-content}
.cookie-consent--closing{opacity:0;transition:opacity .18s ease}
@media(max-width:760px){
  .cookie-consent{align-items:stretch;padding:.7rem}
  .cookie-consent__panel{grid-template-columns:1fr;align-self:flex-end;max-height:92vh;overflow:auto;padding:1rem}
  .cookie-consent__actions{justify-content:stretch}
  .cookie-consent__actions .btn{flex:1 1 145px}
}