.resources-hero{padding:70px 0 58px;overflow:hidden;background:linear-gradient(135deg,#f5fbff 0%,#e8f7fd 60%,#f8fcff 100%);border-bottom:1px solid #d9edf6}.resources-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:54px;align-items:center}.resources-hero h1{max-width:760px;margin:8px 0 16px;color:var(--color-primary-deep);font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.045em}.resources-hero__lead{max-width:750px;margin:0;color:#506b80;font-size:1.15rem}.resources-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.resources-benefits article{display:flex;gap:11px;padding:14px;border:1px solid #d3eaf5;border-radius:15px;background:rgba(255,255,255,.78)}.resources-benefits article>span{display:grid;flex:0 0 35px;height:35px;place-items:center;border-radius:10px;background:#dff5fc;color:#087fa8;font-weight:900}.resources-benefits h2{margin:0;color:#0b3558;font-size:.93rem}.resources-benefits p{margin:3px 0 0;color:#61778a;font-size:.79rem;line-height:1.4}.resources-hero__visual{position:relative;display:grid;min-height:310px;place-items:center}.resources-hero__visual::before,.resources-hero__visual::after{position:absolute;border-radius:50%;content:""}.resources-hero__visual::before{width:290px;height:290px;background:linear-gradient(145deg,#0aa7df,#07598d);box-shadow:0 28px 70px rgba(7,89,141,.2)}.resources-hero__visual::after{width:220px;height:220px;border:1px solid rgba(255,255,255,.4)}.resources-hero__document{position:relative;z-index:1;width:190px;padding:28px 24px;border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(7,27,76,.2);transform:rotate(3deg)}.resources-hero__document span{color:#0aa7df;font-weight:900}.resources-hero__document i{display:block;height:8px;margin-top:14px;border-radius:9px;background:#dbeef6}.resources-hero__document i:nth-of-type(2){width:78%}.resources-hero__document i:nth-of-type(3){width:58%}.resources-hero__document b{display:grid;width:46px;height:46px;margin:24px 0 0 auto;place-items:center;border-radius:50%;background:#daf5e8;color:#087351;font-size:1.3rem}.resources-catalog{padding-top:62px}.resources-catalog .section-heading{margin-bottom:28px}.resources-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;max-width:930px;margin:0 auto}.resources-search,.resources-sort{display:grid;gap:6px;color:#244760;font-size:.8rem;font-weight:800}.resources-search input,.resources-sort select{width:100%;padding:13px 15px;border:1px solid #bdd7e4;border-radius:12px;background:#fff;color:#163950;font:inherit;outline:none}.resources-search input:focus,.resources-sort select:focus{border-color:#0aa7df;box-shadow:0 0 0 3px rgba(10,167,223,.15)}.resources-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 0}.resources-filter{padding:8px 13px;border:1px solid #c8e0eb;border-radius:999px;background:#fff;color:#31566e;font:inherit;font-size:.83rem;font-weight:750;cursor:pointer}.resources-filter.is-active{border-color:#087ca7;background:#087ca7;color:#fff}.resources-filter:focus-visible,.resource-card__download:focus-visible,.resources-empty button:focus-visible{outline:3px solid #f4c44e;outline-offset:3px}.resources-count{margin:22px 0 14px;color:#5c7284;font-size:.9rem;font-weight:700;text-align:center}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d6e9f2;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(7,43,76,.075);transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(7,43,76,.12)}.resource-card__media{display:grid;aspect-ratio:16/9;place-items:center;overflow:hidden;padding:9px;background:linear-gradient(145deg,#fff,#eaf7fc)}.resource-card__media img{width:100%;height:100%;object-fit:contain;object-position:center}.resource-card__media.is-fallback{gap:7px;color:#315a72;font-weight:800;text-align:center}.resource-card__media.is-fallback span:first-child{font-size:2rem}.resource-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px}.resource-card__badge{padding:5px 10px;border-radius:999px;background:#dff4fb;color:#087ca7;font-size:.7rem;font-weight:900;text-transform:uppercase}.resource-card h3{margin:11px 0 0;color:#071b4c;font-size:1.2rem;line-height:1.25}.resource-card__description{display:-webkit-box;overflow:hidden;margin:9px 0 13px;color:#5d7182;font-size:.92rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.resource-card__meta{margin:auto 0 14px;color:#315a72;font-size:.84rem;font-weight:750}.resource-card__download{display:inline-flex;padding:9px 14px;border-radius:9px;background:linear-gradient(135deg,#0aa7df,#087ca7);color:#fff;font-size:.9rem;font-weight:850;text-decoration:none}.resources-empty{max-width:690px;margin:22px auto 0;padding:38px 28px;border:1px solid #d6e9f2;border-radius:20px;background:#f7fcff;text-align:center}.resources-empty__icon{display:grid;width:54px;height:54px;margin:0 auto 13px;place-items:center;border-radius:15px;background:#dff4fb;color:#087ca7;font-size:1.6rem}.resources-empty h3{margin:0;color:#071b4c}.resources-empty p{color:#5d7182}.resources-empty button{border:0;cursor:pointer}.resources-advice{padding-top:20px}.resources-advice__card{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 42px;border-radius:25px;background:linear-gradient(135deg,#071b4c,#075b8e);color:#fff;box-shadow:0 18px 45px rgba(7,27,76,.2)}.resources-advice h2{margin:7px 0 10px;color:#fff;font-size:clamp(1.7rem,3vw,2.45rem)}.resources-advice p{max-width:780px;margin:0;color:#dcecf5}.resources-advice ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0;list-style:none}.resources-advice li::before{margin-right:7px;color:#55d7ff;content:"✓"}.resources-advice .btn{flex:0 0 auto}.resources-empty[hidden]{display:none!important}
@media(max-width:1024px){.resources-hero{padding-block:56px}.resources-hero__grid{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.resources-benefits{grid-template-columns:1fr}.resources-benefits article{padding:11px}.resources-hero__visual{min-height:270px}.resources-hero__visual::before{width:245px;height:245px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.resources-hero{padding:44px 0}.resources-hero__grid{grid-template-columns:1fr}.resources-hero__visual{min-height:245px}.resources-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.resources-toolbar{grid-template-columns:1fr}.resources-advice__card{align-items:flex-start;flex-direction:column;padding:30px}.resources-advice .btn{width:100%;text-align:center}}
@media(max-width:560px){.resources-hero{padding:34px 0}.resources-hero h1{font-size:clamp(2.35rem,12vw,3.2rem)}.resources-hero__visual{display:none}.resources-benefits{grid-template-columns:1fr;margin-top:23px}.resources-catalog{padding-top:40px}.resources-grid{grid-template-columns:1fr}.resource-card{width:100%;max-width:410px;justify-self:center}.resources-filter{padding:7px 11px;font-size:.78rem}.resources-empty{padding:29px 19px}.resources-advice{padding-top:5px}.resources-advice__card{padding:25px 21px}.whatsapp-float{bottom:14px;right:12px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}}

/* Imagen institucional del hero */
.resources-hero__visual{width:min(100%,440px);min-height:0;aspect-ratio:1;justify-self:center;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 28px 70px rgba(7,89,141,.2)}
.resources-hero__visual::before,.resources-hero__visual::after{display:none}
.resources-hero__visual>img{display:block;width:109%;height:109%;max-width:none;object-fit:cover;object-position:center}
@media(max-width:1024px){.resources-hero__grid{grid-template-columns:minmax(0,1fr) 300px}.resources-hero__visual{width:300px;min-height:0}}
@media(max-width:768px){.resources-hero__visual{display:grid;width:min(72vw,340px);min-height:0}}
@media(max-width:560px){.resources-hero__visual{display:none}}

/* Catálogo compacto de recursos */
.resources-grid{grid-template-columns:repeat(auto-fit,minmax(210px,260px));justify-content:center;gap:16px}
.resource-card{border-radius:16px;box-shadow:0 10px 24px rgba(7,43,76,.075)}
.resource-card:hover{box-shadow:0 15px 32px rgba(7,43,76,.12)}
.resource-card__media{padding:6px}
.resource-card__media.is-fallback span:first-child{font-size:1.75rem}
.resource-card__body{padding:14px}
.resource-card__badge{padding:4px 9px;font-size:.64rem}
.resource-card h3{margin-top:9px;font-size:1rem}
.resource-card__description{margin:7px 0 10px;font-size:.82rem;line-height:1.42}
.resource-card__meta{margin-bottom:11px;font-size:.75rem}
.resource-card__download{display:flex;width:100%;justify-content:center;padding:8px 11px;font-size:.82rem;text-align:center}
@media(max-width:1024px){.resources-grid{grid-template-columns:repeat(auto-fit,minmax(210px,250px))}}
@media(max-width:560px){.resources-grid{grid-template-columns:minmax(0,330px)}.resource-card{width:100%;max-width:none}}

/* Hero compacto inspirado en el banner institucional */
.resources-hero{padding:28px 0 24px}
.resources-hero__grid{grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr);gap:30px}
.resources-hero h1{max-width:800px;margin:5px 0 10px;font-size:clamp(2.6rem,4vw,3.65rem);line-height:1}
.resources-hero__lead{max-width:790px;font-size:1rem;line-height:1.5}
.resources-benefits{gap:10px;margin-top:20px}
.resources-benefits article{align-items:center;padding:9px 10px;border-color:transparent;background:rgba(255,255,255,.55)}
.resources-benefits article>span{flex-basis:31px;height:31px;border-radius:9px}
.resources-benefits h2{font-size:.82rem}
.resources-benefits p{font-size:.72rem;line-height:1.3}
.resources-hero__visual{width:280px;box-shadow:0 18px 45px rgba(7,89,141,.17)}
@media(max-width:1024px){.resources-hero{padding:25px 0 22px}.resources-hero__grid{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.resources-hero h1{font-size:clamp(2.4rem,4.5vw,3rem)}.resources-hero__visual{width:230px}.resources-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.resources-hero{padding:27px 0}.resources-hero__grid{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.resources-hero h1{font-size:clamp(2.15rem,7vw,2.8rem)}.resources-hero__lead{font-size:.94rem}.resources-hero__visual{display:grid;width:190px}.resources-benefits{grid-column:1/-1}}
@media(max-width:620px){.resources-hero__grid{grid-template-columns:1fr}.resources-hero__visual{width:min(58vw,220px);grid-row:2}.resources-benefits{grid-template-columns:1fr;margin-top:16px}}
@media(max-width:560px){.resources-hero{padding:24px 0}.resources-hero h1{font-size:clamp(2.15rem,11vw,2.75rem)}.resources-hero__visual{display:grid;width:min(58vw,210px)}}

/* Biblioteca compacta: controles y recursos visibles sin espacio sobrante */
.resources-catalog{padding:30px 0 46px}
.resources-catalog .section-heading{margin-bottom:16px}
.resources-catalog .section-heading .eyebrow{margin-bottom:5px}
.resources-catalog .section-heading h2{margin:0;font-size:clamp(1.9rem,3.2vw,2.65rem);line-height:1.1}
.resources-catalog .section-heading>p:last-child{margin:8px 0 0;font-size:1rem}
.resources-toolbar{grid-template-columns:minmax(0,1fr) 230px;gap:12px;max-width:1140px}
.resources-search,.resources-sort{gap:4px}
.resources-search input,.resources-sort select{padding:10px 13px}
.resources-filters{margin-top:12px}
.resources-count{margin:12px 0 10px}
@media(max-width:768px){.resources-catalog{padding:26px 0 40px}.resources-catalog .section-heading{margin-bottom:14px}.resources-toolbar{grid-template-columns:1fr}.resources-filters{margin-top:10px}.resources-count{margin-top:10px}}
@media(max-width:860px){.resources-search input,.resources-sort select{min-height:44px;font-size:1rem}.resources-filter{min-height:44px}}
@media(max-width:560px){.resources-catalog{padding:22px 0 34px}.resources-catalog .section-heading h2{font-size:1.8rem}.resources-catalog .section-heading>p:last-child{font-size:.9rem}.resources-search input,.resources-sort select{min-height:44px;padding:9px 11px;font-size:1rem}.resources-filter{min-height:44px;padding:9px 12px;font-size:.83rem}}