/* ANCLA sub-brand — neo-brutalist, reuses edutrex.css tokens (:root, .noise, fonts).
   Scoped under #ancla so it never collides with the IELTS #v3 render. Mobile-first. */

#ancla{background:var(--bg);color:var(--ink);font-family:'Bricolage Grotesque',sans-serif;position:relative;overflow:hidden;min-height:100vh}
#ancla *{box-sizing:border-box}
#ancla .wrap{max-width:1000px;margin:0 auto;padding:0 22px}
#ancla section{padding:56px 0;border-bottom:2px solid rgba(26,26,26,.08)}
#ancla h1,#ancla h2,#ancla h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.04;margin:0}
#ancla h1{font-size:clamp(34px,7vw,72px);letter-spacing:-.02em}
#ancla h2{font-size:clamp(26px,4.5vw,42px);margin-bottom:22px}
#ancla h3{font-size:21px}
#ancla p{font-family:'Space Grotesk',system-ui,sans-serif;font-size:17px;line-height:1.55;margin:0 0 14px}
#ancla a{color:inherit}

/* chips + labels */
#ancla .chip{display:inline-block;background:var(--coral);color:var(--ink);padding:9px 18px;border:2px solid var(--ink);border-radius:999px;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.02em}
#ancla .chip.violet{background:var(--violet)}
#ancla .chip.paper{background:var(--paper)}
#ancla .label{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,26,26,.55);margin:0 0 10px}

/* buttons — min 44px touch target */
#ancla .btn{display:inline-block;padding:16px 28px;min-height:44px;border-radius:999px;font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--ink);color:var(--bg);text-decoration:none;transition:transform .15s;text-transform:uppercase;letter-spacing:-.01em}
#ancla .btn:hover{transform:translate(-2px,-2px)}
#ancla .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
#ancla .btn.violet{background:var(--violet);color:var(--ink)}
#ancla .btn.coral{background:var(--coral);color:var(--ink)}
#ancla .btn.ghost{background:var(--bg);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
#ancla .micro{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:rgba(26,26,26,.55);margin-top:14px}

/* top nav */
#ancla .anav{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:rgba(250,250,250,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
#ancla .anav .brand{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none}
#ancla .anav .brand .dot{color:var(--coral)}
#ancla .anav nav{display:flex;align-items:center;gap:6px}
#ancla .anav nav a{font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;text-decoration:none;padding:8px 12px;border-radius:999px}
#ancla .anav nav a:hover{background:var(--paper)}
#ancla .anav nav a.nav-cta{background:var(--violet);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
#ancla .anav .burger{display:none;font-size:24px;border:2px solid var(--ink);border-radius:10px;width:44px;height:44px;background:var(--bg)}

/* hero */
#ancla .hero{padding-top:56px}
#ancla .hero h1{margin:18px 0}
#ancla .hero .sub{font-size:21px;max-width:660px;margin:0 0 28px}
#ancla .hero .proof{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:rgba(26,26,26,.55);margin-top:26px;max-width:640px;line-height:1.7}

/* problema — pain points */
#ancla .pain{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
#ancla .pain li{font-family:'Space Grotesk',sans-serif;font-size:17px;background:#FEF2F2;border:2px solid var(--ink);border-radius:14px;padding:14px 18px 14px 46px;position:relative;box-shadow:4px 4px 0 var(--ink)}
#ancla .pain li::before{content:'✗';position:absolute;left:18px;top:14px;font-weight:800;color:#DC2626}
#ancla .turn{background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:26px;box-shadow:8px 8px 0 var(--ink)}
#ancla .turn p:last-child{margin-bottom:0;font-weight:600}

