body.dark-mode .hero-search-section {
  background: #181412 !important;
  border-bottom-color: rgba(242, 101, 34, 0.25) !important;
}

body.dark-mode .hero-search-input-wrapper {
  background-color: #241d1a !important;
  border-color: rgba(242, 101, 34, 0.35) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .hero-search-input-wrapper:focus-within {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(242, 101, 34, 0.35) !important;
}

body.dark-mode .hero-search-icon {
  color: var(--color-primary) !important;
}

body.dark-mode .hero-search-input-wrapper input[type="text"],
body.dark-mode .hero-search-input-wrapper input {
  background-color: transparent !important;
  color: #ffffff !important;
}

body.dark-mode .hero-search-input-wrapper input::placeholder {
  color: #a1a1aa !important;
}

body.dark-mode .hero-search-input-wrapper {
    height: 42px;
    padding: 3px 3px 3px 12px;
  }

body.dark-mode .hero-search-btn {
    height: 34px;
    padding: 0 14px;
    font-size: 0.82rem;
  }

body.dark-mode {
  background-color: #12100e !important;
  color: #e4e4e7 !important;
}

body.dark-mode .top-bar {
  background-color: #14110e !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.15) !important;
  color: #e4e4e7 !important;
}

body.dark-mode .top-bar-info i,
body.dark-mode .top-bar a {
  color: var(--color-primary) !important;
}

body.dark-mode .navbar {
  background-color: #181412 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.12) !important;
}

body.dark-mode .nav-link {
  color: #e4e4e7 !important;
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
  color: var(--color-primary) !important;
}

body.dark-mode .nav-link::after {
  background-color: var(--color-primary) !important;
}

body.dark-mode .logo {
  color: #ffffff !important;
}

body.dark-mode .logo span {
  color: var(--color-primary) !important;
}

body.dark-mode .theme-toggle-btn,
body.dark-mode .header-cart-link {
  background-color: #241d1a !important;
  border: 1px solid rgba(242, 101, 34, 0.3) !important;
  color: #ffffff !important;
}

body.dark-mode .mobile-toggle {
  color: #ffffff !important;
}

body.dark-mode .nav-menu {
  background-color: #181412 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .sidebar-title {
  color: #ffffff !important;
}

body.dark-mode .theme-toggle-btn:hover,
body.dark-mode .header-cart-link:hover {
  background-color: #35261f !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

body.dark-mode .hero {
  background: #161311 !important;
}

body.dark-mode .hero::before {
  background: rgba(242, 101, 34, 0.08) !important;
}

body.dark-mode .badge-tag {
  background-color: rgba(242, 101, 34, 0.15) !important;
  color: var(--color-primary) !important;
  border-color: rgba(242, 101, 34, 0.4) !important;
}

body.dark-mode .badge-tag i {
  color: var(--color-primary) !important;
}

body.dark-mode .hero-title {
  color: #ffffff !important;
}

body.dark-mode .hero-title span.highlight {
  color: var(--color-primary) !important;
}

body.dark-mode .hero-title span.highlight::after {
  background-color: rgba(242, 101, 34, 0.3) !important;
}

body.dark-mode .hero-description {
  color: #a1a1aa !important;
}

body.dark-mode .hero-description strong {
  color: #ffffff !important;
}

body.dark-mode .hero-buttons .btn-primary {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(242, 101, 34, 0.4) !important;
}

body.dark-mode .hero-buttons .btn-outline {
  background: transparent !important;
  border: 1.5px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
}

body.dark-mode .hero-buttons .btn-outline:hover {
  background: var(--color-primary) !important;
  color: #ffffff !important;
}

body.dark-mode .hero-stats {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .stat-item h4 {
  color: var(--color-primary) !important;
}

body.dark-mode .stat-item p {
  color: #a1a1aa !important;
}

body.dark-mode .hero-image-wrapper {
  background: linear-gradient(to right, #161311 0%, rgba(22, 19, 17, 0.85) 12%, rgba(22, 19, 17, 0.4) 22%, rgba(22, 19, 17, 0) 38%), url('../images/grua-orquilla.jpg') center center / cover no-repeat !important;
  box-shadow: -10px 30px 80px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode #destacados {
  background: radial-gradient(circle at 50% 15%, rgba(242, 101, 34, 0.12) 0%, #161210 75%) !important;
}

body.dark-mode #mini-catalogo,
body.dark-mode .features,
body.dark-mode #nosotros,
body.dark-mode .expandable-row-content,
body.dark-mode .pagination-container,
body.dark-mode .cart-drawer-footer {
  background-color: #12100e !important;
  color: #e4e4e7 !important;
}

body.dark-mode .admin-banner,
body.dark-mode .page-banner {
  background-color: #181412 !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.15) !important;
}

body.dark-mode .dashboard-stats-grid .metric-card,
body.dark-mode .table-card,
body.dark-mode .admin-toolbar,
body.dark-mode .product-card,
body.dark-mode .filter-sidebar,
body.dark-mode .promo-banner,
body.dark-mode .cart-drawer,
body.dark-mode .modal-content,
body.dark-mode .modal-container,
body.dark-mode .admin-login-card,
body.dark-mode .feature-card,
body.dark-mode .checkout-card,
body.dark-mode .checkout-section,
body.dark-mode .bank-info,
body.dark-mode .no-results {
  background-color: #1a1614 !important;
  border: 1px solid rgba(242, 101, 34, 0.2) !important;
  color: #e4e4e7 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 0 15px rgba(242, 101, 34, 0.04) !important;
}

body.dark-mode .no-results h3 {
  color: #f8fafc !important;
}

body.dark-mode .no-results p {
  color: #94a3b8 !important;
}

body.dark-mode .product-card:hover {
  border-color: var(--color-primary) !important;
  box-shadow: 0 12px 30px rgba(242, 101, 34, 0.25) !important;
}

body.dark-mode .filter-checkbox-label {
  color: #d4d4d8 !important;
}

body.dark-mode .sidebar-title {
  color: #f4f4f5 !important;
  border-bottom-color: rgba(242, 101, 34, 0.3) !important;
}

body.dark-mode .filter-group-title {
  color: #f4f4f5 !important;
}

body.dark-mode .search-box input {
  background-color: #27272a !important;
  border-color: #3f3f46 !important;
  color: #ffffff !important;
}

body.dark-mode .search-box input::placeholder {
  color: #a1a1aa !important;
}

body.dark-mode .search-box i {
  color: #a1a1aa !important;
}

body.dark-mode .catalog-main-header {
  background-color: #1a1614 !important;
  border: 1px solid rgba(242, 101, 34, 0.2) !important;
  color: #e4e4e7 !important;
}

body.dark-mode .results-count,
body.dark-mode .sort-container label {
  color: #e4e4e7 !important;
}

body.dark-mode .sort-select {
  background-color: #27272a !important;
  border-color: #3f3f46 !important;
  color: #ffffff !important;
}

body.dark-mode .price-input-wrapper {
  background-color: #27272a !important;
  border-color: #3f3f46 !important;
}

body.dark-mode .price-input-wrapper span {
  color: #a1a1aa !important;
}

body.dark-mode .price-input-wrapper input {
  color: #ffffff !important;
  background: transparent !important;
}

body.dark-mode .cart-item-title {
  color: #f4f4f5 !important;
}

body.dark-mode .cart-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .cart-item-info div {
  color: #a1a1aa !important;
}

body.dark-mode .empty-cart {
  color: #a1a1aa !important;
}

body.dark-mode .empty-cart h4 {
  color: #f4f4f5 !important;
}

body.dark-mode .cart-qty-selector {
  border-color: rgba(242, 101, 34, 0.3) !important;
  background: #26201d !important;
}

body.dark-mode .cart-qty-btn {
  color: #e4e4e7 !important;
}

body.dark-mode .cart-qty-btn:hover {
  background: rgba(242, 101, 34, 0.2) !important;
  color: #ffffff !important;
}

body.dark-mode .cart-qty-value {
  color: #ffffff !important;
}

body.dark-mode .btn-remove-item {
  color: #f87171 !important;
}

body.dark-mode .btn-remove-item:hover {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
}

body.dark-mode .btn-clear-cart {
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
}

body.dark-mode .btn-clear-cart:hover {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
}

body.dark-mode .shipping-alert.warning {
  background-color: #291e17 !important;
  border: 1px solid #7c2d12 !important;
  color: #fdba74 !important;
}

body.dark-mode .shipping-alert.success {
  background-color: #14291e !important;
  border: 1px solid #14532d !important;
  color: #86efac !important;
}

body.dark-mode .pagination-wrapper {
  background-color: #1a1715 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .pagination-tab {
  color: #a1a1aa !important;
}

body.dark-mode .pagination-tab:hover {
  background-color: rgba(242, 101, 34, 0.2) !important;
  color: #ffffff !important;
}

body.dark-mode .pagination-tab.active {
  background-color: #F26522 !important;
  color: #ffffff !important;
}

body.dark-mode .page-nav-btn {
  background-color: #272320 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e4e4e7 !important;
}

body.dark-mode .page-nav-btn:hover:not(:disabled) {
  background-color: #F26522 !important;
  color: #ffffff !important;
}

body.dark-mode .product-image-box {
  background-color: #14110f !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.15) !important;
}

body.dark-mode .product-image-box i {
  color: rgba(242, 101, 34, 0.55) !important;
}

body.dark-mode .checkout-header,
body.dark-mode .cart-drawer-header {
  background-color: #14110e !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.2) !important;
}

body.dark-mode footer {
  background-color: #110f0d !important;
  border-top: 1px solid rgba(242, 101, 34, 0.15) !important;
  color: #a1a1aa !important;
}

body.dark-mode footer h3,
body.dark-mode footer h4 {
  color: #ffffff !important;
}

body.dark-mode .admin-table th {
  background-color: #141312 !important;
  color: #ffffff !important;
  border-bottom-color: #2c2c2e !important;
}

body.dark-mode .admin-table td {
  border-bottom-color: #2c2c2e !important;
  color: #d4d4d8 !important;
}

body.dark-mode .admin-table tbody tr:hover,
body.dark-mode .table-row-clickable:hover {
  background-color: #3d1b0d !important;
}

body.dark-mode .sku-tag {
  background-color: #27272a !important;
  color: #f4f4f5 !important;
}

body.dark-mode .form-control,
body.dark-mode .admin-select,
body.dark-mode .admin-search-input input,
body.dark-mode select,
body.dark-mode input[type="text"],
body.dark-mode input[type="number"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="tel"] {
  background-color: #141312 !important;
  border-color: #3f3f46 !important;
  color: #ffffff !important;
}

body.dark-mode .admin-search-input {
  background-color: #141312 !important;
  border-color: #3f3f46 !important;
}

body.dark-mode .page-btn {
  background-color: #1c1c1e !important;
  border-color: #3f3f46 !important;
  color: #ffffff !important;
}

body.dark-mode .metric-info h4,
body.dark-mode .metric-info .value,
body.dark-mode .product-title,
body.dark-mode .filter-group-title,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
  color: #ffffff !important;
}

body.dark-mode .product-price {
  color: #f26522 !important;
}

body.dark-mode .product-price del,
body.dark-mode .product-price .old-price {
  color: #71717a !important;
}

body.dark-mode .product-price .offer-price-val {
  color: #f26522 !important;
  font-size: 1.25em !important;
  font-weight: 900 !important;
}

body.dark-mode .product-price span {
  color: #a1a1aa !important;
}

body.dark-mode p,
body.dark-mode .section-subtitle,
body.dark-mode .feature-card p,
body.dark-mode .product-category {
  color: #a1a1aa !important;
}

body.dark-mode .camera-preview-container {
  background-color: #121212 !important;
  border-color: #3f3f46 !important;
}

body.dark-mode .btn-outline {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

body.dark-mode .btn-outline:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #ffffff !important;
}

body.dark-mode .checkout-note {
  background-color: #271a10 !important;
  border-color: #4a2810 !important;
  color: #f97316 !important;
}

body.dark-mode select option {
  background-color: #1a1614 !important;
  color: #ffffff !important;
}

body.dark-mode .inline-edit-form {
  background-color: #1a1614 !important;
  border-color: rgba(242, 101, 34, 0.25) !important;
  color: #e4e4e7 !important;
}

body.dark-mode .inline-edit-form label {
  color: #d4d4d8 !important;
}

body.dark-mode .inline-edit-form input[readonly] {
  background-color: #27201c !important;
  border-color: #3f3229 !important;
  color: #a1a1aa !important;
}

body.dark-mode .inline-bodega-box {
  background-color: #241d18 !important;
  border-color: rgba(242, 101, 34, 0.25) !important;
}

body.dark-mode .inline-bodega-title {
  color: #f3f4f6 !important;
}

body.dark-mode .inline-bodega-total-badge {
  color: #4ade80 !important;
  background-color: rgba(34, 197, 94, 0.15) !important;
}

body.dark-mode .inline-bodega-card {
  background-color: #1a1614 !important;
  border-color: #3f3229 !important;
}

body.dark-mode .inline-bodega-card.neg {
  border-color: #991b1b !important;
}

body.dark-mode .inline-bodega-label {
  color: #d1d5db !important;
}

body.dark-mode .inline-bodega-unit {
  color: #9ca3af !important;
}

body.dark-mode .inline-bodega-unit.is-neg {
  color: #f87171 !important;
}

body.dark-mode .inline-bodega-val.is-neg {
  border-color: #ef4444 !important;
  color: #f87171 !important;
}

body.dark-mode .product-name-cell strong,
body.dark-mode .table-row-clickable strong,
body.dark-mode .admin-table td strong {
  color: #ffffff !important;
}

body.dark-mode label,
body.dark-mode .form-label,
body.dark-mode .form-group label {
  color: #d4d4d8 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #71717a !important;
}

body.dark-mode div[style*="background: #eef2ff"],
body.dark-mode div[style*="background:#eef2ff"] {
  background: #1e1b2e !important;
  border-color: #3730a3 !important;
}

body.dark-mode p[style*="color: #475569"],
body.dark-mode p[style*="color:#475569"],
body.dark-mode p[style*="color: #64748b"],
body.dark-mode p[style*="color:#64748b"] {
  color: #a1a1aa !important;
}

body.dark-mode h1[style*="color: #0f172a"],
body.dark-mode h2[style*="color: #0f172a"],
body.dark-mode h3[style*="color: #0f172a"],
body.dark-mode h4[style*="color: #0f172a"],
body.dark-mode h5[style*="color: #0f172a"],
body.dark-mode h4[style*="color: #334155"],
body.dark-mode h5[style*="color: #1e293b"] {
  color: #ffffff !important;
}

body.dark-mode .shipping-alert.warning {
  background-color: #271a10 !important;
  border-color: #4a2810 !important;
  color: #fdba74 !important;
}

body.dark-mode .shipping-alert.success {
  background-color: #0d2818 !important;
  border-color: #14532d !important;
  color: #86efac !important;
}

body.dark-mode .page-loader-overlay {
  background: rgba(18, 16, 14, 0.88);
}

body.dark-mode .page-loader-text {
  color: #ffffff;
}

body.dark-mode .modal-historia-card {
  background-color: #1a1614 !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(242, 101, 34, 0.3) !important;
}

body.dark-mode .hero-mascot-card {
  background-color: #1a1614 !important;
  border-color: rgba(242, 101, 34, 0.3) !important;
}

body.dark-mode .mascot-chip {
  background-color: #271a10 !important;
  border-color: rgba(242, 101, 34, 0.4) !important;
  color: #f97316 !important;
}

body.dark-mode .carousel-wrapper,
body.dark-mode .carousel-slide {
  background-color: #1a1614 !important;
  color: #e4e4e7 !important;
}

body.dark-mode .carousel-nav-btn {
  background: transparent !important;
  color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.dark-mode #modalConfig .modal-content {
  background-color: #1a1614 !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(242, 101, 34, 0.3) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
}

body.dark-mode #modalConfig .modal-header {
  background-color: #241d1a !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.2) !important;
  color: #ffffff !important;
}

body.dark-mode #modalConfig .modal-header .modal-title,
body.dark-mode #modalConfig .modal-header h3,
body.dark-mode #modalConfig .modal-header h4 {
  color: #ffffff !important;
}

body.dark-mode #modalConfig .modal-header p,
body.dark-mode #modalConfig .modal-header small {
  color: #a1a1aa !important;
}

body.dark-mode #modalConfig .modal-body {
  background-color: #14110e !important;
  color: #e4e4e7 !important;
}

