/* =================================================================
   PNA Argentina Guía — hoja de estilos principal
   Paleta: tinta nocturna + oro templado + celeste rioplatense.
   Tipografía: Sora (display) / Inter (texto).
   ================================================================= */

:root{
  --ink-900:#070B16;
  --ink-850:#0A1020;
  --ink-800:#0E1526;
  --ink-700:#16203A;
  --ink-600:#222F4F;

  --sun:#F2B33D;
  --sun-deep:#D0912A;
  --celeste:#7FC3E8;
  --celeste-deep:#3E8FBC;

  --paper:#FFFFFF;
  --paper-2:#F4F6FA;
  --paper-3:#E7ECF4;

  --text:#E9EDF6;
  --text-muted:#9AA7C0;
  --text-dark:#131A2B;
  --text-dark-muted:#55617A;

  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.20);
  --line-dark:#DDE3EE;

  --ok:#2FA37A;
  --ok-soft:#E4F5EE;
  --warn-soft:#FBF1DC;
  --warn-deep:#8A6410;

  --r-sm:10px;
  --r-md:16px;
  --r-lg:24px;
  --r-pill:999px;

  --shadow-card:0 24px 60px -30px rgba(0,0,0,.75);
  --shadow-lift:0 30px 70px -32px rgba(0,0,0,.85);

  --font-display:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --maxw:1180px;
  --maxw-narrow:820px;
  --pad:clamp(1.15rem,4vw,2rem);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.68;
  color:var(--text);
  background-color:var(--ink-900);
  background-image:
    radial-gradient(900px 480px at 82% -8%, rgba(242,179,61,.16), transparent 62%),
    radial-gradient(760px 520px at 6% 4%, rgba(62,143,188,.16), transparent 60%);
  background-repeat:no-repeat;
  -webkit-font-smoothing:antialiased;
}

[hidden]{display:none !important;}

img{max-width:100%;height:auto;display:block;}
svg{display:block;}

a{color:var(--celeste);text-decoration:none;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4{font-family:var(--font-display);line-height:1.16;margin:0 0 .6em;letter-spacing:-.02em;}
p{margin:0 0 1.05em;}
ul,ol{margin:0 0 1.2em;padding-left:1.15rem;}
li{margin-bottom:.4em;}

:focus-visible{
  outline:3px solid var(--sun);
  outline-offset:3px;
  border-radius:4px;
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--sun);color:var(--ink-900);
  padding:.7rem 1.1rem;font-weight:600;border-radius:0 0 var(--r-sm) 0;
}
.skip-link:focus{left:0;}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);}
.wrap--narrow{max-width:var(--maxw-narrow);}

.section{padding-block:clamp(3rem,7vw,5.5rem);}
.section--tight{padding-block:clamp(2.2rem,5vw,3.5rem);}
.section--panel{
  background:linear-gradient(180deg,rgba(22,32,58,.72),rgba(10,16,32,.72));
  border-block:1px solid var(--line);
}

.eyebrow{
  font-family:var(--font-display);
  font-size:.76rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sun);margin:0 0 .7rem;
}

.h1{font-size:clamp(2.05rem,5.4vw,3.5rem);font-weight:700;}
.h2{font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:600;}
.h3{font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:600;}
.lede{font-size:clamp(1.02rem,1.5vw,1.16rem);color:var(--text-muted);}

.prose{max-width:70ch;}
.prose h2{margin-top:2.4rem;}
.prose h3{margin-top:1.9rem;font-size:1.12rem;}
.prose li{color:var(--text-muted);}
.prose p{color:var(--text-muted);}
.prose strong{color:var(--text);}

/* ---------- Barra +18 ---------- */
.agebar{
  background:var(--ink-850);
  border-bottom:1px solid var(--line);
  color:var(--text-muted);
  font-size:.8rem;
  display:flex;gap:.6rem;align-items:center;justify-content:center;
  padding:.5rem var(--pad);
  text-align:center;
}
.agebar__pill{
  background:var(--sun);color:var(--ink-900);
  font-weight:700;font-size:.72rem;
  padding:.1rem .5rem;border-radius:var(--r-pill);
  flex:none;
}

