/* EPQA · Ficha de recursos 2026 | modo claro y oscuro, diseño de catálogo */
body.page-recurso{
 --rd-panel:#fff;--rd-soft:#f0f6ff;--rd-ink:#092b60;--rd-copy:#294b73;
 --rd-muted:#405f85;--rd-border:#c5d9f2;--rd-accent:#1969e9;--rd-shadow:0 9px 25px #082d671b;
 background:#eaf3ff;color:var(--rd-ink)
}
body.page-recurso .animated-bg-canvas{display:none!important;opacity:0!important}
body.page-recurso .site-main{
 isolation:isolate;position:relative;z-index:1;min-height:60vh;padding:1px 0 40px;
 background:radial-gradient(ellipse at 10% 5%,#c7e0ff84,transparent 50%),linear-gradient(145deg,#f6faff,#eaf2ff)!important
}
body.page-recurso .epqa-detail{
 position:relative;z-index:2;max-width:1310px;width:calc(100% - 30px);margin:18px auto 50px;
 color:var(--rd-copy);font:600 15px/1.58 Nunito,system-ui,sans-serif
}
body.page-recurso .epqa-detail *{box-sizing:border-box}
body.page-recurso .epqa-detail :is(a,button,input,label):focus-visible{outline:3px solid #00a8fe;outline-offset:3px}
body.page-recurso .epqa-detail__crumbs{
 display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px;
 color:var(--rd-muted)!important;font-size:12px;font-weight:800
}
body.page-recurso .epqa-detail__crumbs a{color:var(--rd-accent)!important;text-decoration:none}
body.page-recurso .epqa-detail__crumbs span[aria-current]{overflow-wrap:anywhere}
body.page-recurso .epqa-detail__hero{
 isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.65fr);
 overflow:hidden;gap:8px;min-height:270px;padding:27px clamp(22px,3vw,45px);
 color:#fff;background:radial-gradient(ellipse at 75% 42%,#128bea,#114fb8 48%,transparent 74%),linear-gradient(110deg,#081d4a,#0b3b92);
 border:1px solid #3485ea;border-radius:20px;box-shadow:0 15px 34px #082c7157
}
body.page-recurso .epqa-detail__hero-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
body.page-recurso .epqa-detail__eyebrow{font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:#b0efff!important;font-size:12px}
body.page-recurso .epqa-detail__hero h1{
 color:#fff!important;max-width:850px;margin:11px 0!important;
 font:900 clamp(27px,3.8vw,47px)/1.14 Poppins,Nunito,sans-serif!important;letter-spacing:-.025em;overflow-wrap:anywhere
}
body.page-recurso .epqa-detail__hero-text>p{color:#e4f4ff!important;font-weight:700;font-size:15px;line-height:1.5;max-width:540px;margin:0 0 14px}
body.page-recurso .epqa-detail__access-badge{
 display:inline-flex;align-items:center;gap:7px;border:1px solid #92dfff;border-radius:99px;
 color:#053b80!important;background:#def7ff;padding:6px 11px;font-size:12px;font-weight:900
}
body.page-recurso .epqa-detail__hero-art{position:relative;z-index:2;display:grid;place-items:center;min-width:0}
body.page-recurso .epqa-detail__hero-circuits{position:absolute;z-index:-1;right:-40%;top:-25%;width:280%;height:150%;max-width:none;object-fit:cover;opacity:.85}
body.page-recurso .epqa-detail__hero-orbit{
 display:grid;place-items:center;border:5px solid #83e4ff88;border-radius:50%;
 background:radial-gradient(circle,#7eeaff66,#2a8ffe22 65%,transparent 80%);
 box-shadow:0 0 0 15px #70dfff1a;width:min(205px,85%);aspect-ratio:1
}
body.page-recurso .epqa-detail__hero-motif{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 6px 10px #03285855)}
body.page-recurso .epqa-detail__hero-avatar{
 position:absolute;z-index:2;right:-6%;bottom:-23%;width:min(180px,52%);height:auto;
 max-height:92%;object-fit:contain;filter:drop-shadow(0 8px 12px #07276187)
}
body.page-recurso .epqa-detail__layout{
 display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr);align-items:start;
 gap:17px;margin-top:17px
}
body.page-recurso .epqa-detail__body,body.page-recurso .epqa-detail__side{
 min-width:0;opacity:1!important;background:var(--rd-panel)!important;color:var(--rd-copy)!important;
 border:1px solid var(--rd-border)!important;border-radius:18px;box-shadow:var(--rd-shadow)
}
body.page-recurso .epqa-detail__body{padding:clamp(18px,2.6vw,30px)}
body.page-recurso .epqa-detail__side{padding:23px;position:sticky;top:100px}
body.page-recurso .epqa-detail h2{
 color:var(--rd-ink)!important;font:900 clamp(17px,2vw,21px)/1.3 Poppins,Nunito,sans-serif!important;
 margin:23px 0 10px
}
body.page-recurso .epqa-detail__body>h2:first-child{margin-top:0}
body.page-recurso .epqa-detail__section-title{display:flex;align-items:center;gap:10px}
body.page-recurso .epqa-detail__section-title i{color:#268afe}
body.page-recurso .epqa-detail__desc{color:var(--rd-copy)!important;font-size:15px;line-height:1.72;margin:0}
body.page-recurso .epqa-detail__body>p:not(.epqa-detail__desc){color:var(--rd-copy)!important}
body.page-recurso .epqa-detail__tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
body.page-recurso .epqa-detail__tags span{
 background:var(--rd-soft);color:var(--rd-copy)!important;border:1px solid var(--rd-border);
 border-radius:9px;padding:6px 9px;font-size:12px;font-weight:850
}
body.page-recurso .epqa-detail__tags .epqa-detail-grade{background:#dcecff;color:#184c92!important;border-color:#9bc9ff}
body.page-recurso .epqa-detail__tags .epqa-detail-multigrade{background:#def7e9;color:#086b49!important;border-color:#8cd4aa}
body.page-recurso .epqa-detail__engagement{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:17px 0;font-size:12px;color:var(--rd-copy)!important}
body.page-recurso .epqa-detail__engagement>span{
 display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rd-border);
 background:var(--rd-soft);border-radius:9px;padding:6px 10px;font-weight:900;color:var(--rd-copy)!important
}
body.page-recurso .epqa-detail__engagement i{color:var(--rd-accent)}
body.page-recurso .epqa-detail__stars{color:#d88a0e!important}
body.page-recurso .epqa-detail__engagement .epqa-detail__launch-goal{background:#eee6ff;color:#4d299e!important;border-color:#d7c7ff}
body.page-recurso .epqa-detail__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}
body.page-recurso .epqa-detail__action{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:48px;padding:10px 12px;margin:0;border:1px solid #4990e9;border-radius:11px;
 font-size:13px;font-weight:950;line-height:1.3;text-decoration:none!important;
 background:linear-gradient(120deg,#188cf6,#265aeb);color:#fff!important
}
body.page-recurso .epqa-detail__download{background:linear-gradient(115deg,#5a55ec,#783de5);border-color:#815dec}
body.page-recurso .epqa-detail__action--outline{background:var(--rd-soft);color:var(--rd-accent)!important;border-color:var(--rd-border)}
body.page-recurso .epqa-detail__download-help,body.page-recurso .epqa-detail__note{
 color:var(--rd-muted)!important;font-size:12px;line-height:1.65;margin:9px 0
}
body.page-recurso .epqa-detail__rating{
 background:var(--rd-soft);border:1px solid var(--rd-border);
 border-radius:15px;padding:17px;margin:23px 0 0
}
body.page-recurso .epqa-detail__rating-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
body.page-recurso .epqa-detail__rating-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;background:#fff1d5;color:#ba6a00;border-radius:12px;font-size:22px}
body.page-recurso .epqa-detail__rating h2{margin:0 0 3px!important;font-size:17px!important}
body.page-recurso .epqa-detail__rating p{color:var(--rd-muted)!important;font-size:12px;line-height:1.55;margin:0 0 12px}
body.page-recurso .epqa-detail__rating-notice{
 padding:12px;border:1px solid var(--rd-border);border-radius:10px;
 background:var(--rd-panel);color:var(--rd-copy)!important;font-size:13px
}
body.page-recurso .epqa-detail__rating-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;border:0;padding:0}
body.page-recurso .epqa-detail__rating-options label{
 display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:60px;
 padding:8px;border-radius:10px;background:var(--rd-panel);border:1px solid var(--rd-border);
 color:#bd7205!important;cursor:pointer
}
body.page-recurso .epqa-detail__rating-options input{width:15px;height:15px;margin-right:5px;accent-color:#1969e9}
body.page-recurso .epqa-detail__rating-options label:has(input:checked){background:var(--rd-soft);border:2px solid #2689f9}
body.page-recurso .epqa-detail__rating-options span[aria-hidden]{font-size:13px}
body.page-recurso .epqa-detail__rating button[type="submit"]{
 display:inline-flex;align-items:center;gap:8px;min-height:44px;
 background:linear-gradient(115deg,#2a8bfa,#6247e6);border:0;border-radius:10px;
 padding:9px 14px;font-weight:900;font-size:13px;color:#fff
}
body.page-recurso .epqa-detail [hidden]{display:none!important}
body.page-recurso .epqa-detail__side h2{margin:0 0 18px!important}
body.page-recurso .epqa-detail__side dl{margin:0}
body.page-recurso .epqa-detail__side dt{
 display:flex;align-items:center;gap:8px;color:var(--rd-muted)!important;
 font-weight:900;font-size:12px;margin:17px 0 3px
}
body.page-recurso .epqa-detail__side dt:first-child{margin-top:0}
body.page-recurso .epqa-detail__side dt i{color:var(--rd-accent)}
body.page-recurso .epqa-detail__side dd{
 color:var(--rd-ink)!important;background:var(--rd-soft);font-size:13px;
 font-weight:850;margin:0;padding:7px 10px;border-radius:9px;overflow-wrap:anywhere
}
body.page-recurso .epqa-detail__side .epqa-detail__note{margin:17px 0 8px;border-top:1px solid var(--rd-border);padding-top:13px}
body.page-recurso .epqa-detail__side>a{color:var(--rd-accent)!important;font-size:13px;font-weight:900;text-decoration:none}
body.page-recurso .site-footer{position:relative;z-index:2;background:#0e2450!important;color:#e5f2ff!important;margin-top:0!important}
html[data-theme="dark"] body.page-recurso{
 --rd-panel:#293951;--rd-soft:#1a2945;--rd-ink:#f6f9ff;--rd-copy:#e1edff;
 --rd-muted:#c9d9f4;--rd-border:#657d9e;--rd-accent:#90d8ff;--rd-shadow:0 12px 35px #0710258c;
 background:#14203a!important
}
html[data-theme="dark"] body.page-recurso .site-main{
 background:radial-gradient(ellipse at 83% 3%,#18549465,transparent 55%),linear-gradient(140deg,#182741,#111e37)!important
}
html[data-theme="dark"] body.page-recurso .epqa-detail__tags .epqa-detail-grade{background:#204474;color:#e0edff!important;border-color:#5c9fe8}
html[data-theme="dark"] body.page-recurso .epqa-detail__tags .epqa-detail-multigrade{background:#1b4c3e;color:#c9ffe5!important;border-color:#4eac89}
html[data-theme="dark"] body.page-recurso .epqa-detail__engagement .epqa-detail__launch-goal{background:#443361;color:#eee3ff!important;border-color:#8a68bc}
html[data-theme="dark"] body.page-recurso .epqa-detail__rating-icon{background:#5c431d;color:#ffe2a0}
html[data-theme="dark"] body.page-recurso .epqa-detail__rating-options label{color:#ffd685!important}
html[data-theme="dark"] body.page-recurso .epqa-detail__rating-options label:has(input:checked){background:#204573}
html[data-theme="dark"] body.page-recurso .epqa-detail__action--outline{color:#dcf3ff!important}
@media(max-width:790px){
 body.page-recurso .epqa-detail__layout{grid-template-columns:1fr}
 body.page-recurso .epqa-detail__side{position:static}
 body.page-recurso .epqa-detail__hero{min-height:230px;padding:20px;grid-template-columns:minmax(0,1.4fr) minmax(110px,.6fr)}
 body.page-recurso .epqa-detail__hero h1{font-size:clamp(22px,5.1vw,35px)!important}
 body.page-recurso .epqa-detail__hero-text>p{font-size:12px}
 body.page-recurso .epqa-detail__hero-orbit{width:90%}
 body.page-recurso .epqa-detail__hero-avatar{right:-19%;bottom:-14%;width:55%;max-height:65%}
}
@media(max-width:510px){
 body.page-recurso .epqa-detail{width:calc(100% - 18px);margin:10px auto 27px}
 body.page-recurso .epqa-detail__hero{min-height:190px;padding:14px;grid-template-columns:minmax(0,1.5fr) minmax(72px,.5fr);border-radius:14px}
 body.page-recurso .epqa-detail__hero h1{font-size:clamp(19px,6vw,29px)!important}
 body.page-recurso .epqa-detail__eyebrow{font-size:10px}
 body.page-recurso .epqa-detail__hero-text>p{font-size:11px;margin-bottom:9px}
 body.page-recurso .epqa-detail__access-badge{font-size:10px;padding:4px 8px}
 body.page-recurso .epqa-detail__body{padding:15px}
 body.page-recurso .epqa-detail__actions{grid-template-columns:1fr}
 body.page-recurso .epqa-detail__rating{padding:13px}
 body.page-recurso .epqa-detail__rating-options{gap:5px}
 body.page-recurso .epqa-detail__rating-options label{min-width:51px;min-height:43px;padding:6px}
 body.page-recurso .epqa-detail__rating-options span[aria-hidden]{font-size:10px}
}


/* Iconografía SVG exclusiva de la marca: comparte estilo con las tarjetas del catálogo. */
body.page-recurso .epqa-detail__icon{
 display:inline-block;flex:0 0 auto;width:22px;height:22px;object-fit:contain;
 vertical-align:middle;filter:none!important
}
body.page-recurso .epqa-detail__crumb-icon{width:12px;height:12px;opacity:.7}
body.page-recurso .epqa-detail__hero .epqa-detail__icon{width:24px;height:24px}
body.page-recurso .epqa-detail__eyebrow,
body.page-recurso .epqa-detail__section-title,
body.page-recurso .epqa-detail__side dt{
 display:flex;align-items:center;gap:9px
}
body.page-recurso .epqa-detail__eyebrow .epqa-detail__icon{width:22px;height:22px}
body.page-recurso .epqa-detail__access-badge .epqa-detail__icon{width:20px;height:20px}
body.page-recurso .epqa-detail__engagement .epqa-detail__icon{width:18px;height:18px}
body.page-recurso .epqa-detail__actions .epqa-detail__icon{width:23px;height:23px}
body.page-recurso .epqa-detail__rating-icon .epqa-detail__icon{width:33px;height:33px}
body.page-recurso .epqa-detail__side dt .epqa-detail__icon{width:18px;height:18px}
body.page-recurso .epqa-detail__rating-notice .epqa-detail__icon{width:21px;height:21px}
/* Una fila de CINCO estrellas, cada una selecciona y guarda automáticamente. */
body.page-recurso .epqa-detail__rating-options{
 display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(2px,.7vw,8px);
 padding:0;margin:13px 0 9px;max-width:100%;border:0
}
body.page-recurso .epqa-detail__rating-options label{
 position:relative;display:grid;place-items:center;flex:0 1 62px;
 min-width:0;min-height:62px;margin:0;padding:0;
 border:1px solid var(--rd-border);border-radius:11px;
 background:var(--rd-panel);color:var(--rd-muted)!important;
 transition:background-color .16s,border-color .16s,transform .16s;
 cursor:pointer
}
body.page-recurso .epqa-detail__rating-options label span[aria-hidden]{
 display:block;font-size:clamp(26px,3vw,37px);line-height:1;
 color:#91a6c1;filter:none;transition:color .16s,transform .16s
}
body.page-recurso .epqa-detail__rating-options label.is-filled{
 border-color:#edba55;background:color-mix(in srgb,#ffb02e 15%,var(--rd-panel))
}
body.page-recurso .epqa-detail__rating-options label.is-filled span[aria-hidden],
body.page-recurso .epqa-detail__rating-options label:hover span[aria-hidden]{
 color:#ffb428;filter:drop-shadow(0 2px 2px #bb780030)
}
body.page-recurso .epqa-detail__rating-options label:focus-within{
 outline:3px solid #64c5ff;outline-offset:2px
}
body.page-recurso .epqa-detail__rating-options input{
 position:absolute;opacity:0;inset:0;width:100%;height:100%;
 cursor:pointer;margin:0;z-index:2
}
body.page-recurso .epqa-detail__rating-options input:disabled{cursor:progress}
body.page-recurso .epqa-detail__rating-options label:has(input:checked){
 border:2px solid #3e97f8
}
body.page-recurso .epqa-detail__rating-feedback{
 min-height:21px;margin:0!important;
 font-size:12px!important;line-height:1.5!important;
 color:var(--rd-ink)!important;font-weight:800
}
body.page-recurso .epqa-detail__rating form noscript button{
 min-height:42px;border-radius:9px;background:#2577ee;color:#fff;border:0
}
@media(max-width:510px){
 body.page-recurso .epqa-detail__rating-options label{
  min-height:51px;flex-basis:53px;padding:0
 }
 body.page-recurso .epqa-detail__rating-options label span[aria-hidden]{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 body.page-recurso .epqa-detail__rating-options label,
 body.page-recurso .epqa-detail__rating-options label span[aria-hidden]{transition:none}
}

/* 2026-10-20: estrellas acumulativas; cada selección pinta 1..N, nunca sólo N.
 * Clase .is-filled aplicada a cada label por paintStars(choice). */
body.page-recurso .epqa-detail__rating-options label.is-filled span[aria-hidden],
html[data-theme="dark"] body.page-recurso .epqa-detail__rating-options label.is-filled span[aria-hidden],
html[data-theme="light"] body.page-recurso .epqa-detail__rating-options label.is-filled span[aria-hidden]{
 color:#ffb428!important;
 -webkit-text-fill-color:#ffb428!important;
 filter:drop-shadow(0 2px 2px #aa69004d)!important
}
body.page-recurso .epqa-detail__rating-options label:not(.is-filled):not(:hover) span[aria-hidden]{
 color:#91a6c1!important;
 -webkit-text-fill-color:#91a6c1!important;
}


/* Fase 1 · CTA de comunidad para recursos que requieren cuenta */
body.page-recurso .epqa-detail__locked-callout{
 display:grid;gap:10px;margin:18px 0;padding:18px;
 border:1px solid color-mix(in srgb,#0797E2 45%,var(--rd-border));
 border-radius:16px;background:color-mix(in srgb,#EAF5FE 72%,var(--rd-panel));
}
body.page-recurso .epqa-detail__locked-callout strong{color:var(--rd-ink);font-size:1rem}
body.page-recurso .epqa-detail__locked-callout p{margin:0!important;color:var(--rd-copy)!important}
body.page-recurso .epqa-detail__locked-callout .epqa-detail__action{margin:0}
html[data-theme="dark"] body.page-recurso .epqa-detail__locked-callout{
 background:color-mix(in srgb,#0797E2 12%,var(--rd-panel));
}