body.dark-mode #modalConfig .modal-footer {
  background-color: #1a1614 !important;
  border-top: 1px solid rgba(242, 101, 34, 0.2) !important;
}

body.dark-mode #modalConfig .nav-tabs {
  border-bottom-color: rgba(242, 101, 34, 0.2) !important;
}

body.dark-mode #modalConfig .nav-tab {
  background-color: #241d1a !important;
  color: #cbd5e1 !important;
  border-color: rgba(242, 101, 34, 0.2) !important;
}

body.dark-mode #modalConfig .nav-tab:hover {
  background-color: #2d2420 !important;
  color: #ffffff !important;
}

body.dark-mode #modalConfig .nav-tab.active {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
}

body.dark-mode #modalConfig .card,
body.dark-mode #modalConfig .config-card,
body.dark-mode #modalConfig div[style*="background"],
body.dark-mode #modalConfig .p-4,
body.dark-mode #modalConfig .bg-white,
body.dark-mode #modalConfig .bg-light {
  background-color: #241d1a !important;
  border-color: rgba(242, 101, 34, 0.2) !important;
  color: #e4e4e7 !important;
}

body.dark-mode #modalConfig label,
body.dark-mode #modalConfig h5,
body.dark-mode #modalConfig h6,
body.dark-mode #modalConfig strong {
  color: #f1f5f9 !important;
}