/* método ANCLA — principle cards */
#ancla .anc-intro{max-width:720px;margin-bottom:32px}
#ancla .anc-card{display:grid;grid-template-columns:120px 1fr;gap:0;border:3px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);margin-bottom:22px;background:var(--bg)}
#ancla .anc-card .letter{display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:66px;color:var(--bg)}
#ancla .anc-card .body{padding:22px 24px}
#ancla .anc-card .cite{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(26,26,26,.5);margin:0 0 6px}
#ancla .anc-card .tldr{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;margin:0 0 10px}
#ancla .anc-card .body p{font-size:15.5px;margin:0 0 8px}
#ancla .anc-card .body p:last-child{margin-bottom:0}
/* accent rotation (edutrex palette, NOT TZ indigo) */
#ancla .anc-card.a1 .letter{background:var(--violet);color:var(--ink)}
#ancla .anc-card.a2 .letter{background:var(--coral);color:var(--ink)}
#ancla .anc-card.a3 .letter{background:var(--ink)}
#ancla .anc-card.a4 .letter{background:var(--violet);color:var(--ink)}
#ancla .anc-card.a5 .letter{background:var(--coral);color:var(--ink)}

/* extra principles */
#ancla .extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:8px}
#ancla .extra .card{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:20px;box-shadow:5px 5px 0 var(--ink)}
#ancla .extra .card .cite{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;color:rgba(26,26,26,.5);margin:0 0 6px}
#ancla .anc-close{margin-top:30px;font-size:19px;font-weight:600;font-family:'Bricolage Grotesque',sans-serif}

/* servicios preview */
#ancla .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
#ancla .card{background:var(--bg);border:2px solid var(--ink);border-radius:16px;padding:22px;box-shadow:5px 5px 0 var(--ink)}
#ancla .card .who{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(26,26,26,.55);margin-top:10px}
#ancla .card.feat{background:var(--violet)}

/* CTA final */
#ancla .cta-final{text-align:center}
#ancla .cta-final h2{max-width:760px;margin:0 auto 18px}
#ancla .cta-final .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px}

/* footer */
#ancla footer{padding:44px 0;text-align:center}
#ancla footer .crosslink{display:inline-block;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:13px;color:rgba(26,26,26,.6);text-decoration:underline}
#ancla footer .legal{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:rgba(26,26,26,.45);margin-top:18px}

/* floating WhatsApp (injected by ancla.js) */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;align-items:center;gap:9px;background:#25D366;color:#0b1f12;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;text-decoration:none;padding:12px 18px;border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);transition:transform .15s}
.wa-float:hover{transform:translate(-2px,-2px)}
.wa-float svg{width:22px;height:22px;flex:none}
.wa-float .wa-label{white-space:nowrap}

/* ===== Phase 2: content-page components ===== */
/* service detail block */
#ancla .svc{border:3px solid var(--ink);border-radius:18px;padding:26px;box-shadow:8px 8px 0 var(--ink);margin-bottom:22px;background:var(--bg);scroll-margin-top:80px}
#ancla .svc .tag{font-family:'JetBrains Mono',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:rgba(26,26,26,.5);margin:0 0 6px}
#ancla .svc h3{font-size:24px;margin:0 0 10px}
#ancla .svc .meta{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:rgba(26,26,26,.6);margin-top:12px;line-height:1.7}
#ancla .svc.feat{background:var(--violet)}
#ancla .svc .lead{font-family:'Archivo',sans-serif;font-weight:700;font-size:17px}

/* price table */
#ancla .ptable{border:3px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:var(--bg)}
#ancla .ptable .row{display:grid;grid-template-columns:2fr 1.2fr 1.6fr 1fr;gap:0;border-bottom:2px solid rgba(26,26,26,.12)}
#ancla .ptable .row:last-child{border-bottom:0}
#ancla .ptable .row.head{background:var(--ink);color:var(--bg);font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
#ancla .ptable .cell{padding:13px 16px;font-family:'Space Grotesk',sans-serif;font-size:14.5px}
#ancla .ptable .row .cell:first-child{font-family:'Archivo',sans-serif;font-weight:700}
#ancla .ptable .row.free{background:#F0FDF4}
#ancla .pnote{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(26,26,26,.55);margin-top:14px}

/* cancellation policy box */
#ancla .policy{background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:26px;box-shadow:8px 8px 0 var(--ink)}
#ancla .policy h3{font-size:19px;margin:18px 0 8px}
#ancla .policy h3:first-child{margin-top:0}
#ancla .policy ul{margin:8px 0;padding-left:22px}
#ancla .policy li{font-family:'Space Grotesk',sans-serif;font-size:15.5px;margin-bottom:6px}

