/* ═══════════════════════════════════════════════════════════
   cms-theme.css — Tema Juany Tours para Decap CMS v3
   ═══════════════════════════════════════════════════════════
   Regla de oro: NUNCA tocar display, height, overflow, padding
   ni margin en los contenedores de Decap — solo colores,
   tipografía y bordes en elementos hoja (inputs, buttons, etc.)
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── Tokens ───────────────────────────────────────────────── */
:root {
  --jt-navy:     #0f3460;
  --jt-teal:     #0d9488;
  --jt-teal-dk:  #0a7570;
  --jt-coral:    #FF5A5F;
  --jt-white:    #ffffff;
  --jt-gray-50:  #f8fafc;
  --jt-gray-200: #e2e8f0;
  --jt-gray-400: #94a3b8;
  --jt-gray-700: #334155;
  --jt-font:     'Inter', -apple-system, sans-serif;
}

/* ── Tipografía global ────────────────────────────────────── */
body,
#nc-root,
#nc-root * {
  font-family: var(--jt-font) !important;
  -webkit-font-smoothing: antialiased;
}

/* ── Scrollbar minimalista ────────────────────────────────── */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--jt-gray-200) transparent;
}
*::-webkit-scrollbar       { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--jt-gray-200); border-radius: 99px; }

/* ════════════════════════════════════════════════════════════
   INPUTS — solo colores y bordes, sin tocar layout
   ════════════════════════════════════════════════════════════ */
#nc-root input[type="text"],
#nc-root input[type="email"],
#nc-root input[type="number"],
#nc-root input[type="url"],
#nc-root input[type="password"],
#nc-root textarea,
#nc-root select {
  font-family: var(--jt-font) !important;
  font-size: 0.9375rem !important;
  color: var(--jt-gray-700) !important;
  background: var(--jt-gray-50) !important;
  border: 1.5px solid var(--jt-gray-200) !important;
  border-radius: 8px !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

#nc-root input[type="text"]:focus,
#nc-root input[type="email"]:focus,
#nc-root input[type="number"]:focus,
#nc-root input[type="url"]:focus,
#nc-root textarea:focus,
#nc-root select:focus {
  outline: none !important;
  border-color: var(--jt-teal) !important;
  background: var(--jt-white) !important;
  box-shadow: 0 0 0 3px rgba(13,148,136,0.15) !important;
}

/* ════════════════════════════════════════════════════════════
   BOTONES — solo colores
   ════════════════════════════════════════════════════════════ */
#nc-root button {
  font-family: var(--jt-font) !important;
  cursor: pointer !important;
}

/* Botón principal (guardar / publicar) */
#nc-root button[class*="success"],
#nc-root button[class*="primary"],
#nc-root [class*="PublishButton"] button,
#nc-root [class*="publishButton"] button {
  background: var(--jt-teal) !important;
  border-color: var(--jt-teal) !important;
  color: var(--jt-white) !important;
  font-weight: 600 !important;
  transition: background 0.18s ease, box-shadow 0.18s ease !important;
}

#nc-root button[class*="success"]:hover,
#nc-root button[class*="primary"]:hover {
  background: var(--jt-teal-dk) !important;
  box-shadow: 0 4px 14px rgba(13,148,136,0.35) !important;
}

/* Botón destructivo */
#nc-root button[class*="danger"],
#nc-root button[class*="delete"] {
  color: var(--jt-coral) !important;
  border-color: var(--jt-coral) !important;
}

/* ════════════════════════════════════════════════════════════
   LINKS de navegación en el sidebar
   ════════════════════════════════════════════════════════════ */
#nc-root nav a {
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: background 0.15s ease !important;
  text-decoration: none !important;
}