/* LUM360 v2026.09.24.1: light-theme contrast for home and six Spanish service pages.
   This stylesheet is loaded only by those pages. All rules are gated to light mode. */

/* Gold actions (estándar dorado 2026-10-10): oro cálido con tinta oscura en todos los estados; antes bronce oscuro #745119/#5d3e10. */
html[data-theme="light"] :is(a, button).btn-gold:not(.outline),
html[data-theme="light"] .web-service-button--primary {
  color: var(--lum-gold-btn-ink) !important;
  background: var(--lum-gold-btn-bg) !important;
  border-color: var(--lum-gold-btn-border) !important;
  box-shadow: var(--lum-gold-btn-glow);
  text-shadow: none !important;
}

html[data-theme="light"] :is(a, button).btn-gold:not(.outline):is(:hover, :focus-visible, :active),
html[data-theme="light"] .web-service-button--primary:is(:hover, :focus-visible, :active) {
  color: var(--lum-gold-btn-ink) !important;
  background: var(--lum-gold-btn-bg-hover) !important;
  border-color: var(--lum-gold-btn-border-hover) !important;
  box-shadow: var(--lum-gold-btn-glow-hover);
}

html[data-theme="light"] .btn-gold.outline {
  color: var(--lum-gold-outline-ink) !important;
  background: var(--lum-gold-outline-bg) !important;
  border-color: var(--lum-gold-btn-border) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .btn-gold.outline:is(:hover, :focus-visible, :active) {
  color: var(--lum-gold-btn-ink) !important;
  background: var(--lum-gold-btn-bg) !important;
  border-color: var(--lum-gold-btn-border-hover) !important;
}

html[data-theme="light"] :is(.btn-gold, .btn-outline, .web-service-button):focus-visible {
  outline: 2px solid var(--lum-gold-focus);
  outline-offset: 3px;
}

/* Home: keep the tour image and player dark, but give the control strip a light surface. */
html[data-theme="light"] .tour-showcase--premium {
  --tour-premium-surface-elevated: #fffaf0;
  --tour-premium-muted: #3f3a34;
}

html[data-theme="light"] .tour-control-bar {
  border-top-color: rgba(185, 138, 29, 0.38);
  background: linear-gradient(90deg, rgba(185, 138, 29, 0.08), transparent 50%), #fffaf0;
}

html[data-theme="light"] .tour-guidance,
html[data-theme="light"] .tour-guidance p {
  color: #3f3a34;
}

html[data-theme="light"] .tour-guidance svg { color: #745119; }

html[data-theme="light"] .tour-control-bar .btn-gold.outline {
  color: var(--lum-gold-btn-ink) !important;
  background: var(--lum-gold-btn-bg) !important;
  border-color: var(--lum-gold-btn-border) !important;
}

html[data-theme="light"] .tour-control-bar .btn-gold.outline:is(:hover, :focus-visible, :active) {
  background: var(--lum-gold-btn-bg-hover) !important;
}

/* Home: the value-system cards should belong to the ivory theme. */
html[data-theme="light"] .trust-system .trust-pillar,
html[data-theme="light"] .trust-system .trust-system__core {
  color: #211b14;
  border-color: rgba(185, 138, 29, 0.28);
  background: linear-gradient(145deg, rgba(155, 116, 41, 0.08), transparent 50%), #fffaf0;
  box-shadow: 0 18px 42px rgba(54, 40, 20, 0.11);
}

html[data-theme="light"] .trust-system .trust-pillar:is(:hover, :focus-visible, .is-active) {
  border-color: rgba(185, 138, 29, 0.55);
  background: linear-gradient(145deg, rgba(155, 116, 41, 0.14), transparent 55%), #fff9ed;
  box-shadow: 0 22px 50px rgba(54, 40, 20, 0.15);
}

html[data-theme="light"] .trust-system .trust-pillar__title,
html[data-theme="light"] .trust-system .trust-system__core strong {
  color: #211b14;
}

html[data-theme="light"] .trust-system .trust-pillar__text,
html[data-theme="light"] .trust-system .trust-system__core span {
  color: #3f3a34;
}

html[data-theme="light"] .trust-system :is(.trust-pillar__number, .trust-pillar__cue, .trust-pillar__meta, .trust-system__core em) {
  color: #745119;
}

html[data-theme="light"] .trust-system .trust-pillar .trust-pillar__cue {
  color: #745119 !important;
}

/* SEO Local: the stats strip sits over a pale hero in light mode. */
html[data-theme="light"] #hero:has(.hero-stats) {
  height: auto;
  min-height: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 90px;
}

html[data-theme="light"] #hero:has(.hero-stats) .hero-content {
  margin: auto 0 56px;
}