/* FAQ */
#ancla .faq details{border:2px solid var(--ink);border-radius:14px;padding:14px 18px;margin-bottom:12px;background:var(--bg);box-shadow:4px 4px 0 var(--ink)}
#ancla .faq summary{font-family:'Archivo',sans-serif;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
#ancla .faq summary::-webkit-details-marker{display:none}
#ancla .faq summary::before{content:'+ ';color:var(--coral);font-weight:800}
#ancla .faq details[open] summary::before{content:'– '}
#ancla .faq details[open] summary{margin-bottom:8px}

/* level-test CTA box (grupos) */
#ancla .lvl-cta{background:var(--coral);border:3px solid var(--ink);border-radius:20px;padding:30px;box-shadow:8px 8px 0 var(--ink);text-align:center}
#ancla .lvl-cta h3{font-size:24px;margin:0 0 8px}
#ancla .lvl-cta p{max-width:520px;margin:0 auto 18px}

/* grupo meta — próximo grupo */
#ancla .grupo-meta{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 4px}
#ancla .grupo-meta .pill{background:var(--bg);border:2px solid var(--ink);border-radius:14px;padding:14px 20px;box-shadow:4px 4px 0 var(--ink)}
#ancla .grupo-meta .pill .k{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;color:rgba(26,26,26,.55);display:block}
#ancla .grupo-meta .pill .v{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
#ancla .incl{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
#ancla .incl li{font-family:'Space Grotesk',sans-serif;font-size:17px;padding:12px 16px 12px 44px;position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)}
#ancla .incl li::before{content:'✓';position:absolute;left:16px;top:12px;font-weight:800;color:#0F766E}

/* about photo */
#ancla .about{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
#ancla .about img{width:100%;border:3px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--ink);display:block}
#ancla .about .creds{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:rgba(26,26,26,.6);margin-top:16px;line-height:1.8}

