/* Integración del rediseño en la SPA: solo lo imprescindible para lo que el
   diseño estático no tenía (envío real, idiomas como enlaces, avisos legales).
   No cambia el aspecto aprobado. */

/* El selector de idioma pasa de <button> a <a> (rastreable por buscadores):
   mismas reglas que languages.css aplicaba a los botones. */
.language-selector a { background: none; border: 0; padding: 8px 2px; color: #92a3b3; font: inherit; text-decoration: none; cursor: pointer; }
.language-selector a[aria-current] { color: #fff; border-bottom: 1px solid #58b7ff; }
.language-selector a:hover { color: #fff; }
.company-page .language-selector a[aria-current] { color: inherit; }
@media (max-width: 1080px) {
  .language-selector a { min-width: 32px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}

/* Campo trampa contra bots: fuera de la vista y del orden de tabulación. */
.ki-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* Estados del formulario. */
.ki-form-status { margin: 12px 0 0; min-height: 1.4em; font-size: 15px; line-height: 1.45; }
.ki-form-status:empty { display: none; }
.ki-form-status.is-error { color: #ffb4a8; }
.company-page .ki-form-status.is-error { color: #a1260f; }
.ki-form-status a { color: inherit; text-decoration: underline; }
form [aria-invalid="true"] { outline: 2px solid #e5533d; outline-offset: 1px; }
button[aria-busy="true"] { cursor: progress; opacity: .8; }
.ki-form-done { padding: 8px 0 4px; outline: none; }
.ki-form-done p:last-child { margin: 8px 0 0; }

/* Textos legales existentes dentro del marco de la empresa. */
.ki-legal-body { display: block; max-width: 820px; }
.ki-legal-body h2, .ki-legal-body h3 { margin: 28px 0 10px; font-size: 22px; line-height: 1.25; }
.ki-legal-body p, .ki-legal-body li { line-height: 1.6; }
.ki-legal-body ul, .ki-legal-body ol { padding-left: 1.2em; }
.ki-legal-body .translation-notice { margin: 0 0 20px; }

/* Aviso de entorno de pruebas (solo existe en staging). */
.ki-staging-badge { position: fixed; left: 12px; bottom: 12px; z-index: 2147483000; max-width: calc(100vw - 110px); padding: 6px 10px; border-radius: 6px; background: #ffd400; color: #111; font: 600 12px/1.3 system-ui, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,.25); pointer-events: none; }

/* Modo edición: las secciones necesitan ancestro posicionado para sus controles. */
html.ki-edit-mode [data-section] { position: relative; }
html.ki-edit-mode [data-section][data-hidden="1"] { opacity: .35; }

/* Envoltorio neutro de los textos editables que comparten elemento con iconos u otros nodos. */
ki-t { display: inline; }

/* Borrador legal (solo staging). */
.ki-draft-notice { padding: 10px 14px; border-radius: 6px; background: #ffd400; color: #111; }