:root {
  --tema-fondo: #111827;
  --tema-fondo-suave: #182234;
  --tema-superficie: #202c3d;
  --tema-superficie-elevada: #263449;
  --tema-borde: #37465d;
  --tema-texto: #edf4f7;
  --tema-texto-suave: #b6c3d2;
  --tema-acento: #45d6c7;
  --tema-acento-fuerte: #22b8c7;
  --tema-sombra: 0 12px 30px rgba(3, 10, 20, 0.24);
}

html,
body {
  background: var(--tema-fondo) !important;
  color: var(--tema-texto);
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.header {
  background: var(--tema-superficie) !important;
  border-bottom: 1px solid var(--tema-borde);
}

.logo-text h2,
.products-header h2,
.product-info h3,
.benefit-box h5 {
  color: var(--tema-texto) !important;
}

.logo-text span,
.hero-content span,
.benefit-box i,
.product-category,
.header-trust-text strong,
.header-trust-text span {
  color: var(--tema-acento) !important;
}

.featured-rating .rating-stars-empty {
  color: #8290a2 !important;
}

.featured-rating .rating-stars-fill {
  color: #f5b301 !important;
}

.search-box {
  background: var(--tema-superficie-elevada) !important;
  border-color: var(--tema-borde) !important;
}

.search-box select,
.search-box input {
  background: transparent;
  color: var(--tema-texto);
}

.search-box select option {
  background: var(--tema-superficie-elevada);
  color: var(--tema-texto);
}

.search-box input::placeholder {
  color: var(--tema-texto-suave);
}

.search-box button,
.btn-hero {
  background: var(--tema-acento-fuerte) !important;
}

.custom-navbar,
.navbar-collapse {
  background: #0b1322 !important;
}

.nav-link:hover,
.nav-item.active .nav-link:hover {
  background: var(--tema-acento-fuerte) !important;
  color: #07131f !important;
}

.dropdown-menu {
  background: var(--tema-superficie-elevada);
  border-color: var(--tema-borde);
  box-shadow: var(--tema-sombra);
}

.dropdown-item {
  color: var(--tema-texto);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(69, 214, 199, 0.14);
  color: var(--tema-acento);
}

.hero {
  background: var(--tema-fondo) !important;
}

.hero-slide {
  background: linear-gradient(120deg, #101b2d, #183b50) !important;
}

.benefits,
.shopping-info {
  background: var(--tema-fondo-suave) !important;
}

.benefit-box p,
.products-header p {
  color: var(--tema-texto-suave) !important;
}

.products {
  background: var(--tema-fondo) !important;
}

.product-card,
.shopping-info-item {
  background: var(--tema-superficie) !important;
  border-color: var(--tema-borde) !important;
  box-shadow: var(--tema-sombra);
}

.product-image {
  background: linear-gradient(145deg, #27374b, #1b2738) !important;
}

.product-description {
  color: var(--tema-texto-suave) !important;
}

.product-price {
  color: var(--tema-acento) !important;
}

.product-info button {
  background: var(--tema-acento-fuerte) !important;
  color: #07131f !important;
}

.featured-product,
.customer-reviews {
  background: var(--tema-fondo) !important;
  color: var(--tema-texto) !important;
}

.featured-title h2,
.featured-info h2,
.customer-reviews .section-heading h2,
.customer-reviews .review-form-heading h3,
.customer-reviews .review-card-top strong,
.customer-reviews .review-client strong {
  color: var(--tema-texto) !important;
}

.featured-title p,
.featured-rating span,
.featured-info > p,
.featured-features div,
.customer-reviews .section-heading p,
.customer-reviews .review-card-top span,
.customer-reviews .review-score,
.customer-reviews .review-text,
.customer-reviews .review-form-heading p {
  color: var(--tema-texto-suave) !important;
}

.featured-product-card,
.customer-reviews .review-card,
.customer-reviews .review-form-wrapper {
  background: var(--tema-superficie) !important;
  border-color: var(--tema-borde) !important;
  box-shadow: var(--tema-sombra) !important;
}

.featured-image {
  background: linear-gradient(145deg, #27374b, #1b2738) !important;
}

.featured-category,
.featured-features i,
.customer-reviews .section-heading > span,
.customer-reviews .review-form-heading span {
  color: var(--tema-acento) !important;
}

.featured-price strong {
  color: var(--tema-texto) !important;
}

.customer-reviews .reviews-control {
  background: var(--tema-superficie-elevada) !important;
  border-color: var(--tema-borde) !important;
  color: var(--tema-acento) !important;
}

.customer-reviews .client-icon {
  background: rgba(69, 214, 199, 0.14) !important;
  color: var(--tema-acento) !important;
}

.customer-reviews .review-form-group label {
  color: var(--tema-texto) !important;
}

.customer-reviews .review-form-group input,
.customer-reviews .review-form-group select,
.customer-reviews .review-form-group textarea {
  background: var(--tema-superficie-elevada) !important;
  border-color: var(--tema-borde) !important;
  color: var(--tema-texto) !important;
}

.customer-reviews .review-form-group input::placeholder,
.customer-reviews .review-form-group textarea::placeholder {
  color: var(--tema-texto-suave) !important;
}

.whatsapp-label {
  background: #0b1322 !important;
}

.contact-section {
  background: var(--tema-fondo) !important;
}

.contact-information h1,
.contact-info-content strong,
.contact-form-title,
.contact-form-group label {
  color: var(--tema-texto) !important;
}

.contact-information p,
.contact-info-content span,
.contact-info-content a,
.contact-form-description,
.contact-privacy label {
  color: var(--tema-texto-suave) !important;
}

.contact-form-card {
  background: var(--tema-superficie) !important;
  border-color: var(--tema-borde) !important;
  box-shadow: var(--tema-sombra) !important;
}

.contact-form-group input,
.contact-form-group select,
.contact-form-group textarea {
  background: var(--tema-superficie-elevada) !important;
  border-color: var(--tema-borde) !important;
  color: var(--tema-texto) !important;
}

.contact-form-group select option {
  background: #ffffff !important;
  color: #263246 !important;
}

.contact-form-group input:focus,
.contact-form-group select:focus,
.contact-form-group textarea:focus {
  background: var(--tema-superficie-elevada) !important;
}

.contact-form-group input[name="email"]::-webkit-contacts-auto-fill-button,
.contact-form-group input[name="email"]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.contact-benefits {
  background: var(--tema-fondo-suave) !important;
}

.contact-benefit-icon {
  background: rgba(69, 214, 199, 0.14) !important;
  color: var(--tema-acento) !important;
}

.contact-benefit h5 {
  color: var(--tema-texto) !important;
}

.contact-benefit p {
  color: var(--tema-texto-suave) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}