/* Gallery surfaces inherit the established Esmeralda theme from cinematic.css.
   Creative samples keep their own colors; only the surrounding interface changes. */
body,.top,.intro,.collection,.custom,.learning,.book-section,.terms,footer{
  background:var(--cinema-bg);color:var(--cinema-white);
}
.top,footer{border-color:var(--line)}
footer{border-top:1px solid var(--line)}
.brand,.top nav a{color:var(--cinema-white)}
.brand small,.intro-bottom p,.card-meta,.spec,.collection-note,
.learning-note,.book-section>p,.terms p,#form-status{color:var(--cinema-muted)}
.section-nav{background:var(--cinema-panel);border-bottom:1px solid var(--line)}
.section-nav a,.card-actions a{color:var(--emerald)}
.button,.button.light,.top nav a.button,.card-actions button,
.filters button[aria-pressed=true]{background:var(--emerald);color:#2E2824}
.button:hover,.button.light:hover,.top nav a.button:hover,.card-actions button:hover{
  background:#FFD9A8;color:#2E2824;
}
.filters button{color:var(--cinema-white);border-color:var(--control-line)}
.filters button:hover{border-color:var(--emerald)}
.custom form{background:var(--cinema-panel);border:1px solid var(--line)}
.custom input:not([type=checkbox]),.custom textarea{
  background:var(--cinema-bg);color:var(--cinema-white);
  border-color:var(--control-line);caret-color:var(--emerald);
}
.custom input::placeholder,.custom textarea::placeholder{color:var(--cinema-muted);opacity:1}
.custom input:focus,.custom textarea:focus{border-color:var(--emerald)}
.custom input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--cinema-panel) inset;
  -webkit-text-fill-color:var(--cinema-white);
}
.consent input{accent-color:var(--emerald)}
.carousel-controls button,.book-controls button{
  background:var(--cinema-panel);color:var(--cinema-white);border:1px solid var(--control-line);
}
.slide-track,.book-track{scrollbar-color:var(--emerald) var(--cinema-panel)}
.skip:focus{background:var(--cinema-panel);color:var(--cinema-white)}
:focus-visible{outline-color:var(--emerald)}
/* Keep the light presentation samples readable inside the dark website. */
.learning-slide.paper .eyebrow{color:#B8501A}

/* Portada con video en bucle (Faro, 10-oct-2026). El video solo carga en pantallas de 600 px o más y sin movimiento reducido; si no, se ve el póster. */
.intro--video{position:relative;overflow:hidden;isolation:isolate;min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end;background:var(--cinema-bg) url(galeria/portada-estudio-poster.jpg) center/cover no-repeat}
.intro-media{position:absolute;inset:0;z-index:-1}
.intro-video{width:100%;height:100%;object-fit:cover;display:block}
.intro--video::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(38,34,31,.35) 0%,rgba(38,34,31,.55) 45%,rgba(38,34,31,.92) 100%),linear-gradient(90deg,rgba(38,34,31,.75) 0%,rgba(38,34,31,.15) 70%)}
@media (max-width:599px){.intro-media{display:none}.intro--video{min-height:auto}}
@media (prefers-reduced-motion:reduce){.intro-media{display:none}}