/* ---------- Header / nav ---------- */
.siteheader{
  position:sticky;top:0;z-index:60;
  background:rgba(7,11,22,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.siteheader__inner{
  display:flex;align-items:center;gap:1rem;
  min-height:70px;
}

.logo{display:flex;align-items:center;gap:.65rem;color:var(--sun);text-decoration:none;flex:none;}
.logo:hover{text-decoration:none;}
.logo__mark{display:block;color:var(--sun);}
.logo__text{
  font-family:var(--font-display);font-size:.98rem;font-weight:500;
  color:var(--text);display:flex;flex-direction:column;line-height:1.2;
}
.logo__text strong{font-weight:700;letter-spacing:.02em;}
.logo__text em{
  font-style:normal;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-muted);margin-top:.15rem;
}

.nav{margin-left:auto;display:flex;align-items:center;gap:1.4rem;}
.nav__list{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0;}
.nav__list li{margin:0;}
.nav__link{
  color:var(--text-muted);font-size:.9rem;font-weight:500;
  padding:.35rem 0;display:inline-block;border-bottom:2px solid transparent;
}
.nav__link:hover{color:var(--text);text-decoration:none;}
.nav__link.is-current{color:var(--text);border-bottom-color:var(--sun);}

.navtoggle{
  display:none;margin-left:auto;
  width:44px;height:44px;border-radius:var(--r-sm);
  background:transparent;border:1px solid var(--line-strong);
  cursor:pointer;padding:0;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.navtoggle__bar{display:block;width:19px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s;}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(2){opacity:0;}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  font-family:var(--font-display);font-weight:600;font-size:.95rem;
  padding:.85rem 1.5rem;border-radius:var(--r-pill);
  border:1px solid transparent;cursor:pointer;
  text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
  line-height:1.2;text-align:center;
}
.btn:hover{text-decoration:none;transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn--accent{
  background:linear-gradient(180deg,var(--sun),var(--sun-deep));
  color:var(--ink-900);
  box-shadow:0 12px 28px -14px rgba(242,179,61,.85);
}
.btn--accent:hover{background:linear-gradient(180deg,#F7C05B,var(--sun));}
.btn--outline{
  background:transparent;color:var(--text);border-color:var(--line-strong);
}
.btn--outline:hover{border-color:var(--sun);color:var(--sun);}
.btn--ghost{background:rgba(255,255,255,.06);color:var(--text);border-color:var(--line);}
.btn--ghost:hover{background:rgba(255,255,255,.12);}
.btn--sm{padding:.6rem 1.05rem;font-size:.85rem;}
.btn--block{width:100%;}
.btn--dark{background:var(--ink-800);color:var(--text);}

/* ---------- Chips / badges ---------- */
.chip{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.72rem;font-weight:600;letter-spacing:.04em;
  padding:.3rem .7rem;border-radius:var(--r-pill);
  white-space:nowrap;
}
.chip--ok{background:var(--ok-soft);color:#186B4E;}
.chip--pending{background:var(--warn-soft);color:var(--warn-deep);}
.chip--dark{background:rgba(255,255,255,.08);color:var(--text-muted);border:1px solid var(--line);}

/* ---------- HERO ---------- */
.hero{
  position:relative;overflow:hidden;
  padding-block:clamp(3rem,8vw,6rem);
  border-bottom:1px solid var(--line);
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14px);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 72%);
}
.hero__inner{position:relative;z-index:1;display:grid;gap:clamp(2rem,4vw,3.4rem);align-items:center;}
.hero h1{margin-bottom:.5em;}
.hero .lede{max-width:56ch;}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;}
.hero__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;}

/* Ficha de jurisdicción — elemento distintivo del sitio */
.jurisdiction{
  background:linear-gradient(180deg,rgba(22,32,58,.95),rgba(10,16,32,.95));
  border:1px solid var(--line-strong);
  border-radius:var(--r-lg);
  padding:clamp(1.3rem,3vw,1.9rem);
  box-shadow:var(--shadow-card);
}
.jurisdiction__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-bottom:.85rem;margin-bottom:.85rem;border-bottom:1px dashed var(--line-strong);
}
.jurisdiction__label{
  font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sun);
}
.jurisdiction__list{list-style:none;margin:0;padding:0;}
.jurisdiction__list li{
  display:flex;justify-content:space-between;gap:1rem;
  padding:.6rem 0;border-bottom:1px solid var(--line);
  font-size:.9rem;
}
.jurisdiction__list li:last-child{border-bottom:0;}
.jurisdiction__list dt,.jurisdiction__list span:first-child{color:var(--text-muted);}
.jurisdiction__list strong{font-weight:600;color:var(--text);text-align:right;}
.jurisdiction__foot{margin:1rem 0 0;font-size:.78rem;color:var(--text-muted);}

