/**
 * Mundo Drone · WAX · caja.css
 */
:root {
  --md-cyan: #00d4ff;
  --md-orange: #ff7a00;
  --md-text: #e8edf2;
  --md-text-dim: rgba(200, 208, 216, 0.74);
  --md-fhud: 'Orbitron', system-ui, sans-serif;
  --md-ftac: 'Rajdhani', sans-serif;
  --md-fmono: 'Share Tech Mono', 'JetBrains Mono', monospace;
}

.md-caja {
  position: relative;
  display: block;
  width: 100%;
}

.md-caja__plate {
  position: relative;
  z-index: 0;
  border-radius: var(--md-frame-radius-inner, 11px);
  background:
    radial-gradient(ellipse at 20% 15%, rgba(200, 210, 220, 0.10), transparent 48%),
    linear-gradient(135deg, rgba(28, 32, 38, 0.94), rgba(8, 10, 14, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 28px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.md-caja.md-frame::before {
  content: '';
  position: absolute;
  inset: var(--md-frame-pad, 3px);
  border-radius: var(--md-frame-radius-inner, 11px);
  background:
    radial-gradient(ellipse at 20% 15%, rgba(200, 210, 220, 0.10), transparent 48%),
    linear-gradient(135deg, rgba(28, 32, 38, 0.94), rgba(8, 10, 14, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 28px rgba(0, 0, 0, 0.45);
  pointer-events: none;
  z-index: 0;
}

.md-caja__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.1rem 1.15rem;
  text-align: center;
  align-items: center;
}

.md-caja__kicker {
  font-family: var(--md-fmono);
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--md-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.md-caja__kicker::before {
  content: '//';
  color: var(--md-cyan);
}

.md-caja__title {
  font-family: var(--md-fhud);
  font-size: 1.05rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.15;
  margin: 0;
  color: var(--md-text);
  text-align: center;
  text-shadow:
    0 2px 0 #000,
    0 0 14px rgba(255, 255, 255, 0.12);
}

.md-caja__subtitle {
  font-family: var(--md-ftac);
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--md-text-dim);
  margin: 0;
  line-height: 1.45;
  text-align: center;
}

.md-caja__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--md-ftac);
  font-size: 0.88rem;
  font-weight: 500;
  color: rgba(200, 208, 216, 0.88);
  text-align: center;
  width: 100%;
}

.md-caja__list li {
  position: relative;
  padding: 0.28rem 0.4rem;
  text-align: center;
}

.md-caja__sello {
  font-family: var(--md-fmono);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--md-orange);
  margin: 0;
}

.md-caja__sello--oro { color: #ffc857; }
.md-caja__sello--plata { color: #c8d0d8; }

.md-caja__opinion {
  font-family: var(--md-ftac);
  font-size: 0.88rem;
  color: var(--md-text);
  margin: 0;
  line-height: 1.4;
  text-align: center;
  padding-top: 0.4rem;
  border-top: 1px solid rgba(160, 170, 180, 0.14);
  width: 100%;
}

@media (max-width: 640px) {
  .md-caja__body { padding: 0.75rem 0.8rem 0.9rem; gap: 0.55rem; }
  .md-caja__title { font-size: 0.92rem; }
  .md-caja__subtitle, .md-caja__list { font-size: 0.82rem; }
}