/* Catálogo / portada de artículos — tokens Ekonatura. */
.catalog{width:min(var(--ek-width),calc(100vw - 48px));margin:auto}
.catalog-intro{padding:clamp(50px,8vw,110px) 0 40px}
.catalog-intro h1{max-width:12ch;font-size:clamp(3.6rem,9vw,8.5rem);line-height:.95}
.catalog-intro>p:last-child{max-width:48ch;margin:28px 0 0;color:var(--ek-text-muted);font-size:1.15rem;line-height:var(--ek-lh-body)}
.catalog-tools{display:flex;align-items:center;gap:14px;border-top:var(--ek-line-width) solid var(--ek-line);padding:18px 0}
.catalog-tools label{font-size:.75rem}
.catalog-tools input,.catalog-tools select{min-height:44px;padding:10px 14px;border:var(--ek-line-width) solid var(--ek-line);border-radius:10px;background:transparent;font:inherit;color:var(--ek-text)}
.catalog-tools input{flex:1;min-width:0}
.catalog-tools :focus-visible,.story-link:focus-visible{outline:2px solid var(--ek-action);outline-offset:5px}
.results{font-size:.75rem;color:var(--ek-text-muted);margin:14px 0 0}
.stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px;margin-top:48px}
.story[hidden]{display:none}
.story-link{display:block;text-decoration:none}
.story-image{aspect-ratio:4/3;display:grid;place-items:center;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,var(--ek-alice) 0%,var(--ek-paper) 72%,var(--ek-almond) 100%);border:1px solid rgba(0,109,119,.16)}
.story-image span{font-size:.7rem;color:var(--ek-text-muted)}
.story-copy{padding-top:22px}
.story-copy .section-label{margin-bottom:14px;color:var(--ek-action)}
.story h2{font:400 clamp(1.9rem,3.2vw,3rem)/1.05 var(--ek-font-heading);letter-spacing:-.03em;margin:0}
.story-copy>p:not(.section-label){max-width:44ch;color:var(--ek-text-muted);line-height:var(--ek-lh-body);font-size:.95rem}
.read-story{display:flex;justify-content:space-between;border-top:var(--ek-line-width) solid var(--ek-line);padding-top:14px;font-size:.8rem}
.story-link:hover .read-story{color:var(--ek-action)}
.featured{grid-column:1/-1}
.featured .story-link{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.featured .story-image{aspect-ratio:5/4}
.featured h2{font-size:clamp(2.8rem,5.5vw,5.4rem)}
.catalog-contact{margin:80px 0 70px;padding:clamp(34px,5vw,60px) clamp(26px,4vw,48px);border:0;border-radius:var(--ek-radius);background:linear-gradient(120deg,var(--ek-blue-pale) 0%,var(--ek-paper) 62%,var(--ek-warm-soft) 100%)}
.catalog-contact .section-label{color:var(--ek-action)}
.catalog-contact h2{font:400 clamp(2rem,5vw,4rem)/1.1 var(--ek-font-heading)}
.empty{padding:40px 0}
.empty[hidden]{display:none}
@media(max-width:650px){
  .catalog{width:calc(100% - 32px)}
  .catalog-intro{padding-bottom:36px}
  .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .catalog-tools label,.catalog-tools input,.catalog-tools select{grid-column:1/-1;width:100%}
  .stories{gap:38px 16px}
  .featured .story-link{display:block}
  .featured .story-image{aspect-ratio:4/3}
  .featured .story-copy{padding-top:22px}
  .story:not(.featured) h2{font-size:1.5rem}
  .story:not(.featured) .story-copy>p:not(.section-label){font-size:.8rem}
  .story-image{border-radius:14px}
  .story-copy .section-label{font-size:.6rem}
  .story:not(.featured) .story-image{aspect-ratio:1}
  .catalog-contact{margin-top:65px}
}