/* ---------- Sello de revisión (firma visual) ---------- */
.stamp{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;letter-spacing:.04em;color:var(--text-dark-muted);
  border-top:1px dashed var(--line-dark);
  margin:1.1rem 0 0;padding-top:.8rem;width:100%;
}
.stamp__dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--sun);box-shadow:0 0 0 3px rgba(242,179,61,.22);flex:none;
}
.stamp--dark{color:var(--text-muted);border-top-color:var(--line);}

/* ---------- Tarjetas ---------- */
.card{
  background:var(--paper);color:var(--text-dark);
  border-radius:var(--r-lg);
  padding:clamp(1.3rem,2.6vw,1.75rem);
  box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;
}
.card a:not(.btn){color:var(--celeste-deep);}

.grid{display:grid;gap:clamp(1rem,2.4vw,1.5rem);}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}

/* ---------- Tarjeta de oferta ---------- */
.offer__top{display:flex;align-items:flex-start;gap:.8rem;flex-wrap:wrap;}
.offer__rank{
  font-family:var(--font-display);font-weight:700;font-size:.82rem;
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink-800);color:var(--sun);flex:none;
}
.offer__brandbox{display:flex;align-items:center;gap:.7rem;margin-right:auto;}
.offer__logo{flex:none;}
.offer__brand{font-size:1.15rem;margin:0;color:var(--text-dark);}
.offer__category{margin:0;font-size:.82rem;color:var(--text-dark-muted);}

.offer__bonus{
  margin-top:1.15rem;padding:1rem 1.1rem;
  background:var(--paper-2);border:1px solid var(--line-dark);
  border-radius:var(--r-md);
}
.offer__bonuslabel{
  font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--text-dark-muted);
}
.offer__bonusvalue{
  font-family:var(--font-display);font-size:1.22rem;font-weight:600;
  color:var(--text-dark);margin:.25rem 0 .2rem;line-height:1.3;
}
.offer__bonusnote{margin:0;font-size:.8rem;color:var(--text-dark-muted);}

.offer__summary{margin-top:1.1rem;font-size:.92rem;color:var(--text-dark-muted);}

.offer__features{list-style:none;padding:0;margin:.2rem 0 1.2rem;}
.offer__features li{
  position:relative;padding-left:1.5rem;font-size:.9rem;color:var(--text-dark);
  margin-bottom:.5rem;
}
.offer__features li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:9px;height:9px;border-radius:2px;
  background:var(--sun);transform:rotate(45deg);
}

.offer__actions{margin-top:auto;}
.offer__terms{margin:.85rem 0 0;font-size:.76rem;line-height:1.55;color:var(--text-dark-muted);}

/* ---------- Tabla comparativa ---------- */
.tablewrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:rgba(10,16,32,.6);
  -webkit-overflow-scrolling:touch;
}
.tablewrap__hint{font-size:.78rem;color:var(--text-muted);margin:.6rem 0 0;}
.ctable{border-collapse:collapse;width:100%;min-width:720px;font-size:.9rem;}
.ctable th,.ctable td{
  padding:.85rem 1rem;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line);
}
.ctable thead th{
  font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sun);
  background:rgba(22,32,58,.9);
  position:sticky;top:0;
}
.ctable tbody th{color:var(--text);font-weight:600;background:rgba(22,32,58,.45);}
.ctable td{color:var(--text-muted);}
.ctable tbody tr:last-child th,.ctable tbody tr:last-child td{border-bottom:0;}
.ctable__ctarow td{padding-block:1rem;}

/* ---------- Bloques informativos ---------- */
.notecard{
  background:rgba(22,32,58,.6);
  border:1px solid var(--line);
  border-left:3px solid var(--sun);
  border-radius:var(--r-md);
  padding:1.1rem 1.3rem;
}
.notecard p:last-child{margin-bottom:0;}
.notecard--celeste{border-left-color:var(--celeste);}

.featlist{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem;}
.featlist h3{margin-bottom:.35rem;font-size:1.05rem;}
.featlist p{margin:0;color:var(--text-muted);font-size:.94rem;}
.featlist li{
  padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(14,21,38,.55);margin:0;
}

