/* Super Delfos — Tema Delfos (login, portal, base visual) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  --night: #050d1c;
  --night-mid: #0a1f3a;
  --night-light: #122a52;
  --gold: #c9a84c;
  --gold-light: #e8c84a;
  --gold-pale: #fde58c;
  --marble: #f2eee5;
  --marble-light: #fbfaf6;
  --laurel: #2d6a4f;
  --blue-ray: rgba(74, 144, 217, 0.28);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body.delfos-body {
  min-height: 100vh;
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--marble);
  background: var(--night);
}

.font-display { font-family: 'Cinzel', serif; }
.font-body { font-family: 'Cormorant Garamond', Georgia, serif; }
.smallcaps {
  font-family: 'Cinzel', serif;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* === SCENE === */
.delfos-scene {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 60% at 50% 120%, rgba(201, 168, 76, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 50% -10%, var(--blue-ray) 0%, transparent 60%),
    linear-gradient(175deg, #050d1c 0%, #0a1f3a 35%, #122a52 60%, #07142a 100%);
}

.delfos-grid-texture {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0v80M0 40h80' stroke='%23ffffff' stroke-width='0.4'/%3E%3C/svg%3E");
}

/* Stars */
.delfos-stars {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.delfos-star {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75);
  animation: starTwinkle var(--dur, 4s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}
@keyframes starTwinkle {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.4); }
}

/* God rays — suave, quase imperceptível */
.delfos-god-rays {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 120vmax;
  height: 120vmax;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.28;
  background: conic-gradient(
    from 200deg at 50% 50%,
    transparent 0deg, rgba(201, 168, 76, 0.04) 25deg, rgba(255, 255, 255, 0.025) 40deg,
    rgba(201, 168, 76, 0.04) 55deg, transparent 80deg,
    transparent 200deg, rgba(201, 168, 76, 0.04) 220deg, rgba(255, 255, 255, 0.025) 235deg,
    rgba(201, 168, 76, 0.04) 250deg, transparent 275deg
  );
  filter: blur(6px);
  mask-image: radial-gradient(ellipse at center, black 25%, transparent 72%);
  animation: raysSpin 140s linear infinite, raysPulse 12s ease-in-out infinite;
}
@keyframes raysSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes raysPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.32; } }

/* Halo — reforçado atrás do login */
.delfos-halo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: min(720px, 95vw);
  height: min(720px, 95vw);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(255, 237, 180, 0.45) 0%, rgba(201, 168, 76, 0.28) 18%, rgba(201, 168, 76, 0.12) 40%, transparent 68%);
  filter: blur(40px);
  animation: haloPulse 8s ease-in-out infinite;
}
@keyframes haloPulse {
  0%, 100% { transform: translate(-50%, -50%) scale(0.94); opacity: 0.55; }
  50% { transform: translate(-50%, -50%) scale(1.08); opacity: 0.85; }
}

/* Fog */
.delfos-fog {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  overflow: hidden;
}
.delfos-fog-layer {
  position: absolute;
  width: 200%;
  height: 40%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
  filter: blur(24px);
  animation: fogDrift var(--fog-dur, 28s) linear infinite;
}
.delfos-fog-layer:nth-child(1) { bottom: 15%; --fog-dur: 32s; opacity: 0.5; }
.delfos-fog-layer:nth-child(2) { bottom: 35%; --fog-dur: 24s; opacity: 0.35; animation-direction: reverse; }
.delfos-fog-layer:nth-child(3) { bottom: 55%; --fog-dur: 40s; opacity: 0.25; }
@keyframes fogDrift {
  0% { transform: translateX(-25%); }
  100% { transform: translateX(0%); }
}

/* Marble floor */
.delfos-floor {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 6;
  height: 18vh;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.35) 60%, #050d1c 100%),
    repeating-linear-gradient(90deg, rgba(245, 243, 238, 0.05) 0 60px, rgba(255, 255, 255, 0.02) 60px 120px);
}

