/* public/styles/themes/zx.css */
:root {
  --bg: #000;
  --fg: #fff;
  --card: #111;
  --accent: #00ffff;
}

.crt {
  background: #000;
  border: 4px solid #333;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
}

/* El mítico arcoíris de Sinclair en la esquina */
.card::after {
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 30px; height: 30px;
  background: linear-gradient(135deg, transparent 50%, #ff0000 50%, #ff0000 60%, #ffff00 60%, #ffff00 70%, #00ff00 70%, #00ff00 80%, #00ffff 80%);
}

.btn {
  background: transparent;
  border: 2px solid var(--accent);
  color: var(--accent);
  text-transform: uppercase;
}

.btn.cyan { border-color: #00ffff; color: #00ffff; }
.btn.yellow { border-color: #ffff00; color: #ffff00; }

.btn:hover { background: rgba(255, 255, 255, 0.1); }

h2 { border-color: #00ffff; color: #ffff00; }
/* public/styles/themes/zx.css */
/* public/styles/themes/zx.css */

/* public/styles/themes/zx.css */


.card {
  position: relative;
  overflow: hidden;
  background: #000;
  border: 3px solid #333; /* Borde un poco más grueso para look retro */
  
  /* MEJORA: Más espacio interno */
  padding: 30px; 
  display: flex;
  flex-direction: column;
  align-items: center; /* Centra el contenido horizontalmente */
  text-align: center;
  gap: 15px; /* Espacio uniforme entre título, texto y botón */
}

/* El arcoíris en la esquina inferior derecha */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: linear-gradient(
    45deg, 
    transparent 50%, 
    #00ffff 50%, #00ffff 62.5%, 
    #00ff00 62.5%, #00ff00 75%, 
    #ffff00 75%, #ffff00 87.5%, 
    #ff0000 87.5%
  );
}

/* BOTÓN: Centrado y estilo retro */
.card .btn {
  margin: 0 auto; /* Centrado extra por seguridad */
  padding: 8px 25px;
  background: transparent;
  border: 2px solid #00ffff;
  color: #00ffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85rem;
  letter-spacing: 1px;
}

/* TÍTULOS: Look Spectrum */
.card h3 {
  margin: 0;
  color: #fff;
  font-size: 1.3rem;
}