/* Paleta Tosco Bar (toscobar.cl / template Restaurantly):
   fondo #0c0b09, superficie #1a1814, oro #cda45e, oro claro #d9ba85, texto #fff */
:root {
    --tb-bg: #0c0b09;
    --tb-surface: #1a1814;
    --tb-surface-2: #1d1b16;
    --tb-gold: #cda45e;
    --tb-gold-soft: #d9ba85;
    --tb-line: #37332a;
    --tb-muted: #bab3a6;
    --tb-text: #ffffff;
    --bs-primary: #cda45e;
    --bs-primary-rgb: 205, 164, 94;
    --bs-link-color: #cda45e;
    --bs-link-hover-color: #d9ba85;
    --bs-body-bg: #0c0b09;
    --bs-body-color: #ffffff;
    --bs-emphasis-color: #ffffff;
    --bs-heading-color: #ffffff;
    --bs-secondary-color: #bab3a6;
    --bs-tertiary-color: #aaaaaa;
    --bs-border-color: #37332a;
    --bs-secondary-bg: #1d1b16;
    --bs-tertiary-bg: #1a1814;
    --bs-body-font-family: "Open Sans", sans-serif;
}

body {
    font-family: "Open Sans", sans-serif;
    background: var(--tb-bg);
    color: var(--tb-text);
}

a:not(.btn):not(.tb-pill):not(.nav-link) {
    color: #cda45e;
}

a:not(.btn):not(.tb-pill):not(.nav-link):hover {
    color: #d9ba85;
}

h1, h2, .tb-display {
    font-family: "Playfair Display", Georgia, serif;
}

main h2 { color: #cda45e; }

.eed-dev-credit { font-size: 0.85rem; color: var(--tb-muted); }
.eed-dev-credit a { text-decoration: none; color: var(--tb-gold); }
.eed-dev-credit a:hover { color: var(--tb-gold-soft); }

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #cda45e;
    --bs-btn-border-color: #cda45e;
    --bs-btn-hover-color: #1a1814;
    --bs-btn-hover-bg: #d9ba85;
    --bs-btn-hover-border-color: #d9ba85;
    --bs-btn-active-color: #1a1814;
    --bs-btn-active-bg: #d9ba85;
    --bs-btn-active-border-color: #d9ba85;
    --bs-btn-disabled-bg: #cda45e;
    --bs-btn-disabled-border-color: #cda45e;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 600;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-light,
.btn-outline-dark {
    --bs-btn-color: #cda45e;
    --bs-btn-border-color: #cda45e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cda45e;
    --bs-btn-hover-border-color: #cda45e;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cda45e;
    --bs-btn-active-border-color: #cda45e;
}

.btn-light,
.producto-btn {
    --bs-btn-bg: #1a1814;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #37332a;
    --bs-btn-hover-bg: #1d1b16;
    --bs-btn-hover-color: #d9ba85;
    --bs-btn-hover-border-color: #cda45e;
}

.card {
    --bs-card-bg: #1a1814;
    --bs-card-color: #fff;
    --bs-card-cap-bg: #1d1b16;
    --bs-card-border-color: #37332a;
}

.list-group-item {
    background: #1a1814;
    color: #fff;
    border-color: #37332a;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: #fff;
    --bs-table-border-color: #37332a;
    --bs-table-striped-bg: rgba(205, 164, 94, .06);
    --bs-table-hover-bg: rgba(205, 164, 94, .1);
    --bs-table-hover-color: #fff;
}

.form-control,
.form-select {
    background-color: #0c0b09;
    color: #fff;
    border-color: #37332a;
}

.form-control:focus,
.form-select:focus {
    background-color: #0c0b09;
    color: #fff;
    border-color: #cda45e;
    box-shadow: 0 0 0 .2rem rgba(205, 164, 94, .25);
}

.form-control::placeholder { color: #8a8378; }

.alert-success {
    --bs-alert-bg: rgba(47, 107, 79, .35);
    --bs-alert-border-color: #2f6b4f;
    --bs-alert-color: #fff;
}

.alert-danger {
    --bs-alert-bg: rgba(231, 76, 60, .2);
    --bs-alert-border-color: #e74c3c;
    --bs-alert-color: #ffb4b4;
}

.badge.text-bg-warning { background: #cda45e !important; color: #1a1814 !important; }
.badge.text-bg-secondary { background: #37332a !important; color: #d9ba85 !important; }

.app-header.navbar,
.app-footer {
    background: #0c0b09 !important;
    color: #fff;
    border-color: #37332a;
}

.app-sidebar {
    background: #1a1814 !important;
}

.sidebar-brand .brand-link img {
    max-height: 72px;
    width: auto;
}

.sidebar-menu .nav-link.active,
.sidebar-menu .nav-link:hover {
    color: #1a1814 !important;
    background: #cda45e !important;
}

.app-main,
.app-content-header h3 {
    color: #fff;
}

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c0b09;
}

.login-page::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(12, 11, 9, .78);
}

.login-box { width: 100%; max-width: 420px; position: relative; z-index: 1; }
.login-logo img { max-height: 140px; width: auto; }

.tb-nav {
    background: rgba(12, 11, 9, .92);
    border-bottom: 1px solid #37332a;
}

.tb-nav .nav-link { color: #fff; }
.tb-nav .nav-link:hover { color: #cda45e; }
.tb-nav .navbar-brand img { height: 72px; width: auto; }

.tb-footer {
    background: #1a1814;
    border-top: 1px solid #37332a;
    color: #bab3a6;
}

.tb-hero {
    position: relative;
    min-height: 78vh;
    display: flex;
    align-items: center;
    background: #0c0b09;
}

.tb-hero-foto {
    background: #0c0b09 url("../img/marca/hero.jpg") center / cover no-repeat;
}

.tb-wordmark,
.brand-link .tb-wordmark,
a.tb-wordmark {
    font-family: "Playfair Display", Georgia, serif;
    color: #cda45e;
    font-size: 1.6rem;
    letter-spacing: .04em;
    text-decoration: none;
}

.tb-kicker {
    color: #cda45e;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-size: .8rem;
}

.tb-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
}

.tb-hero-inner {
    position: relative;
    z-index: 1;
    padding: 4rem 0;
    text-align: center;
}

.tb-hero-logo { max-height: 220px; width: auto; }

.tb-hero h1 {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: .04em;
}

.tb-hero h1 span { color: #cda45e; }

.tb-hero p { color: #eee; font-size: 1.15rem; }

.tb-pill {
    display: inline-block;
    margin: .35rem;
    padding: .7rem 1.4rem;
    border: 2px solid #cda45e;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .8rem;
    font-weight: 600;
}

.tb-pill:hover { background: #cda45e; color: #fff; }

.tb-kicker {
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #aaaaaa;
    font-family: "Poppins", sans-serif;
    font-size: .8rem;
}

.tb-kicker::after {
    content: "";
    display: inline-block;
    width: 80px;
    height: 1px;
    margin-left: .6rem;
    background: rgba(255, 255, 255, .25);
    vertical-align: middle;
}