/* IKIGAI Studio · Capítulos: tarjetas hero premium + panel que se despliega — LOGOS 2026-10-30
   Tema claro por defecto («luz con sello IKIGAI»); oscuro bajo html:not([data-theme="light"]). */
#capitulos,.capx,.capf{
  --cp-bg:#F5F6FA;--cp-bg2:#EEF2F8;--cp-card:#FFFFFF;--cp-card2:#F3F6FB;--cp-ink:#0D254A;--cp-muted:#4F607A;--cp-dim:#7A889E;
  --cp-line:rgba(13,37,74,.10);--cp-line2:rgba(13,37,74,.16);--cp-teal:#0E8F84;--cp-teal-hi:#1BA89A;--cp-gold:#B08A36;--cp-gold-hi:#C9A24B;
  --cp-shadow:0 22px 60px rgba(13,37,74,.10),0 1px 0 rgba(255,255,255,.8) inset;--cp-shadow-hover:0 34px 80px rgba(13,37,74,.16),0 0 40px rgba(27,168,154,.12);
  --cp-glow:rgba(27,168,154,.10);--cp-gglow:rgba(201,162,75,.12);--cp-chip:rgba(14,143,132,.08);--cp-chipb:rgba(14,143,132,.28);--cp-gchip:rgba(176,138,54,.10);--cp-gchipb:rgba(176,138,54,.35);
  --cp-veil:rgba(245,246,250,.78);--cp-btn-g:#0D254A;--cp-btn-gb:rgba(13,37,74,.22)}
html:not([data-theme="light"]) #capitulos,html:not([data-theme="light"]) .capx,html:not([data-theme="light"]) .capf{
  --cp-bg:#040912;--cp-bg2:#070d19;--cp-card:rgba(16,30,50,.86);--cp-card2:rgba(13,28,48,.55);--cp-ink:#eaf2f8;--cp-muted:rgba(234,242,248,.7);--cp-dim:rgba(234,242,248,.42);
  --cp-line:rgba(143,163,184,.14);--cp-line2:rgba(143,163,184,.22);--cp-teal:#39e6d0;--cp-teal-hi:#39e6d0;--cp-gold:#efd28f;--cp-gold-hi:#efd28f;
  --cp-shadow:0 26px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07);--cp-shadow-hover:0 36px 100px rgba(0,0,0,.6),0 0 50px rgba(27,168,154,.18);
  --cp-glow:rgba(57,230,208,.14);--cp-gglow:rgba(239,210,143,.14);--cp-chip:rgba(8,22,34,.5);--cp-chipb:rgba(57,230,208,.25);--cp-gchip:rgba(8,22,34,.5);--cp-gchipb:rgba(239,210,143,.3);
  --cp-veil:rgba(2,5,10,.72);--cp-btn-g:#eaf2f8;--cp-btn-gb:rgba(234,242,248,.25)}

#capitulos{position:relative;padding:130px 22px 120px;color:var(--cp-ink);
  background:radial-gradient(70% 50% at 50% 0%,var(--cp-glow),transparent 60%),var(--cp-bg)}
#capitulos .cp-w{max-width:1200px;margin:0 auto}
#capitulos .cp-kick{display:inline-flex;align-items:center;gap:10px;font:700 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--cp-teal)}
#capitulos .cp-kick::before{content:"";width:34px;height:1px;background:currentColor}
#capitulos h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;letter-spacing:-.02em;margin:20px 0 14px;color:var(--cp-ink)}
#capitulos h2 em{font-style:italic;color:var(--cp-gold)}
#capitulos .cp-sub{font:400 1.05rem/1.6 Inter,system-ui,sans-serif;color:var(--cp-muted);max-width:58ch}
#capitulos .cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}

/* tarjeta */
.cap{--mx:50%;--my:30%;position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 28px 26px;min-height:360px;border-radius:26px;text-decoration:none;color:var(--cp-ink);
  isolation:isolate;overflow:hidden;border:1px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;
  background-image:linear-gradient(165deg,var(--cp-card),var(--cp-card)),
    radial-gradient(380px 380px at var(--mx) var(--my),rgba(27,168,154,.55),var(--cp-line2) 60%);
  box-shadow:var(--cp-shadow);
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out,box-shadow .5s;will-change:transform}
.cap::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .45s;
  background:radial-gradient(460px circle at var(--mx) var(--my),var(--cp-glow),transparent 60%)}
