/* Capital RP - Tema Gamer Negro & Rojo */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --gamer-black: #0a0a0a;
  --gamer-black-light: #141414;
  --gamer-black-card: #1a1a1a;
  --gamer-red: #e50914;
  --gamer-red-bright: #ff1a1a;
  --gamer-red-dark: #8a0202;

  --bs-primary: #e50914;
  --bs-primary-rgb: 229, 9, 20;
  --bs-primary-active: #b8070f;
  --bs-primary-light: #2a0a0a;
  --bs-primary-inverse: #ffffff;

  --bs-danger: #ff0033;
  --bs-warning: #e50914;
  --bs-warning-rgb: 229, 9, 20;
  --bs-warning-active: #b8070f;
  --bs-warning-light: #2a0a0a;
  --bs-warning-inverse: #ffffff;
  --bs-text-warning: #ff3333;

  --bs-link-color: #ff3333;
  --bs-link-hover-color: #ff6666;

  --bs-body-bg: #0a0a0a;
  --bs-body-bg-rgb: 10, 10, 10;
  --bs-body-color: #e5e5e5;
  --bs-heading-color: #ffffff;

  --bs-component-active-bg: #e50914;
  --bs-component-hover-color: #ff3333;
  --bs-component-checked-bg: #e50914;

  --bs-border-color: #2a0a0a;
  --bs-border-dashed-color: #3d1010;

  --bs-scrolltop-bg-color: #e50914;
  --bs-scrolltop-bg-color-hover: #ff1a1a;
  --bs-page-bg: #0a0a0a;
}

[data-bs-theme="dark"] {
  --bs-body-bg: #0a0a0a;
  --bs-body-bg-rgb: 10, 10, 10;
  --bs-secondary-bg: #141414;
  --bs-tertiary-bg: #1a1a1a;
  --bs-border-color: #2a0a0a;
  --bs-primary-text-emphasis: #ff6666;
  --bs-primary-bg-subtle: #1a0505;
  --bs-primary-border-subtle: #4a1010;
  --bs-dark: #0a0a0a;
  --bs-gray-800: #141414;
  --bs-gray-900: #0a0a0a;
}

/* Fondos oscuros del landing */
.landing-dark-bg {
  background-color: #0a0a0a !important;
  background-image: linear-gradient(180deg, #0a0a0a 0%, #140505 50%, #0a0a0a 100%) !important;
}

.landing-dark-color {
  color: #0a0a0a !important;
}

.landing-dark-border {
  border: 1px dashed #4a1010 !important;
}

.landing-dark-separator {
  border-top: 1px dashed #4a1010 !important;
}

/* Header */
.landing-header {
  background: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 1px solid #e50914;
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.25);
}

.header .header-top,
.header {
  background: linear-gradient(180deg, #0a0a0a 0%, #140505 100%) !important;
  border-bottom: 2px solid #e50914 !important;
}

.header-extended .header .header-tabs .nav-link.active {
  background-color: #e50914 !important;
  color: #fff !important;
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.5);
}

.header .header-tabs .nav-link:hover {
  color: #ff3333 !important;
}

