/* Semente: visual-only edition of EMUNAH. Shared layout and behavior stay in
   /emunah/epico.css, /emunah/app.js and /emunah/epico.js. */
.theme-semente-dia {
  --seed-paper: #f5f1df;
  --seed-cream: #fffbee;
  --seed-forest: #244b3b;
  --seed-deep: #142f27;
  --seed-gold: #b8924f;
  --seed-ochre: #79561e;
  --seed-sky: #78acc4;
  --bg: var(--seed-paper);
  --ink: #243e31;
  --muted: #56634f;
  --accent: var(--seed-ochre);
  --on-accent: var(--seed-cream);
  --surface: var(--seed-cream);
  --line: #c7c5a7;
  --scroll-thumb: #768468;
  --scroll-track: var(--seed-paper);
  --scroll-hover: var(--seed-forest);
  --scroll-active: var(--seed-deep);
  --ticket-fill: linear-gradient(110deg, #f8df9f, #e2b766);
  --ticket-ink: #293b29;
  --ticket-border: #f7dfa0;
  --logo-gold-filter: saturate(.79) brightness(1.04);
  color-scheme: light;
}
.theme-semente-dia :focus-visible { outline-color: var(--seed-ochre); }
.theme-semente-dia .epic-header {
  background: none;
  color: #fffbee;
  padding-inline: 5%;
  top: clamp(44px, 3vw, 72px);
}
.theme-semente-dia .epic-brand { top: 0; }
.theme-semente-dia .epic-header nav a { text-shadow: 0 1px 8px #183b42; }
.theme-semente-dia .epic-header nav a:hover { color: #ffe3a3; }
.theme-semente-dia .epic-brand img { filter: var(--logo-gold-filter) drop-shadow(0 2px 7px #163627); }
.theme-semente-dia .epic-header :focus-visible,
.theme-semente-dia .epic-hero :focus-visible { outline-color: #fffbee; }
.theme-semente-dia .epic-hero {
  background: var(--seed-sky);
  /* Decorative overflow must clip without becoming a focus-scroll container. */
  overflow: clip;
  --ink: #fffbee;
  --accent: #f4dc9e;
  --muted: #fff3d7;
}
/* Generated gold moulding: nine-slice keeps the sculpted corners in proportion. */
.theme-semente-dia .epic-hero::after {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: 15;
  pointer-events: none;
  border: clamp(62px, 5.4vw, 100px) solid transparent;
  border-image: url('./assets/moldura-botanica.webp') 260 / 1 / 0 stretch;
  filter: drop-shadow(0 5px 5px #18261f6b);
}
.theme-semente-dia .scenery-depth { inset: -2%; }
.theme-semente-dia .scenery-depth picture { display: block; width: 100%; height: 100%; }
.theme-semente-dia .stage-scenery { object-position: 50% 62%; filter: none; }
/* Navigation shade belongs to the scenery, beneath the gold frame. */
.theme-semente-dia .stage-vignette {
  background: linear-gradient(180deg, #102b32b3, transparent clamp(100px, 12svh, 144px)), radial-gradient(ellipse at 50% 48%, transparent 30%, #102b292e 74%, #102b294d), linear-gradient(180deg, #102b3226, transparent 30%, transparent 76%, #173d2c70);
}
.theme-semente-dia .stage-floor-shade { height: 12%; background: linear-gradient(transparent, #173a2a6b); }
.theme-semente-dia .stage-travelers { position: relative; z-index: 1; filter: drop-shadow(0 3px 2px #192a2180) saturate(.85) brightness(1.09); }
.theme-semente-dia .travelers-depth { bottom: clamp(92px, 12svh, 154px); }
/* Each silhouette shares the travelers' alpha and parallax, pivoting at its own feet. */
.traveler-shadows { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .66; filter: blur(.65px); }
.traveler-shadow {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #11282100 3%, #11282188 38%, #112821ed 86%);
  mask: url('/emunah/assets/responsive/viajantes-alpha.webp') center / 100% 100% no-repeat;
  transform: skewX(var(--shadow-angle, 0deg)) scaleY(-.84);
}
.shadow-left { clip-path: inset(0 62.5% 0 0); transform-origin: 22% 94.5%; --shadow-angle: -21deg; }
.shadow-center { clip-path: inset(0 36.5% 0 37.5%); transform-origin: 50% 97.2%; }
.shadow-right { clip-path: inset(0 0 0 63.5%); transform-origin: 78% 97.2%; --shadow-angle: 21deg; }
.theme-semente-dia .intro-running .traveler-shadows { animation: seed-shadows-in 1.4s 2.4s both; }
@keyframes seed-shadows-in { from { opacity: 0; } to { opacity: .66; } }
.theme-semente-dia .stage-lights { opacity: .25; }
.theme-semente-dia .stage-lights i { background: conic-gradient(from 163deg at 50% 0, transparent 0deg, #fff8d624 4deg, #fff4c952 17deg, #ffefc614 27deg, transparent 34deg); }
.theme-semente-dia .star-lit .stage-scenery { filter: brightness(1.07); }
.theme-semente-dia .bethlehem-star { opacity: .95; }
.theme-semente-dia .star-art { filter: brightness(1.25) saturate(.65) drop-shadow(0 0 16px #fff4b2); }
.theme-semente-dia .star-halo { background: radial-gradient(ellipse, #fff8d28a, transparent 65%); }
.theme-semente-dia .celestial-frame { color: #f6e4af; opacity: .55; }
.theme-semente-dia .hero-title > .eyebrow { color: #fff4d1; text-shadow: 0 1px 6px #183d45; }
.theme-semente-dia .hero-logo img { filter: var(--logo-gold-filter) drop-shadow(0 4px 3px #24392e85) drop-shadow(0 12px 18px #163b354d); }
.theme-semente-dia .hero-line { color: #133a36; text-shadow: 0 1px 10px #e0f0de40; }
.theme-semente-dia .hero-line em { color: #133a36; }
.theme-semente-dia .hero-summary { color: #133a36; font-weight: 500; text-shadow: 0 1px 6px #e0f0de40; }
.theme-semente-dia .hero-bottom { color: #fffbee; text-shadow: 0 2px 8px #213a24; }
/* A single scene toolbar, anchored above the event date. */
.theme-semente-dia .scene-controls {
  top: auto;
  right: auto;
  left: 5%;
  bottom: calc(var(--hero-footer-bottom, 64px) + 104px);
  flex-direction: row;
  align-items: center;
  gap: 0;
  padding: 3px;
  border: 1px solid #e5cc8f80;
  border-radius: 3px;
  background: #142f27e8;
  box-shadow: 0 4px 14px #10251e26;
}
.theme-semente-dia .scene-controls button {
  color: #fffbee;
  text-shadow: none;
  font-size: 12px;
  min-height: 44px;
  padding: 8px 14px;
  gap: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.theme-semente-dia .scene-controls button + button { border-left: 1px solid #e5cc8f47; }
.theme-semente-dia .scene-controls button:hover:not(:disabled) { color: #ffe3a3; background: #fff3d713; }
.theme-semente-dia .scene-controls button:focus-visible { outline: 2px solid #ffe3a3; outline-offset: -3px; }
.theme-semente-dia .scene-controls button:active:not(:disabled) { background: #fff3d726; }
.theme-semente-dia .scene-controls button:disabled { opacity: .45; cursor: default; }
.theme-semente-dia .scene-controls button[aria-pressed=true] { color: #ffe3a3; background: #fff3d713; }
.theme-semente-dia .intro-running .stage-scenery { animation-name: seed-scenery-in; }
@keyframes seed-scenery-in { from { transform: scale(1.08); filter: brightness(1.4); opacity: .25; } to { transform: scale(1); filter: none; opacity: 1; } }

/* Seeds float at the edges, never over the title or its action. */
.seed-foreground { position: absolute; inset: 0; z-index: 6; pointer-events: none; }
.floating-seed { position: absolute; width: var(--size, 76px); transform: rotate(var(--angle, 0deg)); }
.floating-seed img { width: 100%; height: auto; filter: drop-shadow(4px 9px 9px #182c234f); animation: seed-drift var(--speed, 12s) ease-in-out infinite alternate; animation-delay: var(--delay, 0s); }
.seed-1 { left: 9%; top: 16%; --size: clamp(70px, 6vw, 112px); --angle: -12deg; --delay: -3s; }
.seed-2 { left: 2%; top: 45%; --size: clamp(120px, 12vw, 200px); --angle: -60deg; --speed: 17s; filter: blur(3px); }
.seed-3 { right: 10%; top: 11%; --size: clamp(65px, 5vw, 95px); --angle: 60deg; --delay: -7s; }
.seed-4 { right: 2%; top: 39%; --size: clamp(110px, 9vw, 170px); --angle: 15deg; --speed: 15s; }
.seed-5 { left: 21%; top: 64%; --size: 46px; --angle: 45deg; --delay: -6s; }
.seed-6 { right: 20%; top: 69%; --size: 52px; --angle: -35deg; --delay: -2s; }
.seed-7 { right: -3%; bottom: -6%; --size: 220px; --angle: -65deg; --speed: 19s; filter: blur(5px); }
@keyframes seed-drift { from { transform: translate3d(0, -8px, 0) rotate(-7deg); } to { transform: translate3d(10px, 12px, 0) rotate(9deg); } }
.theme-semente-dia .scene-idle .floating-seed img,
html[data-motion=paused] .theme-semente-dia .floating-seed img { animation-play-state: paused; }

/* The same editorial sequence, in the materials of the new landscape. */
.theme-semente-dia .welcome-epic { background: var(--seed-paper); }
.theme-semente-dia .welcome-layout { border-color: var(--line); }
.theme-semente-dia .story-epic { background: radial-gradient(ellipse at 12% 55%, #b8c19640, transparent 55%), var(--seed-paper); }
.theme-semente-dia .journey-art {
  isolation: isolate;
  background: linear-gradient(180deg, #78acc400 38%, #244b3b35), var(--journey-background, none) 50% 100% / cover;
  border-radius: 48% 48% 2px 2px;
  border: 1px solid #b6ad7b;
  box-shadow: inset 0 0 0 8px #f5f1df55;
  align-items: flex-end;
}
.theme-semente-dia .journey-people { width: 78%; filter: drop-shadow(8px 12px 9px #203c2a65) brightness(1.1); mask-image: none; }
.theme-semente-dia .journey-orbit { display: none; }
.theme-semente-dia .journey-seed { position: absolute; width: 90px; height: auto; left: -30px; top: 25%; z-index: 3; transform: rotate(-25deg); filter: drop-shadow(3px 8px 5px #514a3333); }
.theme-semente-dia .character-lines article { border-color: var(--line); }
.theme-semente-dia .film-section {
  --ink: #fff4dc;
  --muted: #c9d1b8;
  --accent: #ead095;
  --line: #6f7d5d;
  color: var(--ink);
  background: var(--seed-forest);
}
.theme-semente-dia .film-section :focus-visible { outline-color: #f7dfa0; }
.theme-semente-dia :is(.memory-cinema, .memory-video) { background: var(--seed-deep); }
.theme-semente-dia .memory-cinema-shade { background: linear-gradient(0deg, #142f27c4, transparent 70%), radial-gradient(ellipse, #142f2729, #142f2770); }
.theme-semente-dia .memory-watch-play { background: #142f2766; }
.theme-semente-dia :is(.memory-photo-zoom, .memory-preview-toggle) { background: #142f2799; }
.theme-semente-dia .memory-photo:hover .memory-photo-zoom { background: #ead095; color: var(--seed-deep); }
.theme-semente-dia .city-section { background: linear-gradient(180deg, #e7eddb, var(--seed-paper)); }
.theme-semente-dia .city-campaign-logo { filter: brightness(0) saturate(100%) invert(23%) sepia(17%) saturate(1152%) hue-rotate(101deg) brightness(92%) contrast(88%); }
.theme-semente-dia .event-details > div { border-color: var(--line); }
.theme-semente-dia .institution-row { background: #fffbee; border: 1px solid #d9d6bf; }
.theme-semente-dia .institution-row > div > span { color: #5c634b; }
.theme-semente-dia .booking {
  --ink: #243e31;
  --muted: #56634f;
  --accent: var(--seed-forest);
  --on-accent: var(--seed-cream);
  --surface: var(--seed-cream);
  --line: #b8b99a;
  color: var(--ink);
  background: #e7dfbe;
}
.theme-semente-dia .booking :is(.eyebrow, h2 em) { color: var(--seed-forest); }
.theme-semente-dia .booking :focus-visible { outline-color: var(--seed-forest); }
.theme-semente-dia .booking .ticket-form { border-color: var(--line); box-shadow: 0 20px 60px #32452b0c; }
.theme-semente-dia .booking .ticket-form::before,
.theme-semente-dia .booking .ticket-form::after { background: #e7dfbe; border-color: var(--line); }
.theme-semente-dia .booking .date-label { border-color: var(--line); }
.theme-semente-dia .booking .demo-tag { color: #465a41; background: #e8eddc; }
.theme-semente-dia .booking .button:hover { background: #173d2d; }
.theme-semente-dia .booking-availability { background: var(--seed-forest); border-color: #b8924f; }
.theme-semente-dia .booking-availability > span { color: #e2e7d0; }
.theme-semente-dia .faq { background: var(--seed-paper); }
.theme-semente-dia .epic-footer {
  --ink: #fff4dc;
  --muted: #c9d1b8;
  --accent: #ead095;
  --line: #6f7d5d;
  background: var(--seed-deep);
  color: var(--ink);
  border-color: var(--line);
}
.theme-semente-dia .epic-footer :focus-visible { outline-color: #ead095; }
.theme-semente-dia .epic-footer-bottom { border-color: var(--line); }
.theme-semente-dia :is(.memory-dialog, .memory-video-dialog, .order-dialog) {
  --ink: #243e31;
  --muted: #56634f;
  --accent: var(--seed-forest);
  --line: #b8b99a;
  background: var(--seed-cream);
  color: var(--ink);
}
.theme-semente-dia :is(.memory-dialog, .memory-video-dialog, .order-dialog)::backdrop { background: #10291fe8; }
.theme-semente-dia .memory-dialog button:hover,
.theme-semente-dia [data-video-close]:hover { background: #e4e9d6; }
.theme-semente-dia .mobile-ticket { background: #e6c982; color: #243e31; box-shadow: 0 -5px 30px #183a2929; }
.theme-semente-dia .mobile-ticket:hover { background: #f5dda1; }
@media (max-width: 1000px) {
  .theme-semente-dia .scene-controls button { width: 44px; height: 44px; padding: 0; }
  .seed-5, .seed-6 { display: none; }
}
@media (min-width: 701px) {
  .theme-semente-dia .bethlehem-star {
    width: clamp(42px, 5svh, 64px);
    height: clamp(56px, 6.5svh, 86px);
    top: calc(clamp(145px, 17svh, 260px) - clamp(56px, 6.5svh, 86px) - 12px);
  }
}
@media (max-width: 700px) {
  .theme-semente-dia .epic-header { top: 28px; padding-inline: 30px; background: none; }
  .theme-semente-dia .epic-hero::after { border-width: 42px; }
  .theme-semente-dia .scenery-depth { inset: -1%; }
  .theme-semente-dia .stage-scenery { object-position: 50% 100%; }
  .theme-semente-dia .stage-vignette { background: linear-gradient(180deg, #143a4b26, transparent 34%, transparent 74%, #173d2c9e); }
  .theme-semente-dia .stage-floor-shade { height: 11%; }
  .theme-semente-dia .travelers-depth { bottom: 110px; }
  .theme-semente-dia .hero-title { left: 7%; right: 7%; }
  .theme-semente-dia .hero-title h1.hero-logo { width: 100%; }
  .theme-semente-dia .hero-line { font-size: 26px; }
  .theme-semente-dia .hero-bottom { left: 30px; right: 30px; bottom: 32px; }
  .theme-semente-dia .scene-controls { top: 34px; right: 30px; bottom: auto; left: auto; }
  .theme-semente-dia .journey-seed { width: 65px; left: -14px; }
  .glint-leaves { --glint-x: 10%; --glint-y: 61%; }
  .glint-stone { --glint-x: 89%; --glint-y: 80%; }
  .bloom-left { left: -5%; top: 38%; }
  .bloom-right { right: -6%; top: 59%; }
  .bloom-near { left: -8%; top: 78%; }
  .seed-1 { left: 2%; top: 12%; --size: 48px; }
  .seed-2 { left: -11%; top: 49%; --size: 105px; filter: blur(2px); }
  .seed-3 { right: 5%; top: 12%; --size: 42px; }
  .seed-4 { right: -6%; top: 56%; --size: 75px; }
  .seed-7 { display: none; }
}
@media (min-width: 701px) and (max-height: 740px) {
  .theme-semente-dia .travelers-depth { width: clamp(150px, 24svh, 176px); bottom: 64px; }
}
@media (max-width: 700px) and (max-height: 740px) {
  .theme-semente-dia .travelers-depth { width: min(62.5vw, 225px); bottom: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-semente-dia .floating-seed img { animation: none; }
}
@media (forced-colors: active) {
  .theme-semente-dia { --scroll-thumb: ButtonText; --scroll-track: Canvas; }
  .theme-semente-dia .epic-hero::after { border: 2px solid CanvasText; border-image: none; filter: none; }
  .theme-semente-dia .traveler-shadows { display: none; }
  .theme-semente-dia .scene-controls { border-color: ButtonText; background: Canvas; box-shadow: none; }
  .theme-semente-dia .scene-controls button { color: ButtonText; }
  .theme-semente-dia .scene-controls button + button { border-color: ButtonText; }
}