:root {
  --store-bg: #f3f5f8;
  --store-surface: #ffffff;
  --store-surface-soft: #f8fafc;
  --store-ink: #0f172a;
  --store-muted: #64748b;
  --store-border: #e2e8f0;
  --store-accent: #0f172a;
  --store-accent-strong: #020617;
  --store-accent-soft: #e2ecf8;
  --store-primary: #0f172a;
  --store-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
  --store-shadow: 0 16px 40px rgba(15, 23, 42, 0.11);
  --store-radius: 16px;
  --store-radius-sm: 12px;

  --primary-color: var(--store-primary);
  --primary-hover: var(--store-accent-strong);
}

html,
body {
  font-family: 'Inter', sans-serif;
  color: var(--store-ink);
  background:
    radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.05), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(15, 23, 42, 0.04), transparent 35%),
    var(--store-bg);
}

body {
  line-height: 1.5;
}

.header {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--store-border);
  backdrop-filter: blur(10px);
}

/* NO MODIFICAR EL NAVBAR - Los estilos del navbar vienen de navbar/styles.css */
/* .nav__logo, .nav__link, .nav__toggle ya tienen sus estilos definidos en navbar/styles.css */

.search__form,
.login__form,
.checkout-main,
.order-summary,
.confirmacion-container,
.carrito-page-contenido,
.carrito-resumen,
.producto-card,
.producto-card-new,
.best-seller-card,
.form-card,
.benefits-panel,
.success-card,
.producto-layout,
.description-content,
.specifications-content {
  background: var(--store-surface);
  border: 1px solid var(--store-border);
  border-radius: var(--store-radius);
  box-shadow: var(--store-shadow-sm);
}

.checkout-main,
.order-summary,
.confirmacion-container,
.carrito-page-contenido,
.carrito-resumen,
.form-card,
.benefits-panel,
.success-card,
.producto-layout,
.description-content,
.specifications-content {
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.checkout-main:hover,
.order-summary:hover,
.confirmacion-container:hover,
.carrito-page-contenido:hover,
.carrito-resumen:hover,
.form-card:hover,
.benefits-panel:hover,
.success-card:hover {
  box-shadow: var(--store-shadow);
}

main,
.main,
.tienda-page,
.checkout-section,
.resultados-grid,
.resultados-header,
.resultados-filtros,
.confirmacion-section,
.producto-page {
  background: transparent;
}

.hero-slider-section {
  height: auto;
  min-height: 0;
  padding: calc(var(--header-height) + 1rem) 1.2rem 0;
  max-width: 1260px;
  margin: 0 auto;
}

.hero-slider {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--store-border);
  box-shadow: var(--store-shadow-sm);
  min-height: 520px;
}

.slide-overlay {
  background: linear-gradient(92deg, rgba(248, 250, 252, 0.95) 0%, rgba(248, 250, 252, 0.86) 43%, rgba(248, 250, 252, 0.1) 78%);
  justify-content: flex-start;
  padding-left: clamp(1rem, 4vw, 3.6rem);
}

.slide-text {
  max-width: 560px;
  text-align: left;
  color: var(--store-ink);
  padding: 0;
}

.slide-title {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.slide-description {
  color: #334155;
  font-size: 1.05rem;
}

.slide-btn,
.add-to-cart-btn,
.btn-cart,
.btn-add-cart,
.btn-finalizar-compra,
.btn-proceder-checkout,
.btn-checkout,
.btn-explorar,
.btn-submit,
.btn-primary,
.pagination-btn.active,
.btn-buy-now {
  background: var(--store-accent);
  color: #fff;
  border: 1px solid var(--store-accent);
}

.slide-btn:hover,
.add-to-cart-btn:hover,
.btn-cart:hover,
.btn-add-cart:hover,
.btn-finalizar-compra:hover,
.btn-proceder-checkout:hover,
.btn-checkout:hover,
.btn-explorar:hover,
.btn-submit:hover,
.btn-primary:hover,
.btn-buy-now:hover {
  background: var(--store-accent-strong);
  border-color: var(--store-accent-strong);
  color: #fff;
  transform: translateY(-2px);
}

.resultados-header {
  border-bottom: 1px solid var(--store-border);
  margin-top: var(--header-height);
  background: transparent;
}

.resultados-header__title,
.resultados-header__count,
.checkout-title,
.section-title,
.summary-title,
.confirmacion-title,
.producto-title,
.best-seller-title {
  color: var(--store-ink);
}

.resultados-header__title span,
.resultados-header__count span,
.ver-todos-btn,
.leer-mas,
.price-current,
.precio-actual,
.producto-precio,
.total-amount,
.section-title i,
.option-text i,
.footer__title,
.scrollup,
.btn-back-page,
.btn-seguir,
.btn-ver-carrito,
.envio-link,
.availability-status {
  color: #2563eb;
}

.resultados-filtros {
  border-top: 1px solid var(--store-border);
  border-bottom: 1px solid var(--store-border);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
}

.filtro-btn,
.filter-option,
.option-value,
.guide-btn,
.secondary-action-btn,
.btn-details,
.resultados-header__back,
.pagination-btn,
.cantidad-btn,
.carrusel-btn,
.zoom-btn,
.quick-action-btn,
.btn-wishlist,
.wishlist-btn,
.tab-btn {
  border: 1px solid var(--store-border);
  border-radius: var(--store-radius-sm);
  background: #fff;
  color: var(--store-ink);
}

.filtro-btn.active,
.filter-option.active,
.option-value.active,
.tab-btn.active,
.payment-option:has(input:checked),
.delivery-option:has(input:checked) {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.filtro-btn:hover,
.filter-option:hover,
.option-value:hover,
.guide-btn:hover,
.secondary-action-btn:hover,
.btn-details:hover,
.resultados-header__back:hover,
.pagination-btn:hover:not(:disabled),
.tab-btn:hover,
.payment-option:hover,
.delivery-option:hover {
  border-color: #2563eb;
  background: #f8fbff;
  color: #1d4ed8;
}

.producto-card,
.producto-card-new,
.best-seller-card {
  border-radius: var(--store-radius);
  overflow: hidden;
}

.producto-card:hover,
.producto-card-new:hover,
.best-seller-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--store-shadow);
}

