/* IvaniaPhoto · publico/assets/css/tema-photoshoot.css
 * Ocampo-Infra Agent System · autor Roberto Ocampo · 9/19/2026
 *
 * ADR-001/ADR-004 (`docs/web-publica-20260919/02-DISENO-ARQUITECTURA.md` §1,
 * §4): tokens claros de la Demo3 "Venta directa"
 * (`newWeb-Demo3-2026-08/demo/css/styles.css`), SCOPED a
 * `main[data-tema="photoshoot"]` — nunca a `:root`. Las 11 colecciones
 * (Newborns, Seniors, Pregnancy/Maternity, Red Carpet, Family Portraits,
 * Smash Cake, Birthday, Wedding sessions, Quinceañera sessions, Engagement)
 * viven en `portafolio_categoria` y reutilizan este tema.
 *
 * Stub: tokens + reglas mínimas. La rejilla de colecciones (`#galeria`,
 * `.gal-*`) y los paquetes se construyen en la ola C con datos vivos.
 */

main[data-tema="photoshoot"] {
  --display: 'Fraunces', Georgia, serif;
  --ui: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --papel: #F7F2E9;
  --papel-alto: #FDFAF4;
  --tinta: #241D17;
  --tinta-suave: #5C5348;
  --oro: #8F6B2E;
  --oro-claro: #C9A15E;
  --noche: #1C1611;
  --linea: rgba(36, 29, 23, 0.16);
  --linea-fina: rgba(36, 29, 23, 0.10);

  display: block;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--ui);
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.65;
}

main[data-tema="photoshoot"] h1,
main[data-tema="photoshoot"] h2,
main[data-tema="photoshoot"] .titulo {
  font-family: var(--display);
  color: var(--tinta);
}

main[data-tema="photoshoot"] a.ip2-nav__cta,
main[data-tema="photoshoot"] .boton--primario {
  background: var(--oro);
  color: var(--papel-alto);
}

/* Falta a propósito: rejilla `#galeria`/`.gal-*` de colecciones — se
 * construye en la ola C con el seed de las 11 `portafolio_categoria`. */

/* ── Photoshoot · rejilla de colecciones (w-photoshoot, 9/19/2026) ─────────
   Scoped a main[data-tema="photoshoot"] para no contaminar la cáscara. */
main[data-tema="photoshoot"] .ps-cabecera{max-width:1100px;margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 1.25rem 1rem;text-align:center}
main[data-tema="photoshoot"] .ps-cabecera h1{font-family:var(--display,'Fraunces',serif);font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:.25rem 0}
main[data-tema="photoshoot"] .ps-cabecera .kicker{font-family:var(--ui,'Figtree',sans-serif);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;opacity:.7}
main[data-tema="photoshoot"] .ps-intro{opacity:.8;max-width:60ch;margin:.5rem auto 0}
main[data-tema="photoshoot"] .ps-colecciones{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}
main[data-tema="photoshoot"] .ps-col{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:.5rem;overflow:hidden;background:rgba(0,0,0,.03);transition:transform .2s ease}
main[data-tema="photoshoot"] .ps-col:hover{transform:translateY(-3px)}
main[data-tema="photoshoot"] .ps-col-media{aspect-ratio:4/5;display:block;background:rgba(0,0,0,.06)}
main[data-tema="photoshoot"] .ps-col-media img{width:100%;height:100%;object-fit:cover;display:block}
main[data-tema="photoshoot"] .ps-col-pie{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.6rem .75rem}
main[data-tema="photoshoot"] .ps-col-nom{font-family:var(--display,'Fraunces',serif);font-size:1.05rem}
main[data-tema="photoshoot"] .ps-col-n{font-family:var(--ui,'Figtree',sans-serif);font-size:.72rem;opacity:.6}
main[data-tema="photoshoot"] .ps-col--vacia{opacity:.55;cursor:default}
main[data-tema="photoshoot"] .ps-vacia{text-align:center;opacity:.7;padding:3rem 1.25rem}