/* ===== Phase 3: level-test quiz modal (injected by ancla.js) ===== */
.aq-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(26,26,26,.72)}
.aq-modal.open{display:flex}
.aq-card{position:relative;background:var(--bg);border:3px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--ink);max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:34px;font-family:'Space Grotesk',system-ui,sans-serif}
.aq-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:2px solid var(--ink);border-radius:12px;background:var(--bg);font-size:22px;font-weight:800;line-height:1;cursor:pointer}
.aq-step{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:rgba(26,26,26,.5);margin-bottom:12px}
.aq-q{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;line-height:1.1;margin:0 0 6px}
.aq-prompt{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;margin:0 0 22px}
.aq-opts{display:flex;flex-direction:column;gap:10px}
.aq-opt{text-align:left;padding:15px 18px;border:2px solid var(--ink);border-radius:14px;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;background:var(--bg);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .12s,background .12s}
.aq-opt:hover{background:var(--violet);transform:translate(-1px,-1px)}
.aq-bar{margin-top:22px;height:8px;background:rgba(26,26,26,.1);border:2px solid var(--ink);border-radius:6px;overflow:hidden}
.aq-bar > i{display:block;height:100%;background:var(--violet);transition:width .35s}
/* result */
.aq-result{text-align:center}
.aq-badge{display:inline-block;font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;padding:8px 18px;border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);margin-bottom:14px}
.aq-result.v-a .aq-badge{background:#0F766E;color:#fff}
.aq-result.v-b .aq-badge{background:var(--coral)}
.aq-result.v-c .aq-badge{background:var(--violet)}
.aq-level{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:64px;line-height:1;margin:6px 0 4px}
.aq-headline{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;line-height:1.1;margin:10px 0}
.aq-msg{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.5;max-width:420px;margin:0 auto 18px}
.aq-form{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:0 auto 18px;text-align:left}
.aq-form label{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(26,26,26,.55)}
.aq-form input{font-family:'Space Grotesk',sans-serif;font-size:16px;padding:13px 15px;border:2px solid var(--ink);border-radius:12px;background:var(--bg);min-height:44px}
.aq-form input:focus{outline:3px solid var(--violet);outline-offset:1px}
.aq-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ===== Iconography & decoration — parity with edutrex richness, same palette ===== */

/* section eyebrow gets a coral asterisk marker (echoes edutrex "✦ paso 01") */
#ancla .label::before{content:'✦ ';color:var(--coral);font-weight:700}

/* hero decoration layer — floating stickers + anchor mascot */
#ancla .hero{position:relative}
#ancla .hero .wrap{position:relative;z-index:2}
#ancla .hero-deco{position:absolute;inset:0;top:-8px;z-index:1;pointer-events:none}
#ancla .a-sticker{position:absolute;display:inline-flex;align-items:center;gap:6px;background:var(--violet);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:9px 16px;font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.01em;box-shadow:5px 5px 0 var(--ink);white-space:nowrap}
#ancla .a-sticker.coral{background:var(--coral)}
#ancla .a-sticker.paper{background:var(--paper)}
#ancla .a-sticker.s1{top:78px;right:2%;transform:rotate(7deg);animation:anc-wobble 5s ease-in-out infinite}
#ancla .a-sticker.s2{top:200px;right:9%;transform:rotate(-6deg)}
#ancla .a-mascot{position:absolute;right:3%;top:262px;transform:rotate(-5deg);animation:anc-float 6s ease-in-out infinite}
#ancla .a-mascot svg{display:block;width:120px;height:120px;filter:drop-shadow(5px 5px 0 var(--ink))}
/* stickers/mascot are pure decoration — hidden where they'd crowd the copy */
@media(max-width:1080px){#ancla .hero-deco{display:none}}

/* animated proof marquee (replaces the old static .proof strip vibe) */
#ancla .marquee{background:var(--ink);color:var(--bg);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;padding:13px 0}
#ancla .marquee .track{display:inline-flex;white-space:nowrap;will-change:transform;animation:anc-scroll 32s linear infinite}
#ancla .marquee span{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:0 4px}
#ancla .marquee .star{color:var(--coral)}
#ancla .marquee:hover .track{animation-play-state:paused}

/* service cards get a colored icon-box (edutrex .v3-step-icon treatment) */
#ancla .card .svc-ico,#ancla .svc .svc-ico{width:54px;height:54px;border-radius:14px;border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:3px 3px 0 var(--ink);margin-bottom:15px}
#ancla .svc-ico svg{width:31px;height:31px;display:block}
/* inline text-marker icons (replace stray emoji in meta / notes / buttons) */
#ancla .mi{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;margin-right:.34em;flex:none}
#ancla .btn .mi{vertical-align:-.13em;margin-right:.4em}
#ancla .grid .card:nth-child(6n+1) .svc-ico{background:var(--violet)}
#ancla .grid .card:nth-child(6n+2) .svc-ico{background:var(--coral)}
#ancla .grid .card:nth-child(6n+3) .svc-ico{background:#FFE45C}
#ancla .grid .card:nth-child(6n+4) .svc-ico{background:var(--paper)}
#ancla .grid .card:nth-child(6n+5) .svc-ico{background:var(--violet)}
#ancla .grid .card:nth-child(6n+6) .svc-ico{background:var(--bg)}
#ancla .card.feat .svc-ico{background:var(--bg)}
#ancla .card{transition:transform .15s,box-shadow .15s}
#ancla .grid .card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
/* explicit icon-box accents (used on .svc detail blocks where nth-child is unreliable) */
#ancla .svc-ico.v{background:var(--violet)}
#ancla .svc-ico.c{background:var(--coral)}
#ancla .svc-ico.y{background:#FFE45C}
#ancla .svc-ico.p{background:var(--paper)}
#ancla .svc.feat .svc-ico{background:var(--bg)}

/* pain ✗ promoted to a solid red badge (edutrex pattern) */
#ancla .pain li{padding:16px 18px 16px 54px}
#ancla .pain li::before{content:'✗';left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#DC2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:2px 2px 0 var(--ink)}

/* incl ✓ promoted to a solid green badge (grupos page) */
#ancla .incl li{padding:14px 16px 14px 54px}
#ancla .incl li::before{content:'✓';left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#0F766E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:2px 2px 0 var(--ink)}

/* keyframes */
@keyframes anc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes anc-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes anc-wobble{0%,100%{transform:rotate(7deg)}50%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){
  #ancla .marquee .track{animation:none}
  #ancla .a-sticker,#ancla .a-mascot{animation:none}
}

/* ===== Section bands — each block on its own background (edutrex rhythm) =====
   Generic via :nth-of-type so it auto-applies to every ANCLA page:
   .hero = paper+dots (always 1st) · even = cream band · #cta = dark close (always last). */
#ancla section{border-bottom:none}

/* light "paper" sections (odd: hero, método, faq…) get the edutrex dot-grid texture */
#ancla section:nth-of-type(odd){background:var(--bg)}
#ancla section:nth-of-type(odd)::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(var(--ink) 1px,transparent 1px);
  background-size:26px 26px;opacity:.045}
#ancla .wrap{position:relative;z-index:1}

/* cream bands (even sections) — hard ink edges, like edutrex .v3-tests */
#ancla section:nth-of-type(even){
  background:var(--paper);
  border-top:3px solid var(--ink);
  border-bottom:3px solid var(--ink)}
