/* Páginas por intención de búsqueda: tres direcciones de arte sobre el mismo sistema (styles.css: nav, botones, preguntas, pie).
   ARS = libro de cuentas · Dental = lámina editorial · Mi Práctica = autonomía. Todo se lee sin JavaScript; con JS sólo se anima. */
.pg main{display:block}
.pg .wrap{position:relative}

/* ── Entrada por scroll (paginas.js añade .js y .in; sin JS todo está visible) ── */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.js .rv.in{opacity:1;transform:none}

/* ── Andamio común ── */
.sx{position:relative;padding:clamp(72px,11vh,128px) 0}
.sx h2{font-size:clamp(32px,4.2vw,58px);margin-top:10px;max-width:19ch;letter-spacing:-.045em}
.sx .lede{margin-top:18px;max-width:52ch;font-size:clamp(16.5px,1.3vw,19px);color:var(--slate)}
.sx.dk{background:var(--midnight);color:var(--on-dark)}
.sx.dk h2{color:#fff}.sx.dk .lede{color:var(--on-dark-2)}.sx.dk .kick{color:var(--aqua)}
.crumbs{display:flex;gap:8px;margin-bottom:20px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--teal-ink);font-weight:600}.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.ph{position:relative;isolation:isolate;overflow:hidden}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,5vw,80px);align-items:center;padding-top:clamp(20px,5vh,56px);padding-bottom:clamp(64px,10vh,112px)}
.ph h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.045em;max-width:19ch}
.pg-ars .ph h1{font-size:clamp(34px,3.5vw,50px);max-width:22ch}
.pg .nav{max-width:1200px;margin:0 auto}
.ph h1 em{display:block;margin-top:.08em;font-style:normal;color:var(--teal-ink)}
.ph .lead{margin-top:22px;max-width:50ch;font-size:clamp(16.5px,1.3vw,19px);color:var(--slate)}
.who{display:flex;gap:12px;align-items:baseline;margin-top:22px;max-width:54ch;font-size:14px;line-height:1.5;color:var(--muted)}
.who b{flex:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink)}
.ph .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sx.faq{padding:clamp(72px,10vh,112px) 0}
.pg .qs{margin-top:40px}

