/* ===========================
   UCO – custom.css completo
   =========================== */

/* Paleta institucional */
:root{
  --uco-green: #008B50;      /* Verde UCO */
  --uco-green-dark: #024426; /* Hover/Focus */
  --uco-yellow: #FFCA00;     /* Acento opcional */
  --uco-blue: #1D3475;       /* Complementario (titulares opcionales) */
}

/* Contenedor más estrecho */
.ls-container { max-width: 880px; margin: 0 auto; }

/* Tarjetas compactas de grupo/pregunta */
.group-container { margin-bottom: 8px !important; }
.question-container{
  margin-bottom: 12px !important;
  padding: 14px 16px !important;
  background:#fff;
  border:1px solid #e7edf3;
  border-radius:12px;
  box-shadow:0 1px 8px rgba(0,0,0,.03);
}

/* Títulos y textos más pegados */
.question-title-container h3 { margin:0 0 6px 0 !important; font-weight:700; }
.question-text { margin-bottom:4px !important; }

/* Botonera con menos vacío */
.navigator-container, .survey-actions, .ls-move {
  margin-top:12px !important; padding-top:0 !important;
}

/* ===========================
   Botones y enlaces
   =========================== */

/* Botón principal (Siguiente/Enviar/Guardar) */
.btn-primary,
.ls-move .btn-next,
.survey-actions .btn-primary,
.action-submit .btn,
.action-save .btn {
  background: var(--uco-green) !important;
  border-color: var(--uco-green) !important;
  color: #fff !important;
}
.btn-primary:hover,
.ls-move .btn-next:hover,
.survey-actions .btn-primary:hover,
.action-submit .btn:hover,
.action-save .btn:hover {
  background: var(--uco-green-dark) !important;
  border-color: var(--uco-green-dark) !important;
}

/* Botón “Anterior” (deja de ser transparente) */
.btn-outline-secondary,
.btn-secondary,
.btn-default,
.ls-move .btn-prev {
  background: #fff !important;
  color: var(--uco-green) !important;
  border: 1px solid var(--uco-green) !important;
}
.btn-outline-secondary:hover,
.btn-secondary:hover,
.btn-default:hover,
.ls-move .btn-prev:hover {
  background: var(--uco-green) !important;
  color: #fff !important;
  border-color: var(--uco-green) !important;
}

/* Enlaces y foco */
a, .text-primary { color: var(--uco-green) !important; }
a:hover { color: var(--uco-green-dark) !important; }

/* ===========================
   Inputs, Select2, validaciones
   =========================== */
.form-control:focus,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--uco-green) !important;
  box-shadow: 0 0 0 .2rem rgba(0,139,80,.18) !important;
}

/* Dropdowns cómodos (si tu build usa Select2) */
.select2-container .select2-selection--single { height:40px;
/* === Siguiente estilo outline como Anterior === */
:root{
  --uco-green: #008B50;
  --uco-green-dark: #024426;
}

/* Estado normal: blanco + texto/borde verde */
.ls-move .btn-next,
.survey-actions .btn-primary,
.action-submit .btn,
.action-save .btn,
.btn-primary {
  background: #fff !important;
  color: var(--uco-green) !important;
  border: 1px solid var(--uco-green) !important;
}

/* Hover / focus: verde + texto blanco */
.ls-move .btn-next:hover,
.survey-actions .btn-primary:hover,
.action-submit .btn:hover,
.action-save .btn:hover,
.btn-primary:hover,
.ls-move .btn-next:focus,
.survey-actions .btn-primary:focus,
.action-submit .btn:focus,
.action-save .btn:focus,
.btn-primary:focus {
  background: var(--uco-green) !important;
  color: #fff !important;
  border-color: var(--uco-green) !important;
  box-shadow: 0 0 0 .2rem rgba(0,139,80,.18) !important;
}

/* Disabled: conserva esquema outline tenue */
.ls-move .btn-next:disabled,
.survey-actions .btn-primary:disabled,
.action-submit .btn:disabled,
.action-save .btn:disabled,
.btn-primary:disabled {
  background: #fff !important;
  color: #9aa8b2 !important;
  border: 1px solid #d3dde5 !important;
  opacity: .7;
  cursor: not-allowed;
}