/* Doric columns — ocupam 100% da altura da tela (topo → base) */
.delfos-column {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(72px, 12vw, 148px);
  height: 100vh;
  height: 100dvh;
  pointer-events: none;
  filter: drop-shadow(8px 4px 24px rgba(0, 0, 0, 0.45));
  opacity: 0;
  animation: columnFadeIn 1.2s ease forwards;
}
.delfos-column-left { left: clamp(0px, 2vw, 32px); animation-delay: 0.2s; }
.delfos-column-right { right: clamp(0px, 2vw, 32px); transform: scaleX(-1); animation-delay: 0.35s; }
@keyframes columnFadeIn { to { opacity: 0.92; } }

.delfos-marble {
  background-color: #e8e4dc;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),
    linear-gradient(125deg, transparent 30%, rgba(180, 170, 155, 0.15) 45%, transparent 55%);
}

/* Capitel — topo fixo */
.delfos-col-capital {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: clamp(52px, 8.5vh, 88px);
}
.delfos-col-cap-abacus {
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  width: 108%;
  height: 26%;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.delfos-col-cap-abacus .delfos-marble { position: absolute; inset: 0; background: linear-gradient(180deg,#f0ece4,#d0cac0); }
.delfos-col-cap-echinus {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 96%;
  height: 68%;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.delfos-col-cap-echinus .delfos-marble { position: absolute; inset: 0; background: linear-gradient(180deg,#ece8e0,#c8c2b8); }

/* Fuste — estica e preenche todo o espaço vertical entre capitel e base */
.delfos-col-shaft {
  position: relative;
  flex: 1 1 0;
  width: 62%;
  min-height: 0;
  margin-top: -1px;
  border-radius: 0;
  overflow: hidden;
  box-shadow: inset -6px 0 16px rgba(0,0,0,0.12), inset 6px 0 16px rgba(255,255,255,0.35);
}
.delfos-col-shaft > .delfos-marble {
  position: absolute;
  inset: 0;
  background-color: #ddd8ce;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.04' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E"),
    linear-gradient(90deg, #b8b0a0 0%, #ece8e0 25%, #f5f2ec 50%, #d4cec4 75%, #b0a898 100%);
}
.delfos-col-flutes {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, rgba(0,0,0,0.14) 0 2px, rgba(255,255,255,0.12) 2px 4px, transparent 4px 14px);
  mask-image: repeating-linear-gradient(90deg, black 0 7px, transparent 7px 14px);
}

/* Base — assentada no rodapé da viewport */
.delfos-col-base {
  position: relative;
  flex: 0 0 auto;
  width: 118%;
  margin-top: -1px;
}
.delfos-col-base-plinth {
  height: clamp(20px, 3.2vh, 36px);
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.35);
}
.delfos-col-base-plinth .delfos-marble { height: 100%; background: linear-gradient(180deg,#e8e4dc,#c8c2b8); }
.delfos-col-base-step {
  height: clamp(14px, 2vh, 24px);
  margin-top: 2px;
  width: 108%;
  margin-left: -4%;
  overflow: hidden;
}
.delfos-col-base-step .delfos-marble { height: 100%; background: linear-gradient(180deg,#d8d4cc,#b8b2a8); }
.delfos-col-base-gold {
  height: clamp(8px, 1.2vh, 14px);
  margin-top: 2px;
  width: 112%;
  margin-left: -6%;
  background: linear-gradient(180deg, #e8c84a, #c9a227 40%, #9a7b1a);
  box-shadow: 0 2px 8px rgba(201, 162, 39, 0.5);
  border-radius: 1px;
}

/* Login wrapper */
.delfos-login-wrap {
  position: relative;
  z-index: 30;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  perspective: 1400px;
}

.delfos-header-float {
  position: absolute;
  left: 50%;
  top: 18vh;
  z-index: 8;
  transform: translateX(-50%);
  text-align: center;
  color: rgba(201, 168, 76, 0.8);
  font-size: 10px;
  animation: fadeDown 1.2s ease 1.4s both;
}
@keyframes fadeDown {
  from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Brilho circular atrás do card de login — 10 camadas */
.delfos-card-auras {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: min(920px, 140vw);
  height: min(920px, 140vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.delfos-card-aura-ring {
  position: absolute;
  inset: calc(var(--ring) * 4px);
  border-radius: 50%;
  opacity: calc(0.12 + var(--ring) * 0.07);
  background: repeating-conic-gradient(
    from calc(var(--ring) * 36deg),
    transparent 0deg 22deg,
    rgba(255, 237, 180, 0.75) 22deg 28deg,
    rgba(201, 168, 76, 0.55) 28deg 32deg,
    rgba(255, 255, 255, 0.35) 32deg 34deg,
    transparent 34deg 36deg
  );
  filter: blur(calc(4px + var(--ring) * 2px));
  transform-origin: center center;
  animation: auraSpin calc(12s + var(--ring) * 2.5s) linear infinite;
}
.delfos-card-aura-ring:nth-child(odd) {
  animation-direction: reverse;
}
.delfos-card-aura-ring:nth-child(1) { animation-duration: 10s; }
.delfos-card-aura-ring:nth-child(2) { animation-duration: 14s; }
.delfos-card-aura-ring:nth-child(3) { animation-duration: 18s; }
.delfos-card-aura-ring:nth-child(4) { animation-duration: 22s; }
.delfos-card-aura-ring:nth-child(5) { animation-duration: 26s; }
@keyframes auraSpin { to { transform: rotate(360deg); } }

/* Card border spin — 10 raios dourados */
.delfos-card-outer {
  position: relative;
  width: 100%;
  max-width: 28rem;
  animation: cardEnter 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
  isolation: isolate;
}
@keyframes cardEnter {
  from { opacity: 0; transform: translateY(30px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.delfos-card-border {
  position: absolute;
  inset: -3px;
  z-index: 1;
  border-radius: 28px;
  opacity: 0.95;
  background: repeating-conic-gradient(
    from 0deg,
    transparent 0deg 24deg,
    rgba(255, 237, 180, 0.95) 24deg 30deg,
    rgba(201, 168, 76, 0.85) 30deg 33deg,
    rgba(255, 255, 255, 0.5) 33deg 35deg,
    transparent 35deg 36deg
  );
  animation: spinSlow 14s linear infinite;
  filter: blur(5px);
  pointer-events: none;
}
.delfos-card-border-2 {
  inset: -18px;
  border-radius: 36px;
  opacity: 0.55;
  filter: blur(18px);
  animation: spinSlow 22s linear infinite reverse;
  background: repeating-conic-gradient(
    from 18deg,
    transparent 0deg 24deg,
    rgba(255, 237, 180, 0.7) 24deg 31deg,
    rgba(201, 168, 76, 0.5) 31deg 35deg,
    transparent 35deg 36deg
  );
}
@keyframes spinSlow { to { transform: rotate(360deg); } }

.delfos-card {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 3rem 2rem 2.5rem;
  background: linear-gradient(180deg, #fbfaf6 0%, #f2eee5 70%, #ebe5d8 100%);
  box-shadow: 0 40px 100px -10px rgba(0, 0, 0, 0.7), 0 12px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transform-style: preserve-3d;
  transition: transform 0.1s ease-out;
  color: var(--night);
}
.delfos-card-marble-noise {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.09;
  mix-blend-mode: multiply;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.delfos-card-frame-1 { position: absolute; inset: 16px; z-index: 2; border-radius: 16px; border: 1px solid rgba(201, 168, 76, 0.35); pointer-events: none; }
.delfos-card-frame-2 { position: absolute; inset: 22px; z-index: 2; border-radius: 12px; border: 1px solid rgba(201, 168, 76, 0.15); pointer-events: none; }
.delfos-card-glare {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(circle at var(--gx, 50%) var(--gy, 30%), rgba(255, 255, 255, 0.35) 0%, transparent 35%);
}

.delfos-brand-wreath {
  position: relative;
  z-index: 4;
  display: grid;
  place-items: center;
  width: min(360px, 92%);
  margin: 0.35rem auto 0;
  aspect-ratio: 560 / 470;
}
.delfos-laurel-wreath {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 4px 10px rgba(154, 123, 26, 0.28));
}
.delfos-brand-stack {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 2rem 0.15rem;
  margin-top: 0.15rem;
}
.delfos-brand-super {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: clamp(0.9rem, 2.8vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.34em;
  padding-left: 0.34em;
  color: #8a6d1f;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}
.delfos-brand-title {
  position: relative;
  z-index: 1;
  margin-top: 0.2rem;
  text-align: center;
  font-family: 'Cinzel', serif;
  font-size: clamp(1.85rem, 6.2vw, 2.65rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.05;
  color: var(--night);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 -1px 0 rgba(0, 0, 0, 0.08);
}
.delfos-brand-greek {
  position: relative;
  z-index: 4;
  margin-top: 0.35rem;
  text-align: center;
  font-family: 'Cinzel', serif;
  font-size: 0.875rem;
  letter-spacing: 0.45em;
  color: var(--gold);
}
.delfos-divider {
  position: relative;
  z-index: 4;
  margin: 2rem auto 0;
  height: 1px;
  max-width: 280px;
  background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.7), transparent);
  transform-origin: center;
  animation: dividerGrow 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.1s both;
}
@keyframes dividerGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.delfos-field-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(5, 13, 28, 0.7);
}
.delfos-input {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.125rem;
  color: var(--night);
  background: rgba(255, 255, 255, 0.85);
  border: 2px solid rgba(201, 168, 76, 0.4);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.delfos-input:focus {
  border-color: var(--gold);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.22);
}
.delfos-input-wrap { position: relative; }
.delfos-pwd-toggle {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.375rem;
  background: none;
  border: none;
  color: rgba(5, 13, 28, 0.5);
  cursor: pointer;
}
.delfos-pwd-toggle:hover { color: var(--gold); }

.delfos-btn-submit {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding: 1rem;
  overflow: hidden;
  font-family: 'Cinzel', serif;
  font-size: 0.875rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(180deg, #1a3a6a 0%, #0a1f3a 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 0 rgba(0, 0, 0, 0.32), 0 8px 24px -4px rgba(10, 31, 58, 0.65), 0 0 0 1px rgba(201, 168, 76, 0.45);
  transition: opacity 0.2s;
}
.delfos-btn-submit:hover:not(:disabled) { filter: brightness(1.08); }
.delfos-btn-submit:disabled { opacity: 0.8; cursor: wait; }
.delfos-btn-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(201, 168, 76, 0.45) 50%, transparent 70%);
  animation: btnShimmer 3.6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes btnShimmer {
  0% { transform: translateX(-110%); }
  55% { transform: translateX(110%); }
  100% { transform: translateX(110%); }
}

.delfos-error {
  position: relative;
  z-index: 4;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  text-align: center;
  font-size: 0.95rem;
  color: #991b1b;
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 80, 80, 0.35);
  border-radius: 8px;
}

.delfos-form { position: relative; z-index: 4; margin-top: 2rem; }
.delfos-form .field { margin-bottom: 1.25rem; }
.delfos-footer-brand {
  position: relative;
  z-index: 4;
  margin-top: 2rem;
  text-align: center;
  font-size: 10px;
  color: rgba(5, 13, 28, 0.5);
}

/* Portal */
.delfos-portal-content {
  position: relative;
  z-index: 20;
  padding: 2rem clamp(1rem, 4vw, 3rem) 3rem;
  min-height: 100vh;
}
.delfos-portal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(201, 168, 76, 0.3);
  flex-wrap: wrap;
  gap: 1rem;
}
.delfos-systems-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
}
.delfos-system-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  text-decoration: none;
  color: var(--night);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(180deg, #fbfaf6 0%, #f2eee5 70%, #ebe5d8 100%);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: transform 0.25s, box-shadow 0.25s;
  overflow: hidden;
}
.delfos-system-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 21px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(201, 168, 76, 0.6), transparent 40%, rgba(201, 168, 76, 0.3));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.delfos-system-card:hover:not(.disabled) {
  transform: translateY(-4px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(201, 168, 76, 0.35);
}
.delfos-system-card.disabled { opacity: 0.4; pointer-events: none; }

@media (max-width: 640px) {
  .delfos-column { opacity: 0.35 !important; width: 48px; }
  .delfos-header-float { top: 12vh; }
}