/* ── Cierre: demostración ── */
.dm{padding:clamp(80px,12vh,132px) 0 clamp(56px,8vh,88px)}
.dm-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,90px);align-items:center}
.dm h2{font-size:clamp(34px,4.6vw,66px);max-width:14ch}
.dm .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.dm-steps{list-style:none;counter-reset:s;border-bottom:1px solid rgba(255,255,255,.12)}
.dm-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:2px 16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12)}
.dm-steps li::before{content:counter(s);grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(126,230,225,.12);color:var(--aqua);font:600 14px 'Poppins'}
.dm-steps b{color:#fff;font-size:16.5px}.dm-steps span{color:var(--on-dark-2);font-size:15px;line-height:1.5}
.dm .next{margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:14.5px;color:var(--on-dark-2)}
.dm .next a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ════════ ARS · libro de cuentas ════════ */
.pg-ars .ph{background:var(--paper)}
.pg-ars .rules{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 55px,#E4E9F0 55px 56px);-webkit-mask:linear-gradient(180deg,#000 55%,transparent);mask:linear-gradient(180deg,#000 55%,transparent)}
.ph-art{position:relative}
.ledger{position:relative;max-width:470px;margin-left:auto;padding:26px 26px 22px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(11,20,38,.06),0 60px 90px -50px rgba(11,20,38,.5);transform:rotate(1.4deg);background-image:linear-gradient(transparent 43px,#EEF2F7 43px,#EEF2F7 44px);background-size:100% 44px;background-position:0 66px}
.ledger::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:12px;background:radial-gradient(circle at 8px 0,transparent 8px,#fff 8.5px) -8px 0/16px 12px repeat-x}
.lg-hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid var(--ink);font-size:12.5px;font-weight:700;color:var(--muted)}
.lg-hd i{font-style:normal;padding:3px 10px;border-radius:999px;background:var(--paper);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.lg-cols,.lg-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;height:44px}
.lg-cols b{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.lg-row span{font-size:14.5px;font-weight:600;color:var(--ink)}
.st{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:4px 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}
.st svg{width:12px;height:12px}
.st.ok{background:#E3F5F3;color:var(--teal-ink)}.st.fu{background:#E8EFFF;color:#1A4FDB}.st.pe{background:#EEF2F7;color:var(--muted)}
.lg-foot{margin-top:10px;padding-top:14px;border-top:2px solid var(--ink);font:500 15px/1.3 'Poppins';color:var(--navy)}
.lg-chip{position:absolute;right:-6px;bottom:-26px;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:14px;background:var(--navy);color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 20px 40px -18px rgba(10,27,61,.7);animation:bob 5s ease-in-out infinite}
.lg-chip svg{color:var(--aqua)}
.lg-row .st,.lg-foot{animation:pop .6s var(--ease) both;animation-delay:calc(var(--i) * 260ms + 500ms)}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.94)}}
@keyframes bob{50%{transform:translateY(-6px)}}
.tri-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.tri-list{list-style:none;margin-top:34px}
.tri-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:18px 12px;border-top:1px solid rgba(255,255,255,.1);border-radius:6px;transition:background .25s}
.tri-list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.tri-list li:hover,.tri-list li:focus-visible{background:rgba(126,230,225,.07)}
.tri-list b{font:600 17px 'Poppins';color:#fff}.tri-list span{font-size:15px;color:var(--on-dark-2)}
.tri-svg{display:block;width:100%;max-width:470px;margin:0 auto;overflow:visible}
.wr{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9;animation:flow 1.8s linear infinite;transition:opacity .3s}
.w-p{stroke:#6F9BFF}.w-a{stroke:var(--aqua)}.w-x{stroke:rgba(255,255,255,.3)}
@keyframes flow{to{stroke-dashoffset:-20}}
.tri .nd{transition:opacity .3s}.tri .nd text{fill:#fff;font:700 15px 'Plus Jakarta Sans'}
.tri .lb{fill:var(--on-dark-2);font:600 13px 'Plus Jakarta Sans';transition:opacity .3s}
.tri[data-f=p] :is(.n-a,.w-a,.w-x,.l-a,.l-x),.tri[data-f=a] :is(.n-p,.w-p,.w-x,.l-p,.l-x),.tri[data-f=c] :is(.w-x,.l-x){opacity:.2}
.rows-sec{background:var(--paper)}
.rows{list-style:none;margin-top:48px;border-bottom:1px solid var(--line)}
.row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:start;padding:32px 14px;border-top:1px solid var(--line);border-radius:4px;transition:background .3s}
.row:hover{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.row .n{font:500 clamp(34px,4vw,56px)/1 'Poppins';letter-spacing:-.04em;color:#BCC8D8;transition:color .3s}.row:hover .n{color:var(--teal)}
.row h3{font-size:clamp(21px,2.1vw,28px);letter-spacing:-.03em;line-height:1.12}
.row p{margin-top:8px;max-width:56ch;color:var(--slate)}
.aud{align-self:center;padding:6px 12px;border-radius:999px;background:#E3F5F3;color:var(--teal-ink);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.why{padding-top:0}
.why-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px clamp(28px,5vw,72px);padding:clamp(32px,5vw,64px);border-radius:32px;background:var(--navy);color:#fff;box-shadow:0 50px 90px -50px rgba(10,27,61,.8)}
.why-card::after{content:'';position:absolute;right:-110px;top:-110px;width:380px;height:380px;border-radius:50%;border:56px solid rgba(126,230,225,.07);pointer-events:none}
.why-card .kick{color:var(--aqua);grid-column:1}.why-card h2{color:#fff;grid-column:1;max-width:14ch}
.why-card ul,.why3{list-style:none;display:grid;gap:18px}
.why-card ul{grid-column:2;grid-row:1/3;align-self:center}
.why-card li,.why3 li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--on-dark)}
.why-card li svg,.why3 li svg{flex:none;margin-top:3px;color:var(--aqua)}

/* ════════ Dental · lámina editorial ════════ */
.pg-dental .ph{background:radial-gradient(760px 520px at 88% 12%,#DDF3F0,transparent 65%),var(--paper)}
.plate{position:relative;margin:0 0 0 auto;max-width:520px;padding:22px 24px 20px;border-radius:30px;background:#fff;box-shadow:0 0 0 1px var(--line),0 60px 100px -56px rgba(11,20,38,.5)}
.pl-cap{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pl-cap b{color:var(--navy)}
.arc-svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}
.gum{fill:none;stroke:#C5D3E6;stroke-width:1.4;stroke-dasharray:3 7}
.tooth{transform-box:fill-box;transform-origin:center;animation:tin .8s var(--ease) both;animation-delay:calc(var(--i) * 60ms + 150ms)}
.tooth rect{fill:#fff;stroke:var(--navy);stroke-width:1.6}
.tooth .gr{fill:none;stroke:#A7B8D0;stroke-width:1.2;stroke-linecap:round}
.tooth.hl rect{fill:url(#gt);stroke:#0E9C98}
.tooth.hl{animation:tin .8s var(--ease) both,glow 3.4s ease-in-out 1.6s infinite;animation-delay:calc(var(--i) * 60ms + 150ms),1.6s}
@keyframes tin{from{opacity:0;transform:scale(.4)}}
@keyframes glow{50%{filter:drop-shadow(0 0 8px rgba(0,178,169,.75))}}
.num{animation:pop .6s var(--ease) both;animation-delay:1.1s}
.num line{stroke:var(--navy);stroke-width:1}.num circle{fill:var(--navy)}.num text{fill:#fff;font:700 12px 'Plus Jakarta Sans'}
.pl-key{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--slate)}
.pl-key i{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:8px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-size:11px;font-weight:700}
.esp{background:var(--paper)}
.esp-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.esp-list{list-style:none;border-bottom:1px solid var(--line)}
.esp-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:20px 0;border-top:1px solid var(--line)}
.esp-list .en{font:600 clamp(26px,3.3vw,46px)/1.05 'Poppins';letter-spacing:-.035em;color:#A9B5C7;transition:color .25s,transform .35s var(--ease)}
.esp-list li:hover .en{color:var(--navy);transform:translateX(6px)}.esp-list .on .en{color:var(--navy)}
.esp-list .ed{grid-column:1;font-size:14.5px;color:var(--muted)}
.esp-list em{grid-row:1/3;grid-column:2;align-self:center;padding:5px 12px;border-radius:999px;background:#E3F5F3;color:var(--teal-ink);font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.jr{background:#fff;border-block:1px solid var(--line)}
.jr-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.jr-l{position:sticky;top:96px}
.jr-beats{list-style:none;border-bottom:1px solid var(--line)}
.bt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start;padding:36px 0;border-top:1px solid var(--line)}
.bn{min-width:1.3em;font:600 clamp(52px,6.4vw,92px)/.85 'Poppins';letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #B6C3D9;transition:-webkit-text-stroke-color .3s}
.bt:hover .bn{-webkit-text-stroke-color:var(--teal)}
.bt h3{font-size:clamp(22px,2.3vw,32px);letter-spacing:-.03em}.bt p{margin-top:8px;max-width:46ch;color:var(--slate)}
.rls{background:var(--paper)}
.rl-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px}
.rl{padding:6px 32px 6px 0}.rl+.rl{padding-left:32px;border-left:1px solid var(--line)}
.rl-k{display:block;font:600 clamp(22px,2.2vw,30px)/1.1 'Poppins';letter-spacing:-.03em;color:var(--navy)}
.rl p{margin-top:12px;color:var(--slate);max-width:32ch}

/* ════════ Mi Práctica · autonomía ════════ */
.pg-mp .ph{background:var(--midnight);color:var(--on-dark)}
.glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(620px 480px at 78% 42%,rgba(0,178,169,.24),transparent 70%),radial-gradient(520px 420px at 6% 0,rgba(47,107,255,.2),transparent 70%)}
.pg-mp .nav .word{color:#fff}.pg-mp .nav .links{color:var(--on-dark-2)}.pg-mp .nav .links a:hover{color:#fff}
.pg-mp .nav .btn-s,.pg-mp .ph .btn-s{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.pg-mp .nav .btn-s:hover,.pg-mp .ph .btn-s:hover{border-color:#fff}
.pg-mp .nav .btn-p,.pg-mp .ph .btn-p{background:var(--teal);color:var(--navy)}.pg-mp .nav .btn-p:hover,.pg-mp .ph .btn-p:hover{background:#19C7BE}
.pg-mp .nav .iso .ring{stroke:#fff}
.pg-mp .ph h1{color:#fff}.pg-mp .ph h1 em{color:var(--aqua)}.pg-mp .ph .lead{color:var(--on-dark-2)}.pg-mp .who{color:var(--on-dark-2)}.pg-mp .who b,.pg-mp .crumbs a,.pg-mp .ph .kick{color:var(--aqua)}.pg-mp .crumbs{color:var(--on-dark-2)}
.orb{text-align:center}
.orb-svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;overflow:visible}
.rings circle{fill:none;stroke:rgba(255,255,255,.16);stroke-dasharray:2 8;transform-box:fill-box;transform-origin:center;animation:spin 140s linear infinite}
.rings circle:nth-child(2){animation-duration:200s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.orb .w-b{stroke:#6F9BFF}.orb .w-t{stroke:var(--aqua)}
.orb .nd text.out{fill:var(--on-dark);font:600 15px 'Plus Jakarta Sans'}
.orb .core text{fill:#fff;font:600 15px 'Poppins'}
.orb .opt{transform-box:fill-box;transform-origin:center;transition:opacity .55s,transform .7s var(--ease)}
.orb[data-state=solo] .opt{opacity:0;transform:scale(.55);pointer-events:none}
.orb .core circle:last-of-type{animation:breathe 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes breathe{50%{transform:scale(1.06)}}
.sw{display:inline-flex;gap:4px;margin-top:14px;padding:5px;border-radius:999px;background:rgba(255,255,255,.08)}
.sw[hidden]{display:none}
.sw button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--on-dark-2);font:700 14px 'Plus Jakarta Sans';cursor:pointer;transition:background .25s,color .25s}
.sw button[aria-pressed=true]{background:var(--teal);color:var(--navy)}
.sw button:focus-visible{outline-color:var(--aqua)}
.cap{min-height:3.2em;max-width:42ch;margin:14px auto 0;font-size:15px;line-height:1.5;color:var(--on-dark-2)}
.caso{background:var(--paper)}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.cs{padding:30px 28px 32px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -46px rgba(11,20,38,.35)}
.cs:last-child{background:linear-gradient(160deg,#fff,#E3F5F3)}
.glifo{width:120px;height:80px;margin-bottom:22px;overflow:visible}.gl{fill:none;stroke:#9DB0CC;stroke-width:2;stroke-linecap:round}
.cs h3{font-size:26px;letter-spacing:-.03em}.cs p{margin-top:10px;color:var(--slate)}
.inc .wrap{display:grid;gap:clamp(36px,5vw,56px)}
.inc-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(28px,5vw,72px);align-items:end}
.inc-head h2{max-width:14ch}.why3{gap:14px}
.inc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.inc-list div{padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.12)}
.inc-list dt{font:600 19px/1.2 'Poppins';letter-spacing:-.02em;color:#fff}.inc-list dd{margin-top:8px;font-size:15px;line-height:1.55;color:var(--on-dark-2)}

/* ════════ Celular ════════ */
@media (max-width:900px){
  .sx{padding:60px 0}
  .ph-grid{grid-template-columns:1fr;gap:34px;padding-top:12px;padding-bottom:64px}
  .ph h1{font-size:clamp(33px,9vw,42px)}
  .ledger,.plate{margin:0 auto}
  .tri-grid,.esp-grid,.jr-grid,.dm-grid,.inc-head{grid-template-columns:1fr}
  .tri-list li{grid-template-columns:1fr;gap:4px}
  .row{grid-template-columns:52px minmax(0,1fr);gap:6px 14px;padding:26px 4px}
  .row .aud{grid-column:2;justify-self:start;margin-top:8px}
  .why-card{grid-template-columns:1fr;border-radius:26px}.why-card ul{grid-column:1;grid-row:auto;margin-top:18px}
  .jr-l{position:static}
  .bt{padding:26px 0}
  .rl-cols{grid-template-columns:1fr;margin-top:26px}.rl{padding:22px 0}.rl+.rl{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .cs-grid{grid-template-columns:1fr;margin-top:26px}
  .inc-list{grid-template-columns:1fr}
  .sw{display:flex;flex-direction:column;border-radius:22px}.sw button{border-radius:18px}
  .orb-svg{margin-bottom:-15%}
  .dm .next{margin-top:36px}
}

/* ── Movimiento reducido: todo queda en su estado final ── */
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none}
  .tooth,.tooth.hl,.num,.lg-row .st,.lg-foot,.lg-chip,.wr,.rings circle,.orb .core circle{animation:none!important}
  .orb .opt,.sw button,.tri .nd,.tri .lb,.row,.esp-list .en{transition:none}
}