/* ==========================================================================
   TEMA ATELIER — hijo de Sereno, oscuro ("oscuro": true; ajustes generales en el CSS de Sereno, .tema-oscuro).
   Carbón y arena: títulos con serifa en el color principal (arena), foto panorámica, filas numeradas,
   botones rectos en mayúsculas.
   ========================================================================== */

.tema-atelier {
    --c-fondo: #18191a;
    --c-fondo-alt: #202123;
    --c-superficie: #1f2022;
    --c-titulos: var(--c-primario);
}
.tema-atelier .sereno-eyebrow { color: rgba(238, 240, 236, .7); }
.tema-atelier .btn { text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; }
.tema-atelier .sereno-header .header-cta.sereno-btn-contorno { text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; }

/* ---------- Portada ---------- */
.atelier-hero { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: clamp(2rem, 4vw, 3rem); }
.atelier-hero-cab { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: end; }
.atelier-hero-titulo { font-size: clamp(2.8rem, 5.8vw, 4.9rem); line-height: 1.02; letter-spacing: -.035em; }
.atelier-hero-titulo em { display: block; font-style: italic; }
.atelier-hero-lado { padding-bottom: .5rem; }
.atelier-hero-lado p { color: var(--c-suave); line-height: 1.75; padding-bottom: 1.25rem; border-bottom: 1px solid var(--c-borde-fuerte); }
.atelier-link { display: flex; justify-content: space-between; align-items: center; margin-top: 1.1rem; color: var(--c-primario); font-size: .9rem; }
.atelier-link .ico { transform: rotate(90deg); }
.atelier-foto { margin: clamp(2rem, 4vw, 3rem) 0 0; }
.atelier-foto .hero-fotos { position: relative; aspect-ratio: 16 / 5; min-height: 240px; overflow: hidden; background: var(--c-fondo-alt); }
.atelier-foto figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0 1rem; border-bottom: 1px solid var(--c-borde); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--c-suave); }
.atelier-foto figcaption a { display: inline-flex; align-items: center; gap: .35rem; color: var(--c-texto); max-width: 60%; }
.atelier-foto figcaption a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atelier-foto figcaption [data-hero-prop]:not([hidden]) + .atelier-foto-defecto { display: none; }
.atelier-foto-lugar { margin-left: auto; letter-spacing: .1em; }
@media (max-width: 820px) { .atelier-hero-cab { grid-template-columns: 1fr; } .atelier-foto .hero-fotos { aspect-ratio: 4 / 3; } }

/* ---------- Buscador ---------- */
.tema-atelier .atelier-busqueda { border-radius: 0; box-shadow: none; }
.atelier-rapidos { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.6rem; margin-top: 1.1rem; font-size: .82rem; }
.atelier-rapidos > a { display: inline-flex; align-items: center; gap: .3rem; color: var(--c-suave); }
.atelier-rapidos > a .ico { transform: rotate(-45deg); }
.atelier-rapidos > a:hover { color: var(--c-primario); }
.atelier-rapidos .sereno-ref { margin: 0 0 0 auto; }

/* ---------- Filas numeradas ---------- */
.atelier-lista { counter-reset: fila; }
.atelier-lista .sereno-card { counter-increment: fila; }
.atelier-lista .sereno-card .card-prop-img { aspect-ratio: 16 / 8; }
.atelier-lista .sereno-card-cuerpo::before { content: counter(fila, decimal-leading-zero); display: block; margin-bottom: 1rem; font-family: var(--f-titulos); font-style: italic; font-size: 1.4rem; color: var(--c-primario); }
.atelier-lista .sereno-card-titulo { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.tema-atelier .sereno-card .card-prop-img { border-radius: 0; }
.tema-atelier .sereno-card-titulo { color: var(--c-primario); }
.tema-atelier .sereno-card-op { border-radius: 0; background: rgba(10, 10, 11, .78); }
.tema-atelier .sereno-card-precio { font-family: var(--f-titulos); font-size: 1.35rem; font-weight: 400; color: var(--c-primario); }

/* ---------- Ficha ---------- */
.tema-atelier .sereno-contacto { border-top: 2px solid var(--c-primario); }
.tema-atelier .sereno-ficha-precio p, .tema-atelier .sereno-cifras strong { color: var(--c-primario); }
.tema-atelier .sereno-escenario-cuenta, .tema-atelier .sereno-escenario-ampliar { background: var(--c-primario); color: var(--c-sobre-primario); }
/* Listado Atelier: una sola columna de filas numeradas (las mismas clases que su inicio: sereno-lista-h atelier-lista)
   y los filtros subrayados en dorado. */
@media (min-width: 1101px) {
    .tema-atelier.vista-listado .filtro { border-bottom-color: rgba(var(--c-primario-rgb), .45); }
    .tema-atelier.vista-listado .filtro:focus-within { border-bottom-color: var(--c-primario); }
    .tema-atelier.vista-listado .filtro label { color: var(--c-primario); letter-spacing: .14em; }
}
.tema-atelier.vista-listado .atelier-lista .sereno-card .card-prop-img { aspect-ratio: 16 / 9; }

/* Ficha Atelier: como su catálogo de filas numeradas. Título y precio uno debajo del otro separados por una línea
   dorada, la foto dentro de un marco fino, cifras con un filete dorado arriba y cada sección con su número (01, 02…). */
.tema-atelier.vista-ficha .sereno-ficha-cab { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
.tema-atelier.vista-ficha .sereno-ficha-precio { text-align: left; padding-top: 1.1rem; border-top: 1px solid var(--c-primario); min-width: min(320px, 100%); }
.tema-atelier.vista-ficha .sereno-galeria { padding: 10px; border: 1px solid rgba(var(--c-primario-rgb), .45); }
.tema-atelier.vista-ficha .sereno-escenario { border-radius: 0; }
.tema-atelier.vista-ficha .sereno-tira button { border-radius: 0; }
.tema-atelier.vista-ficha .sereno-tira button.is-actual { border-color: var(--c-primario); }
.tema-atelier.vista-ficha .sereno-indice a { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }
.tema-atelier.vista-ficha .sereno-cifras { gap: 1.5rem 2.5rem; border: 0; }
.tema-atelier.vista-ficha .sereno-cifras li { min-width: 110px; padding-top: .8rem; border-top: 1px solid var(--c-primario); }
.tema-atelier.vista-ficha .sereno-cifras strong { font-size: 2.1rem; }
.tema-atelier.vista-ficha .ficha-principal { counter-reset: atelier-sec; }
.tema-atelier.vista-ficha .ficha-principal .ficha-bloque:not(.sereno-consulta) > h2 { counter-increment: atelier-sec; display: flex; align-items: baseline; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--c-borde); }
.tema-atelier.vista-ficha .ficha-principal .ficha-bloque:not(.sereno-consulta) > h2::before { content: counter(atelier-sec, decimal-leading-zero); font-size: .9em; color: var(--c-primario); opacity: .8; }
@media (max-width: 760px) { .tema-atelier.vista-ficha .sereno-galeria { padding: 0; border: 0; } }