.template-resourcespage { background: #0e0e0e; }
.resources-intro { padding:32px 0 78px; background:#0e0e0e; color:#fff; }.resources-intro-inner { display:grid; grid-template-columns:minmax(310px,550px) minmax(460px,1fr); gap:clamp(48px,6vw,105px); width:min(1170px,calc(100% - 48px)); margin:0 auto; }.resources-copy { max-width:550px; color:#f5f1e8; }.resources-copy h1 { margin:44px 0 0; color:#fff; font-size:clamp(2.5rem,4vw,3.4rem); line-height:1; text-align:center; }.resources-copy .resources-richtext { margin-top:48px !important; }.resources-copy .resources-richtext p { margin:0 0 17px; font-size:1.03rem; line-height:1.12; text-align:justify; }.resources-copy .resources-richtext a, .resources-copy .resources-richtext a:visited { color:#e40613 !important; text-decoration:none; }
.resources-timeline { align-self:start; padding-top:16px; }.resources-years { display:grid; grid-template-columns:repeat(3,1fr); margin:0 0 22px; color:#929292; font-size:.9rem; }.resources-years span { text-align:center; }.resources-line { display:grid; grid-template-columns:repeat(3,1fr); align-items:center; height:16px; margin:0 0 51px; background:linear-gradient(#8d8d8d,#8d8d8d) center / calc(100% - 36px) 3px no-repeat; }.resources-line i { z-index:1; width:28px; height:28px; justify-self:center; border:3px solid #0e0e0e; border-radius:50%; background:#df0614; }.resources-line i::after { display:block; width:12px; height:12px; margin:5px; content:''; background:repeating-linear-gradient(90deg,transparent 0 3px,#111 3px 5px),repeating-linear-gradient(0deg,transparent 0 3px,#111 3px 5px); }
.resources-phase-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0; }.phase-resource { position:relative; display:grid; grid-template-rows:137px auto auto; align-content:start; width:min(193px, calc(100% - 16px)); min-height:280px; justify-self:center; padding:9px 14px 24px; border:2px solid #e40613; border-radius:9px; background:#0e0e0e; color:#fff; }.phase-resource::before { position:absolute; top:-15px; left:50%; width:25px; height:25px; content:''; background:#0e0e0e; border-top:2px solid #e40613; border-left:2px solid #e40613; transform:translateX(-50%) rotate(45deg); }.phase-resource img { width:100%; height:106px; align-self:center; object-fit:contain; }.phase-resource:last-child img { height:120px; }.phase-resource strong { align-self:end; margin-top:8px; color:#fff; font-size:1.28rem; line-height:1.02; }.phase-resource small { margin-top:10px; color:#fff; font-size:.91rem; line-height:1.1; }.phase-resource:hover { background:#1c1c1c; color:#fff; }
.resources-catalog { padding:54px 0 76px; background:#0e0e0e; }.resources-catalog .eyebrow { display:none; }.resources-catalog h2 { margin:0 0 52px; color:#fff; font-size:2.6rem; font-weight:500; text-align:center; }.resource-filters { justify-content:center; }.resource-filters button { color:#f5f1e8; border-color:#747474; }.resource-grid a { background:#fff; }.science-list { background:#15151a; scroll-margin-top:30px; }
@media(max-width:900px){.resources-intro-inner{grid-template-columns:1fr;gap:48px}.resources-copy{max-width:none}.resources-timeline{max-width:650px;width:100%;margin:auto}}@media(max-width:560px){.resources-intro{padding:26px 0 54px}.resources-intro-inner{width:min(100% - 32px,1170px)}.resources-copy h1{text-align:left}.resources-copy p{font-size:1rem;line-height:1.28;text-align:left}.resources-phase-grid{gap:10px}.phase-resource{grid-template-rows:86px auto;min-height:145px;padding:10px 5px}.phase-resource img{height:60px}.phase-resource strong{font-size:.92rem}.resources-years{font-size:.76rem}}
/* Catálogo masonry inspirado en la composición original de Recursos. */
.resources-catalog { padding-top: 58px; }
.resources-catalog h2 { margin-bottom: 62px; font-size: 2.55rem; }
.resource-filters { display:flex; justify-content:center; gap:0; margin:0 0 25px; border:0; }
.resource-filters button { min-height:0; padding:0 14px; border:0; background:transparent; color:#c7c2b5; font-size:1.05rem; font-weight:400; text-transform:none; }
.resource-filters button:hover, .resource-filters button.active { border:0; background:transparent; color:#fff; }
.resource-grid { display:block; column-count:5; column-gap:22px; }
.resource-grid a { position:relative; display:block; min-height:0; margin:0 0 22px; break-inside:avoid; overflow:hidden; color:#fff; background:#111; box-shadow:none; }
.resource-grid a[hidden] { display:none; }
.resource-grid img { display:block; width:100%; height:auto; min-height:0; padding:0; background:transparent; object-fit:contain; }
.resource-grid span { position:absolute; right:0; bottom:0; left:0; display:block; padding:12px 14px; background:rgba(111, 119, 123, .76); color:#fff; font-size:.94rem; font-weight:800; line-height:1.35; text-align:center; }
.resource-grid a:hover span { color:#fff; background:rgba(221, 6, 18, .86); }
@media (max-width: 1040px) { .resource-grid { column-count:4; } .resource-filters { flex-wrap:wrap; row-gap:12px; } }
@media (max-width: 720px) { .resource-grid { column-count:2; column-gap:14px; } .resource-grid a { margin-bottom:14px; } .resource-filters button { padding:0 9px; font-size:.92rem; } }
.science-list { margin-top:92px; padding:0; background:transparent; color:#fff; }
.science-list h3 { margin:0 0 42px !important; color:#fff; font-size:2.4rem; font-weight:500; text-align:center; }
.science-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); grid-auto-rows:1fr; gap:30px; }
.science-grid article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
}
.science-grid article > a:first-child { flex-grow:1; }
.science-grid img { display:block; width:100%; aspect-ratio:2 / 1.38; object-fit:cover; margin-bottom:20px; }
.science-grid h4 { margin:0; color:#fff; font-size:1.18rem; font-weight:400 !important; line-height:1.35; }
.science-grid time { display:block; margin:10px 0; color:#fff; font-size:.78rem; }
.science-grid p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    flex-shrink: 0;
    height: 8.88em;
    margin: 0;
    color: #f5f1e8;
    font-size: .87rem;
    line-height: 1.48;
}
.science-grid .science-more { display:inline-block; align-self:center; margin-top:16px; color:#e40613; font-size:.88rem; font-weight:800; }
.science-grid a:hover h4 { color:#fff; }
@media(max-width:900px){.science-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:540px){.science-list{margin-top:60px}.science-list h3{font-size:1.75rem;margin-bottom:32px}.science-grid{grid-template-columns:1fr}.science-grid article{max-width:320px;margin:auto}}

.resources-catalog > .section-inner > h2 { margin-bottom:0 !important; padding-bottom:30px; }