/*
Theme Name: Caudal Cero
Theme URI: https://caudalcero.com
Author: Antigravity Agent
Description: Tema interactivo a medida para la plataforma Caudal Cero (El Delta).
Version: 1.0.0
Text Domain: caudalcero
*/

/* ==========================================================================
   Variables de Diseño (Guía de Estilo El Delta)
   ========================================================================== */
:root {
  --color-bg-command: #0D1423; /* RGB 13, 20, 35 */
  --color-text-ice: #F0F4F8; /* RGB 240, 244, 248 */
  --color-cyan-holo: #00F0FF; /* RGB 0, 240, 255 */
  --color-red-alert: #FF4B4B; /* RGB 255, 75, 75 */
  --font-main: 'Inter', sans-serif;
  --font-headers: 'Bangers', cursive;
}

body {
  background-color: var(--color-bg-command);
  color: var(--color-text-ice);
  font-family: var(--font-main);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headers);
  letter-spacing: 1px;
}

a {
  color: var(--color-cyan-holo);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #fff;
  text-shadow: 0 0 10px var(--color-cyan-holo);
}

/* ==========================================================================
   Componentes Generales
   ========================================================================== */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.btn-primary {
  background-color: var(--color-cyan-holo);
  color: #000;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-family: var(--font-headers);
  font-size: 1.2rem;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: #fff;
  box-shadow: 0 0 15px var(--color-cyan-holo);
  color: #000;
  text-shadow: none;
}