/* =====================================================
   TEMA INSTITUCIONAL COLMARISTA - LIME SURVEY V6
   Paleta: Azul #133b64 | Naranja/Amarillo #f39200
   ===================================================== */

/* === 1. OVERRIDE VARIABLES BOOTSTRAP 5 === */
:root {
  --bs-success: #f39200;
  --bs-success-rgb: 243, 146, 0;
  --bs-primary: #133b64;
  --bs-primary-rgb: 19, 59, 100;
  --bs-secondary: #6a8cc0;
  --bs-secondary-rgb: 106, 140, 192;
  --bs-warning: #fecb8b;
  --bs-warning-rgb: 254, 203, 139;
  --bs-danger: #99161b;
  --bs-danger-rgb: 153, 22, 27;
  --bs-info: #6a8cc0;
  --bs-info-rgb: 106, 140, 192;
  --bs-body-color: #133b64;
  --bs-body-color-rgb: 19, 59, 100;
  --bs-body-bg: #f2f4f7;
  --bs-body-bg-rgb: 242, 244, 247;
  --bs-link-color: #6a8cc0;
  --bs-link-color-rgb: 106, 140, 192;
  --bs-link-hover-color: #133b64;
  --bs-link-hover-color-rgb: 19, 59, 100;
}

/* === 2. RESET Y BASE === */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  background-color: #f2f4f7 !important;
  color: #133b64 !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-size: 1rem;
  line-height: 1.6;
}

/* === 3. ELIMINAR VERDE RESIDUAL === */
[class*="success"], [class*="Success"],
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active,
.text-success, .text-success:hover, .text-success:focus,
.alert-success, .alert-success a,
.badge.bg-success, .badge-success,
.list-group-item-success, .valid-feedback,
.form-control.is-valid, .form-select.is-valid {
  color: #133b64 !important;
  background-color: #dddee6 !important;
  border-color: #6a8cc0 !important;
}
.alert-success {
  background-color: #dddee6 !important;
  border: 1px solid #6a8cc0 !important;
  color: #133b64 !important;
}

/* === 4. BOTONES (Azul por defecto → Naranja al hover) === */
button, .btn, .btn-primary, .btn-secondary, [type="submit"],
.ls-button, .action-button, button[type="button"], button[type="submit"] {
  background-color: #133b64 !important;
  border-color: #133b64 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.5rem !important;
  transition: all 0.2s ease !important;
}
button:hover, .btn:hover, .btn-primary:hover, .btn-secondary:hover,
[type="submit"]:hover, .ls-button:hover, .action-button:hover,
button:focus, .btn:focus, .btn-primary:focus, .btn-secondary:focus {
  background-color: #f39200 !important;
  border-color: #f39200 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(243, 146, 0, 0.3) !important;
}

/* === 5. TEXTOS Y ENCABEZADOS === */
p, span, label, li, div,
.survey-title, .question-title, .survey-description,
.form-check-label, .help-text, .question-text {
  color: #133b64 !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #133b64 !important;
  font-weight: 700;
  letter-spacing: -0.3px;
  margin-bottom: 1rem;
}

/* === 6. ENLACES GENERALES === */
a, a:not(.btn) {
  color: #6a8cc0 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #6a8cc0 !important;
  transition: all 0.2s ease;
}
a:hover, a:focus {
  color: #133b64 !important;
  border-bottom-color: #133b64 !important;
  text-decoration: #6a8cc0 !important;
}

/* === 7. CABECERA Y NAVEGACIÓN (Independizada) === */
.navbar, .ls-header, header {
  background-color: #133b64 !important;
  border-bottom: 3px solid #f39200 !important;
  padding: 0.5rem 1rem;
}
/* Links del navbar: amarillo claro institucional para alto contraste */
.navbar-brand, .navbar .nav-link, .navbar a {
  color: #fecb8b !important;
  font-weight: 500;
  border-bottom: none !important;
}
.navbar .nav-link:hover, .navbar a:hover, .navbar-brand:hover {
  color: #f39200 !important;
  text-decoration: none !important;
}

/* === 8. TARJETAS DE PREGUNTAS === */
.question-container, .card, .ls-question-wrapper,
.array-flexible-row, .array-flexible-column {
  background-color: #dddee6 !important;
  border: 1px solid #c8c9d1 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(19, 59, 100, 0.08) !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* === 9. CAMPOS DE FORMULARIO === */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="url"],
textarea, select, .form-control, .form-select {
  background-color: #ffffff !important;
  color: #133b64 !important;
  border: 1px solid #c8c9d1 !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus, select:focus,
.form-control:focus, .form-select:focus {
  border-color: #f39200 !important;
  box-shadow: 0 0 0 3px rgba(243, 146, 0, 0.25) !important;
  outline: none !important;
}

/* === 10. BARRA DE PROGRESO === */
.progress, .ls-progress-bar {
  background-color: #e6e7e9 !important;
  border-radius: 6px !important;
}
.progress-bar, .ls-progress-bar .progress-bar {
  background-color: #f39200 !important;
}

/* === 11. PIE DE PÁGINA === */
.ls-footer, footer {
  background-color: #133b64 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-top: 2px solid #f39200 !important;
  padding: 1.5rem 0;
}
.ls-footer a, footer a {
  color: #fecb8b !important;
}
.ls-footer a:hover, footer a:hover {
  color: #ffffff !important;
}

/* === 12. ALERTAS Y MENSAJES === */
.alert, .alert-info, .alert-warning {
  background-color: #dddee6 !important;
  border-color: #6a8cc0 !important;
  color: #133b64 !important;
  border-radius: 6px !important;
  padding: 1rem;
}
.alert-danger {
  background-color: #fee !important;
  border-color: #99161b !important;
  color: #99161b !important;
}

/* === 13. CHECKBOXES Y RADIOS === */
.form-check-input:checked {
  background-color: #f39200 !important;
  border-color: #f39200 !important;
}
.form-check-input {
  border-color: #c8c9d1 !important;
}

/* === 14. TABLAS === */
.table, .table-striped, .table-bordered {
  background-color: #ffffff !important;
}
.table th, .table td {
  border-color: #c8c9d1 !important;
  color: #133b64 !important;
  padding: 0.75rem;
}
.table thead {
  background-color: #133b64 !important;
  color: #ffffff !important;
}

/* === 15. UTILIDADES === */
.bg-primary { background-color: #133b64 !important; }
.bg-secondary { background-color: #6a8cc0 !important; }
.text-primary { color: #133b64 !important; }
.text-secondary { color: #6a8cc0 !important; }