/* Estilo base para o header */
@font-face {
    font-family: "bauhau";
    src: url('../font/BAUHS93.ttf') format('truetype'),
         url('../font/Bauhaus\ 93\ Regular.ttf') format('woff'); 
}
@font-face {
    font-family: "fonteMestre";
    src: url('../font/impact.ttf') format('ttf'),
         url('../font/impact.woff') format('woff'); 
}
body{
    margin: 0 auto;
    padding: 0;

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-color: var(--ri-bg);
    color: var(--ri-text);
}   
.logo{
    background: url('../img/ReflexoImaginario.svg') no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;

}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: #12100b !important;
}

.topoMenu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
.topoMenu a {
        text-decoration: none;
        font-size: 22px;
    }

    .topoMenu h1 {
        width: 100px;
        height: 130px;
        margin: 0 80px;
        background: url('../img/ReflexoImaginario.svg') no-repeat;
        background-size: 100%;
        text-indent: -9999px;
    }

    .galeria-livros {
        align-items: center;
        background-color: #ec0000;
        width: 220px;
        max-width: 1200px;
    }

#poesia .Categoria{     
    display: none;

}

#poesia .nomeCategoria{     
    display: none;

}
#poesia .TituloHomeLivro{
    display: none;
}

/* Estilo base para o Livros */

#livros .Categoria{     
    display: none;

}

#livros .nomeCategoria{     
    display: none;

}
#livros .TituloHomeLivro{
    display: none;
}

.bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }

    .b-example-divider {
      width: 100%;
      height: 3rem;
      background-color: #0000001a;
      border: solid rgba(0, 0, 0, 0.15);
      border-width: 1px 0;
      box-shadow:
        inset 0 0.5em 1.5em #0000001a,
        inset 0 0.125em 0.5em #00000026;
    }

    .b-example-vr {
      flex-shrink: 0;
      width: 1.5rem;
      height: 100vh;
    }

    .bi {
      vertical-align: -0.125em;
      fill: currentColor;
    }

    .nav-scroller {
      position: relative;
      z-index: 2;
      height: 2.75rem;
      overflow-y: hidden;
    }

    .nav-scroller .nav {
      display: flex;
      flex-wrap: nowrap;
      padding-bottom: 1rem;
      margin-top: -1px;
      overflow-x: auto;
      text-align: center;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
    }

    .btn-bd-primary {
      --bd-violet-bg: #712cf9;
      --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
      --bs-btn-font-weight: 600;
      --bs-btn-color: var(--bs-white);
      --bs-btn-bg: var(--bd-violet-bg);
      --bs-btn-border-color: var(--bd-violet-bg);
      --bs-btn-hover-color: var(--bs-white);
      --bs-btn-hover-bg: #6528e0;
      --bs-btn-hover-border-color: #6528e0;
      --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
      --bs-btn-active-color: var(--bs-btn-hover-color);
      --bs-btn-active-bg: #5a23c8;
      --bs-btn-active-border-color: #5a23c8;
    }

    .bd-mode-toggle {
      z-index: 1500;
    }

    .bd-mode-toggle .bi {
      width: 1em;
      height: 1em;
    }

    .bd-mode-toggle .dropdown-menu .active .bi {
      display: block !important;
    }

    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png');
    }

    .text-body-secondary {
    color: #f0eded !important; /* Exemplo: #ff0000 */
}

/* Tema Lith - Cores de ouro/bronze */
.btn-lith {
  --lith-primary: #C7B877;
  --lith-secondary: #AD9526;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--lith-primary);
  --bs-btn-border-color: var(--lith-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--lith-secondary);
  --bs-btn-hover-border-color: var(--lith-secondary);
  --bs-btn-focus-shadow-rgb: 199, 184, 119;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--lith-secondary);
  --bs-btn-active-border-color: var(--lith-secondary);
}

/* Variáveis CSS para tema Lith disponíveis em qualquer lugar */
:root {
  --lith-primary: #C7B877;
  --lith-secondary: #AD9526;

  --ri-bg: #f7f7f9;
  --ri-text: #1b1b1b;
  --ri-surface: #ffffff;
  --ri-muted: #6c757d;
  --ri-border: #e5e7eb;
  --ri-link: #2c74f9;
  --ri-accent: #2c74f9;
}

[data-bs-theme="dark"] {
  --ri-bg: #0f1115;
  --ri-text: #e7e7e7;
  --ri-surface: #151821;
  --ri-muted: #a0a6b0;
  --ri-border: #2b303b;
  --ri-link: #8ab4ff;
  --ri-accent: #5aa2ff;
}

[data-ri-theme="lith"] {
  --ri-bg: #12100b;
  --ri-text: #f3eee1;
  --ri-surface: #1b160e;
  --ri-muted: #cbbf9a;
  --ri-border: #3a2f1b;
  --ri-link: #d7c27a;
  --ri-accent: #c7b877;
}

body,
.modal-content,
.card,
.dropdown-menu,
.list-group-item,
.table,
.table thead th,
.table td,
.table th,
.form-control,
.form-select,
.navbar,
footer,
header {
  background-color: var(--ri-surface);
  color: var(--ri-text);
}

.table,
.table td,
.table th,
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.form-control,
.form-select {
  border-color: var(--ri-border);
}

a {
  color: var(--ri-link);
}

.text-muted {
  color: var(--ri-muted) !important;
}

 @media (min-width: 768px) {
    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png width=768px height=460px');
    }
    }

     @media (min-width: 390px) and (max-width: 767px) {
    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png width=768px height=460px');
    }
    }