/* Recursos V3 · integración visual de la demo de Javier · 2026-09-28 */
.recursos-page{background:#F6F3EE;color:#17202A;overflow-x:hidden}.recursos-page main{display:block}.recursos-page button,.recursos-page input{font:inherit}
.recursos-hero{background:#F6F3EE;padding:clamp(58px,9vw,118px) clamp(20px,6vw,80px) clamp(48px,7vw,88px)}.recursos-hero__inner{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.36fr);gap:clamp(32px,8vw,116px);align-items:end}.recursos-kicker{color:#0B1F33;font-size:clamp(11px,1.1vw,13px);font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;margin:0 0 16px}
.recursos-hero h1,.recursos-catalogo h2,.recursos-cta h2{font-family:var(--f-serif,'Literata',Georgia,serif);font-weight:600;letter-spacing:-.035em}.recursos-hero h1{font-size:clamp(48px,7.5vw,94px);line-height:.98;max-width:800px;margin:0;color:#17202A}.recursos-hero__lead{font-family:var(--f-serif,'Literata',Georgia,serif);font-size:clamp(22px,3vw,38px);line-height:1.12;margin:24px 0 0;max-width:700px}.recursos-hero__copy{font-size:clamp(17px,1.8vw,21px);line-height:1.5;max-width:650px;margin:20px 0 0;color:#17202A}.recursos-hero__aside{padding-top:20px;margin:0;color:#17202A;font-size:16px;line-height:1.55}.recursos-hero__aside small{display:block;font-size:13px;margin-top:20px}
.recursos-situaciones{background:#EAF1F7;padding:clamp(42px,6vw,78px) clamp(20px,6vw,80px);}.recursos-situaciones__inner,.recursos-catalogo{max-width:1184px;margin:0 auto}.recursos-section-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.recursos-section-intro h2{font-family:var(--f-serif,'Literata',Georgia,serif);font-size:clamp(28px,4vw,46px);line-height:1.05;margin:0;letter-spacing:-.03em}.recursos-section-intro p:last-child{max-width:380px;margin:0;color:#17202A;line-height:1.5}.recursos-section-intro .recursos-kicker{margin-bottom:9px}
.recursos-situaciones__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recursos-situacion{min-height:108px;text-align:left;background:#F6F3EE;border:0;box-shadow:0 0 0 1px rgba(11,31,51,.12);padding:20px;cursor:pointer;color:#17202A;transition:background-color .18s,transform .18s}.recursos-situacion:hover,.recursos-situacion:focus-visible{border-color:#5B84B1;transform:translateY(-2px)}.recursos-situacion[aria-pressed=true]{background:#5B84B1;border-color:#0B1F33;color:#F6F3EE}.recursos-situacion strong,.recursos-situacion span{display:block}.recursos-situacion strong{font-size:16px;line-height:1.3}.recursos-situacion span{font-size:13px;line-height:1.4;margin-top:8px;color:#17202A}.recursos-situacion[aria-pressed=true] span{color:#F6F3EE}
.recursos-situaciones__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px}.recursos-status{margin:0;color:#17202A;min-height:1.5em;font-size:14px}.recursos-reset{padding:0;border:0;background:none;color:#0B1F33;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.recursos-reserve{display:inline-flex;align-items:center;gap:8px;margin-left:auto;background:#0B1F33;color:#F6F3EE;padding:12px 18px;text-decoration:none;font-weight:700}.recursos-reserve:hover,.recursos-reserve:focus-visible{background:#568CBE;color:#0B1F33}
.recursos-catalogo{padding:clamp(54px,8vw,112px) 20px}.recursos-catalogo__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.recursos-catalogo__head h2{font-size:clamp(32px,4.6vw,58px);line-height:1.02;margin:0;max-width:680px}.recursos-catalogo__head>p{max-width:340px;line-height:1.55;margin:0;color:#17202A}.recursos-tools{padding:20px 0;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,2fr);gap:20px 28px}.recursos-search{display:flex;flex-direction:column;gap:8px;grid-row:span 2;color:#0B1F33;font-weight:700}.recursos-search span{font-size:13px}.recursos-search input{width:100%;min-height:48px;border:0;box-shadow:0 0 0 1px rgba(11,31,51,.14);border-radius:0;background:#F6F3EE;color:#17202A;padding:12px 14px}.recursos-search input:focus-visible{outline:3px solid #5B84B1;outline-offset:2px}.recursos-filter-group{display:flex;align-items:start;gap:16px}.recursos-filter-label{font-size:13px;font-weight:700;min-width:105px;padding-top:9px;color:#0B1F33}.recursos-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.recursos-filter-buttons button{border:0;background:#EAF1F7;box-shadow:0 0 0 1px rgba(11,31,51,.12);color:#17202A;padding:8px 11px;cursor:pointer;line-height:1.2}.recursos-filter-buttons button:hover,.recursos-filter-buttons button:focus-visible{border-color:#5B84B1}.recursos-filter-buttons button[aria-pressed=true]{background:#0B1F33;color:#F6F3EE;border-color:#0B1F33}.recursos-filter-buttons span{font-size:.85em;opacity:.75}.recursos-count{margin:18px 0;color:#0B1F33;font-size:14px;font-weight:700}.recursos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recurso-card{display:flex;flex-direction:column;min-width:0;background:#EAF1F7;border:0;padding:24px;box-shadow:0 0 0 1px rgba(11,31,51,.12);min-height:255px}.recurso-card:hover,.recurso-card:focus-within{border-color:#5B84B1}.recurso-card__eyebrow{color:#0B1F33;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.recurso-card h3{font-family:var(--f-serif,'Literata',Georgia,serif);font-size:clamp(21px,2vw,28px);line-height:1.12;letter-spacing:-.02em;margin:16px 0 10px}.recurso-card p{font-size:15px;line-height:1.5;margin:0;color:#17202A}.recurso-card a{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:22px;color:#0B1F33;font-weight:700;text-underline-offset:3px}.recurso-card a:hover,.recurso-card a:focus-visible{color:#8E2F2F}.recursos-empty{border:1px solid #568CBE;padding:24px;margin:16px 0 0;color:#17202A}.recursos-cta{max-width:1184px;margin:0 auto clamp(56px,8vw,112px);background:#5B84B1;color:#F6F3EE;padding:clamp(32px,5vw,62px);display:flex;align-items:end;justify-content:space-between;gap:28px}.recursos-cta .recursos-kicker{color:#F6F3EE}.recursos-cta h2{font-size:clamp(28px,4vw,49px);line-height:1.04;max-width:760px;margin:0}.recursos-cta p:last-child{margin:16px 0 0;line-height:1.5}.recursos-cta__button{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;background:#568CBE;color:#0B1F33;text-decoration:none;font-weight:700;padding:14px 20px;white-space:nowrap}.recursos-cta__button:hover,.recursos-cta__button:focus-visible{background:#F6F3EE}
@media(max-width:900px){.recursos-hero__inner{grid-template-columns:1fr}.recursos-hero__aside{max-width:360px}.recursos-situaciones__grid,.recursos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recursos-tools{grid-template-columns:1fr}.recursos-search{grid-row:auto}.recursos-filter-group{flex-direction:column;gap:8px}}
@media(max-width:620px){.recursos-hero{padding-top:46px}.recursos-hero h1{font-size:clamp(44px,15vw,68px)}.recursos-section-intro,.recursos-catalogo__head,.recursos-cta{display:block}.recursos-section-intro>p:last-child,.recursos-catalogo__head>p{margin-top:14px}.recursos-situaciones__grid,.recursos-grid{grid-template-columns:1fr}.recursos-situacion{min-height:0}.recursos-reserve{margin-left:0}.recursos-cta{margin-inline:20px;padding:30px 22px}.recursos-cta__button{margin-top:24px;white-space:normal}.recursos-catalogo{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.recursos-situacion{transition:none}.recursos-situacion:hover,.recursos-situacion:focus-visible{transform:none}}

/* V4 Recursos: editorial, compacto y sin adornos de plantilla. 2026-09-28 */
.recursos-page .recursos-hero__aside{border-left:0;background:var(--r-panel);padding:20px;margin-top:42px}
.recursos-page{--r-paper:#fff;--r-panel:#edf3f8;--r-panel-strong:#dbe8f2;--r-ink:#17202a;--r-muted:#4f6172;--r-blue:#568cbe;--r-blue-deep:#1f527d;--r-shadow:0 8px 24px rgb(23 32 42 / 9%);background:var(--r-paper);color:var(--r-ink)}
.recursos-page .recursos-hero,.recursos-page .recursos-situaciones,.recursos-page .recursos-catalogo{background:var(--r-paper)}
.recursos-page .recursos-hero{padding-block:clamp(42px,6vw,78px) clamp(34px,5vw,60px)}
.recursos-page .recursos-hero__inner{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:clamp(28px,6vw,88px);align-items:start}
.recursos-page .recursos-hero h1{font-size:clamp(46px,6.4vw,82px);line-height:1.02}
.recursos-page .recursos-hero__lead{font-size:clamp(21px,2.4vw,32px);max-width:620px}
.recursos-page .recursos-hero__copy,.recursos-page .recursos-hero__aside{color:var(--r-muted)}
.recursos-page .recursos-hero__aside{border-left:4px solid var(--r-blue);padding:4px 0 4px 20px;margin-top:42px}
.recursos-page .recursos-situaciones{background:var(--r-panel);padding-block:clamp(34px,5vw,58px)}
.recursos-page .recursos-section-intro,.recursos-page .recursos-catalogo__head{align-items:start}
.recursos-page .recursos-section-intro h2,.recursos-page .recursos-catalogo__head h2{max-width:700px}
.recursos-page .recursos-section-intro p:last-child,.recursos-page .recursos-catalogo__head>p{color:var(--r-muted)}
.recursos-page .recursos-situacion,.recursos-page .recurso-card{border:0;border-radius:0;box-shadow:var(--r-shadow)}
.recursos-page .recursos-situacion{background:var(--r-paper);min-height:122px}
.recursos-page .recursos-situacion:hover,.recursos-page .recursos-situacion:focus-visible{background:var(--r-panel-strong);transform:translateY(-2px)}
.recursos-page .recursos-situacion[aria-pressed=true]{background:var(--r-blue);color:#fff;box-shadow:0 8px 24px rgb(31 82 125 / 22%)}
.recursos-page .recursos-situacion span{color:var(--r-muted)}.recursos-page .recursos-situacion[aria-pressed=true] span{color:#fff}
.recursos-page .recursos-reset,.recursos-page .recurso-card a{color:var(--r-blue-deep)}
.recursos-page .recursos-reserve,.recursos-page .recursos-cta__button{background:var(--r-blue-deep);color:#fff;border:0;border-radius:2px}
.recursos-page .recursos-reserve:hover,.recursos-page .recursos-reserve:focus-visible,.recursos-page .recursos-cta__button:hover,.recursos-page .recursos-cta__button:focus-visible{background:var(--r-blue);color:#fff}
.recursos-page .recursos-catalogo{padding-block:clamp(48px,7vw,86px)}.recursos-page .recursos-tools{padding-block:0 24px}
.recursos-page .recursos-search input,.recursos-page .recursos-filter-buttons button{border:0;border-radius:0;box-shadow:none}
.recursos-page .recursos-search input{background:var(--r-panel);color:var(--r-ink)}.recursos-page .recursos-filter-buttons button{background:var(--r-panel);color:var(--r-ink)}
.recursos-page .recursos-filter-buttons button[aria-pressed=true]{background:var(--r-blue-deep);color:#fff}
.recursos-page .recurso-card{background:var(--r-panel);min-height:238px}.recursos-page .recurso-card__eyebrow{color:var(--r-blue-deep)}.recursos-page .recurso-card p{color:var(--r-muted)}
.recursos-page .recursos-empty{border:0;background:var(--r-panel);color:var(--r-ink)}.recursos-page .recursos-cta{background:var(--r-blue);margin-top:8px}
.recursos-page .recursos-cta .recursos-kicker,.recursos-page .recursos-cta p:last-child{color:#fff}
.recursos-page a:focus-visible,.recursos-page button:focus-visible,.recursos-page input:focus-visible{outline-color:var(--r-blue-deep)}
html:not([data-tema="claro"]) .recursos-page{--r-paper:#152b3d;--r-panel:#1c3850;--r-panel-strong:#294f6c;--r-ink:#f7fafc;--r-muted:#d5e1ea;--r-blue:#76acd5;--r-blue-deep:#a9d2ee;--r-shadow:0 8px 24px rgb(0 0 0 / 22%)}
html:not([data-tema="claro"]) .recursos-page .recursos-reset,html:not([data-tema="claro"]) .recursos-page .recurso-card a,html:not([data-tema="claro"]) .recursos-page .recursos-kicker,html:not([data-tema="claro"]) .recursos-page .recurso-card__eyebrow{color:var(--r-blue)}
html:not([data-tema="claro"]) .recursos-page .recursos-reserve,html:not([data-tema="claro"]) .recursos-page .recursos-cta__button,html:not([data-tema="claro"]) .recursos-page .recursos-filter-buttons button[aria-pressed=true]{background:var(--r-blue);color:#071a29}
html:not([data-tema="claro"]) .recursos-page .recursos-hero h1,html:not([data-tema="claro"]) .recursos-page .recursos-hero__lead,html:not([data-tema="claro"]) .recursos-page .recursos-hero__copy,html:not([data-tema="claro"]) .recursos-page .recursos-status,html:not([data-tema="claro"]) .recursos-page .recursos-filter-label,html:not([data-tema="claro"]) .recursos-page .recursos-count{color:var(--r-ink)}
html:not([data-tema="claro"]) .recursos-page .recursos-cta{background:#214d70}html:not([data-tema="claro"]) .recursos-page .recursos-situacion[aria-pressed=true]{background:var(--r-blue);color:#071a29}html:not([data-tema="claro"]) .recursos-page .recursos-situacion[aria-pressed=true] span{color:#071a29}
@media(max-width:760px){.recursos-page .recursos-hero__inner{grid-template-columns:1fr}.recursos-page .recursos-hero__aside{margin-top:8px}.recursos-page .recursos-catalogo__head{display:block}.recursos-page .recursos-catalogo__head>p{margin-top:14px}.recursos-page .recursos-situaciones__grid,.recursos-page .recursos-grid{gap:14px}}
.recursos-page .recursos-hero__aside{border-left:0;padding:20px}