:root{
  --bs-primary: #c48b38;
  --bs-primary-rgb: 196, 139, 56;   /*  hex ► rgb  */
  --bs-link-color: #c48b38;
  --bs-link-hover-color: #a6722f;   /* un pelín más oscuro al pasar el ratón */
  --bs-danger: #d95d4a;
  --bs-danger-rgb: 217, 93, 74; 
}
/* --- botones primarios BUWA (color base #c48b38) --- */
.btn-primary{
  color:#fff;
  background-color:#c48b38;      /* primario */
  border-color:#c48b38;
}

/* hover: un tono un 15 % más oscuro */
.btn-primary:hover{
  color:#fff;
  background-color:#ab7930;      /* darken(#c48b38,15%) */
  border-color:#966625;
}

/* focus */
.btn-check:focus + .btn-primary,
.btn-primary:focus{
  color:#fff;
  background-color:#ab7930;
  border-color:#966625;
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);   /* rgba de #c48b38 con 50 % */
}

/* active / checked: todavía un poco más oscuro */
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle{
  color:#fff;
  background-color:#966625;      /* darken(#c48b38,25%) */
  border-color:#81541f;
}

/* active + focus */
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);
}

/* disabled */
.btn-primary:disabled,
.btn-primary.disabled{
  color:#fff;
  background-color:#c48b38;
  border-color:#c48b38;
  opacity:.65;
}

/* --- botón primario BUWA (color base #c48b38) --- */
.btn-primary{
  color:#fff;
  background-color:#c48b38;
  border-color:#c48b38;
}

/* hover: 15 % más oscuro */
.btn-primary:hover{
  color:#fff;
  background-color:#ab7930;  /* darken 15 % */
  border-color:#966625;
}

/* focus */
.btn-check:focus + .btn-primary,
.btn-primary:focus{
  color:#fff;
  background-color:#ab7930;
  border-color:#966625;
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);
}

/* active / checked: 25 % más oscuro */
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle{
  color:#fff;
  background-color:#966625;  /* darken 25 % */
  border-color:#81541f;
}

/* active + focus */
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus{
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);
}

/* disabled */
.btn-primary:disabled,
.btn-primary.disabled{
  color:#fff;
  background-color:#c48b38;
  border-color:#c48b38;
  opacity:.65;
}

/* --- botón outline primario --- */
.btn-outline-primary{
  color:#c48b38;
  border-color:#c48b38;
}

.btn-outline-primary:hover{
  color:#fff;
  background-color:#c48b38;
  border-color:#c48b38;
}

/* focus */
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus{
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);
}

/* active / checked */
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show{
  color:#fff;
  background-color:#c48b38;
  border-color:#c48b38;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus{
  box-shadow:0 0 0 .25rem rgba(196,139,56,.5);
}

/* disabled */
.btn-outline-primary:disabled,
.btn-outline-primary.disabled{
  color:#c48b38;
  border-color:#c48b38;
  background-color:transparent;
  opacity:.65;
}
.link-primary {
  color: #c48b38;
}
.link-primary:hover,
.link-primary:focus {
  color: black;
}
/* =========================================================
   botón terracota filled  (.btn-danger)
   ========================================================= */
   .btn-danger{
    color:#fff;
    background-color:#d95d4a;              /* base */
    border-color:#d95d4a;
  }
  
  /* hover: 15 % más oscuro */
  .btn-danger:hover{
    color:#fff;
    background-color:#c15141;              /* darken 15 % */
    border-color:#a84637;
  }
  
  /* focus */
  .btn-check:focus + .btn-danger,
  .btn-danger:focus{
    color:#fff;
    background-color:#c15141;
    border-color:#a84637;
    box-shadow:0 0 0 .25rem rgba(217,93,74,.5);      /* 50 % */
  }
  
  /* active / checked: 25 % más oscuro */
  .btn-check:checked + .btn-danger,
  .btn-check:active  + .btn-danger,
  .btn-danger:active,
  .btn-danger.active,
  .show > .btn-danger.dropdown-toggle{
    color:#fff;
    background-color:#a84637;              /* darken 25 % */
    border-color:#8f3b2e;
  }
  
  /* active + focus */
  .btn-check:checked + .btn-danger:focus,
  .btn-check:active  + .btn-danger:focus,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .show > .btn-danger.dropdown-toggle:focus{
    box-shadow:0 0 0 .25rem rgba(217,93,74,.5);
  }
  
  /* disabled */
  .btn-danger:disabled,
  .btn-danger.disabled{
    color:#fff;
    background-color:#d95d4a;
    border-color:#d95d4a;
    opacity:.65;
  }
  
  /* =========================================================
     botón terracota outline (.btn-outline-danger)
     ========================================================= */
  .btn-outline-danger{
    color:#d95d4a;
    border-color:#d95d4a;
  }
  
  .btn-outline-danger:hover{
    color:#fff;
    background-color:#d95d4a;
    border-color:#d95d4a;
  }
  
  /* focus */
  .btn-check:focus + .btn-outline-danger,
  .btn-outline-danger:focus{
    box-shadow:0 0 0 .25rem rgba(217,93,74,.5);
  }
  
  /* active / checked */
  .btn-check:checked + .btn-outline-danger,
  .btn-check:active  + .btn-outline-danger,
  .btn-outline-danger:active,
  .btn-outline-danger.active,
  .btn-outline-danger.dropdown-toggle.show{
    color:#fff;
    background-color:#d95d4a;
    border-color:#d95d4a;
  }
  
  .btn-check:checked + .btn-outline-danger:focus,
  .btn-check:active  + .btn-outline-danger:focus,
  .btn-outline-danger:active:focus,
  .btn-outline-danger.active:focus,
  .btn-outline-danger.dropdown-toggle.show:focus{
    box-shadow:0 0 0 .25rem rgba(217,93,74,.5);
  }
  
  /* disabled */
  .btn-outline-danger:disabled,
  .btn-outline-danger.disabled{
    color:#d95d4a;
    border-color:#d95d4a;
    background-color:transparent;
    opacity:.65;
  }

        #fondo {
            background-image: url('<?php echo device("../assets/backg/dart.webp", "../assets/backg/dart_m.webp"); ?>');
            /* Reemplaza con la ruta de tu imagen */
            background-size: cover;
            /* Asegura que la imagen cubra toda la sección */
            background-repeat: no-repeat;
            /* Evita que la imagen se repita */
            background-position: center center;
            /* Centra la imagen */

        }
        .logo-buwa {

width: 500px;
}

@media (max-width: 1400px) {
.logo-buwa {

width: 450px;
}

}
@media (max-width: 1200px) {
.logo-buwa {

width: 400px;
}
}
@media (max-width: 1000px) {
.logo-buwa {

width: 300px;
}
}

        
        .dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #c48b38;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #c48b38 !important ;
}
#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #c48b38 !important ;
}