/* =========================================================
   DENTILUX - Contenido dinamico (lo que publica el panel /admin)
   Se carga despues de styles.css y solo usa sus tokens.
   ========================================================= */

/* fotos del equipo */
.avatar-foto{padding:0;overflow:hidden;background:var(--soft)}
.avatar-foto img{width:100%;height:100%;object-fit:cover}

/* casos antes/despues publicados */
.casos-reales{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:26px;margin-top:var(--s3)}
.casos-reales .ba-note{grid-column:1/-1;text-align:center}
.caso{margin:0;display:flex;flex-direction:column;gap:10px}
.caso figcaption,.video figcaption{font-weight:700;font-size:.92rem;color:var(--ink);text-align:center}
.ba-caso{aspect-ratio:4/3}
.ba-layer img{width:100%;height:100%;object-fit:cover;display:block;background:var(--soft)}
.sin-foto{visibility:hidden}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.foto{margin:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--soft);aspect-ratio:4/3}
.foto img{width:100%;height:100%;object-fit:cover;display:block}

/* videos (YouTube nocookie / Vimeo) */
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:26px}
.video{margin:0;display:flex;flex-direction:column;gap:10px}
.video-marco{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--ink)}
.video-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}