/* Botones gamer */
.btn-warning,
.btn.btn-warning {
  background: linear-gradient(135deg, #e50914 0%, #8a0202 100%) !important;
  border: 1px solid #ff3333 !important;
  color: #fff !important;
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  font-weight: 700;
}

.btn-warning:hover,
.btn.btn-warning:hover,
.btn-warning:focus {
  background: linear-gradient(135deg, #ff1a1a 0%, #e50914 100%) !important;
  box-shadow: 0 0 25px rgba(229, 9, 20, 0.7) !important;
  color: #fff !important;
}

.btn-primary {
  background: linear-gradient(135deg, #e50914 0%, #8a0202 100%) !important;
  border-color: #e50914 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #ff1a1a 0%, #e50914 100%) !important;
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.5) !important;
}

.btn-active-color-primary.btn-active-light-primary:hover,
.btn-active-color-primary:hover {
  color: #ff3333 !important;
}

/* Textos en secciones claras */
.text-dark {
  color: #ffffff !important;
}

.text-muted {
  color: #999999 !important;
}

.text-gray-400,
.text-gray-600,
.text-gray-700 {
  color: #aaaaaa !important;
}

.text-info {
  color: #ff4444 !important;
}

.text-hover-primary:hover {
  color: #ff3333 !important;
}

/* Enlaces */
a:not(.btn) {
  color: #ff4444;
}

a:not(.btn):hover {
  color: #ff6666;
}

/* Menú de navegación */
.menu-title-gray-600 .menu-link {
  color: #cccccc !important;
}

.menu-state-title-primary .menu-link.active,
.menu-state-title-primary .menu-link:hover,
.nav-link:hover {
  color: #ff3333 !important;
}

/* Badges numerados */
.badge-light-success {
  background: linear-gradient(135deg, #e50914, #8a0202) !important;
  color: #fff !important;
}

.badge-circle.badge-light-success {
  box-shadow: 0 0 10px rgba(229, 9, 20, 0.5);
}

/* Scroll to top */
.scrolltop {
  background-color: #e50914 !important;
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.5);
}

/* Tarjetas */
.card {
  background-color: #141414 !important;
  border: 1px solid #2a0a0a !important;
}

/* Fotos del equipo */
.octagon {
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.4);
  outline: 2px solid #e50914;
  outline-offset: 3px;
}

/* Carrusel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(27%) sepia(90%) saturate(5000%) hue-rotate(350deg);
}

/* Páginas internas (tienda, normativas) */
.page,
.wrapper,
.bg-body {
  background-color: #0a0a0a !important;
}

/* Tablas y acordeones */
.table {
  --bs-table-bg: #141414;
  --bs-table-striped-bg: #1a1a1a;
  --bs-table-hover-bg: #2a0a0a;
  color: #e5e5e5;
}

.accordion-item {
  background-color: #141414 !important;
  border-color: #2a0a0a !important;
}

.accordion-button {
  background-color: #141414 !important;
  color: #ffffff !important;
}

.accordion-button:not(.collapsed) {
  background-color: #2a0a0a !important;
  color: #ff3333 !important;
  box-shadow: inset 0 -1px 0 #e50914;
}

/* Patrón de grilla sutil estilo gamer */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-image:
    linear-gradient(rgba(229, 9, 20, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229, 9, 20, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* =============================================
   TIENDA - Categorías y productos
   ============================================= */

/* Contenedor de pestañas de categoría */
.card.card-custom > .card-body > .nav-pills {
  gap: 0.75rem;
}

.nav-pills.nav-primary .nav-link {
  background: #1a1a1a !important;
  border: 2px solid #3d1010 !important;
  color: #cccccc !important;
  transition: all 0.25s ease;
  min-height: 90px;
}

.nav-pills.nav-primary .nav-link .nav-icon i {
  color: #888888;
  transition: color 0.25s ease;
}

.nav-pills.nav-primary .nav-link .nav-text {
  color: #cccccc !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.nav-pills.nav-primary .nav-link:hover {
  background: #2a0a0a !important;
  border-color: #e50914 !important;
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.3);
  transform: translateY(-2px);
}

.nav-pills.nav-primary .nav-link:hover .nav-icon i,
.nav-pills.nav-primary .nav-link:hover .nav-text {
  color: #ff3333 !important;
}

.nav-pills.nav-primary .nav-link.active {
  background: linear-gradient(135deg, #e50914 0%, #8a0202 100%) !important;
  border-color: #ff3333 !important;
  box-shadow: 0 0 25px rgba(229, 9, 20, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

.nav-pills.nav-primary .nav-link.active .nav-icon i,
.nav-pills.nav-primary .nav-link.active .nav-text {
  color: #ffffff !important;
}

/* Card contenedora de las pestañas */
.card.card-custom:first-of-type {
  border: 2px solid #3d1010 !important;
  box-shadow: 0 0 30px rgba(229, 9, 20, 0.15);
  background: linear-gradient(180deg, #141414 0%, #0a0a0a 100%) !important;
}

/* Títulos de sección (VIPs, Mafias, Autos, Otros) */
.tab-pane .font-size-h3,
.tab-pane h2.font-weight-bolder {
  color: #ffffff !important;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0.75rem 1.25rem;
  border-left: 4px solid #e50914;
  background: linear-gradient(90deg, rgba(229, 9, 20, 0.15) 0%, transparent 100%);
  border-radius: 0 8px 8px 0;
  margin-bottom: 1.5rem !important;
  box-shadow: 0 0 20px rgba(229, 9, 20, 0.1);
}

/* Contenedor de cada categoría */
.card.card-custom.card-stretch {
  border: 2px solid #3d1010 !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  background: #111111 !important;
}

/* Tarjetas de producto individuales */
.card.card-custom.card-shadowless {
  background: #1a1a1a !important;
  border: 1px solid #3d1010 !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  transition: all 0.3s ease;
  overflow: hidden;
}

.card.card-custom.card-shadowless:hover {
  border-color: #e50914 !important;
  box-shadow: 0 0 25px rgba(229, 9, 20, 0.35);
  transform: translateY(-4px);
}

.card.card-custom.card-shadowless .card-body {
  padding: 0.5rem !important;
}

/* Nombres y precios de productos */
.text-dark-75 {
  color: #ffffff !important;
}

.text-gray-800 {
  color: #e0e0e0 !important;
}

.font-size-h5 .text-dark-75 {
  font-size: 1.1rem !important;
}

/* Botón "Comprar" */
.btn-light-primary {
  background: transparent !important;
  border: 2px solid #e50914 !important;
  color: #ff3333 !important;
  font-weight: 700 !important;
}

.btn-light-primary:hover {
  background: linear-gradient(135deg, #e50914 0%, #8a0202 100%) !important;
  border-color: #ff3333 !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.5) !important;
}

/* Separadores visibles */
.separator {
  border-top: 1px solid #3d1010 !important;
  opacity: 1 !important;
}

/* Toolbar de la tienda */
#kt_toolbar {
  background: linear-gradient(90deg, #0a0a0a 0%, #140505 50%, #0a0a0a 100%) !important;
  border-bottom: 1px solid #3d1010;
}

#kt_toolbar .text-dark {
  color: #ffffff !important;
}

#kt_toolbar .text-gray-500 {
  color: #999999 !important;
}

#kt_toolbar .border-gray-400 {
  border-color: #3d1010 !important;
}

/* Overlay de productos al hover */
.overlay:hover .overlay-layer {
  background-color: rgba(10, 0, 0, 0.85) !important;
}

/* Badge de descuento */
.badge.text-bg-warning {
  background: linear-gradient(135deg, #e50914, #ff6600) !important;
  color: #fff !important;
  font-weight: 700;
}

/* Precio tachado */
.text-danger {
  color: #ff4444 !important;
}