.producto-carrusel,
.product-image-container,
.main-image-container {
  background: #f8fafc;
}

.mosaicos-grid,
.publicidad-grid,
.productos-grid,
.best-seller-grid {
  gap: 1rem;
}

footer,
.footer {
  background: #ffffff;
  border-top: 1px solid var(--store-border);
  color: var(--store-muted);
}

.footer__title,
.footer__subtitle,
.footer__logo {
  color: var(--store-ink);
}

.footer a,
.footer__link {
  color: var(--store-muted);
}

.footer a:hover,
.footer__link:hover {
  color: #2563eb;
}

.form-group input,
.form-group textarea,
.form-group select,
.search__input,
.instrucciones-textarea,
.descuento-input,
.quantity-input,
.cantidad-input {
  border: 1px solid var(--store-border);
  border-radius: 10px;
  background: #fff;
  color: var(--store-ink);
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus,
.search__input:focus,
.instrucciones-textarea:focus,
.descuento-input:focus,
.quantity-input:focus,
.cantidad-input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.toast {
  border-left-width: 4px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--store-border);
}

.toast-success { border-left-color: #10b981; }
.toast-warning { border-left-color: #f59e0b; }
.toast-info { border-left-color: #0ea5e9; }
.toast-error { border-left-color: #ef4444; }

.scrollup {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}

.scrollup:hover {
  background: #020617;
}

.producto-card,
.producto-card-new,
.best-seller-card,
.checkout-section-card,
.summary-producto,
.carrito-producto,
.benefit-card,
.publicidad-card,
.mosaico {
  animation: storeRise 0.45s ease both;
}

@keyframes storeRise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.productos-grid > *:nth-child(2),
.best-seller-grid > *:nth-child(2),
#resumen-productos > *:nth-child(2) {
  animation-delay: 0.06s;
}

.productos-grid > *:nth-child(3),
.best-seller-grid > *:nth-child(3),
#resumen-productos > *:nth-child(3) {
  animation-delay: 0.12s;
}

.productos-grid > *:nth-child(4),
.best-seller-grid > *:nth-child(4),
#resumen-productos > *:nth-child(4) {
  animation-delay: 0.18s;
}

.seller-page,
.seller-page .hero-copy,
.seller-page .hero-badge-card,
.seller-page .benefit-card,
.seller-page .btn-submit,
.seller-page .btn-secondary {
  color: inherit;
}

.seller-page .hero-copy,
.seller-page .hero-badge-card {
  background: #fff;
  border: 1px solid var(--store-border);
  color: var(--store-ink);
}

.seller-page .hero-kicker,
.seller-page .hero-copy p,
.seller-page .hero-badge-card p,
.seller-page .hero-stats span,
.seller-page .benefit-card p {
  color: var(--store-muted);
}

.seller-page .hero-points i,
.seller-page .benefit-card i {
  background: #eff6ff;
  color: #2563eb;
}

.seller-page .btn-submit {
  background: var(--store-accent);
  color: #fff;
  box-shadow: none;
}

.seller-page .btn-submit:hover {
  background: var(--store-accent-strong);
}

.seller-page .btn-secondary {
  background: #f8fafc;
  border: 1px solid var(--store-border);
  color: var(--store-ink);
}

@media (max-width: 1024px) {
  .hero-slider {
    min-height: 460px;
  }
}

@media (max-width: 768px) {
  .hero-slider-section {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .hero-slider {
    min-height: 430px;
    border-radius: 18px;
  }

  .slide-overlay {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(248, 250, 252, 0.75));
    padding: 1.2rem;
    align-items: flex-end;
  }

  .slide-text {
    max-width: 100%;
  }

  .checkout-main,
  .order-summary,
  .carrito-page-contenido,
  .carrito-resumen,
  .confirmacion-container,
  .form-card,
  .benefits-panel,
  .success-card,
  .producto-layout,
  .description-content,
  .specifications-content {
    border-radius: 12px;
  }
}