/* paper-tinted cards must flip to white so they pop on the cream band */
#ancla section:nth-of-type(even) .turn,
#ancla section:nth-of-type(even) .policy,
#ancla section:nth-of-type(even) .incl li{background:var(--bg)}

/* dark closing CTA (id beats nth-of-type, so it wins on every page) */
#ancla #cta{background:var(--ink);border-top:3px solid var(--ink);color:var(--bg)}
#ancla #cta::before{display:none}
#ancla #cta h2{color:var(--bg)}
#ancla #cta p{color:rgba(250,250,250,.82)}
#ancla #cta .micro{color:rgba(250,250,250,.5)}
#ancla #cta .btn{border-color:var(--bg);box-shadow:5px 5px 0 var(--bg)}
#ancla #cta .btn:hover{transform:translate(-2px,-2px)}
#ancla #cta .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--bg)}
#ancla #cta .btn.ghost{background:transparent;color:var(--bg)}

/* ===== Headings — edutrex display voice (Archivo Black + accent fonts) ===== */
#ancla h1,#ancla h2{font-family:'Archivo',sans-serif;letter-spacing:-.03em;text-wrap:balance}
#ancla h1{font-weight:900;font-size:clamp(36px,7.4vw,82px);line-height:1.08}
#ancla h2{font-weight:900;font-size:clamp(28px,4.8vw,52px);line-height:1.06}
#ancla h3{font-family:'Archivo',sans-serif;font-weight:800}
/* signature violet highlight on a key phrase (edutrex .v3-sec-t u) */
#ancla h1 u,#ancla h2 u{background:var(--violet);color:var(--ink);text-decoration:none;
  padding:0 .26em;border-radius:9px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#ancla #cta h2 u{background:var(--violet)}
/* accent words: italic serif + handwritten (edutrex .v3-h1 .w-fits / .w-brain) */
#ancla h1 em,#ancla h2 em{font-family:'Instrument Serif',serif;font-style:italic;
  font-weight:400;color:var(--coral);letter-spacing:0}
#ancla .cursive{font-family:'Caveat',cursive;font-weight:700;letter-spacing:0}
/* handwritten accent word inside a heading (edutrex .w-brain) */
#ancla h1 .cursive,#ancla h2 .cursive{display:inline-block;color:var(--coral);font-size:1.12em;
  line-height:1;transform:rotate(-2deg);text-decoration:underline wavy var(--ink);text-underline-offset:7px}

/* ===== Logo — edutrex wordmark (edu✶trex) in the nav ===== */
#ancla .anav .brand{display:inline-flex;align-items:baseline;gap:0;line-height:1;text-decoration:none}
#ancla .anav .brand .l-edu,#ancla .anav .brand .l-trex{font-family:'Archivo',sans-serif;font-weight:900;
  font-size:25px;letter-spacing:-.05em;text-transform:lowercase;color:var(--ink);line-height:1}
#ancla .anav .brand .l-star{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  font-size:25px;color:var(--coral);margin:0 -1px;transform:translateY(-1px);line-height:1}
#ancla .anav .brand .l-trex{position:relative}
#ancla .anav .brand .l-trex::after{content:'';position:absolute;left:-2px;right:-2px;bottom:1px;
  height:6px;background:var(--violet);z-index:-1;transform:skewX(-8deg)}

