/* Academia de Alto Impacto — planes, perfil, bienvenida, calendario con tipos, Mi consultoría y barra "Ver como".
   Hoja propia (prefijo cp-). Usa los tokens de academia.css, así funciona en tema claro y oscuro. Sin estilos en línea (CSP). */

/* ---------- barra "Ver como" (modo simulación del admin) ---------- */
.cp-simbar{position:fixed;left:0;right:0;bottom:0;z-index:300;background:#160620;color:#fff;border-top:3px solid var(--naranja,#F05613);box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.cp-simbar__in{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cp-simbar__t{display:block;flex:1 1 280px;font-size:.92rem;font-weight:600;line-height:1.4}
.cp-simbar__t .ico{margin-right:.4rem;vertical-align:-.15em}
.cp-simbar__t b{color:#F5C16B}
.cp-simbar__f{margin:0}
body:has(.cp-simbar){padding-bottom:72px}
.cp-vercomo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.cp-vercomo__l{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cp-vercomo select{min-height:40px;border:1px solid var(--field-line,var(--line));border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);padding:.3rem .6rem;font:inherit}
.cp-vercomo-fila{display:flex;justify-content:flex-end;margin:-6px 0 4px}
.ap-user__menu .cp-vercomo{padding:.6rem .8rem;border-top:1px solid var(--line);margin-top:6px}
.ap-user__plan{padding:.2rem .8rem .5rem}

/* ---------- etiqueta de plan ---------- */
.cp-plan{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.02em;background:var(--accent-soft);color:var(--accent-t);border:1px solid var(--line)}
.cp-plan .ico{font-size:1em}
.cp-plan--top-academy{background:#efe4fa;color:#4a1a7a}
.cp-plan--top-marketing{background:#ffe9d9;color:#9a3407}
.cp-plan--top-master{background:#fff0c9;color:#7a5200}
.cp-plan--despega{background:#160620;color:#F5C16B;border-color:#D9A73B}
.cp-plan--admin{background:var(--ok-bg);color:var(--ok)}
.cp-plan--sin-plan{background:var(--neutral-bg);color:var(--neutral)}
:root[data-tema="oscuro"] .cp-plan--top-academy,html[data-theme="dark"] .cp-plan--top-academy{background:#3d1660;color:#e6d4fa}
:root[data-tema="oscuro"] .cp-plan--top-marketing,html[data-theme="dark"] .cp-plan--top-marketing{background:#4a2108;color:#ffc9a3}
:root[data-tema="oscuro"] .cp-plan--top-master,html[data-theme="dark"] .cp-plan--top-master{background:#4a3606;color:#ffdf8a}
.cp-plan--grande{font-size:1rem;padding:.45rem 1rem}

/* ---------- Mi plan (academia y cuenta) ---------- */
.cp-miplan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,18px);padding:16px 20px}
.cp-miplan__c{display:grid;gap:.3rem;justify-items:start}
.cp-miplan__k{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cp-miplan__a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cp-miplan__a .sm{max-width:46ch}
.cp-sub{font-size:1rem;font-weight:800;margin:.4rem 0 .2rem}
.cp-lista{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.cp-lista li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.5}
.cp-lista .ico{flex:none;margin-top:.2em;color:var(--ok)}
.cp-lista--sig .ico{color:var(--naranja)}
.cp-siguiente{display:grid;gap:.6rem;padding:16px;border:1px dashed var(--line);border-radius:var(--r,12px);background:var(--card2)}
.ap .form .cp-opc{display:inline;font-weight:500;color:var(--muted);font-size:.85em}
.cp-opciones{border:0;padding:0;margin:0;display:grid;gap:.5rem}
.cp-opciones legend{font-weight:700;font-size:.9rem;margin-bottom:.4rem;padding:0}
.ap .form .cp-opcion,.ap .cp-opcion{display:flex;flex-direction:row;align-items:center;gap:.7rem;min-height:48px;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--card);cursor:pointer;font-weight:600}
.cp-opcion input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--accent-t)}
.cp-opcion:has(input:checked){border-color:var(--accent-t);background:var(--accent-soft)}

/* ---------- bienvenida: pasos numerados ---------- */
.cp-hero{display:flex;gap:18px;align-items:center}
.cp-hero h1{margin:.1rem 0}
.cp-hero__ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ok-bg);color:var(--ok);font-size:2rem}
.cp-pasos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cp-paso{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,18px);padding:18px 18px 20px}
.cp-paso__n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--violeta,#552189);color:#fff;font-weight:800;font-size:1.1rem}
.cp-paso.is-hecho .cp-paso__n{background:var(--ok);color:#fff}
.cp-paso__c{display:grid;gap:.6rem;min-width:0}
.cp-paso__c h2{font-size:1.15rem;margin:0}
.cp-paso__c p{margin:0}
.cp-acciones{display:flex;gap:10px;flex-wrap:wrap}
.cp-omitir{margin-top:2px}
.cp-pasos--compacto .cp-paso{padding:12px;grid-template-columns:36px minmax(0,1fr)}
.cp-pasos--compacto .cp-paso__n{width:36px;height:36px;font-size:.95rem}
.cp-pasos--compacto h2{font-size:1rem}

/* ---------- formación o tarjeta bloqueada ---------- */
.pcard.is-bloqueado{flex-direction:column;gap:8px}
.cp-oferta{align-self:flex-start}
.cp-bloqueo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-left:5px solid var(--naranja);border-radius:var(--r,12px);background:var(--card);margin-bottom:18px}
.cp-bloqueo__ic{font-size:1.5rem;color:var(--naranja)}
.cp-bloqueo__t{display:grid;gap:.15rem;flex:1 1 260px}
.cp-bloqueo__t span{font-size:.9rem;color:var(--muted)}

/* ---------- calendario ---------- */
.cp-tipo{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:800;background:var(--neutral-bg);color:var(--neutral)}
.cp-tipo--directo{background:#ffe2cf;color:#9a3407}
.cp-tipo--formacion{background:#e8dcf8;color:#4a1a7a}
.cp-tipo--masterclass{background:#fff0c9;color:#7a5200}
.cp-tipo--lanzamiento{background:#d9f0e2;color:#136b33}
.cp-tipo--presencial{background:#d7e8fb;color:#154a85}
.cp-tipo--sesion1a1{background:#fadcec;color:#8a1c58}
.cp-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cp-mesnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-mesnav__t{font-size:1.25rem;margin:0;min-width:11ch;text-align:center}
.cp-vistas{display:inline-flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.cp-vista{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.3rem 1rem;border-radius:999px;font-weight:700;font-size:.86rem;color:var(--muted)}
.cp-vista.is-on{background:var(--card);color:var(--accent-t);box-shadow:var(--shadow)}
.cp-filtros{display:flex;flex-wrap:wrap;gap:8px}
.cp-filtro{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.3rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--card);font-weight:700;font-size:.84rem;color:var(--muted)}
.cp-filtro:hover{color:var(--ink);border-color:var(--accent-t)}
.cp-filtro.is-on{background:var(--accent-soft);color:var(--accent-t);border-color:var(--accent-t)}
.cp-proximo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 18px;border-radius:var(--r-lg,18px);background:#160620;color:#fff;border-left:5px solid var(--naranja)}
.cp-proximo__k{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#F5C16B}
.cp-proximo b{font-size:1.05rem}
.cp-proximo .cp-tipo{background:rgba(255,255,255,.14);color:#fff}
.cp-mes{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,18px);overflow:hidden}
.cp-mes__cab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--card2);border-bottom:1px solid var(--line)}
.cp-mes__cab span{padding:.6rem .5rem;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cp-mes__cuerpo{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cp-dia{min-height:104px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;align-content:start;gap:3px;min-width:0}
.cp-dia:nth-child(7n){border-right:0}
.cp-dia--fuera{background:var(--card2);opacity:.5}
.cp-dia__n{font-size:.8rem;font-weight:800;color:var(--muted)}
.cp-dia.is-hoy .cp-dia__n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--naranja);color:#160620}
.cp-dia.is-pasado{background:color-mix(in srgb,var(--card2) 55%,var(--card))}
.cp-pill{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:6px;font-size:.72rem;line-height:1.35;background:var(--neutral-bg);color:var(--neutral)}
.cp-pill b{font-weight:800}
.cp-pill--directo{background:#ffe2cf;color:#9a3407}
.cp-pill--formacion{background:#e8dcf8;color:#4a1a7a}
.cp-pill--masterclass{background:#fff0c9;color:#7a5200}
.cp-pill--lanzamiento{background:#d9f0e2;color:#136b33}
.cp-pill--presencial{background:#d7e8fb;color:#154a85}
.cp-pill--sesion1a1{background:#fadcec;color:#8a1c58}
.cp-pill.is-bloqueado{opacity:.6}
.cp-mas{font-size:.72rem;font-weight:700;color:var(--muted)}
.cp-cal[data-vista="mes"] .cp-listado{display:none}
.cp-cal[data-vista="lista"] .cp-mes{display:none}
.cp-ev.is-bloqueado .ev__f{filter:saturate(.4)}
.cp-bloq{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--muted)}
@media (max-width:759px){
  .cp-cal[data-vista] .cp-mes{display:none}
  .cp-cal[data-vista] .cp-listado{display:block}
  .cp-vistas{display:none}
  .cp-mesnav{width:100%;justify-content:space-between}
  .cp-ev{grid-template-columns:56px minmax(0,1fr)}
  .cp-ev .ev__acc{grid-column:1/-1;justify-content:flex-start}
  .cp-hero{align-items:flex-start}
  .cp-hero__ic{width:52px;height:52px;font-size:1.6rem}
  .cp-paso{grid-template-columns:36px minmax(0,1fr);padding:14px}
  .cp-paso__n{width:36px;height:36px;font-size:.95rem}
  .cp-simbar__in{padding:8px 14px}
}

/* ---------- Mi consultoría ---------- */
.cp-ses{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cp-ses__i{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--card2)}
.cp-ses__f{display:grid;justify-items:center;line-height:1.05;padding:.4rem 0;border-radius:10px;background:var(--accent-soft);color:var(--accent-t)}
.cp-ses__f b{font-size:1.25rem;font-weight:800}
.cp-ses__f span{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cp-ses__c{display:grid;gap:.15rem;min-width:0}
.cp-ses__c span{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;color:var(--muted)}
.cp-ses--pasadas .cp-ses__i{opacity:.85}
.cp-ultimo{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--card2);color:inherit}
.cp-ultimo:hover{border-color:var(--accent-t)}
.cp-ultimo>span:nth-child(2){display:grid;flex:1;min-width:0}
.cp-ultimo__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--naranja);color:#160620}
.cp-grabs,.cp-herr{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cp-grab,.cp-herr a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--card2);color:inherit}
.cp-grab:hover,.cp-herr a:hover,.cp-grab.is-on{border-color:var(--accent-t)}
.cp-grab__ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent-t)}
.cp-grab__t,.cp-herr a>span{display:grid;flex:1;min-width:0}
.cp-herr a>span span{font-size:.8rem}
.cp-herr__fila{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r,12px);background:var(--card2)}
.cp-reproductor{scroll-margin-top:80px}
.cp-despega{border-color:#D9A73B;background:linear-gradient(180deg,color-mix(in srgb,#D9A73B 10%,var(--card)),var(--card))}
.cp-tarjetas{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.cp-tarjeta{display:grid;gap:.5rem;align-content:start;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg,18px);background:var(--card)}
.cp-tarjeta h3{margin:0;font-size:1.05rem}
.cp-tarjeta p{margin:0}
.cp-tarjeta__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#160620;color:#F5C16B;font-size:1.3rem}
.cp-tarjeta.is-vacia{border-style:dashed}
.cp-pronto{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:700;color:var(--muted)}
.cp-recurso{border:1px solid var(--line);border-radius:var(--r,12px);padding:12px 14px;display:grid;gap:.6rem}
.cp-recurso legend{font-weight:800;padding:0 .4rem}

/* ---------- calendario: eventos de varios días, lugar y enlace de información (06/10/2026) ---------- */
.ap .i-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.cp-pill--varios{border-radius:0;margin-inline:-6px;padding-inline:8px}
.cp-ev .ev__f--rango b{font-size:1.15rem;white-space:nowrap}
