:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #3e3e3e;
  --bs-gray-dark: #2b2b2b;
  --bs-primary: #1b9dd9;
  --bs-secondary: #a6a6a6;
  --bs-success: #28bb74;
  --bs-info: #3b86ff;
  --bs-warning: #ff9736;
  --bs-danger: #1b9dd9;
  --bs-light: #f5f5f5;
  --bs-dark: #1f1f1f;
  --bs-facebook: #475A96;
  --bs-twitter: #49B2E8;
  --bs-pinterest: #D74047;
  --bs-linkedin: #0D76B4;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
a{
  color: #de020a;
}
a:hover{
  color: #ff2301;
}
.navbar-nav .nav-link:focus{
  color: #73bcdd;
}
.navbar-nav .nav-link{
  color: #ff2301;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #de020a;
}
[data-cart-items]:before {
  background-color: #ff2301;
}
.price::before {
  content: '$';
}
.pricediscount::before {
  content: '-$';
}
.vermas{
  display: none;
  max-width: max-content;
}
.container{
  max-width: 1300px;
}
/* tamaño micuenta */
.pt-7 .container{
  max-width: 100% !important;
  padding-left: var(--bs-gutter-x,5rem) !important;
  padding-right: var(--bs-gutter-x,5rem) !important;
}
/*diseño menu desplegable mi cuenta*/
.card .list-group-item{
  border-top: none !important;
}
.card-body-account{
  padding: 0rem 1.5rem !important;
}
/*color footer u otro elemento*/
.bg-yellow{
  background-color: rgb(255 227 102) !important;
}
/*color flechas carrusel*/
.flickity-button{
  background-color: rgb(255 209 0) !important;
}
/*color botones de categorias*/
.flex-column .card .card-body .btn-light{
  background-color: rgb(255 209 0) !important;
}
.btn-toggle-favorito:hover{
  background-color: rgb(255 209 0) !important;
  border-color: rgb(255 209 0) !important;
}
/*color footer u otro elemento*/
.navbar-topbar{
  background-color: rgb(255 209 0 / 60%) !important;
}
.navbar-topbar-head{
  background-color: rgb(255 209 0 / 40%) !important;
}
/*boton hover de precio en detalle del producto*/
#precio .btn-outline-primary{
  border-color: rgb(255 209 0) !important;
}
#precio .btn-outline-primary:hover{
  background-color: rgb(255 209 0) !important;
  border-color: rgb(255 209 0) !important;
  color: #1f1f1f !important;
}
/*espacios de una tabla*/
.table>:not(caption)>*>*{
  padding: 0.5rem !important;
}
/*espacios de la cabecera de una tabla*/
.table thead th{
  padding: 0.5rem !important;
}
/*boton dentro de tabla modificado*/
a.btn_esp{
  padding: 0px 5px !important;
  height: 100% !important;
}
/*ancho que se puede ocupar de la modal*/
.modal-custom{
  max-width: 100% !important;
}
/*nacho final de la modal*/
.modalAncho80{
  width: 80% !important;
  margin: 0 auto !important;
}
/*estilo a checkbox cuando no esta checked*/
.checkbox-custom:not(:checked){
  border-color: #1F1F1F !important;
  background-color: #FFF !important;
}
/*estilo al label del checkbox cuando no esta checked*/
.label-checkbox-custom:not(:checked){
  color: #1F1F1F !important;
}
/*boton ancho 100%*/
.btnanchocustom100{
  width: 100% !important;
}
.alinearMedio{
  margin: 0 auto !important;
}
/*boton de tabs en mi cuenta*/
.btn-pills:hover{
  color: #ff6f61 !important;
}
.btn-pills.active, .btn-pills.active:focus, .btn-pills.active:hover{
  color: #1f1f1f !important;
  background-color: rgb(255 209 0) !important;
  border-color: rgb(255 209 0) !important;
}
.btn-pills.active:before{
  border-top: 0px !important;
}
.card-bg .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 2;
}

/* Fondo claro + texto oscuro */
.dark .overlay {
  background-color: white;
}

.dark .card-body {
  position: relative;
  z-index: 3;
  color: #000 !important;
}

/* Fondo oscuro + texto claro */
.light .overlay {
  background-color: black;
}

.light .card-body {
  position: relative;
  z-index: 3;
  color: #fff !important;
}
.dark .card:hover .overlay {
  opacity: 0.7;
}
.light .card:hover .overlay {
  opacity: 0.8;
}
.bg-cover-ma{
  /*background-position:50%!important;*/
  background-repeat:no-repeat!important;
  background-size:cover!important
}
/*.bg-cover-ma.bg-hover-ma:hover{
  background-position:calc(50% - .75rem)!important
}*/