/* ===== Método ANCLA (3er bloque) — tratamiento creativo "cadena de ancla" ===== */
#ancla #metodo{counter-reset:ancstep}
#ancla #metodo .anc-card{position:relative;overflow:visible;counter-increment:ancstep;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
/* notas adhesivas: ligera inclinación alterna, se endereza y se eleva al pasar el cursor */
#ancla #metodo .anc-card.a1{transform:rotate(-1deg)}
#ancla #metodo .anc-card.a2{transform:rotate(.7deg)}
#ancla #metodo .anc-card.a3{transform:rotate(-.5deg)}
#ancla #metodo .anc-card.a4{transform:rotate(.8deg)}
#ancla #metodo .anc-card.a5{transform:rotate(-.6deg)}
#ancla #metodo .anc-card:hover{transform:rotate(0) translateY(-3px);box-shadow:12px 12px 0 var(--ink);z-index:3}
/* la letra como sello Archivo-black: esquina izq. redondeada, nº de paso y eslabón de cadena debajo */
#ancla #metodo .anc-card .letter{position:relative;border-radius:15px 0 0 15px;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:72px}
#ancla #metodo .anc-card .letter::before{content:'0' counter(ancstep);position:absolute;top:13px;left:0;right:0;
  text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.55}
/* eslabón de la cadena del ancla entre las plizas de letras (ANCLA = ancla) */
#ancla #metodo .anc-card::after{content:'';position:absolute;left:58px;bottom:-24px;height:25px;
  border-left:4px dashed var(--ink);opacity:.65;z-index:4}
#ancla #metodo .anc-card.a5::after{display:none}
/* paleta de plizas más vibrante y variada (violeta · coral · amarillo · tinta · violeta) */
#ancla .anc-card.a3 .letter{background:#FFE45C;color:var(--ink)}
#ancla .anc-card.a4 .letter{background:var(--ink);color:var(--bg)}
#ancla .anc-card.a5 .letter{background:var(--violet);color:var(--ink)}
/* cita: regla de papel rasgado + marca coral */
#ancla #metodo .anc-card .cite{display:block;border-bottom:2px dashed rgba(26,26,26,.18);
  padding-bottom:9px;margin-bottom:11px}
#ancla #metodo .anc-card .cite::before{content:'✦ ';color:var(--coral);font-weight:700}
#ancla #metodo .anc-card .tldr{font-size:19px}

/* responsive */
@media(max-width:760px){
  .aq-card{padding:26px 20px}
  .aq-level{font-size:52px}
  #ancla .anav nav{position:fixed;inset:62px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:2px solid var(--ink);padding:8px 16px 16px;display:none}
  #ancla .anav nav.open{display:flex}
  #ancla .anav nav a{padding:13px 8px;border-radius:10px;font-size:16px}
  #ancla .anav .burger{display:flex;align-items:center;justify-content:center}
  #ancla .anc-card{grid-template-columns:1fr}
  #ancla .ptable .row{grid-template-columns:1fr 1fr}
  #ancla .ptable .row .cell:nth-child(3),#ancla .ptable .row .cell:nth-child(4){display:none}
  #ancla .about{grid-template-columns:1fr}
  #ancla .about img{max-width:240px;margin:0 auto}
  #ancla .svc,#ancla .policy,#ancla .lvl-cta,#ancla .ptable{box-shadow:5px 5px 0 var(--ink)}
  #ancla .anc-card .letter{padding:14px 0;font-size:52px}
  #ancla .anc-card,#ancla .turn{box-shadow:5px 5px 0 var(--ink)}
  /* método: sin inclinación ni cadena en móvil; letra arriba con esquinas superiores redondeadas */
  #ancla #metodo .anc-card{transform:none}
  #ancla #metodo .anc-card:hover{transform:translateY(-3px)}
  #ancla #metodo .anc-card .letter{border-radius:15px 15px 0 0;font-size:54px}
  #ancla #metodo .anc-card::after{display:none}
  .wa-float .wa-label{display:none}
  .wa-float{padding:13px}
}