/* cincel.css */

/* Colores de marca */
:root {
  --cincel-primary: #EF5A2F;
  /* naranja corporativo */
  --cincel-dark: #212127;
  /* gris oscuro sidebar */
  --cincel-light: #F5F5F5;
  --cincel-secondary: #0077c8;
  /* azul claro */
  --cincel-accent: #00a1de;
  /* celeste acento */
  --cincel-bg: #f5f7fa;
  /* fondo suave */
}

/* Navbar */
.main-header.navbar {
  background-color: var(--cincel-primary) !important;
  color: #fff;
}

.main-header .nav-link {
  color: #fff !important;
}

.main-header .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* Sidebar */
.main-sidebar {
  background-color: var(--cincel-dark) !important;
}

.sidebar a {
  color: #fff !important;
}

.sidebar a:hover {
  background-color: var(--cincel-primary) !important;
  color: #fff !important;
}

.sidebar .nav-item.menu-open>a,
.sidebar .nav-item>a.active {
  background-color: var(--cincel-primary) !important;
  color: #fff !important;
}

/* Submenús */
.sidebar .nav-treeview>.nav-item>a:hover,
.sidebar .nav-treeview>.nav-item>a.active {
  background-color: var(--cincel-primary) !important;
  color: #fff !important;
}

/* Botones */
.btn-primary {
  background-color: var(--cincel-primary);
  border-color: var(--cincel-primary);
}

.btn-primary:hover {
  background-color: #d94f28;
  border-color: var(--cincel-primary);
}

/* Login box */
.login-box .card {
  border-top: 3px solid var(--cincel-primary);
}

/* Footer */
.main-footer {
  background-color: var(--cincel-dark);
  color: #fff;
}

/* Fondo general del login */
body.login-page {
  background-color: var(--cincel-bg);
}

/* Card personalizada */
.card-cincel {
  border-top: 3px solid var(--cincel-primary);
}

/* Todas las tarjetas con borde naranja */
.card {
  border: 1px solid var(--cincel-primary) !important;
}

/* Botones personalizados */
.btn-primary-cincel {
  background-color: var(--cincel-primary);
  border-color: var(--cincel-primary);
  color: #fff;
}

.btn-primary-cincel:hover {
  background-color: var(--cincel-secondary);
  border-color: var(--cincel-primary);
}

/* Texto en color naranja */
.text-primary-cincel {
  color: var(--cincel-primary) !important;
}

/* Logo */
.cincel-logo {
  width: 180px;
  height: auto;
}

/* Ajuste del input group */
.input-group-text,
.btn-outline-secondary {
  background-color: var(--cincel-bg);
  border-color: var(--cincel-primary);
}

.btn-outline-secondary:hover {
  background-color: var(--cincel-primary);
  color: #fff;
}

/* Links globales */
a {
  color: #2a69b8;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #1e4f91;
  /* tono más oscuro para hover */
  text-decoration: underline;
}


/* ===== DataTables personalizado CINCEL ===== */

/* Links de paginación */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #2a69b8 !important;
  border: none !important;
  background: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  background-color: #2a69b8 !important;
  border-radius: 4px;
}

/* Botón activo */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #2a69b8 !important;
  color: #fff !important;
  border: none !important;
}

/* Botón activo al pasar el mouse */
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #1e4f91 !important;
  /* azul más oscuro */
  color: #fff !important;
}

/* Barra de búsqueda y selector de cantidad */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 8px;
}

/* Texto de información */
.dataTables_wrapper .dataTables_info {
  color: #333;
}


.btn-primary-cincel {
  background-color: var(--cincel-primary);
  border-color: var(--cincel-primary);
  color: #fff;
}

.btn-primary-cincel:hover,
.btn-primary-cincel:focus,
.btn-primary-cincel:active {
  background-color: var(--cincel-primary) !important;
  border-color: var(--cincel-primary) !important;
  color: #fff !important;
}


.form-control:focus {
  border-color: var(--cincel-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(239, 90, 47, 0.25) !important;
}

.alert-success {
  background-color: #ffe7df;
  /* naranja muy suave */
  border-color: #f9c2b1;
  /* borde más definido */
  color: #a53b1d;
  /* texto marrón/naranja oscuro */
}

.alert-success .close {
  color: #a53b1d;
  opacity: 0.8;
}

.alert-success .close:hover {
  opacity: 1;
}


.btn-orcid-orange {
  background-color: #EB5820;
  border-color: #EB5820;
  color: #fff;
}

.btn-orcid-orange:hover {
  background-color: #cf4c1c;
  border-color: #cf4c1c;
  color: #fff;
}

/* Más aire entre cards y filas en Bootstrap 4 / AdminLTE 3 */
.row>[class*="col-"] {
  margin-bottom: 1.25rem;
  /* ~20px */
}

/* Si quieres más separación entre cards en general */
.card {
  margin-bottom: 1rem;
}

/* Enlaces de recursos (si no lo tienes ya global) */
.link-cincel {
  color: #2a69b8;
  text-decoration: none;
}

.link-cincel:hover {
  text-decoration: underline;
}

.card-header.bg-orcid {
  background-color: rgb(239, 90, 47) !important;
  color: #fff !important;
}

.card-header.bg-orcid .card-title,
.card-header.bg-orcid .card-title i {
  color: #fff !important;
}

.btn-orcid {
  background-color: rgb(239, 90, 47) !important;
  border-color: rgb(239, 90, 47) !important;
  color: #fff !important;
}

.btn-orcid:hover {
  background-color: rgb(200, 70, 35) !important;
  border-color: rgb(200, 70, 35) !important;
}