.cap:hover::before{opacity:1}
.cap:hover{box-shadow:var(--cp-shadow-hover)}
.cap.gold{background-image:linear-gradient(165deg,var(--cp-card),var(--cp-card)),
    radial-gradient(420px 420px at var(--mx) var(--my),rgba(201,162,75,.75),var(--cp-line2) 60%)}
.cap.gold::before{background:radial-gradient(520px circle at var(--mx) var(--my),var(--cp-gglow),transparent 60%)}
html[data-theme="light"] .cap.gold{background-image:linear-gradient(165deg,#FFFCF4,#FFFFFF),radial-gradient(420px 420px at var(--mx) var(--my),rgba(201,162,75,.75),var(--cp-line2) 60%)}
.cap.feat{grid-column:1/-1;flex-direction:row;align-items:center;gap:40px;min-height:0;padding:40px 44px;overflow:visible;transform-style:preserve-3d}
.cap.feat .cap-txt{max-width:640px}
.cap .n{position:absolute;top:22px;right:26px;font:500 .78rem/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.14em;color:var(--cp-dim)}
.cap .k{font:700 .64rem/1 Inter,system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--cp-teal)}
.cap.gold .k{color:var(--cp-gold)}
.cap h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.9rem;line-height:1.08;letter-spacing:-.01em;margin:4px 0 0;color:var(--cp-ink)}
.cap.feat h3{font-size:clamp(2rem,3.6vw,3rem)}
.cap h3 em{font-style:italic;color:var(--cp-teal)}.cap.gold h3 em{color:var(--cp-gold)}
.cap p{font:400 .94rem/1.55 Inter,system-ui,sans-serif;color:var(--cp-muted);margin:0}
.cap.feat p{font-size:1.04rem;max-width:56ch}
.cap .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.cap .chips i{font:600 .68rem/1 Inter,system-ui,sans-serif;font-style:normal;padding:6px 10px;border-radius:999px;border:1px solid var(--cp-chipb);color:var(--cp-teal);background:var(--cp-chip)}
.cap.gold .chips i{border-color:var(--cp-gchipb);color:var(--cp-gold);background:var(--cp-gchip)}
.cap .go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font:700 .86rem/1 Inter,system-ui,sans-serif;color:var(--cp-teal);transition:gap .3s}
.cap.gold .go{color:var(--cp-gold)}
.cap:hover .go{gap:14px}
.cap.feat .go{margin-top:18px;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,#efd28f,#c9a24b);color:#120d03;box-shadow:0 12px 34px rgba(201,162,75,.35)}
.cap.wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:26px;min-height:0;padding:24px 30px}
.cap.wide .emb{width:72px;height:72px}
.cap.wide h3{font-size:1.6rem}
.cap.wide .go{margin-top:0;margin-left:auto}

/* emblema premium: la moneda navy con glifo es el sello IKIGAI (único oscuro permitido en tarjeta clara) */
.emb{position:relative;width:92px;height:92px;flex:0 0 auto;filter:drop-shadow(0 10px 22px rgba(13,37,74,.22))}
html:not([data-theme="light"]) .emb{filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}
.cap.feat .emb{width:200px;height:200px}
.emb svg{width:100%;height:100%;overflow:visible}
.emb .ring{transform-origin:50px 50px;animation:embspin 18s linear infinite}
.cap:hover .emb .ring{animation-duration:6s}
@keyframes embspin{to{transform:rotate(360deg)}}
.emb .orb{transform-origin:50px 50px;animation:embbeat 3.4s ease-in-out infinite}
@keyframes embbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.emb .ring,.emb .orb{animation:none}.cap{transition:none}}

