/* public/css/custom-bootstrap.css */
:root {
    --primary: #C9a751;
    --primary-dark: #E64C2E;
    --primary-light: #FF7A5C;

    --secondary-gris: #353640;
}

/* Todos los componentes primary */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.bg-primary,
.badge-primary,
.alert-primary,
.text-primary,
.border-primary,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.dropdown-item:active,
.progress-bar,
.list-group-item.active,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary,
.text-primary {
    color: var(--primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.alert-primary {
    background-color: rgba(255, 87, 51, 0.1) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
}

.nav>li>a {
    color: white;
}

.font-weight-bold {
  font-weight: bold !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}