/**************************************
* A N E C O O P  —  R E L E V A  THEME
* Override de Bootstrap 3 + Portal Base
**************************************/

/* ===== Tokens de marca ===== */
:root{
  --ae-teal:#0d5f50;
  --ae-teal-600:#0b4f43;
  --ae-green:#166534;
  --ae-green-light:#6ee7b7;
  --ae-text:#0f172a;
  --ae-muted:#64748b;
  --ae-bg:#ffffff;
  --ae-border:#e2e8f0;
  --ae-radius:12px;
}

/* ===== Tipografía ===== */
body,
html,
h1,h2,h3,h4,h5,h6,
.navbar,
.btn,
.form-control {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ===== Botones ===== */
.btn,
button.btn,
input[type="submit"].btn {
  border-radius: 50px !important;
  font-weight: 600 !important;
  padding: .65rem 1.4rem !important;
  transition: all .2s ease;
}

.btn-primary {
  background-color: var(--ae-teal) !important;
  border-color: var(--ae-teal) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: var(--ae-teal-600) !important;
  border-color: var(--ae-teal-600) !important;
  transform: translateY(-1px);
}

/* Botón outline */
.btn-default,
.btn-secondary {
  color: var(--ae-teal) !important;
  border-color: var(--ae-teal) !important;
  background: #fff !important;
}
.btn-default:hover,
.btn-secondary:hover {
  background: var(--ae-teal) !important;
  color: #fff !important;
}

/* ===== Inputs ===== */
.form-control {
  border-radius: 10px !important;
  border:1px solid var(--ae-border) !important;
  box-shadow:none !important;
}
.form-control:focus {
  border-color: var(--ae-teal) !important;
  box-shadow:0 0 0 .25rem rgba(13,95,80,.12) !important;
}

/* ===== Links ===== */
a {
  color: var(--ae-teal) !important;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline !important;
  color: var(--ae-teal-600) !important;
}

/* ===== Breadcrumb ===== */
.breadcrumb > li a {
  color: var(--ae-teal) !important;
}
.breadcrumb > .active {
  color: var(--ae-text) !important;
  font-weight: 600;
}

/* ===== Paginación ===== */
.pagination > li > a,
.pagination > li > span {
  border-radius: 50% !important;
  color: var(--ae-teal) !important;
}
.pagination > .active > a,
.pagination > .active > span {
  border: 2px solid var(--ae-teal) !important;
}

/* ===== Navbar global del portal ===== */
.navbar {
  background:#fff !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
}
.navbar-brand img {
  height:48px !important;
}
.navbar-nav > li > a {
  color: var(--ae-teal) !important;
  font-weight:600 !important;
}
.navbar-nav > li > a:hover {
  color:#fff !important;
  background: var(--ae-teal) !important;
}

/* ===== Cards ===== */
.card,
.panel {
  border-radius: var(--ae-radius) !important;
  border-color: var(--ae-border) !important;
  box-shadow: 0 4px 16px rgba(2,6,23,.05) !important;
}

/* ===== Titulares ===== */
h1 { font-weight:800 !important; color:var(--ae-text) !important; }
h2 { font-weight:700 !important; color:var(--ae-teal) !important; }
h3,h4,h5,h6 { font-weight:600 !important; color:var(--ae-text) !important; }

/* ===== Formularios de entidades (B3) ===== */
.crmEntityFormView,
.entitylist {
  border-radius: var(--ae-radius) !important;
  border:1px solid var(--ae-border) !important;
  padding:1.5rem !important;
  background: #fff !important;
}

/* ===== Tablas ===== */
.table > thead > tr > th {
  background:#f8fafc !important;
  color:var(--ae-text) !important;
  font-weight:700 !important;
}

/* ===== Site footer ===== */
footer {
  background:#f9fafb !important;
  color: var(--ae-text) !important;
}
footer a { color: var(--ae-teal) !important; }

/* ===== Fixes de Bootstrap 3 heredados ===== */
.navbar-dark .navbar-nav > li > a {
  color: var(--ae-text) !important;
}
.navbar-dark .navbar-toggler {
  border-color: var(--ae-teal) !important;
}
.navbar-dark .navbar-toggler:hover {
  background: var(--ae-teal) !important;
}