/* tarjeta cinética Radiografía (video hero reutilizado del portal CSL, aprobado 17-oct; arte vectorial de respaldo) */
.rxcard{position:relative;width:200px;height:200px;flex:0 0 auto;border-radius:30px;overflow:hidden;background:#0b1a33;
  box-shadow:0 34px 60px -22px rgba(13,37,74,.55),0 0 0 1px rgba(94,242,224,.28);
  transform:translateZ(50px) rotateY(-8deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cap:hover .rxcard{transform:translateZ(64px) rotateY(-3deg) scale(1.02)}
.rxcard video,.rxcard .rxart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rxcard.has-video .rxart{display:none}
.rxcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 44px rgba(94,242,224,.14),inset 0 1px 0 rgba(255,255,255,.18)}

/* panel que se despliega */
html.capx-open{overflow:hidden}
.capx{position:fixed;inset:0;z-index:130;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:var(--cp-veil);backdrop-filter:blur(18px) saturate(1.2);opacity:0;transition:opacity .35s}
.capx[hidden]{display:none}
.capx.on{opacity:1}
.capx-in{position:relative;max-width:1320px;margin:28px auto 60px;border-radius:28px;overflow:hidden;background:var(--cp-bg);border:1px solid var(--cp-line);
  box-shadow:0 50px 140px rgba(13,37,74,.25);transform:translateY(40px) scale(.985);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
html:not([data-theme="light"]) .capx-in{box-shadow:0 50px 140px rgba(0,0,0,.7)}
.capx.on .capx-in{transform:none}
.capx-bar{position:sticky;top:env(safe-area-inset-top, 0px);   /* iPhone: fuera de la barra de estado */ z-index:5;display:flex;align-items:center;gap:14px;padding:14px 22px;background:color-mix(in srgb,var(--cp-bg) 84%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--cp-line)}
.capx-bar .crumb{font:600 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cp-dim)}
.capx-bar .crumb b{color:var(--cp-gold);font-weight:700}
.capx-close{all:unset;cursor:pointer;margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--cp-btn-gb);
  font:700 .8rem/1 Inter,system-ui,sans-serif;color:var(--cp-btn-g);background:var(--cp-card);transition:.25s}
.capx-close:hover{border-color:var(--cp-teal);color:var(--cp-teal)}
.capx-close:focus-visible{outline:2px solid var(--cp-teal);outline-offset:2px}
.capx [data-cap][hidden]{display:none}
.capx #fiscal{padding-top:70px}

