/* Tres accesos de portada: enlace completo, luz y movimiento contenido. */
.entry-grid{isolation:isolate}
.entry-card{position:relative;isolation:isolate;transform-origin:center;transition:transform 240ms cubic-bezier(.2,.7,.2,1),box-shadow 240ms ease,background-color 240ms ease;background-color:transparent}
.entry-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 85% 0%,#d8c18d20,transparent 75%),linear-gradient(135deg,#262b24,#16221f);box-shadow:inset 0 0 0 1px #d8c18d66;transition:opacity 240ms ease}
.entry-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px}
.entry-card .entry-number{font-size:26px;font-weight:600;line-height:1.2}
@media(min-width:701px) and (max-width:1000px){
 .entry-card-top{flex-direction:column-reverse;align-items:flex-start;gap:12px}
 .entry-card .entry-number{min-height:2.4em}
}
.entry-icon{width:46px;height:46px;flex-shrink:0;display:block;color:var(--gold);transition:transform 240ms cubic-bezier(.2,.7,.2,1),filter 240ms ease}
.entry-card h2{transition:color 240ms ease}
.entry-link{position:static}
.entry-link::after{content:'';position:absolute;inset:0;z-index:1;cursor:pointer}
.entry-link>span{transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
.entry-link:focus-visible{outline:none}
.entry-link:focus-visible::after{outline:2px solid var(--gold);outline-offset:4px}
.entry-card:focus-within{z-index:2;box-shadow:0 12px 32px #0005}
.entry-card:focus-within::before{opacity:1}
.entry-card:focus-within h2{color:var(--gold)}
.entry-card:focus-within .entry-link>span{transform:translate(3px,-3px)}
@media(hover:hover) and (pointer:fine){
 .entry-card:hover{z-index:2;transform:translateY(-6px) scale(1.018);box-shadow:0 18px 40px #0008,0 0 26px #d8c18d0a}
 .entry-card:hover::before{opacity:1}
 .entry-card:hover h2{color:var(--gold)}
 .entry-card:hover .entry-icon{transform:translateY(-2px) rotate(-4deg) scale(1.06);filter:drop-shadow(0 0 8px #d8c18d45)}
 .entry-card:hover .entry-link>span{transform:translate(4px,-4px)}
}
@media(hover:none){
 .entry-card:active::before{opacity:1}
 .entry-card:active h2{color:var(--gold)}
}
@media(prefers-reduced-motion:reduce){
 .entry-card,.entry-card::before,.entry-card h2,.entry-icon,.entry-link>span{transition:none!important}
 .entry-card:hover,.entry-card:hover .entry-icon,.entry-card:hover .entry-link>span,.entry-card:focus-within .entry-link>span{transform:none;filter:none}
}