/* Portada NHMA sobre Common. */
.portada-main { padding: clamp(1.5rem, 4vw, 3rem) 0; }
.portada-hero { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(1rem, 4vw, 3rem); padding: clamp(1.25rem, 3vw, 2.5rem); margin-bottom: 1.5rem; border: 1px solid var(--jm-border); border-radius: 12px; background: linear-gradient(145deg, var(--jm-surface), var(--jm-bg-soft)); }
.portada-hero > * { min-width: 0; }
.portada-logo { display: block; width: 100%; max-height: 320px; padding: 1rem; border-radius: 10px; background: #111; object-fit: contain; }
.portada-hero h1 { margin: 0 0 .7rem; }
.portada-hero p { font-size: 1.08rem; }
.portada-news { display: inline-flex; align-items: center; min-height: 44px; padding: .6rem .9rem; border: 1px solid var(--jm-border); border-radius: 8px; background: var(--jm-surface); text-decoration: none; }
.portada-news:hover { background: var(--jm-bg-soft); }
.portada-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.portada-card { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 1rem; border: 1px solid var(--jm-border); border-radius: 12px; background: var(--jm-surface); color: var(--jm-text); text-decoration: none; text-align: center; transition: transform .18s ease, box-shadow .18s ease; }
.portada-card:hover, .portada-card:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px #0002; }
.portada-card img { display: block; width: 100%; height: min(36vw, 460px); object-fit: contain; }
.portada-card span { display: block; margin-top: .75rem; font-size: 1.12rem; font-weight: 700; }
@media (max-width: 900px) { .portada-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .portada-card img { height: min(48vw, 420px); } }
@media (max-width: 600px) { .portada-hero { grid-template-columns: 1fr; } .portada-logo { max-height: 230px; } .portada-grid { grid-template-columns: 1fr; } .portada-card img { height: min(100vw, 440px); } }