/* ficha de capítulo (capítulos aún sin demo propia) */
.capf{padding:90px 22px 110px;color:var(--cp-ink);background:radial-gradient(70% 50% at 80% 0%,var(--cp-glow),transparent 60%),var(--cp-bg)}
.capf .w{max-width:980px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}
.capf .emb{width:220px;height:220px}
.capf .k{font:700 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--cp-teal)}
.capf h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.02em;margin:18px 0 18px;color:var(--cp-ink)}
.capf h2 em{font-style:italic;color:var(--cp-teal)}
.capf p{font:400 1.08rem/1.65 Inter,system-ui,sans-serif;color:var(--cp-muted);max-width:60ch}
.capf ul{margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.capf li{list-style:none;padding:14px 16px;border-radius:14px;background:var(--cp-card);border:1px solid var(--cp-line);font:400 .9rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted);box-shadow:0 8px 24px rgba(13,37,74,.05)}
html:not([data-theme="light"]) .capf li{box-shadow:none}
.capf li b{display:block;color:var(--cp-ink);font-weight:600;margin-bottom:2px}
.capf .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.capf .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font:700 .92rem/1 Inter,system-ui,sans-serif;text-decoration:none;transition:transform .25s}
.capf .btn.p{background:linear-gradient(135deg,#1BA89A,#0e7d72);color:#fff;box-shadow:0 10px 30px rgba(27,168,154,.35)}
.capf .btn.g{border:1px solid var(--cp-btn-gb);color:var(--cp-btn-g);background:var(--cp-card)}
.capf .btn:hover{transform:translateY(-2px)}
.capf .soon{margin-top:26px;font:500 .78rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-dim);border-top:1px dashed var(--cp-line2);padding-top:14px;max-width:60ch}

@media (max-width:980px){
  #capitulos .cp-grid{grid-template-columns:1fr 1fr}
  .cap.feat{flex-direction:column;align-items:flex-start;gap:22px;padding:30px 28px}
  .cap.feat .emb{width:140px;height:140px}
  .rxcard{width:150px;height:150px;border-radius:24px;transform:none}.cap:hover .rxcard{transform:none}
  .capf .w{grid-template-columns:1fr}.capf .emb{width:150px;height:150px}
}
@media (max-width:620px){
  #capitulos{padding:90px 16px 80px}
  #capitulos .cp-grid{grid-template-columns:1fr;gap:14px}
  .cap{min-height:0;padding:24px 22px}
  .cap.wide{flex-direction:column;align-items:flex-start}.cap.wide .go{margin-left:0}
  .capx-in{margin:10px auto 30px;border-radius:18px}
  .capf{padding:60px 16px 80px}.capf ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.rxcard,.cap:hover .rxcard{transform:none;transition:none}}

/* ── Sello real 3D de IKIGAI, flotante y grande (réplica a 900 px del medallón canónico; jamás regenerado) ── */
#capitulos .cp-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.sello{--sx:0deg;--sy:0deg;position:relative;justify-self:end;width:min(36vw,400px);aspect-ratio:900/1015;perspective:1400px;transform-style:preserve-3d}
.sello picture,.sello img{display:block;width:100%;height:100%;object-fit:contain}
.sello picture{position:relative;z-index:2;transform:rotateX(var(--sx)) rotateY(var(--sy));transition:transform .5s cubic-bezier(.2,.8,.2,1);
  filter:drop-shadow(0 30px 40px rgba(13,37,74,.30)) drop-shadow(0 6px 10px rgba(13,37,74,.18));animation:selloflota 7s ease-in-out infinite}
html:not([data-theme="light"]) .sello picture{filter:drop-shadow(0 30px 50px rgba(0,0,0,.65)) drop-shadow(0 0 40px rgba(201,162,75,.18))}
.sello .sello-luz{position:absolute;inset:-14%;z-index:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(201,162,75,.22),rgba(201,162,75,.06) 55%,transparent 72%);animation:selloluz 7s ease-in-out infinite}
.sello .sello-sombra{position:absolute;left:14%;right:14%;bottom:-9%;height:9%;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(13,37,74,.30),rgba(13,37,74,0));animation:sellosombra 7s ease-in-out infinite}
html:not([data-theme="light"]) .sello .sello-sombra{background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0))}
@keyframes selloflota{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes sellosombra{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.7}}
@keyframes selloluz{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@media (max-width:980px){#capitulos .cp-head{grid-template-columns:1fr}.sello{justify-self:center;width:min(70vw,300px);order:-1}}
@media (prefers-reduced-motion:reduce){.sello picture,.sello .sello-luz,.sello .sello-sombra{animation:none}.sello picture{transform:none}}

/* ── Contraste en tema claro (Arturo 30-oct 23:20): fondo un tono más hundido, tarjetas blancas con borde y sombra
   definidos, y dos tarjetas «noche» que marcan jerarquía: la principal (Fiscal) y el cierre (Cómo trabajamos) ── */
html[data-theme="light"] #capitulos{background:radial-gradient(70% 50% at 50% 0%,rgba(27,168,154,.12),transparent 60%),linear-gradient(180deg,#F5F6FA 0%,#EDF1F7 30%,#E9EEF5 100%)}
html[data-theme="light"] .cap{background-image:linear-gradient(165deg,#FFFFFF,#FBFCFE),radial-gradient(380px 380px at var(--mx) var(--my),rgba(27,168,154,.55),rgba(13,37,74,.22) 60%);
  box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 18px 40px rgba(13,37,74,.12),0 2px 6px rgba(13,37,74,.06)}
html[data-theme="light"] .cap:hover{box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 34px 70px rgba(13,37,74,.20),0 0 40px rgba(27,168,154,.14)}
html[data-theme="light"] .cap.feat,html[data-theme="light"] .cap.wide{
  --cp-ink:#F3F6FB;--cp-muted:rgba(243,246,251,.78);--cp-dim:rgba(243,246,251,.45);--cp-teal:#5EEAD4;--cp-gold:#EFD28F;
  --cp-chip:rgba(255,255,255,.06);--cp-chipb:rgba(94,234,212,.35);--cp-gchip:rgba(239,210,143,.08);--cp-gchipb:rgba(239,210,143,.4);
  color:var(--cp-ink);
  background-image:linear-gradient(160deg,#102C57 0%,#0B1F42 48%,#07152E 100%),radial-gradient(520px 520px at var(--mx) var(--my),rgba(239,210,143,.85),rgba(13,37,74,.3) 60%);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 30px 70px rgba(13,37,74,.35)}
html[data-theme="light"] .cap.feat::before,html[data-theme="light"] .cap.wide::before{background:radial-gradient(560px circle at var(--mx) var(--my),rgba(239,210,143,.16),transparent 60%)}
html[data-theme="light"] .cap.feat:hover,html[data-theme="light"] .cap.wide:hover{box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 44px 100px rgba(13,37,74,.45),0 0 60px rgba(201,162,75,.22)}
html[data-theme="light"] .cap.wide{--cp-teal:#5EEAD4}
html[data-theme="light"] .cap.wide .emb{filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}
html[data-theme="light"] .rxcard{box-shadow:0 34px 60px -22px rgba(0,0,0,.7),0 0 0 1px rgba(94,242,224,.35),0 0 46px rgba(27,168,154,.2)}

/* muestra de audio en una ficha de capítulo */
.capf .capf-audio{margin-top:26px;padding:18px 20px;border-radius:18px;background:var(--cp-card);border:1px solid var(--cp-line);box-shadow:0 10px 30px rgba(13,37,74,.06)}
html:not([data-theme="light"]) .capf .capf-audio{box-shadow:none}
.capf .capf-audio-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}
.capf .capf-audio-h b{font:600 1.3rem/1.1 "Cormorant Garamond",Georgia,serif;color:var(--cp-ink)}
.capf .capf-audio-h span{font:500 .78rem/1.3 Inter,system-ui,sans-serif;color:var(--cp-dim)}
.capf .capf-audio audio{display:block;width:100%;height:40px}
.capf .capf-audio p{margin:10px 0 0;font:400 .88rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted);max-width:none}

/* capítulo AEO: bloques de explicación */
.capf .aeo-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.capf .aeo-vs div{padding:16px 18px;border-radius:14px;border:1px solid var(--cp-line);background:var(--cp-card)}
.capf .aeo-vs div:last-child{border-color:var(--cp-chipb);background:var(--cp-chip)}
.capf .aeo-vs b{display:block;font:700 .66rem/1 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--cp-teal);margin-bottom:8px}
.capf .aeo-vs span{font:400 .9rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-h{margin:30px 0 10px;font:600 1.5rem/1.1 "Cormorant Garamond",Georgia,serif;color:var(--cp-ink)}
.capf .aeo-pasos{margin:0;padding:0 0 0 22px;display:grid;gap:10px;counter-reset:none}
.capf .aeo-pasos li{font:400 .95rem/1.55 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-pasos li b{color:var(--cp-ink);font-weight:600}
.capf .aeo-ev{margin-top:22px;padding:16px 18px;border-radius:14px;border:1px solid var(--cp-gchipb);background:var(--cp-gchip)}
.capf .aeo-ev b{color:var(--cp-gold)}
.capf .aeo-ev>b{display:block;font:700 .66rem/1 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}
.capf .aeo-ev span{font:400 .9rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf code{font:600 .85em/1 "JetBrains Mono",ui-monospace,monospace;color:var(--cp-teal)}
@media (max-width:620px){.capf .aeo-vs{grid-template-columns:1fr}}

/* medidor AEO (Agent Readiness Score de Cloudflare) */
.capf .aeo-med{margin-top:26px;padding:20px 22px;border-radius:18px;background:var(--cp-card);border:1px solid var(--cp-chipb);box-shadow:0 12px 34px rgba(13,37,74,.07)}
html:not([data-theme="light"]) .capf .aeo-med{box-shadow:none}
.capf .aeo-med-h b{display:block;font:600 1.35rem/1.1 "Cormorant Garamond",Georgia,serif;color:var(--cp-ink)}
.capf .aeo-med-h span{display:block;margin-top:6px;font:400 .84rem/1.45 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-med-h a{color:var(--cp-teal);text-decoration:underline;text-underline-offset:3px}
.capf .aeo-form{display:flex;gap:10px;margin-top:14px}
.capf .aeo-form input{flex:1;min-width:0;font:500 1rem/1 Inter,system-ui,sans-serif;padding:14px 16px;border-radius:999px;border:1px solid var(--cp-line2);background:var(--cp-card2);color:var(--cp-ink);outline:none}
.capf .aeo-form input:focus{border-color:var(--cp-teal)}
.capf .aeo-form .btn{padding:14px 20px}
.capf .aeo-presets{margin-top:10px;font:500 .78rem/1.6 Inter,system-ui,sans-serif;color:var(--cp-dim)}
.capf .aeo-presets button{all:unset;cursor:pointer;margin-left:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--cp-chipb);color:var(--cp-teal);font:600 .74rem/1 Inter,system-ui,sans-serif;background:var(--cp-chip)}
.capf .aeo-res{margin-top:18px;border-top:1px dashed var(--cp-line2);padding-top:16px}
.capf .aeo-res[hidden]{display:none}
.capf .aeo-lvl{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.capf .aeo-lvl b{font:600 3.2rem/1 "Cormorant Garamond",Georgia,serif;color:var(--cp-gold);font-variant-numeric:tabular-nums}
.capf .aeo-lvl b i{font-style:normal;font-size:.45em;color:var(--cp-dim)}
.capf .aeo-lvl p{margin:0;font:400 .92rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-lvl p strong{color:var(--cp-ink);font-weight:600}
.capf .aeo-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px}
.capf .aeo-cats div{padding:10px 12px;border-radius:12px;background:var(--cp-card2);border:1px solid var(--cp-line);font:600 .74rem/1.4 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-cats div b{display:block;font-size:1rem;color:var(--cp-ink)}
.capf .aeo-cats div em{display:block;height:5px;border-radius:5px;background:var(--cp-cell,rgba(13,37,74,.08));margin-top:6px;overflow:hidden}
.capf .aeo-cats div em i{display:block;height:100%;background:linear-gradient(90deg,#1BA89A,#39e6d0);width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.capf .aeo-next{margin-top:14px;font:400 .88rem/1.5 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-next b{color:var(--cp-ink)}
.capf .aeo-next ul{margin:8px 0 0;padding-left:18px}
.capf .aeo-next li{margin:4px 0}
.capf .aeo-next li small{display:block;color:var(--cp-dim)}
.capf .aeo-err{color:#C9463D;font:500 .88rem/1.4 Inter,system-ui,sans-serif}
.capf .aeo-wait{font:500 .88rem/1.4 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-wait::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--cp-teal);border-top-color:transparent;margin-right:8px;vertical-align:-1px;animation:aeospin .8s linear infinite}
@keyframes aeospin{to{transform:rotate(360deg)}}
@media (max-width:620px){.capf .aeo-form{flex-direction:column}.capf .aeo-lvl{grid-template-columns:1fr}}

/* tabla de resultados AEO */
.capf .aeo-tab{width:100%;border-collapse:collapse;margin:10px 0 12px;font:500 .86rem/1.4 Inter,system-ui,sans-serif;color:var(--cp-muted)}
.capf .aeo-tab th{text-align:left;font:700 .62rem/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-dim);padding:6px 8px;border-bottom:1px solid var(--cp-line2)}
.capf .aeo-tab td{padding:9px 8px;border-bottom:1px solid var(--cp-line);vertical-align:middle;color:var(--cp-ink)}
.capf .aeo-tab td small{display:block;font-size:.72rem;color:var(--cp-dim)}
.capf .aeo-tab td b{color:var(--cp-gold)}
.capf .aeo-tab a{color:var(--cp-teal);white-space:nowrap}
@media (max-width:620px){.capf .aeo-tab th:nth-child(3),.capf .aeo-tab td:nth-child(3){display:none}}

.capf .aeo-presets .aeo-aqui{border-style:dashed;color:var(--cp-muted);background:transparent}