.home-resources { background: #fff; scroll-margin-top: 85px; }
.home-resources #recursos-title { scroll-margin-top: 120px; }
.home-resources .resource-showcase-grid { gap: 22px; }
.resource-showcase-card { --resource-ink: #a83d00; --resource-soft: #fff0e6; position: relative; min-width: 0; display: flex; flex-direction: column; padding: 26px; border: 1px solid #e2e5eb; border-radius: 22px; background: #fff; box-shadow: 0 3px 10px rgb(30 39 58 / 3%); transition: border-color .18s, box-shadow .18s, transform .18s; }
.resource-showcase-card[data-tone="blue"] { --resource-ink: #275ab5; --resource-soft: #edf3ff; }
.resource-showcase-card[data-tone="green"] { --resource-ink: #187044; --resource-soft: #eaf7ef; }
.resource-showcase-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 24px; }
.resource-showcase-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px; color: var(--resource-ink); background: var(--resource-soft); border-radius: 15px; font-size: 21px; }
.resource-showcase-label { color: #626b7a; font: 500 1rem/1.5 var(--atube-font-body); }
.resource-showcase-card h3 { color: #202735; font: 500 1.5rem/1.3 var(--atube-font-heading); letter-spacing: normal; margin: 0 0 14px; }
.resource-showcase-card p { color: #626b7a; font: 400 1.0625rem/1.65 var(--atube-font-body); margin: 0 0 22px; }
.resource-showcase-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding-top: 16px; margin-top: auto; border-top: 1px solid #edf0f4; color: var(--resource-ink); font: 500 1rem/1.4 var(--atube-font-body); text-decoration: none; }
.resource-showcase-link::after { content: ''; position: absolute; inset: 0; border-radius: 22px; }
.resource-showcase-arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: var(--resource-ink); background: var(--resource-soft); transition: background .18s, color .18s; }
.resource-showcase-link:hover { color: var(--resource-ink); text-decoration: none; }
.resource-showcase-card:focus-within { outline: 3px solid #b84100; outline-offset: 4px; }
.resource-showcase-link:focus-visible { outline: none; }
@media(hover:hover) { .resource-showcase-card:hover { transform: translateY(-4px); border-color: #c8cdd7; box-shadow: 0 14px 32px rgb(30 39 58 / 9%); } .resource-showcase-card:hover .resource-showcase-arrow { color: #fff; background: var(--resource-ink); } }
@media(max-width:767px) { .home-resources .resource-showcase-grid { gap: 16px; } .resource-showcase-card { padding: 22px; } .resource-showcase-card h3 { font-size: 1.3125rem; } .resource-showcase-card p { font-size: 1rem; } .resource-showcase-top { margin-bottom: 20px; } }
@media(prefers-reduced-motion:reduce) { .resource-showcase-card,.resource-showcase-arrow { transition: none; } .resource-showcase-card:hover { transform: none; } }