
.alba-cl-entry{display:flex;justify-content:center;margin:13px auto;position:relative;z-index:3}.alba-cl-cover{margin-top:15px}.alba-cl-button{display:inline-flex;align-items:center;gap:9px;background:rgba(247,243,237,.92);color:#242424;border:1px solid #c99a43;border-radius:6px;padding:9px 17px;letter-spacing:.07em;font:500 12px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 12px #00000012}.alba-cl-button svg{color:#c99a43}.alba-cl-button:hover,.alba-cl-button:focus-visible{background:#fff;outline:2px solid #c99a43;outline-offset:2px}.alba-cl-overlay[hidden],.alba-cl-help-text[hidden],.alba-cl-detail[hidden]{display:none!important}.alba-cl-overlay{position:fixed;inset:0;background:#1119;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:15px}.alba-cl-dialog{width:min(850px,100%);max-height:90dvh;overflow:auto;background:#f7f3ed;border-top:3px solid #c99a43;padding:22px;box-shadow:0 20px 70px #0004;color:#202020;font-family:Inter,Arial,sans-serif}.alba-cl-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dbc9ad;padding-bottom:12px}.alba-cl-head h2{font:normal clamp(24px,4vw,35px) 'Cormorant Infant',Georgia,serif;margin:0;flex:1}.alba-cl-help,.alba-cl-close{background:transparent;border:1px solid #c99a43;color:#222;border-radius:50%;width:32px;height:32px;cursor:pointer}.alba-cl-help-text{background:#fff9;padding:15px;line-height:1.6}.alba-cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.alba-cl-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fff;border:1px solid #e4d8c7;padding:9px;cursor:pointer;color:#222}.alba-cl-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f6f3ef}.alba-cl-card strong{font-size:14px}.alba-cl-card span,.alba-cl-date{font-size:12px;color:#666}.alba-cl-detail{margin-top:18px}.alba-cl-detail h3{font:normal 32px 'Cormorant Infant',Georgia,serif}.alba-cl-back{border:0;background:transparent;text-decoration:underline;cursor:pointer}.alba-cl-poster{display:block;max-width:100%;max-height:55vh;width:auto;height:auto;object-fit:contain;margin:15px auto}.alba-cl-description{line-height:1.6}.alba-cl-link a{display:inline-block;padding:10px 16px;border:1px solid #c99a43;color:#222;text-decoration:none}@media(max-width:800px){.alba-cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.alba-cl-grid{grid-template-columns:1fr}.alba-cl-dialog{padding:15px}.alba-cl-card{flex-direction:row;align-items:center}.alba-cl-card img{width:95px;flex-shrink:0}}

/* Portada: acceso flotante por encima del lema, sin ocupar una fila de la retícula. */
.alba-sample-cover .alba-cl-entry.alba-cl-cover{position:absolute;left:0;right:0;bottom:85px;margin:0;z-index:4;display:flex;justify-content:center;pointer-events:none;}
.alba-sample-cover .alba-cl-cover .alba-cl-button{pointer-events:auto;}
@media(max-width:767px){.alba-sample-cover .alba-cl-entry.alba-cl-cover{bottom:77px;}}
/* La cuadrícula no debe permanecer visible al abrir una ficha individual. */
.alba-cl-grid[hidden]{display:none!important;}

/* Ayuda junto a cada acceso, sin modificar la composición de portada e índice. */
.alba-cl-entry{align-items:center;gap:8px}.alba-cl-entry-help{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #c99a43;border-radius:50%;background:rgba(247,243,237,.94);color:#222;font:500 15px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 12px #00000012}.alba-cl-entry-help:hover,.alba-cl-entry-help:focus-visible{background:#fff;outline:2px solid #c99a43;outline-offset:2px}

/* v1.0.6: icono contextual discreto y pulsable también sobre la portada. */
.alba-cl-entry{gap:6px}
.alba-cl-entry-help{flex:0 0 24px;width:24px;height:24px;font-size:12px;box-shadow:0 1px 5px #00000012}
.alba-sample-cover .alba-cl-cover .alba-cl-entry-help{pointer-events:auto}
