/* Lore inicio – AW kit. Fondo liso #1a1917 heredado de base.css */
.aw-lore-inicio{display:flex;flex-direction:column;align-items:center;padding-block:clamp(32px,6vw,72px) clamp(48px,8vw,96px)}
.aw-lore-inicio__title{margin:0 0 clamp(24px,4vw,44px);text-align:center;color:#c9b27f;letter-spacing:.04em}
.aw-lore-inicio__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);width:100%;max-width:1240px;margin:0;padding:0;list-style:none}
.aw-lore-card{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:clamp(380px,38vw,560px);
  border:1px solid rgba(201,178,127,.35);border-radius:6px;overflow:hidden;background:#201e1b;color:rgb(227,217,189);text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.35);transition:border-color .2s,transform .2s,box-shadow .2s;isolation:isolate}
.aw-lore-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(227,217,189,.18);border-radius:3px;pointer-events:none;z-index:2;transition:border-color .2s}
.aw-lore-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.85) brightness(.8);transition:transform .5s ease,filter .3s}
.aw-lore-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,25,23,0) 35%,rgba(26,25,23,.92) 100%)}
.aw-lore-card__label{display:flex;align-items:center;gap:14px;margin-bottom:clamp(22px,3vw,36px);font-family:var(--aw-font-display,serif);
  font-size:clamp(24px,2.4vw,36px);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.aw-lore-card__label::before,.aw-lore-card__label::after{content:"";width:clamp(22px,3vw,40px);height:1px;background:linear-gradient(90deg,transparent,#c9b27f)}
.aw-lore-card__label::after{transform:scaleX(-1)}
.aw-lore-card:hover,.aw-lore-card:focus-visible{border-color:#c9b27f;box-shadow:0 14px 40px rgba(0,0,0,.5);transform:translateY(-2px)}
.aw-lore-card:hover::before,.aw-lore-card:focus-visible::before{border-color:rgba(201,178,127,.6)}
.aw-lore-card:hover .aw-lore-card__img,.aw-lore-card:focus-visible .aw-lore-card__img{transform:scale(1.04);filter:saturate(1) brightness(.92)}
.aw-lore-card:hover .aw-lore-card__label{color:#c9b27f}
.aw-lore-card:focus-visible{outline:2px solid rgb(227,217,189);outline-offset:3px}
@media (max-width:700px){.aw-lore-inicio__grid{grid-template-columns:1fr}.aw-lore-card{min-height:240px}}
@media (prefers-reduced-motion:reduce){.aw-lore-card,.aw-lore-card__img{transition:none}.aw-lore-card:hover,.aw-lore-card:hover .aw-lore-card__img{transform:none}}
.aw-lore-inicio__title{font-size:clamp(30px,3.2vw,44px)}
.aw-lore-card__img{object-position:center 30%}
/* última vista elegida: solo un brillo dorado, sin texto */
.aw-lore-card[data-last]{border-color:rgba(201,178,127,.7)}
@media (max-width:700px){.aw-lore-card__img{object-position:center 35%}}
/* Pro 13/10: lore.html sin ?vista = inicio; con ?vista (o #ancla) = vistas + índice agrupado. La clase aw-lv la pone un script en línea al principio del <main>. */
.aw-lv .aw-lore-inicio{display:none!important}
.aw-lv .aw-lore-vistas[hidden]{display:block!important}