/* Aspecto E (negro + oro) para las herramientas originales del WP incrustadas
   en la maqueta. Solo cambia colores y tipografía: el HTML y el JS son los
   originales. Va al final del documento para pisar sus estilos. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Geist+Mono:wght@400;500&family=Unbounded:wght@300..600&display=swap');

html { color-scheme: dark; background: transparent; }
body { margin: 0; padding: 2px; background: transparent; color: #f4efe2; font-family: 'Geist', system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow: hidden; }
a { color: #e8c547; }
hr.e-sep { border: 0; height: 1px; background: rgb(244 239 226 / 0.1); margin: 2rem 0; }
::selection { background: #e8c547; color: #0d0c0a; }

/* Divisiones CB-DX */
html[data-theme] .cb-calculator,
html[data-theme] .cb-divisions-panel {
  --bg-primary: rgb(21 19 15 / 0.85);
  --bg-secondary: #1d1a14;
  --bg-accent: #2a251c;
  --text-primary: #f4efe2;
  --text-secondary: #a8a08c;
  --border-color: rgb(244 239 226 / 0.12);
  --shadow: rgb(0 0 0 / 0.35);
  --accent-color: #e8c547;
  --accent-hover: #f2d76d;
  font-family: 'Geist', system-ui, sans-serif !important;
  border-radius: 20px !important;
}
.cb-calculator h1, .cb-divisions-title, .cb-section-title { font-family: 'Unbounded', sans-serif !important; font-weight: 400 !important; letter-spacing: -0.02em; }
.cb-calc-btn, .cb-calculator button { color: #0d0c0a !important; font-weight: 600 !important; border-radius: 999px !important; }
.cb-stat-number { color: #e8c547 !important; font-family: 'Geist Mono', monospace !important; }

/* Calculadora de antenas */
.antenna-calculator-wp {
  --calculator-bg: #15130f;
  --calculator-text: #f4efe2;
  --calculator-border: rgb(244 239 226 / 0.14);
  --calculator-primary: #c99a2e;
  --calculator-hover: #e8c547;
  font-family: 'Geist', system-ui, sans-serif !important;
  border-radius: 20px !important;
  background: rgb(21 19 15 / 0.85) !important;
}
.antenna-calculator-wp h2, .antenna-calculator-wp h3 { font-family: 'Unbounded', sans-serif; font-weight: 400; letter-spacing: -0.02em; color: #f4efe2 !important; }
.antenna-calculator-wp h4 { color: #e8c547 !important; }
.antenna-calculator-wp select, .antenna-calculator-wp input { border-radius: 10px !important; min-height: 2.4rem; font: inherit; }
.antenna-calculator-wp select:focus, .antenna-calculator-wp input:focus { outline: 2px solid #e8c547; outline-offset: 1px; }
.antenna-calculator-wp button { color: #0d0c0a !important; font-weight: 600 !important; border-radius: 999px !important; }
.antenna-calculator-wp .result-value { color: #0d0c0a !important; font-family: 'Geist Mono', monospace !important; }
.antenna-calculator-wp .material-info { background: rgb(232 197 71 / 0.07) !important; color: #cfc8b6 !important; }
.antenna-calculator-wp .warning-box { background: rgb(232 197 71 / 0.1) !important; color: #f2d76d !important; }
.antenna-calculator-wp .result-item { background: rgb(244 239 226 / 0.04) !important; }
/* cajas con colores claros escritos en el propio JS */
.antenna-calculator-wp [style*="#f0f8ff"], .antenna-calculator-wp [style*="#e8f5e8"], .antenna-calculator-wp [style*="#fff3cd"] { background: rgb(232 197 71 / 0.08) !important; color: #e4ddcb !important; }
.antenna-calculator-wp [style*="color: #555"], .antenna-calculator-wp [style*="color: #666"] { color: #a8a08c !important; }
.antenna-calculator-wp [style*="#2196F3"] { color: #e8c547 !important; }
.antenna-calculator-wp [style*="#2e7d32"] { color: #9be3a9 !important; }
/* los diagramas llevan su propio fondo blanco; que no desborden en móvil */
.antenna-calculator-wp svg { max-width: 100%; height: auto; border-radius: 10px; }
.antenna-calculator-wp label { flex-basis: 100% !important; }
@media (min-width: 640px) { .antenna-calculator-wp label { flex-basis: 200px !important; } }
.antenna-calculator-wp select, .antenna-calculator-wp input { max-width: 100%; box-sizing: border-box; }

/* Entrenador CW (CW - Telegrafía) */
#cw-trainer { font-family: 'Geist', system-ui, sans-serif !important; color: #f4efe2; }
#cw-trainer h2, #cw-trainer h3 { font-family: 'Unbounded', sans-serif; font-weight: 400; letter-spacing: -0.02em; }
#cw-trainer .koch-card, #cw-trainer .controls-card, #cw-trainer .practice-card, #cw-trainer [class$="-card"] { background: rgb(21 19 15 / 0.85) !important; border: 1px solid rgb(244 239 226 / 0.12) !important; border-radius: 20px !important; }
#cw-trainer .stat-item, #cw-trainer .timer-container, #cw-trainer .control-row select { border-color: rgb(244 239 226 / 0.14) !important; }
#cw-trainer .control-row select { background: #1d1a14 !important; }
#cw-trainer .koch-chars { color: #e8c547 !important; background: rgb(232 197 71 / 0.1) !important; border-color: rgb(232 197 71 / 0.4) !important; }
#cw-trainer .char-content { color: #e8c547 !important; }
#cw-trainer #userInput { border-color: #c99a2e !important; color: #f4efe2; background: rgb(244 239 226 / 0.04) !important; }
#cw-trainer #userInput:focus { border-color: #e8c547 !important; box-shadow: 0 0 0 4px rgb(232 197 71 / 0.15) !important; }
#cw-trainer small, #cw-trainer .stat-label, #cw-trainer #inputHelp { color: #a8a08c !important; }
#cw-trainer .progress-fill { background: linear-gradient(90deg, #c99a2e, #e8c547) !important; }
#cw-trainer .slider::-webkit-slider-thumb { background: #e8c547 !important; border-color: #0d0c0a !important; }
#cw-trainer .slider::-moz-range-thumb { background: #e8c547 !important; border-color: #0d0c0a !important; }
#cw-trainer .slider { background: rgb(244 239 226 / 0.12) !important; }