/* Destacados editoriales independientes del banner comercial. */
.featured-carousel{margin-bottom:30px;min-width:0}
.featured-carousel.is-enhanced .feature-stage{display:grid;grid-template-columns:minmax(0,1fr)}
.featured-carousel.is-enhanced .feature-panel{grid-area:1/1;min-width:0;margin:0}
.featured-carousel.is-enhanced .feature-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.featured-carousel .hero :is(h1,h2){font:400 clamp(38px,4.4vw,64px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:0 0 27px}
.featured-carousel .hero-photograph{margin-top:0;width:100%}
.featured-carousel .hero-photograph img{width:100%;height:auto;max-height:450px;object-fit:contain;aspect-ratio:auto}
.featured-carousel .feature-controls{display:flex;justify-content:center;align-items:center;gap:4px}
.featured-carousel .feature-controls[hidden]{display:none}
.featured-carousel .feature-indicators{display:flex;gap:2px}
.featured-carousel .feature-controls button{width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}
.featured-carousel [data-feature-to]{font-size:10px}
.featured-carousel [data-feature-to][aria-current=true]{text-decoration:underline;text-underline-offset:6px}
.featured-carousel .feature-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.featured-carousel.is-enhanced .feature-panel:not([hidden]){animation:feature-reveal .45s ease} @keyframes feature-reveal{from{opacity:.25}to{opacity:1}}}
@media(max-width:760px){.featured-carousel .hero{gap:24px;align-content:start}.featured-carousel .hero-photograph img{max-height:300px}.featured-carousel .hero :is(h1,h2){font-size:39px}.featured-carousel .hero .intro{font-size:15px}}

/* Separación exterior compacta; conservar altura común y controles táctiles. */
.featured-carousel{margin-bottom:12px}
.featured-carousel .hero{padding-bottom:18px}
@media(max-width:760px){.featured-carousel{margin-bottom:8px}.featured-carousel .hero{padding-bottom:12px}}

/* Mobile: title, complete photograph, then introduction and article link. */
@media(max-width:760px){
 .featured-carousel .hero-copy > .hero-photograph{margin:0 0 24px;max-width:100%}
 .featured-carousel .hero-copy > .hero-photograph img{width:100%;height:auto;object-fit:contain}
}