html[data-theme="light"] .hero-stats {
  position: relative;
  inset: auto;
  width: 100%;
  color: #211b14;
  background: rgba(255, 250, 240, 0.97);
  border-top-color: rgba(185, 138, 29, 0.36);
  box-shadow: 0 -12px 36px rgba(54, 40, 20, 0.09);
}

html[data-theme="light"] .hero-stats .hero-stat {
  border-right-color: rgba(185, 138, 29, 0.18);
}

html[data-theme="light"] .hero-stats .stat-value { color: #745119; }
html[data-theme="light"] .hero-stats .stat-label { color: #3f3a34; }

html[data-theme="light"] .ia-terminal .term-prompt { color: #d8d0c2; }
html[data-theme="light"] .ia-terminal .term-line.active { color: #f5f1e8; }
html[data-theme="light"] .ia-terminal .term-line.gold { color: #f0d06c; }

html[data-theme="light"] #hero .hero-ctas .btn-outline,
html[data-theme="light"] body:has(#doc360) .btn-outline {
  color: var(--lum-gold-outline-ink);
  background: var(--lum-gold-outline-bg);
  border-color: var(--lum-gold-btn-border);
}

html[data-theme="light"] #hero .hero-ctas .btn-outline:is(:hover, :focus-visible),
html[data-theme="light"] body:has(#doc360) .btn-outline:is(:hover, :focus-visible) {
  color: var(--lum-gold-btn-ink);
  background: var(--lum-gold-btn-bg);
  border-color: var(--lum-gold-btn-border-hover);
}

/* Immersive service: its original private palette remained dark after the global toggle. */
html[data-theme="light"] body:has(#doc360) {
  --bg: #f5f1e8;
  --surface: #fffaf0;
  --surface-2: #efe7d8;
  --border: rgba(185, 138, 29, 0.2);
  --gold: #745119;
  --gold-dim: #694815;
  --gold-bright: #815d20;
  --text: #211b14;
  --muted: #4b433a;
  --muted-2: #756a5d;
}

html[data-theme="light"] body:has(#doc360) :is(.showcase, .doc360, .concert) {
  background: linear-gradient(180deg, #f5f1e8, #efe7d8 50%, #f5f1e8);
}

html[data-theme="light"] body:has(#doc360) :is(.suite-card, .doc360-card, .eco-card):hover {
  background: #f5ecd9;
}

html[data-theme="light"] body:has(#doc360) .card-number {
  color: rgba(185, 138, 29, 0.72);
}

html[data-theme="light"] body:has(#doc360) .concert-card {
  background: #fffaf0;
  border-color: rgba(185, 138, 29, 0.2);
  box-shadow: 0 12px 30px rgba(54, 40, 20, 0.07);
}

html[data-theme="light"] body:has(#doc360) :is(.concert-title, .concert-card-title) {
  color: #211b14;
}

html[data-theme="light"] body:has(#doc360) :is(.showcase-player, .doc360-player, .concert-cover, .concert-modal-frame) {
  --gold: #e2c97e;
  --gold-bright: #f0d06c;
  --text: #fffaf0;
  --muted: #d8d0c2;
}

/* Property hotspot sits on a pale section; the 30%-opacity photo does not darken it. */
html[data-theme="light"] .hotspot-center-text h2 { color: #211b14; }
html[data-theme="light"] .hotspot-center-text p { color: #3f3a34 !important; }

/* The audiovisual close intentionally stays dark in both themes. */
html[data-theme="light"] #cta-final .cta-sub { color: #d8d0c2; }