/* ---------- Acordeón FAQ ---------- */
.accordion{border-top:1px solid var(--line);}
.accordion__item{border-bottom:1px solid var(--line);}
.accordion__heading{margin:0;font-size:1rem;}
.accordion__trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  background:none;border:0;cursor:pointer;
  padding:1.1rem 0;text-align:left;
  font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text);
}
.accordion__trigger:hover{color:var(--sun);}
.accordion__icon{
  position:relative;width:16px;height:16px;flex:none;
}
.accordion__icon::before,.accordion__icon::after{
  content:"";position:absolute;background:var(--sun);border-radius:2px;
  transition:transform .2s ease;
}
.accordion__icon::before{top:7px;left:0;width:16px;height:2px;}
.accordion__icon::after{left:7px;top:0;width:2px;height:16px;}
.accordion__trigger[aria-expanded="true"] .accordion__icon::after{transform:scaleY(0);}
.accordion__panel{padding:0 0 1.2rem;max-width:70ch;}
.accordion__panel p{margin:0;color:var(--text-muted);font-size:.95rem;}

/* ---------- Formularios ---------- */
.form{display:grid;gap:1.1rem;max-width:620px;}
.field{display:grid;gap:.4rem;}
.field label{font-size:.88rem;font-weight:500;color:var(--text);}
.field .hint{font-size:.78rem;color:var(--text-muted);}
.field input,.field textarea,.field select{
  font-family:var(--font-body);font-size:1rem;color:var(--text);
  background:rgba(10,16,32,.85);
  border:1px solid var(--line-strong);border-radius:var(--r-sm);
  padding:.8rem .9rem;width:100%;
}
.field input::placeholder,.field textarea::placeholder{color:#6B7793;}
.field input:focus,.field textarea:focus{border-color:var(--sun);}
.field textarea{min-height:170px;resize:vertical;}
.field--error input,.field--error textarea{border-color:#E2725B;}
.field__error{font-size:.8rem;color:#F0917C;margin:0;}

.alert{
  border-radius:var(--r-md);padding:1rem 1.2rem;margin-bottom:1.5rem;
  border:1px solid var(--line);font-size:.92rem;
}
.alert--ok{background:rgba(47,163,122,.12);border-color:rgba(47,163,122,.5);}
.alert--error{background:rgba(226,114,91,.12);border-color:rgba(226,114,91,.5);}
.alert p:last-child{margin-bottom:0;}

/* ---------- Footer ---------- */
.sitefooter{
  background:var(--ink-850);
  border-top:1px solid var(--line);
  padding-block:clamp(2.5rem,5vw,3.5rem) 2rem;
  margin-top:clamp(3rem,7vw,5rem);
  font-size:.9rem;
}
.sitefooter__grid{
  display:grid;gap:2rem;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);
}
.logo__text--footer{font-size:1.05rem;}
.sitefooter__desc{color:var(--text-muted);margin-top:.9rem;max-width:42ch;}
.sitefooter__helpline{color:var(--text-muted);font-size:.85rem;}
.sitefooter__title{
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--sun);margin:0 0 .9rem;
}
.sitefooter__nav ul{list-style:none;margin:0;padding:0;}
.sitefooter__nav li{margin-bottom:.55rem;}
.sitefooter__nav a{color:var(--text-muted);}
.sitefooter__nav a:hover{color:var(--text);}

.sitefooter__disclosure{
  margin-top:2.4rem;padding:1rem 1.2rem;
  background:rgba(242,179,61,.08);
  border:1px solid rgba(242,179,61,.3);
  border-radius:var(--r-md);
  font-size:.85rem;color:var(--text);
}
.sitefooter__disclosure p{margin:0;}

.sitefooter__legal{
  margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid var(--line);
  color:var(--text-muted);font-size:.8rem;
}
.sitefooter__copy{margin:0;}

/* ---------- Cookie bar ---------- */
.cookiebar{
  position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);
  width:min(980px,calc(100% - 1.6rem));z-index:120;
  background:var(--ink-800);
  border:1px solid var(--line-strong);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-lift);
  padding:1.1rem 1.3rem;
}
.cookiebar[hidden]{display:none;}
.cookiebar__inner{display:flex;gap:1.2rem;align-items:flex-start;}
.cookiebar__title{font-size:.95rem;margin:0 0 .3rem;}
.cookiebar__text{margin:0;font-size:.85rem;color:var(--text-muted);}
.cookiebar__options{display:grid;gap:.45rem;margin-top:.9rem;}
.cookiebar__opt{font-size:.85rem;color:var(--text);display:flex;gap:.5rem;align-items:center;}
.cookiebar__actions{display:flex;gap:.6rem;margin-left:auto;flex:none;}

/* ---------- Utilidades ---------- */
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.center{text-align:center;}
.stack > * + *{margin-top:1.1rem;}
.legal-meta{font-size:.82rem;color:var(--text-muted);}