/* Galería de memes (secciones/galeria.html y secciones/elenco.html)
   Usa las variables de estilo.css. Los valores después de la coma son de respaldo. */

.gal-etiqueta{font-family:"Public Sans",system-ui,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--oro,#a07d2a)}

.gal-franja{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;background:#fff;border:1px solid var(--linea,#e3ddd0);border-radius:var(--radio,10px);padding:.8rem 1.1rem}
.gal-franja-fig{display:flex;gap:.3rem;flex:1;justify-content:space-around;flex-wrap:wrap}
.gal-mini{display:flex;flex-direction:column;align-items:center;width:5.8rem;text-decoration:none;font-family:"Public Sans",system-ui,sans-serif;font-size:.74rem;text-align:center;color:var(--tinta-suave,#5b6672)}
.gal-mini svg{width:2.4rem;height:auto}
.gal-mini:hover{color:var(--petroleo,#14666e)}
.gal-ir{font-family:"Public Sans",system-ui,sans-serif;font-weight:700;font-size:.9rem;color:var(--petroleo,#14666e);text-underline-offset:3px;white-space:nowrap}

.gal-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0 0}
.gal-chip{font-family:"Public Sans",system-ui,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--tinta,#1f2a37);background:#fff;border:1.5px solid var(--linea,#e3ddd0);border-radius:999px;padding:.3rem .9rem}
.gal-chip:hover{border-color:var(--petroleo,#14666e);color:var(--petroleo,#14666e)}
.gal-chip span{margin-left:.35rem;color:var(--tinta-suave,#5b6672);font-weight:500}
.gal-chip:focus-visible,.gal-mini:focus-visible,.gal-ir:focus-visible,.gal-desc:focus-visible{outline:3px solid var(--petroleo,#14666e);outline-offset:2px}

.gal-serie{margin-top:2.2rem;scroll-margin-top:5rem}
.gal-serie h2{font-size:1.5rem;font-weight:600;margin:0}
.gal-prem{margin:.2rem 0 1rem;color:var(--tinta-suave,#5b6672)}

.gal-meme{background:#fff;border:1px solid var(--linea,#e3ddd0);border-left:4px solid var(--petroleo,#14666e);border-radius:var(--radio,10px);overflow:hidden;margin-bottom:1.2rem;scroll-margin-top:5rem}
.gal-arte{padding:.9rem;text-align:center;border-bottom:1px solid var(--papel-hondo,#efe9dc)}
.gal-arte img{display:block;margin:0 auto;max-width:100%;max-height:30rem;width:auto;height:auto}
.gal-ficha{padding:1rem 1.2rem 1.1rem;display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:.6rem 1.6rem;align-items:start}
.gal-cab{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;flex-wrap:wrap}
.gal-cab h3{margin:0;font-size:1.25rem;line-height:1.25}
.gal-fecha{font-family:"Public Sans",system-ui,sans-serif;font-size:.8rem;color:var(--tinta-suave,#5b6672)}
.gal-ficha dl{margin:0}
.gal-ficha dt{font-family:"Public Sans",system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave,#5b6672)}
.gal-ficha dd{margin:0}
.gal-clave{border-left:3px solid var(--oro-claro,#c9a24a);padding:.2rem 0 .2rem .8rem;font-weight:600}
.gal-clave small{display:block;font-family:"Public Sans",system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave,#5b6672);margin-bottom:.15rem}
.gal-pie{grid-column:1/-1;display:flex;gap:1.1rem;flex-wrap:wrap;align-items:center;border-top:1px solid var(--papel-hondo,#efe9dc);padding-top:.7rem;margin-top:.3rem}
.gal-fila{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.gal-fila a{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-family:"Public Sans",system-ui,sans-serif;font-size:.8rem;color:var(--tinta,#1f2a37)}
.gal-fila a:hover{color:var(--petroleo,#14666e)}
.gal-fila svg{width:1.6rem;height:auto}
.gal-tag{font-family:"Public Sans",system-ui,sans-serif;font-size:.74rem;color:var(--tinta-suave,#5b6672);background:var(--papel,#faf7f0);border:1px solid var(--linea,#e3ddd0);border-radius:999px;padding:.05rem .6rem}
.gal-desc{margin-left:auto;font-family:"Public Sans",system-ui,sans-serif;font-size:.82rem;font-weight:700;color:var(--petroleo,#14666e);text-underline-offset:3px}

@media (max-width:48rem){
  .gal-ficha{grid-template-columns:1fr}
  .gal-desc{margin-left:0}
}