@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/newsreader.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/newsreader-italic.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/public-sans.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plex-mono-500.woff2) format("woff2")}
:root{
  --bg:#FFFEFB; --surface:#FFFFFF; --sunk:#F9F7F3;
  --ink:#1F1B16; --ink-2:#4A433A; --muted:#766D61;
  --line:#ECE6DB; --line-2:#D9D0C1;
  --btn:#1F1B16; --btn-hover:#3B5D56; --on-btn:#FFFFFF;
  --accent:#5E6E3C; --accent-ink:#4F5E30; --accent-soft:#EEF0E0; --on-accent:#FFFFFF;
  --head:#FFFFFF; --head-line:#E8E6DA;
  --tint:#FAF6EE; --tint-line:#EFE7D8; --tint-ink:#7A5B2A;
  --good:#5E6E3C;
  --fm:88%;
  --paper:#FBF8F1; --paper-ink:#2A241C; --paper-line:#D9CFBD;
  --shadow:0 1px 2px rgba(31,27,22,.06),0 8px 24px rgba(31,27,22,.07);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-xs:3px;--r-sm:3px;--r-md:12px;--r-lg:16px;--r-xl:24px;--soft:0 1px 2px rgba(31,27,22,.04),0 10px 30px rgba(31,27,22,.06);
  --glass:rgba(255,255,255,.12);--glass-line:rgba(255,255,255,.55);--glass-hi:rgba(255,255,255,.42);--blob:rgba(31,27,22,.16);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#16130F; --surface:#1E1A15; --sunk:#231F19;
    --ink:#F1ECE3; --ink-2:#CFC6B8; --muted:#9C9283;
    --line:#2E2922; --line-2:#3E372D;
    --btn:#F1ECE3; --btn-hover:#9EC2B9; --on-btn:#16130F;
    --accent:#A9B97E; --accent-ink:#B8C78C; --accent-soft:#262A1B; --on-accent:#16130F;
    --head:#1C1B14; --head-line:#2F2D22;
    --tint:#221D15; --tint-line:#3A3224; --tint-ink:#DCC08C;
    --good:#B8C78C; --fm:30%;
    --paper:#EDE6D8; --paper-ink:#2A241C; --paper-line:#CFC3AE;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
    --glass:rgba(255,255,255,.06);--glass-line:rgba(255,255,255,.14);--glass-hi:rgba(255,255,255,.12);--blob:rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#16130F; --surface:#1E1A15; --sunk:#231F19;
  --ink:#F1ECE3; --ink-2:#CFC6B8; --muted:#9C9283;
  --line:#2E2922; --line-2:#3E372D;
  --btn:#F1ECE3; --btn-hover:#9EC2B9; --on-btn:#16130F;
  --accent:#A9B97E; --accent-ink:#B8C78C; --accent-soft:#262A1B; --on-accent:#16130F;
  --head:#1C1B14; --head-line:#2F2D22;
  --tint:#221D15; --tint-line:#3A3224; --tint-ink:#DCC08C;
  --good:#B8C78C; --fm:30%;
  --paper:#EDE6D8; --paper-ink:#2A241C; --paper-line:#CFC3AE;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
  --glass:rgba(255,255,255,.06);--glass-line:rgba(255,255,255,.14);--glass-hi:rgba(255,255,255,.12);--blob:rgba(0,0,0,.35);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;text-wrap:balance;margin:0}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1160px;margin:0 auto;padding-inline:24px}
