/* Se conserva la tarjeta editorial; la fotografía acompaña detrás del texto. */
.al-not > a { isolation: isolate; }
.al-not-fondo { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; background: #100b16; }
.al-not-fondo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--not-position,50% 50%); opacity: .62; filter: saturate(.65); transition: transform .9s ease,opacity .6s ease; }
.al-not-fondo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#0b0710c7 0%,#0b07109e 48%,#0b0710eb 100%); }
.al-not > a > :not(.al-not-fondo) { position: relative; z-index: 2; }
.al-not > a::before { z-index: 3; pointer-events: none; }
.al-not:first-child .al-not-fondo img { opacity: .72; }
.al-not:first-child .al-not-fondo::after { background: linear-gradient(180deg,#0b0710c7 0%,#0b0710ad 35%,#0b071059 67%,#0b0710e0 100%),linear-gradient(90deg,#0b071033,transparent); }
.al-not > a:hover .al-not-fondo img,.al-not > a:focus-visible .al-not-fondo img { transform: scale(1.035); opacity: .75; }
.al-not > a:focus-visible { outline: 2px solid #cfa8ef; outline-offset: 3px; }
.al-not > a:focus-visible::before { opacity: 1; }
.al-not .al-not-medio span { color: #c1b3cb; }
.al-not .al-not-x { color: #e0d7e6; }
.al-not .al-not-pie { color: #c5b8cd; }
.al-not .al-not-tipo { background: #0b071080; }
.al-not .al-not-ir { background: #ffffff26; }
@media(prefers-reduced-motion:reduce) { .al-not-fondo img { transition: none; } .al-not > a:hover .al-not-fondo img,.al-not > a:focus-visible .al-not-fondo img { transform: none; } }