body.dark-mode #modalConfig p,
body.dark-mode #modalConfig small,
body.dark-mode #modalConfig .text-muted,
body.dark-mode #modalConfig span:not(.btn):not(.badge) {
  color: #94a3b8 !important;
}

body.dark-mode #modalConfig .form-control,
body.dark-mode #modalConfig input[type="text"],
body.dark-mode #modalConfig input[type="number"],
body.dark-mode #modalConfig input[type="file"],
body.dark-mode #modalConfig select,
body.dark-mode #modalConfig textarea {
  background-color: #1a1614 !important;
  color: #ffffff !important;
  border: 1px solid rgba(242, 101, 34, 0.3) !important;
}

body.dark-mode #modalConfig .form-control:focus,
body.dark-mode #modalConfig input:focus,
body.dark-mode #modalConfig select:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(242, 101, 34, 0.25) !important;
}

body.dark-mode #modalConfig table {
  color: #e4e4e7 !important;
}

body.dark-mode #modalConfig th {
  background-color: #1a1614 !important;
  color: #f1f5f9 !important;
  border-bottom-color: rgba(242, 101, 34, 0.2) !important;
}

body.dark-mode #modalConfig td {
  border-bottom-color: rgba(242, 101, 34, 0.1) !important;
}

body.dark-mode .mobile-menu-title {
  color: #f1f5f9 !important;
}

body.dark-mode .btn-close-mobile-menu {
  color: #f1f5f9 !important;
}

body.dark-mode .mobile-menu-header {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}