@media (max-width:560px){.wrap{padding-inline:16px}}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lede{color:var(--ink-2);max-width:62ch}
.num{font-variant-numeric:tabular-nums}
.headband{background:var(--head)}
.nav{border-bottom:1px solid var(--head-line)}
.nav .wrap{display:flex;align-items:center;gap:28px;min-height:68px}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:22px;font-weight:600;text-decoration:none;letter-spacing:-.01em}
.logo svg{width:26px;height:26px;color:var(--ink);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.logo i{font-weight:400;color:var(--accent-ink)}
.links{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.links a{display:block;padding:8px 12px;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink-2)}
.links a:hover{color:var(--ink);box-shadow:inset 0 -2px 0 var(--line-2)}
.links a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.util{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang,.iconbtn,.support{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 1px 2px rgba(31,27,22,.07),0 4px 14px rgba(31,27,22,.10),inset 0 0 0 1px rgba(255,255,255,.55);border:0}
.lang{display:inline-flex;gap:2px;padding:3px;border-radius:999px}
.lang a,.lang span{display:inline-grid;place-items:center;min-width:40px;height:34px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .2s,color .2s}
.lang a:hover{color:var(--ink)}
.lang [aria-current="true"]{background:var(--btn-hover);color:#fff;box-shadow:0 2px 6px rgba(59,93,86,.35)}
.iconbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background .2s,color .2s,transform .2s}
.iconbtn:hover{background:var(--btn-hover);color:#fff;transform:scale(1.06)}
.iconbtn:active{transform:scale(.96)}
.iconbtn svg{width:18px;height:18px}
.support{font-size:14px;font-weight:600;height:40px;padding:0 18px 0 14px;border-radius:999px;color:var(--ink);text-decoration:none;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.support svg{width:18px;height:18px;flex:none;color:var(--btn-hover);transition:color .2s}
.support:hover{background:var(--btn-hover);color:#fff;transform:translateY(-1px)}
.support:hover svg{color:#fff}
.menu{display:none}
@media (max-width:900px){
  .nav .wrap{flex-wrap:wrap;gap:12px;padding-block:12px}
  .menu{display:grid}
  .links{order:5;width:100%;flex-direction:column;display:none;padding-bottom:8px}
  .links.open{display:flex}
}
@media (max-width:420px){.util{flex-wrap:wrap}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-sm);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;text-align:center}
.btn-primary{background:var(--btn);color:var(--on-btn)}
.btn-primary:hover{background:var(--btn-hover)}
.btn-primary[disabled]{opacity:.35;cursor:not-allowed}
.btn-primary[disabled]:hover{background:var(--btn)}
.btn-secondary{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-secondary:hover{border-color:var(--btn-hover);color:var(--btn-hover);background:var(--sunk)}
.btn-link{min-height:auto;padding:0;background:none;border:0;color:var(--ink-2);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.btn-link:hover{color:var(--btn-hover);text-decoration-color:currentColor}
.btn-block{width:100%}
.pronto{opacity:.55;pointer-events:none}
.trust{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--muted)}
.trust span::before{content:"✓ ";color:var(--good);font-weight:700}
.frame{padding:20px;display:grid;place-items:center;position:relative;border-radius:var(--r-md);isolation:isolate;overflow:hidden;
  background:radial-gradient(90% 70% at 12% 8%,color-mix(in srgb,var(--f) 40%,#fff) 0%,transparent 60%),color-mix(in srgb,var(--f) var(--fm),var(--bg))}
.frame::after{content:"";position:absolute;z-index:-2;width:75%;aspect-ratio:1;right:-18%;bottom:-22%;border-radius:50%;
  background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--f) 70%,#000),transparent 70%);opacity:.5;filter:blur(18px)}
.frame::before{content:"";position:absolute;z-index:-1;inset:10px;border-radius:calc(var(--r-md) - 4px);
  background:linear-gradient(135deg,var(--glass-hi),var(--glass) 30%,var(--glass));
  -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:inset 0 0 0 1px var(--glass-line),inset 0 1px 0 var(--glass-hi),0 6px 20px rgba(31,27,22,.06)}
.frame.sm{padding:12px;border-radius:var(--r-sm) var(--r-sm) 0 0}
.frame.sm::before{inset:6px}
.cover{width:100%;aspect-ratio:2/3;background:var(--paper);color:var(--paper-ink);position:relative;overflow:hidden;border-radius:var(--r-xs);box-shadow:0 1px 0 rgba(0,0,0,.05),0 10px 22px rgba(31,27,22,.22);display:flex;flex-direction:column;justify-content:space-between;padding:12% 11%;text-align:center}
.cover::before{content:"";position:absolute;inset:6%;border:1px solid var(--paper-line);pointer-events:none}
.cover .cs{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#7A6F60;position:relative}
.cover .ct{font-family:var(--serif);font-size:clamp(15px,1.6vw,20px);line-height:1.12;font-weight:500;position:relative}
.cover .cb{font-family:var(--serif);font-style:italic;font-size:11.5px;color:#7A6F60;position:relative}
.cover .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.frame .cover{box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 28px -6px var(--blob),0 4px 8px rgba(31,27,22,.08)}
.frame .cover::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 32%);pointer-events:none;opacity:.7}
.reader .frame .cover,.part .frame .cover{transition:transform .3s}
.reader:hover .frame .cover{transform:translateY(-4px) rotate(-.6deg)}
.f-dq{--f:#E6D4A8}.f-ed{--f:#C9D3B8}.f-ww{--f:#E2BBA6}.f-ti{--f:#C3CDD1}.f-co{--f:#D8CBB4}.f-bu{--f:#D3DBBF}
.f-A1{--f:#D3DBBF}.f-A2{--f:#E6D4A8}.f-B1{--f:#E2BBA6}.f-B2{--f:#CFC4B0}
section{padding-block:72px}
@media (max-width:560px){section{padding-block:48px}}
section,[id]{scroll-margin-top:56px}
.sec-head{display:grid;gap:10px;margin-bottom:32px}
.sec-head h2{font-size:clamp(28px,4vw,38px)}
.hero{padding-block:48px 56px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,64px);line-height:1.05;margin-block:8px 16px}
.hero .lede{font-size:18px}
.hero .trust{margin-top:18px;font-size:13.5px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-deal{align-self:center;font-weight:600;color:var(--ink)}
.fan{position:relative;height:400px;max-width:100%}
.fan .blk{position:absolute;inset:34px 8% 10px 14%;background:color-mix(in srgb,#E6D4A8 var(--fm),var(--bg))}
.fan .cover{position:absolute;width:38%;top:50%;left:50%;transition:transform .3s}
.fan .cover .ct{font-size:clamp(13px,1.4vw,17px)}
.fan .c1{transform:translate(-118%,-46%) rotate(-9deg)}
.fan .c2{transform:translate(-84%,-54%) rotate(-3deg)}
.fan .c3{transform:translate(-18%,-50%) rotate(4deg)}
.fan .c4{transform:translate(18%,-42%) rotate(10deg)}
.fan:hover .c1{transform:translate(-128%,-48%) rotate(-11deg)}
.fan:hover .c4{transform:translate(28%,-40%) rotate(12deg)}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.fan{height:300px}}
@media (max-width:420px){.fan{height:240px}.fan .cover{width:42%}}
.start{margin-top:40px;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--soft)}
.start-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.start-top p{font-size:14.5px;color:var(--ink-2);max-width:70ch}
.start-top strong{color:var(--ink)}
.start-top .btn{white-space:normal;padding-block:8px}
.levels{display:grid;grid-template-columns:repeat(4,1fr)}
.level{padding:18px 20px;border-right:1px solid var(--line);text-decoration:none;display:grid;gap:4px;transition:background .15s}
.level:last-child{border-right:0}
.level:hover{background:var(--accent-soft)}
.level .code{font:500 13px var(--mono);color:var(--accent-ink)}
.level .name{font-family:var(--serif);font-size:19px}
.level .go{font-size:13px;color:var(--muted)}
.level:hover .go{color:var(--accent-ink)}
@media (max-width:760px){.levels{grid-template-columns:1fr 1fr}.level:nth-child(2){border-right:0}.level:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.readers{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.reader{display:grid;gap:12px;align-content:start}
@supports (grid-template-rows:subgrid){
  .reader{grid-row:span 5;grid-template-rows:subgrid;row-gap:12px;align-content:stretch}
  .reader .credit{align-self:start}
  .reader .acts{align-content:start}
}
.reader h3{font-size:20px;line-height:1.2;margin-top:4px}
.reader h3 a{text-decoration:none}
.reader h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.reader .credit{font-size:13.5px;color:var(--muted);font-style:italic;font-family:var(--serif)}
.reader .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reader .audio-incl{flex-basis:100%;font-size:15px;font-weight:700;line-height:1.35;color:var(--accent)}
.reader .audio-incl small{display:block;font-size:13px;font-weight:400;color:var(--muted)}
.lede .solo-aqui{display:block;margin-top:10px;font-size:1.12em;font-weight:700;color:var(--accent)}
.lede .exclusivo{display:block;margin-top:6px;padding:6px 10px;font-size:.88em;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border-radius:6px}
.price{font-weight:700;font-size:17px}
.badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;background:var(--accent);color:var(--on-accent);border-radius:999px}
.frame .badge{position:absolute;top:10px;right:10px;z-index:3}
.reader .acts{display:grid;gap:8px}
.reader .acts .btn-link{justify-self:start;font-size:14px;margin-top:2px}
@media (max-width:980px){.readers{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.readers{grid-template-columns:1fr}}
.pack,.tinted{background:none;border:0;padding-inline:24px;padding-block:28px}
.pack>.wrap,.tinted>.wrap{max-width:1112px;border-radius:var(--r-xl);padding:56px 44px}
.pack>.wrap{background:var(--sunk)}
.tinted>.wrap{background:var(--tint)}
.tinted .eyebrow{color:var(--tint-ink)}
@media (max-width:560px){.pack,.tinted{padding-inline:12px}.pack>.wrap,.tinted>.wrap{padding:36px 18px;border-radius:var(--r-lg)}}
.pack-grid{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
.pack-grid>*{min-width:0}
.picks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pick{border:2px solid transparent;background:var(--surface);padding:0 0 12px;cursor:pointer;display:grid;gap:10px;text-align:left;position:relative;transition:border-color .15s;border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pick:hover{box-shadow:0 0 0 1px var(--line-2),var(--soft)}
.pick[aria-pressed="true"]{border-color:var(--ink);box-shadow:none}
.pick .frame.sm{border-radius:0}
.pick .tick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--surface);border:2px solid var(--line-2);display:grid;place-items:center;z-index:4;color:transparent;font-weight:700;font-size:14px}
.pick[aria-pressed="true"] .tick{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pick .pt,.pick .pp{padding-inline:12px}
.pick .pt{font-weight:600;font-size:14px;line-height:1.3}
.pick .pp{font-size:14px;color:var(--muted)}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}
.seg{display:grid;gap:6px;font-size:12.5px;color:var(--muted)}
.seg i{display:block;height:10px;background:var(--line-2);transition:background .2s;border-radius:999px}
.seg.on i{background:var(--accent)}
.seg.on,.seg.on b{color:var(--accent-ink)}
.seg b{font-weight:600}
.summary{background:var(--surface);padding:22px;display:grid;gap:14px;border-radius:var(--r-lg);box-shadow:var(--soft);position:sticky;top:64px}
.summary h3{font-size:22px}
.rows{display:grid;gap:8px;font-size:15px}
.row{display:flex;justify-content:space-between;gap:12px}
.row.dim{color:var(--muted)}
.row.save{color:var(--good);font-weight:600}
.row.total{border-top:1px solid var(--line);padding-top:10px;font-weight:700;font-size:19px}
.nudge{font-size:14px;padding:10px 12px;background:var(--accent-soft);color:var(--ink);border-left:3px solid var(--accent);border-radius:var(--r-sm)}
.nudge a{color:var(--accent-ink);font-weight:600}
.chosen{font-size:13.5px;color:var(--ink-2);min-height:1.4em}
.aviso{font-size:13.5px;color:var(--ink-2)}
@media (max-width:980px){.pack-grid{grid-template-columns:1fr}.summary{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:5}}
@media (max-width:640px){.picks{grid-template-columns:repeat(2,1fr)}.summary .rows .dim{display:none}}
.offer{background:var(--surface);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--soft)}
.offer>*{min-width:0}
.offer .frame{border-radius:0;min-height:340px;padding:36px}
.offer .body{padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:center}
.offer h3{font-size:26px}
.offer .sub{color:var(--muted);font-size:14.5px}
.offer ul{margin:0;padding-left:18px;color:var(--ink-2);display:grid;gap:4px;font-size:15px}
.offer .acts{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.save-chip{display:inline-block;font-weight:700;font-size:13.5px;padding:4px 10px;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-self:center}
.checks{list-style:none!important;padding-left:0!important}
.checks li{position:relative;padding-left:22px}
.checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--good);font-weight:700}
.offer .flag{position:absolute;top:0;left:0;z-index:3;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:0 0 var(--r-sm) 0}
.single .cover{width:190px}
.single .cover .ct{font-size:20px}
.mini{display:flex;justify-content:center;padding-left:34px}
.mini .cover{flex:none;width:min(96px,12vw);margin-left:-34px;padding:8px}
.mini .cover:nth-child(1){transform:rotate(-8deg) translateY(8px)}
.mini .cover:nth-child(2){transform:rotate(-4deg) translateY(2px)}
.mini .cover:nth-child(3){z-index:2;transform:translateY(-4px)}
.mini .cover:nth-child(4){transform:rotate(4deg) translateY(2px)}
.mini .cover:nth-child(5){transform:rotate(8deg) translateY(8px)}
.mini .cover .ct{font-size:8.5px}
.mini .cover .cs,.mini .cover .cb{display:none}
.bigprice{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bigprice .now{font-family:var(--serif);font-size:44px;font-weight:500;line-height:1}
.bigprice s{color:var(--muted);font-size:18px}
#course .sec-head,#everything .sec-head{margin-bottom:24px}
@media (max-width:860px){.offer{grid-template-columns:minmax(0,1fr)}.offer .frame{min-height:0;padding:28px}.offer .body{padding:24px 22px 28px}.single .cover{width:150px}}
.car-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.lvl-jump{display:flex;flex-wrap:wrap;gap:6px}
.lvl-jump button{border:0;border-radius:999px;background:var(--sunk);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.lvl-jump button:hover{background:var(--line)}
.lvl-jump button i{width:10px;height:10px;display:inline-block;background:var(--f);border-radius:50%}
.lvl-jump button span{color:var(--muted);font-weight:500}
.car{position:relative}
.car-btn{position:absolute;top:calc(var(--mid,140px) - 26px);z-index:6;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);color:var(--ink);border:0;cursor:pointer;box-shadow:0 1px 2px rgba(31,27,22,.08),0 8px 24px rgba(31,27,22,.16),inset 0 0 0 1px rgba(255,255,255,.5);transition:opacity .2s,background .2s,color .2s,transform .2s}
.car-btn:hover{background:var(--btn-hover);color:#fff;transform:scale(1.06)}
.car-btn:active{transform:scale(.96)}
.car-btn svg{width:22px;height:22px}
.car-btn.prev{left:-26px}
.car-btn.next{right:-26px}
.car-btn[disabled]{opacity:0;pointer-events:none}
@media (max-width:1240px){.car-btn.prev{left:4px}.car-btn.next{right:4px}}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,22%,220px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;cursor:grab;user-select:none;-webkit-user-select:none;scrollbar-color:var(--ink-2) var(--line);scrollbar-width:thin;scroll-padding-inline:2px}
.track.dragging{cursor:grabbing;scroll-snap-type:none}
.track.dragging .part{pointer-events:none}
.track img{-webkit-user-drag:none}
.track::-webkit-scrollbar{height:12px}
.track::-webkit-scrollbar-track{background:var(--line);border-radius:999px}
.track::-webkit-scrollbar-thumb{background:var(--ink-2);border:2px solid var(--line);border-radius:999px}
.track::-webkit-scrollbar-thumb:hover{background:var(--ink)}
.part{border:0;background:none;padding:0;cursor:pointer;text-align:left;display:grid;gap:10px;align-content:start;scroll-snap-align:start;position:relative}
.part .frame{padding:16px;transition:transform .15s}
.part:hover .frame{transform:translateY(-3px)}
.part .pl{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.part .pl b{font-weight:600}
.part .pl span{color:var(--muted)}
.part .chev{font-size:13px;color:var(--muted);font-weight:600}
.part[aria-expanded="true"] .frame{outline:3px solid var(--ink);outline-offset:-3px}
.part[aria-expanded="true"] .chev{color:var(--ink)}
.panel{margin-top:10px;border-radius:var(--r-lg);padding:26px;display:grid;grid-template-columns:1.2fr 1fr 220px;gap:28px;position:relative;background:color-mix(in srgb,var(--pf,#E6D4A8) 22%,var(--surface))}
.panel h3{font-size:24px;margin-bottom:6px}
.panel .k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.panel .story{color:var(--ink-2);font-size:15px;max-width:52ch}
.panel ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:15px}
.panel li{display:flex;gap:8px}
.panel li::before{content:"";flex:none;width:6px;height:6px;background:var(--accent);margin-top:.6em;border-radius:50%}
.panel .buy{display:grid;gap:10px;align-content:start}
.panel .buy small{font-size:12.5px;color:var(--muted)}
.panel.p-A1{--pf:#D3DBBF}.panel.p-A2{--pf:#E6D4A8}.panel.p-B1{--pf:#E2BBA6}.panel.p-B2{--pf:#CFC4B0}
.req{display:inline-block;margin-top:12px;font-size:13px;padding:4px 10px;background:var(--surface);color:var(--ink-2);border-radius:999px}
@media (max-width:900px){.panel{grid-template-columns:1fr;gap:20px}.track{grid-auto-columns:clamp(150px,42%,200px)}}
.faq-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
.faq-grid>*{min-width:0}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;font-weight:600;font-size:16.5px;position:relative;transition:color .15s}
summary:hover{color:var(--btn-hover)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:400;color:var(--muted)}
details[open] summary::after{content:"−"}
details p{padding:0 0 18px;color:var(--ink-2);max-width:62ch;font-size:15.5px}
.list{background:var(--tint);padding:26px;display:grid;gap:14px;border-radius:var(--r-lg)}
.list h3{font-size:24px}
.list p{color:var(--ink-2);font-size:15px}
.list form{display:grid;gap:10px}
.list label{font-size:13px;font-weight:600}
.list input{min-height:44px;border:1px solid var(--tint-line);background:var(--surface);color:var(--ink);padding:0 14px;font:inherit;border-radius:var(--r-sm)}
.list small{color:var(--muted);font-size:12.5px}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr}}
footer{border-top:1px solid var(--line);padding-block:32px;font-size:13.5px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}
.totop{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 1px 2px rgba(31,27,22,.08),0 8px 24px rgba(31,27,22,.16),inset 0 0 0 1px rgba(255,255,255,.5);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background .2s,color .2s}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--btn-hover);color:#fff}
.totop svg{width:22px;height:22px}
@media (max-width:980px){.totop{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}
.headband{
  --bg:#FFFFFF; --surface:#FFFFFF; --sunk:#F4F4F4;
  --ink:#111111; --ink-2:#444444; --muted:#6B6B6B;
  --line:#E0E0E0; --line-2:#C4C4C4;
  --btn:#111111; --btn-hover:#333333; --on-btn:#FFFFFF;
  --accent:#111111; --accent-ink:#111111; --accent-soft:#F0F0F0;
  --head:#FFFFFF; --head-line:#E0E0E0; --good:#6B6B6B;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .headband{
    --bg:#0D0D0D; --surface:#1A1A1A; --sunk:#191919;
    --ink:#F2F2F2; --ink-2:#BDBDBD; --muted:#9A9A9A;
    --line:#333333; --line-2:#454545;
    --btn:#F2F2F2; --btn-hover:#D9D9D9; --on-btn:#0D0D0D;
    --accent:#F2F2F2; --accent-ink:#F2F2F2; --accent-soft:#262626;
    --head:#0D0D0D; --head-line:#333333; --good:#9A9A9A;
  }
}
:root[data-theme="dark"] .headband{
  --bg:#0D0D0D; --surface:#1A1A1A; --sunk:#191919;
  --ink:#F2F2F2; --ink-2:#BDBDBD; --muted:#9A9A9A;
  --line:#333333; --line-2:#454545;
  --btn:#F2F2F2; --btn-hover:#D9D9D9; --on-btn:#0D0D0D;
  --accent:#F2F2F2; --accent-ink:#F2F2F2; --accent-soft:#262626;
  --head:#0D0D0D; --head-line:#333333; --good:#9A9A9A;
}
.headband .fan .blk{background:color-mix(in srgb,#D9D9D9 var(--fm),var(--bg))}
.headband .lang [aria-current="true"]{color:var(--on-btn);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.headband .iconbtn:hover,.headband .support:hover,.headband .support:hover svg{color:var(--on-btn)}
.logo i{color:var(--muted)}
.links .mgrupo{position:relative}
.links .mboton{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:999px;background:none;cursor:pointer;font:500 15px var(--sans);color:var(--ink-2)}
.links .mboton svg{width:14px;height:14px;transition:transform .2s}
.links .mboton:hover,.links .mboton[aria-expanded="true"]{background:var(--sunk);color:var(--ink)}
.links .mboton[aria-expanded="true"] svg{transform:rotate(180deg)}
.links a.mlibros{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.links .mtag{font-size:11px;font-weight:700;line-height:1.4;padding:2px 7px;border-radius:999px;background:var(--ink);color:var(--bg)}
.links .mpanel{position:absolute;top:calc(100% + 10px);left:-8px;z-index:60;min-width:300px;padding:10px;display:grid;gap:2px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 18px 40px -18px rgba(0,0,0,.25)}
.links .mpanel.ancho{width:min(640px,90vw);grid-template-columns:1fr 1.2fr;gap:6px}
.links .mpanel[hidden]{display:none}
.links .mcol{display:grid;gap:2px;align-content:start}
.links .mtit{margin:0;padding:8px 12px 4px;font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.links .mpanel a.mitem{display:grid;gap:2px;padding:10px 12px;color:var(--ink);box-shadow:none;line-height:1.35}
.links .mpanel a.mitem:hover{background:var(--sunk);box-shadow:none}
.links .mitem b{font-weight:600;font-size:14.5px}
.links .mitem span{font-size:13px;font-weight:400;color:var(--muted)}
.links .mpanel a.mnivel{grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}
.links .mnivel i{grid-row:1/3;min-width:44px;font-style:normal;font-size:12.5px;font-weight:600}
.links .mnivel span{grid-column:2}
.links .mpie{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:12px;background:var(--sunk);font-size:14px;color:var(--ink-2)}
.links .mpie a{padding:0;font-weight:600;color:var(--ink)}
.links .mpie a:hover{box-shadow:none;text-decoration:underline}
@media (max-width:900px){
  .links .mboton{width:100%;justify-content:space-between;border-radius:0}
  .links .mpanel,.links .mpanel.ancho{position:static;width:auto;min-width:0;grid-template-columns:1fr;border:0;box-shadow:none;padding:0 0 8px 8px}
}
.links>li{display:flex;align-items:center}
:root{--h-paper:#F2EDE4;--h-stone:#E6E1D8;--h-black:#121212;--h-on-black:#F4F1EC;--h-r:28px;--h-gut:clamp(8px,2vw,24px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--h-paper:#1B1915;--h-stone:#24211C;--h-black:#2A2723;--h-on-black:#F4F1EC}}
:root[data-theme="dark"]{--h-paper:#1B1915;--h-stone:#24211C;--h-black:#2A2723;--h-on-black:#F4F1EC}
body{
  --bg:#FFFFFF; --surface:#FFFFFF; --sunk:#F4F4F4;
  --ink:#111111; --ink-2:#444444; --muted:#6B6B6B;
  --line:#E0E0E0; --line-2:#C4C4C4;
  --btn:#111111; --btn-hover:#333333; --on-btn:#FFFFFF;
  --accent:#111111; --accent-ink:#111111; --accent-soft:var(--h-stone); --on-accent:#FFFFFF; --good:#111111;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{
  --bg:#0D0D0D; --surface:#1A1A1A; --sunk:#191919;
  --ink:#F2F2F2; --ink-2:#BDBDBD; --muted:#9A9A9A;
  --line:#333333; --line-2:#454545;
  --btn:#F2F2F2; --btn-hover:#D9D9D9; --on-btn:#0D0D0D;
  --accent:#F2F2F2; --accent-ink:#F2F2F2; --on-accent:#0D0D0D; --good:#F2F2F2;
}}
:root[data-theme="dark"] body{
  --bg:#0D0D0D; --surface:#1A1A1A; --sunk:#191919;
  --ink:#F2F2F2; --ink-2:#BDBDBD; --muted:#9A9A9A;
  --line:#333333; --line-2:#454545;
  --btn:#F2F2F2; --btn-hover:#D9D9D9; --on-btn:#0D0D0D;
  --accent:#F2F2F2; --accent-ink:#F2F2F2; --on-accent:#0D0D0D; --good:#F2F2F2;
}
:focus-visible{outline-color:var(--ink)}
.hero .eyebrow,.sec-head .eyebrow,.list .eyebrow,.trust{display:none}
.lede{font-size:clamp(17px,1.6vw,19px);max-width:46ch}
.lede .solo-aqui{font-size:1em;font-weight:600;color:var(--ink);margin-top:8px}
.lede .exclusivo{display:block;margin-top:4px;padding:0;background:none;border-radius:0;font-size:.9em;font-weight:400;color:var(--muted)}
.btn{border-radius:999px;border:0}
.btn-primary{min-height:52px;padding:0 28px;font-size:16px;transition:background .2s,transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.btn-primary[disabled]:hover{transform:none;box-shadow:none}
.btn-secondary,.btn-link{min-height:auto;padding:0;background:none;color:var(--ink-2);font-weight:500;font-size:15px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);justify-content:flex-start}
.btn-secondary:hover,.btn-link:hover{background:none;color:var(--ink);text-decoration-color:currentColor}
.frame{background:none;padding:0;overflow:visible;border-radius:0}
.frame::before,.frame::after{display:none}
.frame .cover{box-shadow:0 2px 4px rgba(0,0,0,.08),0 18px 36px -12px rgba(0,0,0,.35)}
.badge{background:var(--ink);color:var(--bg)}
.frame .badge{top:-10px;right:-10px}
section{padding-block:clamp(56px,8vw,104px)}
#course:not(.tinted),.pack,.tinted,#faq{margin:var(--h-gut);border-radius:var(--h-r);padding-inline:0}
#course:not(.tinted),#faq{background:var(--h-paper)}
.pack{background:var(--h-stone)}
.pack,.tinted{padding-block:clamp(56px,8vw,104px)}
.pack>.wrap,.tinted>.wrap{max-width:1160px;background:none;border-radius:0;padding:0 24px}
#faq{padding-top:clamp(56px,8vw,104px)!important}
.sec-head{margin-bottom:40px}
.sec-head h2{font-size:clamp(30px,4vw,44px);line-height:1.1}
#course .sec-head,#everything .sec-head{margin-bottom:40px}
.tinted{background:var(--h-black);color:var(--h-on-black);
  --ink:#F4F1EC;--ink-2:#CFCAC2;--muted:#A8A39B;--line-2:#5A5650;
  --btn:#F4F1EC;--btn-hover:#FFFFFF;--on-btn:#121212;--accent-soft:rgba(255,255,255,.12);--accent-ink:#F4F1EC}
.tinted .btn-primary{color:#121212}
.hero{padding-block:clamp(40px,6vw,80px)}
.hero h1{margin-top:0}
.hero-cta{align-items:center;gap:16px 24px;margin-top:32px}
.hero-deal{color:var(--ink)}
.headband .fan .blk{inset:8px 18% 0 18%;background:var(--h-stone);border-radius:999px 999px var(--h-r) var(--h-r)}
.fan .cover{box-shadow:0 18px 36px -12px rgba(0,0,0,.35)}
.offer{background:none;box-shadow:none;border-radius:0;overflow:visible;gap:clamp(32px,5vw,72px);align-items:center}
.offer .frame{min-height:0;padding:0;justify-content:center}
.offer .body{padding:0;gap:20px}
.offer h3{font-size:clamp(28px,3vw,36px)}
.offer .desc{color:var(--ink-2);font-size:17px;max-width:44ch}
.offer .sub{color:var(--muted)}
.offer .acts.links-row{gap:8px 24px}
.single .cover{width:min(300px,70vw)}
.single .cover .ct{font-size:24px}
.offer .flag{position:static;justify-self:start;border-radius:999px;padding:6px 14px;background:var(--h-on-black);color:#121212;grid-column:1/-1}
.mini{padding-left:56px}
.mini .cover{width:min(150px,17vw);margin-left:-56px}
.save-chip{background:var(--accent-soft);color:var(--ink)}
.checks{gap:2px!important;font-size:16px!important}
.checks li{padding-left:0}
.checks li::before{display:none}
.readers{gap:clamp(24px,3vw,40px)}
.reader .frame{margin-bottom:12px}
.reader:hover .frame .cover{transform:translateY(-6px)}
.reader h3{font-size:21px}
.reader .meta{gap:4px 10px}
.reader .audio-incl{flex-basis:auto;font-size:15px;font-weight:500;color:var(--ink-2)}
.reader .audio-incl small{display:inline;margin-left:4px}
.price{font-size:18px}
.reader .acts{gap:12px}
.reader .acts .btn-primary{width:100%;white-space:normal;padding-inline:20px;line-height:1.2}
.reader .acts .btn-secondary,.reader .acts .btn-link{justify-self:start;font-size:14px;margin:0}
.pick{border:0;box-shadow:none;background:none;border-radius:20px;padding:12px 12px 14px;transition:background .2s,opacity .2s}
.pick:hover{box-shadow:none;background:color-mix(in srgb,var(--surface) 50%,transparent)}
.pick[aria-pressed="true"]{background:var(--surface);box-shadow:none}
.pick[aria-pressed="false"] .frame{opacity:.55}
.pick .frame.sm{padding:0}
.pick .pt,.pick .pp{padding-inline:0}
.pick .tick{border:0;background:var(--h-paper);top:4px;right:4px}
.seg i{background:color-mix(in srgb,var(--ink) 15%,transparent)}
.seg.on i{background:var(--ink)}
.seg.on,.seg.on b{color:var(--ink)}
.summary{border-radius:var(--h-r);box-shadow:none;padding:28px}
.row.total{border-top:0;padding-top:8px}
.nudge{border-left:0;border-radius:16px;background:var(--h-paper);padding:12px 16px}
.nudge a{color:var(--ink)}
.lvl-jump button{background:var(--h-paper);padding:9px 16px}
.lvl-jump button:hover{background:var(--h-stone)}
.lvl-jump button i{background:var(--ink);opacity:.35}
.part .frame{padding:44px 18px 18px;border-radius:999px 999px 16px 16px;transition:background .3s,transform .2s}
.part[aria-expanded="true"] .frame{outline:0;background:var(--h-stone)}
.track{gap:12px;scrollbar-color:var(--muted) var(--h-paper)}
.track::-webkit-scrollbar-track{background:var(--h-paper)}
.track::-webkit-scrollbar-thumb{background:var(--muted);border-color:var(--h-paper)}
.panel,.panel.p-A1,.panel.p-A2,.panel.p-B1,.panel.p-B2{background:var(--h-paper);border-radius:var(--h-r);padding:clamp(24px,3vw,40px);margin-top:16px}
.panel .k{text-transform:none;letter-spacing:0;font-size:13px}
.panel li::before{background:var(--ink)}
.panel .buy .btn-secondary{justify-self:start}
.req{background:var(--bg)}
#faq .sec-head{margin-bottom:24px}
details{border:0;background:var(--bg);border-radius:20px;margin-bottom:8px;padding:0 20px}
summary{padding:16px 36px 16px 0}
summary:hover{color:var(--ink)}
summary::after{top:12px}
details p{padding-bottom:18px}
.list{background:var(--bg);border-radius:var(--h-r);padding:32px}
.list::before{content:"";display:block;width:120px;aspect-ratio:1;border-radius:50%;background:var(--h-stone) url(../img/dore/hidalgo-lector.jpg) center/cover;filter:grayscale(1)}
.list input{border:0;background:var(--h-paper);border-radius:999px;padding:0 20px;min-height:52px}
.list button{justify-self:start}
footer{border-top:0}
@media (max-width:860px){.offer{grid-template-columns:minmax(0,1fr)}.offer .frame{justify-items:start}.single .cover{width:min(240px,64vw)}}
@media (max-width:560px){.pack>.wrap,.tinted>.wrap{padding:0 16px}.summary{padding:22px}}
@media (prefers-reduced-motion:reduce){.btn-primary:hover{transform:none}}
:root{--tag-bg:#121212;--tag-ink:#F4F1EC}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tag-bg:#F4F1EC;--tag-ink:#121212}}
:root[data-theme="dark"]{--tag-bg:#F4F1EC;--tag-ink:#121212}
.reader{position:relative}
.reader .frame{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;border-radius:50%;
  background:var(--h-stone);margin-bottom:20px;transition:background .4s}
.reader:hover .frame{background:var(--h-paper)}
.reader .frame .cover{width:58%;transition:transform .5s cubic-bezier(.22,.7,.2,1)}
.reader:hover .frame .cover{transform:translateY(-8px) rotate(-2deg)}
.reader .frame .badge{top:4%;left:4%;right:auto}
.reader .meta .price{position:absolute;top:0;right:0;z-index:4;width:84px;height:84px;border-radius:50%;
  display:grid;place-items:center;background:var(--tag-bg);color:var(--tag-ink);font-size:19px;font-weight:700;
  box-shadow:0 8px 20px rgba(0,0,0,.18);transform:rotate(8deg);transition:transform .4s cubic-bezier(.22,.7,.2,1)}
.reader:hover .meta .price{transform:rotate(0) scale(1.06)}
#course .offer .frame{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(440px,100%);
  border-radius:50%;background:var(--surface);justify-self:center}
#course .single .cover{width:62%}
.bigprice .now{display:inline-grid;place-items:center;width:128px;height:128px;border-radius:50%;
  background:var(--tag-bg);color:var(--tag-ink);font-size:28px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.18)}
@media (max-width:560px){
  .reader .meta .price{width:72px;height:72px;font-size:17px}
  .bigprice .now{width:108px;height:108px;font-size:24px}
}
.reader .frame,#course .offer .frame{grid-template-columns:minmax(0,1fr);justify-items:center}
#course .offer .frame .cover{width:56%;max-width:none}
.reader .meta .price{top:0;margin-top:62%;right:-6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .reader .frame{background:#2E2A24}}
:root[data-theme="dark"] .reader .frame{background:#2E2A24}
#course .offer .frame{transition:background .4s,transform .5s cubic-bezier(.22,.7,.2,1)}
#course .offer .frame .cover{transition:transform .5s cubic-bezier(.22,.7,.2,1),box-shadow .5s}
#course .offer:hover .frame{transform:scale(1.02)}
#course .offer:hover .frame .cover{transform:translateY(-10px) rotate(-2.5deg);box-shadow:0 30px 50px -18px rgba(0,0,0,.45)}
.bigprice .now{transition:transform .4s cubic-bezier(.22,.7,.2,1)}
#course .offer:hover .bigprice .now{transform:rotate(-6deg) scale(1.06)}
@keyframes tBrillo{0%,70%{background-position:160% 0}100%{background-position:-60% 0}}
.frame .cover::after{opacity:1!important;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.65) 48%,rgba(255,255,255,.15) 54%,transparent 62%) no-repeat!important;
  background-size:260% 100%!important;background-position:160% 0;animation:tBrillo 6.5s ease-in-out infinite;animation-delay:var(--tb,0s)}
.reader:nth-child(2) .cover{--tb:1.6s}.reader:nth-child(3) .cover{--tb:3.2s}.reader:nth-child(4) .cover{--tb:4.8s}
#everything .cover{--tb:.8s}#everything .cover:nth-child(2){--tb:1.1s}#everything .cover:nth-child(3){--tb:1.4s}#everything .cover:nth-child(4){--tb:1.7s}#everything .cover:nth-child(5){--tb:2s}
.part:nth-child(even) .cover{--tb:2.5s}.pick:nth-child(2) .cover{--tb:1.2s}.pick:nth-child(3) .cover{--tb:2.4s}.pick:nth-child(4) .cover{--tb:3.6s}
:is(.reader,.offer,.part,.pick):hover .frame .cover::after{animation:tBrillo .9s ease-out 1 forwards}
@keyframes tFlota{0%,100%{translate:0 0}50%{translate:0 -7px}}
.reader .frame .cover,#course .single .cover,.headband .fan .cover{animation:tFlota 5s ease-in-out infinite}
.reader:nth-child(2) .frame .cover{animation-delay:-1.2s}.reader:nth-child(3) .frame .cover{animation-delay:-2.4s}.reader:nth-child(4) .frame .cover{animation-delay:-3.6s}
.headband .fan .cover:nth-child(2){animation-delay:-1.3s}.headband .fan .cover:nth-child(3){animation-delay:-2.6s}.headband .fan .cover:nth-child(4){animation-delay:-3.9s}
@keyframes tDestello{0%,100%{opacity:0;transform:scale(.3) rotate(0)}45%,55%{opacity:1;transform:scale(1) rotate(45deg)}}
:is(.reader .meta .price,.bigprice .now){overflow:visible}
:is(.reader .meta .price,.bigprice .now)::before,:is(.reader .meta .price,.bigprice .now)::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 10%,#FFF6DA 10% 15%,transparent 15% 35%,#FFF6DA 35% 40%,transparent 40% 60%,#FFF6DA 60% 65%,transparent 65% 85%,#FFF6DA 85% 90%,transparent 90%);
  -webkit-mask:radial-gradient(circle,#000 0 30%,transparent 72%);mask:radial-gradient(circle,#000 0 30%,transparent 72%);
  filter:drop-shadow(0 0 4px rgba(255,236,190,.9));animation:tDestello 2.6s ease-in-out infinite}
:is(.reader .meta .price,.bigprice .now)::before{top:-6px;right:2px}
:is(.reader .meta .price,.bigprice .now)::after{bottom:4px;left:-8px;width:10px;height:10px;animation-delay:1.3s}
@keyframes tReluce{0%{background-position:200% 0}100%{background-position:-100% 0}}
.flag{background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%)!important;background-size:250% 100%!important;
  background-color:var(--p-terra,#754437)!important;color:#FBF6EE!important;animation:tReluce 3.2s linear infinite;box-shadow:0 6px 18px -6px rgba(117,68,55,.7)}
@keyframes tLatido{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.save-chip{display:inline-block;animation:tLatido 2.4s ease-in-out infinite}
@keyframes tPulso{0%{box-shadow:0 0 0 0 rgba(117,68,55,.5)}100%{box-shadow:0 0 0 16px rgba(117,68,55,0)}}
#everything .compra,#course .compra{animation:tPulso 2.2s ease-out infinite}
.mini .cover{transition:transform .5s cubic-bezier(.22,.7,.2,1)}
#everything .offer:hover .mini .cover:nth-child(1){transform:rotate(-14deg) translate(-18px,10px)}
#everything .offer:hover .mini .cover:nth-child(2){transform:rotate(-7deg) translate(-9px,2px)}
#everything .offer:hover .mini .cover:nth-child(3){transform:translateY(-12px) scale(1.05)}
#everything .offer:hover .mini .cover:nth-child(4){transform:rotate(7deg) translate(9px,2px)}
#everything .offer:hover .mini .cover:nth-child(5){transform:rotate(14deg) translate(18px,10px)}
@keyframes tSalto{0%{transform:scale(1)}40%{transform:scale(1.08) translateY(-6px)}100%{transform:scale(1)}}
.pick[aria-pressed="true"] .cover{animation:tSalto .45s cubic-bezier(.22,.7,.2,1)}
@media (prefers-reduced-motion:reduce){
  .frame .cover::after,.reader .frame .cover,#course .single .cover,.headband .fan .cover,.flag,.save-chip,#everything .compra,#course .compra,.pick[aria-pressed="true"] .cover,
  :is(.reader .meta .price,.bigprice .now)::before,:is(.reader .meta .price,.bigprice .now)::after{animation:none!important}
}
.hojear .hj-libro{max-width:640px;margin:40px auto 0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}
.hj-espera{display:block;width:50%;height:auto;margin-left:50%}
.hj-hoja{background:#fff;overflow:hidden}
.hj-hoja img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.hojear .hj-mas{text-align:center;margin-top:28px;font-weight:600}
@media (max-width:560px){.hojear .hj-libro{max-width:340px}.hj-espera{width:100%;margin-left:0}}
body main .hojear :is(.hj-hoja img,img.hj-espera){filter:none!important}
section#everything{padding-block:0}
#everything>.wrap{padding-block:clamp(48px,6vw,80px)}
#everything .offer{margin:0}
#everything .offer{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,64px);align-items:center}
#everything .offer .frame{padding:12px 0 0;overflow:visible}
#everything .mini{padding-left:44px;justify-content:center}
#everything .mini .cover{width:min(128px,12vw);margin-left:-44px}
#everything .offer .body{gap:24px;align-content:center}
#everything .ev-head{display:grid;gap:14px}
#everything .ev-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,currentColor 70%,transparent)}
#everything .ev-kicker .flag{position:static;margin:0;padding:5px 12px;border-radius:999px;font-size:11px;letter-spacing:.14em}
#everything .ev-head h2{margin:0;font-size:clamp(34px,4.2vw,52px);line-height:1.04;letter-spacing:-.015em}
#everything .ev-head h2 i{font-style:italic;font-weight:400}
#everything .ev-incl{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
#everything .offer .desc{margin:0;font-size:17px;line-height:1.6;max-width:42ch}
#everything .offer .desc i{font-family:var(--serif);font-size:1.08em}
#everything .bigprice{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:4px}
#everything .acts{margin-top:4px}
@media (max-width:860px){
  #everything .offer{grid-template-columns:minmax(0,1fr)}
  #everything .offer .frame{order:2;justify-items:center}
  #everything .mini .cover{width:min(110px,22vw);margin-left:-36px}
  #everything .mini{padding-left:36px}
}
#everything .offer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,72px)}
#everything .offer .frame{padding:0}
#everything .mini{padding-left:52px}
#everything .mini .cover{width:min(150px,13vw);margin-left:-52px}
#everything .offer .body{gap:0;max-width:520px}
#everything .ev-head{gap:0}
#everything .ev-kicker{margin:0 0 16px}
#everything .ev-head h2{margin:0 0 16px}
#everything .ev-incl{margin:0}
#everything .offer .desc{margin:24px 0 0}
#everything .bigprice{margin:32px 0 0;gap:16px 20px}
#everything .acts{margin:32px 0 0}
@media (max-width:860px){
  #everything .offer{grid-template-columns:minmax(0,1fr);gap:40px}
  #everything .offer .body{max-width:none}
  #everything .mini{padding-left:36px}
  #everything .mini .cover{width:min(112px,22vw);margin-left:-36px}
  #everything .bigprice,#everything .acts{margin-top:24px}
}
#everything .offer .frame{padding-inline:clamp(24px,4vw,56px) 0}
@media (max-width:860px){
  #everything .offer .frame{padding:8px 0 16px}
  #everything .save-chip{margin-left:0}
}
@media (max-width:860px){section#everything>.wrap{padding-bottom:24px}#everything .offer .frame{padding:8px 0 92px}}
.readers.a1-libros{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}
.a1-pack{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:center;margin-top:32px}
.a1-antes{font-size:15px;opacity:.75}
#a1 .aviso{text-align:center}
@media (max-width:420px){.readers.a1-libros{grid-template-columns:1fr}}
.a1-dentro{margin-top:56px;text-align:center}
.a1-dentro h3{font-size:clamp(24px,3vw,32px);margin:0 0 6px}
.a1-dentro .lede{margin:0 auto;max-width:36em}
.a1-hojas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,64px);max-width:860px;margin:28px auto 0}
.a1-hojas figure{margin:0}
.a1-hojas .hj-libro{max-width:330px;margin:0 auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}
.a1-hojas .hj-espera{width:100%;margin-left:0}
.a1-hojas figcaption{margin-top:18px;font-weight:600}
@media (max-width:640px){.a1-hojas{grid-template-columns:1fr}}
.a1-pestanas{display:inline-flex;gap:6px;margin:22px auto 0;padding:4px;border-radius:999px;background:var(--h-stone,rgba(127,127,127,.15))}
.a1-pestanas button{font:inherit;font-weight:600;font-size:15px;border:0;border-radius:999px;padding:9px 18px;cursor:pointer;background:transparent;color:inherit}
.a1-pestanas button[aria-selected="true"]{background:var(--accent,#121212);color:var(--on-accent,#fff)}
.a1-dentro .hj-libro{margin-top:28px}
#grammar-book .hj-libro{max-width:1040px}
@media (max-width:560px){#grammar-book .hj-libro{max-width:340px}}
@keyframes bEntra{from{opacity:0;translate:0 24px;filter:blur(6px)}}
@keyframes bReparte{from{opacity:0;scale:.75;rotate:-10deg}}
@keyframes bSello{0%{opacity:0;scale:1.9}60%{opacity:1;scale:.92}100%{opacity:1;scale:1}}
.hero h1{animation:bEntra .9s cubic-bezier(.22,.7,.2,1) both}
.hero .lede{animation:bEntra .9s .15s cubic-bezier(.22,.7,.2,1) both}
.hero .hero-cta{animation:bEntra .9s .3s cubic-bezier(.22,.7,.2,1) both}
.headband .fan .cover{animation:bReparte .9s cubic-bezier(.3,1.3,.5,1) backwards,tFlota 5s ease-in-out infinite}
.headband .fan .cover:nth-child(2){animation-delay:.35s,0s}
.headband .fan .cover:nth-child(3){animation-delay:.47s,-1.3s}
.headband .fan .cover:nth-child(4){animation-delay:.59s,-2.6s}
.headband .fan .cover:nth-child(5){animation-delay:.71s,-3.9s}
@supports (animation-timeline:view()){
  @keyframes bLosa{from{scale:.93;border-radius:calc(var(--h-r,28px) * 2.2)}}
  #course:not(.tinted),.pack,.tinted,#faq{animation:bLosa linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
}
.v-js .reader:not(.v-llega) .meta .price,.v-js .bigprice:not(.v-llega) .now{opacity:0}
.v-js .reader.v-llega .meta .price,.v-js .bigprice.v-llega .now{animation:bSello .55s .35s cubic-bezier(.3,1.4,.5,1) both,vFlota 4s .9s ease-in-out infinite}
.v-js .reader:nth-child(2).v-llega .meta .price{animation-delay:.45s,1s}
.v-js .reader:nth-child(3).v-llega .meta .price{animation-delay:.55s,1.1s}
.v-js .reader:nth-child(4).v-llega .meta .price{animation-delay:.65s,1.2s}
:is(.a1-antes,.bigprice) s{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 55%/100% 1.5px no-repeat}
.v-js :is(.a1-pack,.bigprice) s{transition:background-size .5s .8s cubic-bezier(.22,.7,.2,1)}
.v-js :is(.a1-pack,.bigprice):not(.v-llega) s{background-size:0 1.5px}
.v-js #everything .offer.v-llega .mini .cover{animation:bReparte .8s cubic-bezier(.3,1.3,.5,1) backwards}
.v-js #everything .offer.v-llega .mini .cover:nth-child(2){animation-delay:.08s}
.v-js #everything .offer.v-llega .mini .cover:nth-child(3){animation-delay:.16s}
.v-js #everything .offer.v-llega .mini .cover:nth-child(4){animation-delay:.24s}
.v-js #everything .offer.v-llega .mini .cover:nth-child(5){animation-delay:.32s}
.v-js #everything .offer:not(.v-llega) .mini .cover{opacity:0}
@media (prefers-reduced-motion:reduce){
  .hero h1,.hero .lede,.hero .hero-cta,.headband .fan .cover,#course,.pack,.tinted,#faq,.reader .meta .price,.bigprice .now,#everything .mini .cover{animation:none!important;opacity:1!important}
  :is(.a1-antes,.bigprice) s{background-size:100% 1.5px!important}
}