/* =========================
   RESET Y BASE
========================= */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* V406 TRANSICIONES MAS NOTORIAS - EOF FINAL */
body.nnx-v406-loading::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:100000;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%, rgba(34,211,238,.30), transparent 18%),
    radial-gradient(circle at 50% 42%, rgba(37,99,235,.34), transparent 34%),
    radial-gradient(circle at 72% 16%, rgba(168,85,247,.24), transparent 30%),
    rgba(2,6,23,.92);
  opacity:1;
  transition:opacity .58s ease, visibility .58s ease;
}

body.nnx-v406-reveal-start::before,
body.nnx-v406-loaded::before {
  opacity:0;
  visibility:hidden;
}

body.nnx-v406-loading::after {
  content:"NerdyNexus";
  position:fixed;
  left:50%;
  top:50%;
  z-index:100001;
  min-width:190px;
  padding:14px 22px 18px;
  border-radius:22px;
  transform:translate(-50%,-50%) scale(.92);
  color:#f8fbff;
  font-weight:1000;
  letter-spacing:-.04em;
  text-align:center;
  background:
    linear-gradient(135deg,rgba(37,99,235,.34),rgba(34,211,238,.20)),
    rgba(8,16,34,.78);
  border:1px solid rgba(125,211,252,.35);
  box-shadow:0 0 46px rgba(34,211,238,.34),0 22px 70px rgba(0,0,0,.45);
  animation:nnxV406LoaderPulse .82s ease-in-out infinite alternate;
  pointer-events:none;
  transition:opacity .42s ease, visibility .42s ease, transform .42s ease;
}

body.nnx-v406-loading::after {
  background-image:
    linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent),
    linear-gradient(135deg,rgba(37,99,235,.34),rgba(34,211,238,.20));
  background-size:180% 100%,100% 100%;
  animation:nnxV406LoaderPulse .82s ease-in-out infinite alternate, nnxV406LoaderSweep 1.05s ease-in-out infinite;
}

body.nnx-v406-reveal-start::after,
body.nnx-v406-loaded::after {
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-50%) scale(1.08);
}

@keyframes nnxV406LoaderPulse {
  0% { transform:translate(-50%,-50%) scale(.92); filter:saturate(.9) brightness(.95); }
  100% { transform:translate(-50%,-50%) scale(1.04); filter:saturate(1.28) brightness(1.08); }
}

@keyframes nnxV406LoaderSweep {
  0% { background-position:-160% 0,0 0; }
  100% { background-position:180% 0,0 0; }
}

.nnx-v406-header:not(.nnx-v406-visible),
.nnx-v406-hero:not(.nnx-v406-visible),
.nnx-v406-filter:not(.nnx-v406-visible),
.nnx-v406-product:not(.nnx-v406-visible),
.nnx-v406-side:not(.nnx-v406-visible) {
  opacity:0 !important;
  pointer-events:none !important;
  will-change:opacity,transform,filter !important;
}

.nnx-v406-header:not(.nnx-v406-visible) {
  transform:translate3d(0,-64px,0) scale(.94) !important;
  filter:blur(14px) saturate(.72) !important;
}

.nnx-v406-hero:not(.nnx-v406-visible) {
  transform:translate3d(0,86px,0) scale(.88) !important;
  filter:blur(18px) saturate(.70) brightness(.82) !important;
}

.nnx-v406-filter:not(.nnx-v406-visible) {
  transform:translate3d(0,48px,0) scale(.92) !important;
  filter:blur(10px) saturate(.78) !important;
}

.nnx-v406-product:not(.nnx-v406-visible) {
  transform:translate3d(0,96px,0) scale(.82) rotateX(13deg) !important;
  transform-origin:center bottom !important;
  filter:blur(18px) saturate(.65) brightness(.78) !important;
}

.nnx-v406-side:not(.nnx-v406-visible) {
  transform:translate3d(76px,42px,0) scale(.88) !important;
  filter:blur(16px) saturate(.70) !important;
}

.nnx-v406-header.nnx-v406-visible {
  animation:nnxV406HeaderDrop .86s cubic-bezier(.15,.9,.18,1) both !important;
}

.nnx-v406-hero.nnx-v406-visible {
  animation:nnxV406HeroPop .98s cubic-bezier(.13,.88,.18,1) both !important;
}

.nnx-v406-filter.nnx-v406-visible {
  animation:nnxV406FilterCascade .62s cubic-bezier(.16,.86,.22,1) both !important;
}

.nnx-v406-product.nnx-v406-visible {
  animation:nnxV406ProductEntrance .92s cubic-bezier(.12,.92,.18,1) both !important;
}

.nnx-v406-side.nnx-v406-visible {
  animation:nnxV406SideEntrance .82s cubic-bezier(.16,.86,.22,1) both !important;
}

@keyframes nnxV406HeaderDrop {
  0% { opacity:0; transform:translate3d(0,-64px,0) scale(.94); filter:blur(14px) saturate(.72); }
  62% { opacity:1; transform:translate3d(0,8px,0) scale(1.01); filter:blur(0) saturate(1.08); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV406HeroPop {
  0% { opacity:0; transform:translate3d(0,86px,0) scale(.88); filter:blur(18px) saturate(.70) brightness(.82); }
  58% { opacity:1; transform:translate3d(0,-12px,0) scale(1.025); filter:blur(0) saturate(1.12) brightness(1.06); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV406FilterCascade {
  0% { opacity:0; transform:translate3d(0,48px,0) scale(.92); filter:blur(10px) saturate(.78); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV406ProductEntrance {
  0% { opacity:0; transform:translate3d(0,96px,0) scale(.82) rotateX(13deg); filter:blur(18px) saturate(.65) brightness(.78); }
  54% { opacity:1; transform:translate3d(0,-12px,0) scale(1.03) rotateX(0); filter:blur(0) saturate(1.16) brightness(1.08); }
  78% { transform:translate3d(0,4px,0) scale(.995) rotateX(0); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1) rotateX(0); filter:none; }
}

@keyframes nnxV406SideEntrance {
  0% { opacity:0; transform:translate3d(76px,42px,0) scale(.88); filter:blur(16px) saturate(.70); }
  62% { opacity:1; transform:translate3d(-8px,-4px,0) scale(1.012); filter:blur(0) saturate(1.08); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

.nnx-v406-shine {
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.nnx-v406-shine::after {
  content:"" !important;
  position:absolute !important;
  inset:-55% auto -55% -92% !important;
  width:72% !important;
  transform:translateX(-45%) skewX(-22deg) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:5 !important;
}

.nnx-v406-shine:hover::after,
.nnx-v406-shine:focus-visible::after {
  animation:nnxV406ShineStrong .88s ease !important;
}

@keyframes nnxV406ShineStrong {
  0% { opacity:0; transform:translateX(-45%) skewX(-22deg); }
  20% { opacity:1; }
  100% { opacity:0; transform:translateX(385%) skewX(-22deg); }
}

@media (max-width:760px) {
  body.nnx-v406-loading::after {
    min-width:150px;
    padding:12px 18px 15px;
    border-radius:18px;
  }

  .nnx-v406-hero:not(.nnx-v406-visible),
  .nnx-v406-filter:not(.nnx-v406-visible),
  .nnx-v406-product:not(.nnx-v406-visible),
  .nnx-v406-side:not(.nnx-v406-visible) {
    transform:translate3d(0,42px,0) scale(.94) !important;
    filter:blur(6px) saturate(.88) !important;
  }

  .nnx-v406-product.nnx-v406-visible {
    animation:nnxV406MobileProduct .58s ease-out both !important;
  }
}

@keyframes nnxV406MobileProduct {
  0% { opacity:0; transform:translate3d(0,42px,0) scale(.94); filter:blur(6px) saturate(.88); }
  70% { opacity:1; transform:translate3d(0,-5px,0) scale(1.01); filter:none; }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@media (prefers-reduced-motion:reduce) {
  body.nnx-v406-loading::before,
  body.nnx-v406-loading::after,
  .nnx-v406-header,
  .nnx-v406-hero,
  .nnx-v406-filter,
  .nnx-v406-product,
  .nnx-v406-side,
  .nnx-v406-shine,
  .nnx-v406-shine::after {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
  }
}

html {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, #e0f2fe 0%, transparent 25%),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    color: #1f2937;
    line-height: 1.5;
    overflow-x: hidden;
}

main {
    flex: 1 0 auto;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 20px 30px;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: #2563eb;
    text-decoration: none;
}

a:hover {
    color: #1d4ed8;
}

h1,
h2,
h3,
h4 {
    color: #0f172a;
    line-height: 1.2;
}

h2 {
    font-size: 2rem;
    margin-bottom: 18px;
}

p {
    color: #475569;
}

/* =========================
   HEADER
========================= */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(135deg, #2563eb, #0f172a);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.28);
    z-index: 1000;
    padding: 12px 22px;
    overflow: hidden;
}

.header-inner {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}

.header-3col {
    display: grid;
    grid-template-columns: 260px minmax(280px, 440px) 1fr;
    gap: 20px;
    align-items: center;
}

.brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.brand-link {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    display: inline-block;
}

.brand-link:hover {
    color: #ffffff;
    opacity: 0.95;
}

.header-center {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.header-search {
    display: flex;
    width: 100%;
    max-width: 440px;
    gap: 10px;
}

.header-search input {
    flex: 1;
    min-width: 0;
    padding: 11px 14px;
    border: none;
    border-radius: 999px;
    outline: none;
    background: #ffffff;
    color: #111827;
    font-size: 0.95rem;
}

.header-search input::placeholder {
    color: #94a3b8;
}

.header-search button {
    border: none;
    border-radius: 999px;
    padding: 11px 18px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
    white-space: nowrap;
    flex: 0 0 auto;
}

.header-search button:hover {
    background: #e2e8f0;
    transform: translateY(-1px);
}

.header-right {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
    min-width: 0;
    white-space: nowrap;
}

.nav-links a,
.nav-links span {
    flex: 0 0 auto;
    font-size: 0.93rem;
}

.nav-links a {
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: 0.2s ease;
    white-space: nowrap;
}

.nav-links a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
}

.nav-label {
    color: #e2e8f0;
    font-weight: 700;
    padding: 4px 6px;
    white-space: nowrap;
}

/* =========================
   FOOTER
========================= */
.site-footer {
    flex-shrink: 0;
    margin-top: auto;
    width: 100%;
    background: #07142c;
    color: #ffffff;
    text-align: center;
    padding: 16px 12px;
    font-size: 14px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* =========================
   ALERTAS
========================= */
.alert-error,
.alert-success {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.alert-error {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fecaca;
}

.alert-success {
    background: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}

/* =========================
   FORMULARIOS
========================= */
.form-container {
    max-width: 470px;
    margin: 0 auto 24px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    padding: 24px 22px;
}

.form-container h2 {
    text-align: center;
    margin-bottom: 16px;
}

.form-container label,
.checkout-form label,
.admin-form label {
    display: block;
    margin-top: 10px;
    margin-bottom: 6px;
    font-weight: 700;
    color: #0f172a;
}

.form-container input,
.form-container textarea,
.form-container select,
.checkout-form input,
.checkout-form select,
.checkout-form textarea,
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-search input,
.admin-inline-form select {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    outline: none;
    background: #ffffff;
    color: #111827;
    font-size: 0.95rem;
    min-width: 0;
}

.form-container input:focus,
.form-container textarea:focus,
.form-container select:focus,
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus,
.admin-search input:focus,
.admin-inline-form select:focus {
    border-color: rgba(37, 99, 235, 0.45);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

.form-container textarea,
.admin-form textarea {
    min-height: 120px;
    resize: vertical;
}

.form-container button,
.checkout-form button,
.admin-form button,
.admin-search button,
.admin-inline-form button,
.cart-actions button,
.producto-card form button,
.btn-primary,
.danger-btn {
    border: none;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    transition: 0.2s ease;
}

.form-container button,
.checkout-form button,
.admin-form button,
.admin-search button,
.admin-inline-form button,
.cart-actions button,
.producto-card form button,
.btn-primary {
    background: #2563eb;
    color: #ffffff;
}

.form-container button,
.checkout-form button,
.admin-form button {
    width: 100%;
    margin-top: 12px;
    padding: 12px 16px;
}

.form-container button:hover,
.checkout-form button:hover,
.admin-form button:hover,
.admin-search button:hover,
.admin-inline-form button:hover,
.cart-actions button:hover,
.producto-card form button:hover,
.btn-primary:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.danger-btn {
    background: #dc2626;
    color: #ffffff;
    padding: 10px 14px;
}

.danger-btn:hover {
    background: #b91c1c;
}

.btn-disabled {
    background: #cbd5e1;
    color: #ffffff;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: not-allowed;
    width: 100%;
}

/* =========================
   HOME / PRODUCTOS
========================= */
.productos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    gap: 24px;
    padding: 10px 0 28px;
}

.producto-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    transition: 0.22s ease;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.producto-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.12);
    border-color: rgba(37, 99, 235, 0.28);
}

.product-click {
    cursor: pointer;
}

.product-image {
    width: 100%;
    height: 230px;
    object-fit: contain;
    padding: 16px;
    background: linear-gradient(180deg, #eff6ff, #f8fafc);
}

.producto-card h3 {
    margin: 14px 16px 8px;
    font-size: 1.08rem;
    min-height: 48px;
}

.producto-card p {
    margin: 4px 16px;
    font-size: 0.93rem;
}

.producto-card form {
    margin-top: auto;
    padding: 14px 16px 16px;
    border-top: 1px solid #e5e7eb;
}

.producto-card form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    color: #0f172a;
    font-size: 0.92rem;
}

.producto-card form input[type="number"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 12px;
}

.producto-card form button {
    width: 100%;
    padding: 11px 14px;
}

/* =========================
   PRECIOS
========================= */
.price-old {
    text-decoration: line-through;
    color: #94a3b8;
    font-weight: 600;
    margin-right: 8px;
}

.price-new {
    color: #d60000;
    font-size: 1.12rem;
    font-weight: 900;
}

.discount-chip {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.20);
    color: #b91c1c;
    font-size: 0.85rem;
    font-weight: 900;
}

.discount-chip.big {
    font-size: 0.92rem;
    padding: 5px 12px;
}

/* =========================
   DETALLE PRODUCTO
========================= */
.product-detail-wrap {
    padding: 8px 0 26px;
}

.product-detail {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.pd-media {
    background: linear-gradient(180deg, #eff6ff, #f8fafc);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
}

.pd-image {
    width: 100%;
    max-width: 430px;
    height: 430px;
    object-fit: contain;
}

.pd-image.placeholder {
    width: 100%;
    height: 430px;
    border-radius: 14px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

.pd-info {
    padding: 28px;
}

.pd-title {
    font-size: 2rem;
    margin-bottom: 16px;
}

.pd-price {
    margin-bottom: 18px;
}

.pd-price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pd-stock {
    margin-top: 10px;
    font-size: 0.96rem;
    font-weight: 700;
}

.pd-stock.in {
    color: #15803d;
}

.pd-stock.out {
    color: #b91c1c;
}

.pd-desc {
    margin-bottom: 22px;
    color: #374151;
    line-height: 1.75;
    white-space: pre-line;
}

.pd-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pd-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pd-qty {
    max-width: 140px;
}

.pd-qty label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

.pd-qty input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.pd-back {
    font-weight: 700;
}

/* =========================
   CARRITO
========================= */
.cart-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    padding: 22px;
    text-align: center;
}

.cart-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border: 1px solid #e5e7eb;
}

.cart-table th,
.cart-table td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: middle;
}

.cart-table th {
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cart-table tr:last-child td {
    border-bottom: none;
}

.cart-img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    background: #f8fafc;
    border-radius: 10px;
    padding: 6px;
}

.cart-qty {
    width: 85px;
    padding: 9px 10px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

.cart-actions {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cart-actions a,
.cart-actions button {
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 999px;
    font-weight: 700;
}

.cart-actions a {
    background: #2563eb;
    color: #ffffff;
    transition: 0.2s ease;
}

.cart-actions a:hover {
    background: #1d4ed8;
    color: #ffffff;
    transform: translateY(-1px);
}

/* =========================
   CHECKOUT
========================= */
.checkout-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 22px;
    margin-top: 16px;
}

.checkout-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    padding: 20px;
}

.checkout-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb;
}

.checkout-item:last-child {
    border-bottom: none;
}

.checkout-total {
    color: #d60000;
    font-size: 1.2rem;
    font-weight: 900;
}

/* =========================
   PEDIDOS
========================= */
.orders-list {
    display: grid;
    gap: 16px;
    margin-top: 16px;
}

.order-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    padding: 18px;
}

.order-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.order-top h3 {
    margin-bottom: 6px;
}

.order-meta {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.order-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb;
}

.order-item:last-child {
    border-bottom: none;
}

/* =========================
   ESTADOS
========================= */
.status-badge {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.84rem;
    border: 1px solid transparent;
}

.status-pendiente_pago {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fdba74;
}

.status-pendiente {
    background: #fef3c7;
    color: #92400e;
    border-color: #fcd34d;
}

.status-pagado {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.status-preparando {
    background: #dbeafe;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.status-enviado {
    background: #ede9fe;
    color: #6d28d9;
    border-color: #c4b5fd;
}

.status-entregado {
    background: #ecfccb;
    color: #3f6212;
    border-color: #bef264;
}

.status-cancelado {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

/* =========================
   ADMIN
========================= */
.admin-page {
    overflow-x: hidden;
}

.admin-page main {
    max-width: 1400px;
    overflow-x: hidden;
}

.admin-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 20px;
    margin-top: 16px;
    max-width: 100%;
}

.admin-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    padding: 18px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.admin-form,
.admin-search {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.admin-search {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    align-items: center;
}

.admin-search input {
    flex: 1;
    min-width: 0;
}

.admin-search button {
    padding: 10px 16px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.admin-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
}

.admin-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.admin-table th,
.admin-table td {
    padding: 11px 12px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
    vertical-align: middle;
    font-size: 0.94rem;
    white-space: nowrap;
}

.admin-table th {
    background: #f8fafc;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
}

.admin-thumb {
    width: 58px;
    height: 58px;
    object-fit: contain;
    border-radius: 10px;
    background: #f8fafc;
    padding: 4px;
}

.admin-thumb.large {
    width: 130px;
    height: 130px;
}

.admin-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-actions a {
    font-weight: 700;
}

.admin-actions form {
    margin: 0;
}

.admin-inline-form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 14px;
}

.admin-inline-form select {
    max-width: 240px;
}

.admin-inline-form button {
    padding: 10px 14px;
}

/* =========================
   RESPONSIVE GENERAL
========================= */
@media (max-width: 1280px) {
    .header-inner {
        max-width: 1280px;
    }

    .header-3col {
        grid-template-columns: 230px minmax(240px, 360px) 1fr;
        gap: 14px;
    }

    .header-search {
        max-width: 360px;
    }

    .nav-links {
        gap: 8px;
    }

    .nav-links a,
    .nav-links span {
        font-size: 0.89rem;
    }

    .nav-links a {
        padding: 8px 10px;
    }
}

@media (max-width: 1024px) {
    .checkout-grid,
    .admin-grid,
    .product-detail {
        grid-template-columns: 1fr;
    }

    .pd-image,
    .pd-image.placeholder {
        height: 340px;
    }
}

/* =========================
   TABLET / MOBILE GENERAL
========================= */
@media (max-width: 980px) {
    .header-3col {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .brand {
        justify-content: center;
    }

    .header-center {
        justify-content: center;
    }

    .header-search {
        max-width: 100%;
    }

    .header-right {
        justify-content: center;
    }

    .nav-links {
        justify-content: center;
        flex-wrap: wrap;
        white-space: normal;
    }

    main {
        padding-top: 155px;
    }
}

/* =========================
   MOBILE STORE
========================= */
@media (max-width: 640px) {
    .site-header {
        padding: 14px 12px 16px;
    }

    .header-inner {
        max-width: 100%;
    }

    .brand-link {
        font-size: 1.15rem;
        text-align: center;
    }

    .header-search {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px;
    }

    .header-search input {
        width: 100%;
        height: 44px;
        font-size: 0.92rem;
        padding: 10px 14px;
    }

    .header-search button {
        height: 44px;
        padding: 0 16px;
        font-size: 0.92rem;
    }

    .nav-links {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        white-space: normal;
    }

    .nav-links a,
    .nav-links span {
        font-size: 0.88rem;
    }

    .nav-links a {
        padding: 8px 10px;
    }

    .nav-label {
        padding: 8px 4px;
    }

    main {
        padding: 215px 14px 24px;
    }

    h2 {
        font-size: 1.7rem;
        margin-bottom: 14px;
    }

    .form-container,
    .checkout-card,
    .admin-card,
    .order-card {
        padding: 16px;
    }

    .product-image {
        height: 190px;
    }

    .pd-image,
    .pd-image.placeholder {
        height: 260px;
    }

    .order-top,
    .admin-search,
    .admin-inline-form,
    .cart-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cart-actions a,
    .cart-actions button,
    .admin-search button,
    .admin-inline-form button {
        width: 100%;
        text-align: center;
    }

    .cart-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    .brand-link {
        font-size: 1.05rem;
    }

    .header-search {
        grid-template-columns: 1fr auto;
        gap: 8px;
    }

    .header-search button {
        padding: 0 14px;
    }

    .nav-links {
        gap: 6px;
    }

    .nav-links a,
    .nav-links span {
        font-size: 0.82rem;
    }

    .nav-links a {
        padding: 7px 9px;
    }

    main {
        padding: 225px 12px 22px;
    }
}

/* =========================
   ADMIN RESPONSIVE FINAL
========================= */
@media (max-width: 900px) {
    .admin-page .site-header {
        padding: 12px 10px 14px;
    }

    .admin-page .header-3col {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center;
    }

    .admin-page .brand {
        justify-content: center;
    }

    .admin-page .brand-link {
        font-size: 1rem;
        text-align: center;
        white-space: nowrap;
    }

    .admin-page .header-center {
        display: none;
    }

    .admin-page .header-right {
        justify-content: center;
        width: 100%;
    }

    .admin-page .nav-links {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        white-space: normal;
        width: 100%;
    }

    .admin-page .nav-links a,
    .admin-page .nav-links span {
        font-size: 0.80rem;
        line-height: 1.2;
    }

    .admin-page .nav-links a {
        padding: 7px 9px;
    }

    .admin-page .nav-label {
        padding: 6px 4px;
        text-align: center;
    }

    .admin-page main {
        padding: 175px 10px 20px;
        max-width: 100%;
    }

    .admin-page .admin-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .admin-page .admin-card {
        width: 100%;
        padding: 12px;
        border-radius: 14px;
    }

    .admin-page .admin-card h2,
    .admin-page .admin-card h3 {
        font-size: 1.15rem;
        margin-bottom: 12px;
    }

    .admin-page .admin-search {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .admin-page .admin-search input,
    .admin-page .admin-search button,
    .admin-page .admin-form input,
    .admin-page .admin-form textarea,
    .admin-page .admin-form select {
        width: 100%;
        max-width: 100%;
    }

    .admin-page .admin-table-wrap {
        overflow-x: visible;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #fff;
    }

    .admin-page .admin-table {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .admin-page .admin-table th,
    .admin-page .admin-table td {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 0.82rem;
        padding: 9px 6px;
    }

    /* Ocultamos ID, DESC y STOCK en móvil, pero dejamos IMAGEN visible */
    .admin-page .admin-table th:nth-child(1),
    .admin-page .admin-table td:nth-child(1),
    .admin-page .admin-table th:nth-child(5),
    .admin-page .admin-table td:nth-child(5),
    .admin-page .admin-table th:nth-child(6),
    .admin-page .admin-table td:nth-child(6) {
        display: none;
    }

    .admin-page .admin-table th:nth-child(2),
    .admin-page .admin-table td:nth-child(2) {
        width: 64px;
        text-align: center;
    }

    .admin-page .admin-table th:nth-child(3),
    .admin-page .admin-table td:nth-child(3) {
        width: auto;
    }

    .admin-page .admin-table th:nth-child(4),
    .admin-page .admin-table td:nth-child(4) {
        width: 90px;
        text-align: center;
    }

    .admin-page .admin-table th:nth-child(7),
    .admin-page .admin-table td:nth-child(7) {
        width: 110px;
        text-align: center;
    }

    .admin-page .admin-thumb {
        width: 46px;
        height: 46px;
        object-fit: contain;
        border-radius: 8px;
        background: #f8fafc;
        padding: 3px;
        margin: 0 auto;
    }

    .admin-page .admin-actions {
        display: flex;
        flex-direction: column;
        gap: 6px;
        align-items: stretch;
    }

    .admin-page .admin-actions a,
    .admin-page .admin-actions button {
        width: 100%;
        text-align: center;
        font-size: 0.78rem;
        padding: 7px 8px;
    }
}

@media (max-width: 480px) {
    .admin-page .brand-link {
        font-size: 0.95rem;
    }

    .admin-page .nav-links a,
    .admin-page .nav-links span {
        font-size: 0.76rem;
    }

    .admin-page .nav-links a {
        padding: 6px 8px;
    }

    .admin-page main {
        padding: 180px 8px 18px;
    }

    .admin-page .admin-card {
        padding: 10px;
    }

    .admin-page .admin-table th,
    .admin-page .admin-table td {
        font-size: 0.78rem;
        padding: 8px 5px;
    }
}
/* =========================
   V28 HOME MODERNA
========================= */
.hero-panel {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}

.hero-copy,
.hero-feature-card,
.feature-card,
.dashboard-stat-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.hero-copy {
    border-radius: 24px;
    padding: 28px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(15, 23, 42, 0.02) 60%, #ffffff 100%);
}

.hero-kicker,
.section-kicker {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    margin-bottom: 10px;
}

.hero-copy h1 {
    font-size: 2.55rem;
    margin-bottom: 14px;
    color: #0f172a;
    max-width: 14ch;
}

.hero-copy p {
    font-size: 1rem;
    max-width: 58ch;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 22px 0 24px;
}

.hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    text-decoration: none;
}

.hero-link,
.ghost-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid #dbe3f0;
    color: #0f172a;
    background: #fff;
    font-weight: 700;
    text-decoration: none;
}

.hero-link:hover,
.ghost-link-btn:hover {
    color: #0f172a;
    background: #f8fafc;
}

.hero-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.mini-stat {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid #e5e7eb;
}

.mini-stat strong {
    display: block;
    font-size: 1.35rem;
    color: #0f172a;
    margin-bottom: 3px;
}

.mini-stat span {
    display: block;
    color: #64748b;
    font-size: 0.9rem;
}

.hero-side {
    display: flex;
}

.hero-feature-card {
    border-radius: 24px;
    padding: 24px;
    width: 100%;
    background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 100%);
    color: #fff;
}

.hero-feature-card h3 {
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 14px;
}

.hero-badge {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.18);
    color: #fff;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 14px;
}

.hero-list {
    list-style: none;
    display: grid;
    gap: 10px;
}

.hero-list li {
    position: relative;
    padding-left: 18px;
    color: rgba(255,255,255,0.92);
}

.hero-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
    color: #93c5fd;
}

.feature-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 26px;
}

.feature-card {
    border-radius: 20px;
    padding: 20px;
}

.feature-card h3 {
    margin-bottom: 8px;
}

.catalog-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 18px;
}

.catalog-header h2 {
    margin-bottom: 8px;
}

.catalog-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.catalog-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #334155;
    font-weight: 700;
    font-size: 0.9rem;
}

.empty-state-box {
    padding: 26px;
    text-align: center;
}

.product-card-body {
    padding: 16px 16px 6px;
}

.product-desc {
    min-height: 54px;
}

.product-price-block {
    margin-top: 12px;
    margin-bottom: 10px;
}

.product-price-label {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 6px;
}

.product-meta-row {
    margin-bottom: 12px;
}

.stock-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.84rem;
}

.stock-badge.in {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.stock-badge.out {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.product-form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

.product-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-weight: 700;
}

/* =========================
   V28 DASHBOARD ADMIN
========================= */
.admin-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    margin-bottom: 20px;
}

.admin-hero p {
    max-width: 72ch;
}

.admin-hero-badge {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    border: 1px solid rgba(37, 99, 235, 0.16);
    font-weight: 800;
}

.dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.dashboard-stat-card {
    border-radius: 22px;
    padding: 20px;
}

.dashboard-stat-card.warning {
    background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
    border-color: #fed7aa;
}

.dashboard-stat-label {
    display: block;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    font-weight: 800;
    margin-bottom: 10px;
}

.dashboard-stat-card strong {
    display: block;
    font-size: 1.85rem;
    color: #0f172a;
    margin-bottom: 8px;
}

.dashboard-split-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.dashboard-span-2 {
    grid-column: span 2;
}

.quick-metrics-list,
.dashboard-mini-list,
.dashboard-orders-list {
    display: grid;
    gap: 12px;
}

.quick-metric-row,
.dashboard-mini-item,
.dashboard-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}

.quick-metric-row:last-child,
.dashboard-mini-item:last-child,
.dashboard-order-row:last-child {
    border-bottom: none;
}

.dashboard-order-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.stock-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    border: 1px solid transparent;
}

.stock-pill.ok {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.stock-pill.warning {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fdba74;
}

.stock-pill.critical {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.muted-text,
.table-subtext,
.form-helper-text {
    color: #64748b;
}

.table-subtext {
    font-size: 0.82rem;
    margin-top: 4px;
    white-space: normal;
}

.section-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 10px;
}

.admin-thumb-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #94a3b8;
}

/* =========================
   RESPONSIVE V28
========================= */
@media (max-width: 1100px) {
    .hero-panel,
    .dashboard-stats-grid,
    .dashboard-split-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feature-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .hero-panel,
    .dashboard-split-grid,
    .dashboard-stats-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-span-2 {
        grid-column: span 1;
    }

    .catalog-header,
    .admin-hero,
    .section-title-row {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-copy h1 {
        font-size: 2rem;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .hero-copy,
    .hero-feature-card,
    .feature-card,
    .dashboard-stat-card {
        padding: 18px;
        border-radius: 18px;
    }

    .hero-mini-stats {
        grid-template-columns: 1fr;
    }

    .product-form-actions {
        grid-template-columns: 1fr;
    }

    .quick-metric-row,
    .dashboard-mini-item,
    .dashboard-order-row {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-order-right {
        justify-content: flex-start;
    }
}

/* =========================================
   V29 HOME ROTATOR + ADMIN TABS/CHARTS
========================================= */
.home-rotator {
    position: relative;
    margin-bottom: 24px;
}

.home-rotator-track {
    position: relative;
    min-height: 280px;
}

.home-rotator-slide {
    display: none;
    background: linear-gradient(135deg, #312e81 0%, #4338ca 45%, #1d4ed8 100%);
    color: #ffffff;
    border-radius: 26px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.15);
}

.home-rotator-slide.is-active {
    display: block;
}

.home-rotator-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.16);
    border: 1px solid rgba(255,255,255,0.2);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 16px;
}

.home-rotator-slide h2 {
    color: #ffffff;
    font-size: 2.25rem;
    max-width: 16ch;
    margin-bottom: 14px;
}

.home-rotator-slide p {
    color: rgba(255,255,255,0.92);
    max-width: 60ch;
    margin-bottom: 20px;
    font-size: 1rem;
}

.home-rotator-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 14px;
}

.home-rotator-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
}

.home-rotator-dot.is-active {
    background: #4f46e5;
    width: 28px;
}

.admin-page-top {
    margin-bottom: 20px;
}

.admin-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

.admin-shortcut-btn {
    border: 1px solid #dbe3f0;
    background: #ffffff;
    color: #0f172a;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.2s ease;
}

.admin-shortcut-btn:hover {
    background: #eef4ff;
    border-color: #bcd0ff;
}

.admin-shortcut-btn.is-active {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.18);
}

.admin-section {
    display: none;
}

.admin-section.is-active {
    display: block;
}

.dashboard-panel-card {
    padding: 20px;
}

.dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.dashboard-stat-card {
    border-radius: 22px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.dashboard-stat-card.warning {
    background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
    border-color: #fed7aa;
}

.dashboard-stat-card.accent {
    background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);
    border-color: #bfdbfe;
}

.chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.chart-card {
    min-height: 360px;
}

.chart-card canvas {
    width: 100% !important;
    height: 270px !important;
}

.chart-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.month-counter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.month-counter-card {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 18px;
}

.month-counter-card span {
    display: block;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.month-counter-card strong {
    display: block;
    color: #0f172a;
    font-size: 1.45rem;
    margin-bottom: 6px;
}

.month-counter-card p {
    color: #64748b;
    margin: 0;
}

.quick-metrics-list,
.dashboard-mini-list,
.dashboard-orders-list {
    display: grid;
    gap: 12px;
}

.quick-metric-row,
.dashboard-mini-item,
.dashboard-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}

.quick-metric-row:last-child,
.dashboard-mini-item:last-child,
.dashboard-order-row:last-child {
    border-bottom: none;
}

.dashboard-order-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1280px) {
    .dashboard-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .month-counter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .hero-panel,
    .feature-strip,
    .chart-grid,
    .dashboard-stats-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .admin-shortcuts {
        flex-direction: column;
    }

    .admin-shortcut-btn {
        width: 100%;
        text-align: center;
    }

    .month-counter-grid {
        grid-template-columns: 1fr;
    }

    .quick-metric-row,
    .dashboard-mini-item,
    .dashboard-order-row {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-order-right {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .home-rotator-slide {
        padding: 20px;
        border-radius: 20px;
    }

    .home-rotator-slide h2 {
        font-size: 1.7rem;
        max-width: none;
    }

    .chart-card {
        min-height: 320px;
    }
}

/* =========================================
   V32 - FOOTER, AYUDA Y SOPORTE
========================================= */
.footer-help-strip {
    margin-top: 24px;
}

.footer-help-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-help-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    padding: 18px;
    display: grid;
    gap: 8px;
    text-decoration: none;
}

.footer-help-card strong {
    color: #0f172a;
    font-size: 1.02rem;
}

.footer-help-card span {
    color: #64748b;
}

.site-footer-rich {
    margin-top: 20px;
    padding: 0;
    background: linear-gradient(180deg, #0f172a 0%, #07142c 100%);
}

.site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 20px 18px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 20px;
}

.site-footer-brand strong {
    display: block;
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.site-footer-brand p {
    color: rgba(255,255,255,0.72);
}

.site-footer-links {
    display: grid;
    gap: 10px;
}

.site-footer-links h4 {
    color: #fff;
    font-size: 1rem;
}

.site-footer-links a,
.site-footer-links span {
    color: rgba(255,255,255,0.78);
    text-decoration: none;
}

.site-footer-links a:hover {
    color: #fff;
}

.site-footer-bottom {
    padding: 14px 20px 18px;
    text-align: center;
    color: rgba(255,255,255,0.72);
    border-top: 1px solid rgba(255,255,255,0.08);
}

.support-widget {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1500;
}

.support-fab {
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    padding: 14px 18px;
    font-weight: 800;
    box-shadow: 0 16px 34px rgba(34, 197, 94, 0.35);
    cursor: pointer;
}

.support-panel {
    width: min(380px, calc(100vw - 24px));
    max-height: min(78vh, 680px);
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.22);
    position: absolute;
    right: 0;
    bottom: 64px;
    transform: translateY(10px) scale(0.98);
    opacity: 0;
    pointer-events: none;
    transition: .16s ease;
}

.support-panel.is-open {
    transform: translateY(0) scale(1);
    opacity: 1;
    pointer-events: auto;
}

.support-panel-header {
    background: linear-gradient(135deg, #2563eb, #0f172a);
    color: #fff;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.support-panel-header strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
}

.support-panel-header span {
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 0.86rem;
}

.support-close {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
}

.support-panel-body {
    padding: 14px;
    display: grid;
    gap: 12px;
}

.support-thread,
.support-admin-thread {
    display: grid;
    gap: 10px;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 4px;
}

.support-bubble {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
}

.support-bubble.from-user {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.support-bubble.from-admin {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.support-bubble strong {
    display: block;
    margin-bottom: 6px;
    color: #0f172a;
}

.support-bubble p {
    color: #334155;
    margin-bottom: 6px;
}

.support-bubble span {
    display: block;
    color: #64748b;
    font-size: 0.8rem;
}

.support-empty-state {
    padding: 14px;
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
    border: 1px dashed #cbd5e1;
}

.support-form,
.support-admin-reply-form {
    display: grid;
    gap: 10px;
}

.support-form input,
.support-form textarea,
.support-admin-reply-form textarea,
.support-admin-reply-form select {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #dbe3f0;
    border-radius: 12px;
    background: #fff;
}

.support-form button,
.support-admin-reply-form button,
.help-inline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    padding: 11px 16px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.help-page-hero,
.help-card {
    border-radius: 22px;
}

.help-page-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.help-list {
    margin-top: 12px;
    padding-left: 18px;
    color: #475569;
    display: grid;
    gap: 8px;
}

.support-admin-layout {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 18px;
}

.support-admin-sidebar,
.support-admin-main {
    min-width: 0;
}

.support-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 16px;
}

.catalog-pill.is-active {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    border-color: transparent;
}

.support-admin-list {
    display: grid;
    gap: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

.support-admin-item {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    text-decoration: none;
    background: #fff;
}

.support-admin-item.is-active {
    border-color: #93c5fd;
    background: #eff6ff;
}

.support-admin-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.support-unread-pill {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
}

.support-admin-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.status-abierto {
    background: #dbeafe;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.status-respondido {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.status-cerrado {
    background: #e5e7eb;
    color: #334155;
    border-color: #cbd5e1;
}

@media (max-width: 1100px) {
    .footer-help-grid,
    .help-page-grid,
    .site-footer-inner,
    .support-admin-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .support-widget {
        right: 12px;
        bottom: 12px;
    }

    .support-panel {
        width: min(360px, calc(100vw - 16px));
        bottom: 58px;
    }

    .site-footer-inner {
        padding: 24px 14px 16px;
    }
}


/* =========================================
   V33 NOTIFICACIONES VISUALES SOPORTE ADMIN
========================================= */
.nav-link-with-badge {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

.nav-badge {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(239,68,68,0.28);
}

.nav-badge.is-hidden {
    display: none;
}

.support-admin-alert {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(135deg, #fff7ed, #ffffff);
    border: 1px solid #fed7aa;
    border-radius: 18px;
    padding: 16px 18px;
    margin-bottom: 18px;
    box-shadow: 0 12px 26px rgba(15,23,42,0.06);
}

.support-admin-alert.is-calm {
    background: linear-gradient(135deg, #ecfeff, #ffffff);
    border-color: #bae6fd;
}

.support-admin-alert-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #f97316;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    flex: 0 0 auto;
}

.support-admin-alert.is-calm .support-admin-alert-icon {
    background: #0ea5e9;
}

.support-live-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
}

.support-live-indicator::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,0.6);
    animation: supportPulse 1.8s infinite;
}

@keyframes supportPulse {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.55); }
    70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

.support-toast {
    position: fixed;
    right: 22px;
    bottom: 24px;
    z-index: 1300;
    width: min(360px, calc(100vw - 28px));
    padding: 14px 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f172a, #2563eb);
    color: #fff;
    box-shadow: 0 22px 45px rgba(15,23,42,0.34);
    opacity: 0;
    transform: translateY(14px);
    transition: 0.18s ease;
}

.support-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.support-toast strong {
    display: block;
    margin-bottom: 4px;
}

@media (max-width: 900px) {
    .support-admin-alert {
        flex-direction: column;
    }

    .support-toast {
        right: 12px;
        bottom: 14px;
    }
}


/* =========================================
   V34 PUBLICIDAD ADMIN + CATÁLOGO LATERAL
========================================= */
.catalog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.catalog-layout.has-promos {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.catalog-main {
    min-width: 0;
}

.catalog-sidebar {
    min-width: 0;
}

.promo-sidebar-sticky {
    position: sticky;
    top: 110px;
    display: grid;
    gap: 16px;
}

.sidebar-title-row h3 {
    margin: 0;
}

.promo-sidebar-list {
    display: grid;
    gap: 16px;
}

.promo-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(15,23,42,0.08);
}

.promo-card-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background: linear-gradient(180deg, #eff6ff, #f8fafc);
}

.promo-card-body {
    padding: 18px;
    display: grid;
    gap: 10px;
}

.promo-card-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(37,99,235,0.08);
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.promo-card-body h4 {
    margin: 0;
    font-size: 1.05rem;
}

.promo-card-body p {
    margin: 0;
}

.promo-card-link {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}

.promo-card-link:hover {
    color: #fff;
    opacity: 0.95;
}

.check-inline {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.check-inline input[type="checkbox"] {
    width: auto;
}

.ad-admin-grid {
    grid-template-columns: 380px 1fr;
}

.ad-table .table-subtext {
    margin-top: 4px;
}

.admin-thumb-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-weight: 800;
}

@media (max-width: 1200px) {
    .catalog-layout.has-promos {
        grid-template-columns: minmax(0, 1fr) 280px;
    }
}

@media (max-width: 1024px) {
    .catalog-layout.has-promos,
    .ad-admin-grid {
        grid-template-columns: 1fr;
    }

    .promo-sidebar-sticky {
        position: static;
    }
}

@media (max-width: 640px) {
    .promo-card-image {
        height: 160px;
    }
}


.promo-card-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-weight: 800;
}

.promo-card-link.disabled {
    background: #cbd5e1;
    cursor: default;
    pointer-events: none;
}

.empty-admin-box {
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    color: #64748b;
    background: #f8fafc;
}

.admin-ads-list {
    display: grid;
    gap: 16px;
}

.admin-promo-card {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 16px;
    background: #fff;
}

.admin-ad-media {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.admin-ad-content h4 {
    margin: 0 0 8px;
    font-size: 1.1rem;
}

.admin-ad-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 10px 0;
    color: #475569;
    font-size: 0.92rem;
}

.admin-thumb.large {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

@media (max-width: 900px) {
    .admin-promo-card {
        grid-template-columns: 1fr;
    }

    .admin-thumb.large {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
}


/* =========================================
   V36 MULTI POSICIONES PUBLICIDAD
========================================= */
.promo-banner-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 24px;
}

.promo-banner-strip-top {
    margin-bottom: 24px;
}

.promo-banner-strip-bottom {
    margin-top: 24px;
}

.footer-promo-strip {
    margin-top: 28px;
    margin-bottom: 18px;
}

.promo-banner-card {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 0;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15,23,42,0.08);
}

.promo-banner-card.compact {
    grid-template-columns: 160px 1fr;
}

.promo-banner-image {
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
    background: linear-gradient(180deg, #eff6ff, #f8fafc);
}

.promo-banner-content {
    padding: 20px;
    display: grid;
    gap: 10px;
    align-content: center;
}

.promo-banner-content h3 {
    margin: 0;
    font-size: 1.2rem;
}

.promo-banner-content p {
    margin: 0;
    color: #475569;
}

@media (max-width: 1100px) {
    .promo-banner-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .promo-banner-card,
    .promo-banner-card.compact {
        grid-template-columns: 1fr;
    }

    .promo-banner-image {
        min-height: 170px;
    }
}


/* v43 publicidad programada + seguridad visual */
input[type="datetime-local"] {
    min-height: 44px;
}

.admin-ad-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.promo-card-link.disabled {
    opacity: 0.85;
}

/* =========================
   V46 POSTVENTA / SEGURIDAD
========================= */
.secondary-btn {
    background: #fff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
}
.secondary-btn:hover {
    background: #eff6ff !important;
}
.returns-item-list {
    display: grid;
    gap: 12px;
    margin-top: 8px;
}
.returns-item-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 14px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #f8fafc;
}
.returns-qty-box {
    width: 110px;
}
.returns-qty-box input {
    width: 100%;
}
.returns-history-box {
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
    padding-top: 14px;
}
.returns-history-box h4 {
    margin-bottom: 10px;
}
.returns-history-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}
.inline-link-btn {
    display: inline-flex;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 700;
}
.inline-link-btn:hover {
    color: #312e81;
}
.admin-inline-form input[type="text"] {
    min-width: 220px;
}
.status-solicitada { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.status-en_revision { background: #fff7ed; color: #c2410c; border-color: #fdba74; }
.status-aprobada { background: #dcfce7; color: #166534; border-color: #86efac; }
.status-rechazada { background: #fee2e2; color: #b91c1c; border-color: #fca5a5; }
.status-recibida { background: #ede9fe; color: #6d28d9; border-color: #c4b5fd; }
.status-reembolsada { background: #d1fae5; color: #065f46; border-color: #6ee7b7; }
.status-cerrada { background: #e5e7eb; color: #374151; border-color: #cbd5e1; }

@media (max-width: 768px) {
    .returns-item-row,
    .returns-history-item {
        flex-direction: column;
        align-items: stretch;
    }
    .returns-qty-box {
        width: 100%;
    }
    .admin-inline-form input[type="text"] {
        min-width: 0;
        width: 100%;
    }
}

/* =========================
   V48 PREMIUM HOME / SEO / CONVERSION
========================= */
.premium-shadow {
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}
.premium-hero {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 24px;
    margin-bottom: 24px;
}
.premium-hero-copy,
.premium-hero-panel,
.trust-item,
.testimonial-card,
.conversion-strip {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 24px;
}
.premium-hero-copy h1 {
    font-size: 2.7rem;
    line-height: 1.08;
    margin: 10px 0 14px;
    max-width: 13ch;
}
.premium-hero-copy p {
    max-width: 62ch;
    font-size: 1.02rem;
}
.premium-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0 24px;
}
.premium-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.premium-metric {
    background: linear-gradient(180deg, #eff6ff, #ffffff);
    border: 1px solid #dbeafe;
    border-radius: 18px;
    padding: 16px;
}
.premium-metric strong {
    display: block;
    font-size: 1.6rem;
    color: #0f172a;
}
.trust-strip,
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0;
}
.testimonials-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 28px;
}
.premium-promo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 24px;
}
.premium-section-head h2 {
    margin-bottom: 8px;
}
.premium-products-grid .producto-card {
    border-radius: 20px;
}
.premium-product-card .product-image {
    height: 240px;
}
.conversion-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}
.conversion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.testimonial-card p {
    margin-bottom: 12px;
    font-size: 0.98rem;
}
@media (max-width: 1100px) {
    .premium-hero,
    .premium-promo-grid,
    .trust-strip,
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    .conversion-strip {
        flex-direction: column;
        align-items: stretch;
    }
}
@media (max-width: 760px) {
    .premium-hero-copy h1 {
        font-size: 2rem;
        max-width: none;
    }
    .premium-metrics {
        grid-template-columns: 1fr;
    }
}


/* v49 categories + related + invoice + mobile */
.category-pills-wrap { align-items:center; }
.catalog-pill.is-active { background: linear-gradient(135deg,#2563eb,#4f46e5); color:#fff; border-color:transparent; }
.product-category-tag { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:.78rem; font-weight:800; margin-bottom:10px; }
.product-category-tag.large { margin-bottom:14px; font-size:.84rem; }
.product-extra-meta { display:grid; gap:6px; margin-top:14px; color:#475569; font-size:.93rem; }
.product-detail-enhanced { align-items:stretch; }
.related-products-section { margin: 28px 0; }
.premium-section-head.compact { margin-bottom: 16px; }
.related-products-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.related-product-card { background:#fff; border:1px solid #e5e7eb; border-radius:18px; overflow:hidden; color:inherit; text-decoration:none; }
.related-product-card img, .related-product-placeholder { width:100%; height:180px; object-fit:contain; background:#f8fafc; display:flex; align-items:center; justify-content:center; }
.related-product-body { padding:14px; }
.related-product-body h3 { font-size:1rem; margin: 0 0 8px; }
.related-price { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.invoice-card { border-radius:22px; }
.invoice-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px; }
.invoice-meta-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:18px; }
.invoice-address-box { background:#f8fafc; border:1px solid #e5e7eb; border-radius:16px; padding:16px; margin-bottom:18px; }
.table-subtext { color:#64748b; font-size:.88rem; margin-top:6px; }
@media (max-width: 1024px) { .related-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .invoice-meta-grid { grid-template-columns:1fr; } }
@media (max-width: 768px) { .premium-hero { gap:16px; } .premium-hero-copy h1 { font-size:1.9rem; } .premium-hero-actions { flex-direction:column; align-items:stretch; } .premium-hero-actions a { width:100%; text-align:center; } .premium-metrics { grid-template-columns:1fr 1fr; } .catalog-pills { width:100%; overflow:auto; padding-bottom:4px; } .catalog-pill { white-space:nowrap; } .product-card-body { padding:14px; } .product-form-actions { display:grid; gap:8px; } .product-form-actions .ghost-link-btn, .product-form-actions button { width:100%; text-align:center; } }
@media (max-width: 640px) { .premium-hero-copy h1 { font-size:1.7rem; } .premium-metrics { grid-template-columns:1fr; } .related-products-grid { grid-template-columns:1fr; } .invoice-head { flex-direction:column; } .product-extra-meta { font-size:.88rem; } }


/* v50 fixes: hero text visibility + trust strip + 2FA */
.premium-hero-panel {
    color: #0f172a;
}
.premium-hero-panel h3 {
    color: #0f172a;
    margin-bottom: 14px;
}
.premium-hero-panel .hero-badge {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}
.premium-hero-panel .hero-list li {
    color: #334155;
}
.premium-hero-panel .hero-list li::before {
    color: #2563eb;
}
.trust-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 92px;
    justify-content: center;
}
.trust-item strong {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.25;
}
.trust-item span {
    display: block;
    color: #475569;
    line-height: 1.4;
}
.form-container .muted-text {
    margin-bottom: 12px;
}

/* v51 visual pro / motion */
.v51-hero-shell {
    position: relative;
    margin-bottom: 26px;
}
.v51-bg-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(30px);
    opacity: .35;
    pointer-events: none;
    animation: floatOrb 8s ease-in-out infinite;
}
.v51-bg-orb.orb-a { width: 140px; height: 140px; background: #60a5fa; top: 18px; left: 8%; }
.v51-bg-orb.orb-b { width: 190px; height: 190px; background: #818cf8; top: 28px; right: 8%; animation-delay: 1.2s; }
.v51-bg-orb.orb-c { width: 120px; height: 120px; background: #22c55e; bottom: 10px; right: 34%; animation-delay: 2.4s; }
.v51-hero-main {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.25fr .9fr;
    gap: 24px;
    padding: 30px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(99,102,241,.05), rgba(255,255,255,.92));
    border: 1px solid rgba(191,219,254,.65);
    overflow: hidden;
}
.v51-hero-main::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255,255,255,.55), transparent 38%);
    pointer-events: none;
}
.v51-hero-copy,
.v51-hero-side { position: relative; z-index: 2; }
.v51-highlight-card {
    min-height: 100%;
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #eef4ff);
    border: 1px solid #dbeafe;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.v51-list-clean {
    list-style: none;
    display: grid;
    gap: 12px;
    margin-top: 14px;
}
.v51-list-clean li {
    position: relative;
    padding-left: 24px;
    color: #334155;
    line-height: 1.5;
}
.v51-list-clean li::before {
    content: '✦';
    position: absolute;
    left: 0;
    top: 0;
    color: #2563eb;
}
.v51-hero-actions,
.v51-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.v51-hero-badges span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    border: 1px solid #dbeafe;
    font-weight: 700;
    color: #1d4ed8;
}
.home-fx-card {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.home-fx-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(37,99,235,.16);
    border-color: #bfdbfe;
}
.v51-stagger-grid > *:nth-child(2n) { transform: translateY(10px); }
.v51-category-bar .catalog-pill {
    box-shadow: inset 0 0 0 1px rgba(37,99,235,.06);
    transition: .2s ease;
}
.v51-category-bar .catalog-pill:hover {
    transform: translateY(-2px);
}
.v51-metrics-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.v51-metric-card {
    padding: 18px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid #e5e7eb;
}
.v51-metric-card strong {
    display: block;
    font-size: 2rem;
    color: #0f172a;
}
.v51-product-card {
    position: relative;
    overflow: hidden;
}
.v51-product-card:hover { transform: translateY(-8px); }
.v51-product-shine {
    position: absolute;
    inset: -40% auto auto -120%;
    width: 90px;
    height: 220%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    transform: rotate(18deg);
    transition: transform .8s ease;
    pointer-events: none;
}
.v51-product-card:hover .v51-product-shine { transform: translateX(560px) rotate(18deg); }
.v51-conversion-strip {
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
    border: none;
}
.v51-conversion-strip h3,
.v51-conversion-strip p,
.v51-conversion-strip .section-kicker { color: #fff; }
.v51-testimonials .testimonial-card {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}
.pulse-btn {
    animation: pulseGlow 2.8s infinite;
}
@keyframes floatOrb {
    0%,100% { transform: translateY(0px); }
    50% { transform: translateY(-18px); }
}
@keyframes pulseGlow {
    0%,100% { box-shadow: 0 0 0 0 rgba(37,99,235,.32); }
    70% { box-shadow: 0 0 0 12px rgba(37,99,235,0); }
}
@media (max-width: 1100px) {
    .v51-hero-main,
    .v51-metrics-row { grid-template-columns: 1fr; }
    .v51-stagger-grid > *:nth-child(2n) { transform: none; }
}
@media (max-width: 768px) {
    .v51-hero-main { padding: 22px; }
    .v51-bg-orb { opacity: .22; }
    .v51-metric-card strong { font-size: 1.6rem; }
    .v51-hero-actions,
    .v51-hero-badges { display:grid; grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
    .v51-hero-actions,
    .v51-hero-badges,
    .v51-metrics-row { grid-template-columns: 1fr; }
}

/* =========================
   V52 PREMIUM PLUS HOME
========================= */
.reveal-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s ease, transform .65s ease;
}
.reveal-up.in-view {
    opacity: 1;
    transform: translateY(0);
}
.v52-stage {
    position: relative;
    margin: 8px 0 26px;
}
.v52-stage-backdrop {
    position: absolute;
    inset: 18px 4% auto;
    height: 340px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 15% 30%, rgba(37,99,235,.18), transparent 28%),
        radial-gradient(circle at 78% 24%, rgba(99,102,241,.16), transparent 28%),
        radial-gradient(circle at 64% 84%, rgba(34,197,94,.14), transparent 24%);
    filter: blur(12px);
    pointer-events: none;
}
.v52-stage-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 1.2fr .8fr;
    gap: 20px;
    padding: 26px;
    border-radius: 30px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    overflow: hidden;
}
.v52-stage-grid::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.55), transparent 32%, rgba(37,99,235,.04) 70%, rgba(99,102,241,.08));
    pointer-events: none;
}
.v52-intro-panel,
.v52-slider-shell,
.v52-side-stack {
    position: relative;
    z-index: 2;
}
.v52-intro-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.v52-intro-panel h1 {
    font-size: clamp(2.25rem, 4vw, 4rem);
    line-height: 1.02;
    letter-spacing: -.04em;
    margin: 10px 0 14px;
    color: #071127;
    max-width: 10ch;
}
.v52-intro-panel p {
    max-width: 56ch;
    color: #475569;
    font-size: 1.02rem;
}
.v52-cta-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 20px 0 22px;
}
.premium-inline-ghost {
    margin-top: 0;
    background: rgba(255,255,255,.75);
    border: 1px solid #dbeafe;
}
.v52-stat-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
}
.v52-stat-card {
    padding: 16px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(239,246,255,.92));
    border: 1px solid #dbeafe;
}
.v52-stat-card strong {
    display: block;
    font-size: 1.9rem;
    line-height: 1;
    color: #0f172a;
}
.v52-stat-card span {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-weight: 600;
}
.v52-slider-shell {
    display: grid;
    gap: 14px;
}
.v52-slider-window {
    position: relative;
    min-height: 100%;
    height: 100%;
}
.v52-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px) scale(.985);
    transition: opacity .45s ease, transform .45s ease;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 18px;
    min-height: 100%;
    padding: 24px;
    border-radius: 28px;
    background: linear-gradient(135deg, #1d4ed8, #4f46e5 58%, #1e3a8a);
    color: #fff;
    overflow: hidden;
}
.v52-slide::after {
    content: '';
    position: absolute;
    inset: auto -10% -18% auto;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 62%);
}
.v52-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    transform: translateY(0) scale(1);
}
.v52-slide-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.v52-mini-chip {
    display: inline-flex;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.12);
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: 14px;
}
.v52-slide-copy h3 {
    color: #fff;
    font-size: clamp(1.8rem, 2.8vw, 3rem);
    line-height: 1.05;
    margin: 0 0 14px;
    max-width: 11ch;
}
.v52-slide-copy p {
    color: rgba(255,255,255,.88);
    max-width: 42ch;
}
.v52-slide-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 18px;
    padding: 12px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}
.v52-slide-link:hover {
    color: #fff;
    background: rgba(255,255,255,.2);
}
.v52-slide-art {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v52-slide-art img {
    width: 100%;
    max-width: 320px;
    height: 260px;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 22px 44px rgba(0,0,0,.18);
}
.v52-art-glow {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.28), transparent 60%);
    filter: blur(8px);
}
.v52-art-card {
    position: relative;
    width: 100%;
    max-width: 310px;
    padding: 20px;
    border-radius: 24px;
    background: rgba(7,17,39,.2);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.v52-art-card span {
    display: block;
    color: #fff;
    font-weight: 800;
    margin-bottom: 12px;
}
.v52-art-card ul {
    margin: 0;
    padding-left: 18px;
    color: rgba(255,255,255,.92);
    line-height: 1.55;
}
.v52-slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.v52-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: none;
    background: rgba(15,23,42,.18);
    cursor: pointer;
    transition: all .2s ease;
}
.v52-dot.is-active {
    width: 30px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
}
.v52-side-stack {
    display: grid;
    gap: 16px;
}
.v52-side-card {
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid #e5e7eb;
    box-shadow: 0 16px 34px rgba(15,23,42,.07);
}
.v52-side-card.alt {
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color: #fff;
    border: none;
}
.v52-side-card.alt strong,
.v52-side-card.alt p {
    color: #fff;
}
.v52-feature-list {
    list-style: none;
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
}
.v52-feature-list li {
    position: relative;
    padding-left: 22px;
    color: #334155;
    font-weight: 600;
}
.v52-feature-list li::before {
    content: '✦';
    position: absolute;
    left: 0;
    top: 0;
    color: #2563eb;
}
.v52-marquee {
    overflow: hidden;
    margin: 0 0 26px;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    background: rgba(255,255,255,.7);
}
.v52-marquee-track {
    display: flex;
    gap: 34px;
    min-width: max-content;
    padding: 14px 0;
    animation: v52Marquee 28s linear infinite;
}
.v52-marquee-track span {
    position: relative;
    font-weight: 800;
    color: #1d4ed8;
    padding-left: 18px;
}
.v52-marquee-track span::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #22c55e;
}
.v52-trust-grid {
    margin-top: 6px;
}
.v52-product-grid .producto-card {
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    border: 1px solid #e8eef8;
}
.v52-card-topline {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(135deg, #2563eb, #4f46e5, #22c55e);
    opacity: .9;
}
.v52-conversion-strip {
    margin-bottom: 28px;
}
@keyframes v52Marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (max-width: 1280px) {
    .v52-stage-grid {
        grid-template-columns: 1fr 1fr;
    }
    .v52-side-stack {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 1024px) {
    .v52-stage-grid,
    .v52-slide {
        grid-template-columns: 1fr;
    }
    .v52-slide-art {
        min-height: 220px;
    }
}
@media (max-width: 768px) {
    .v52-stage-grid {
        padding: 18px;
        border-radius: 22px;
    }
    .v52-intro-panel h1 {
        max-width: none;
        font-size: 2rem;
    }
    .v52-stat-row,
    .v52-side-stack {
        grid-template-columns: 1fr;
    }
    .v52-slide {
        padding: 18px;
    }
    .v52-slide-copy h3 {
        max-width: none;
        font-size: 1.9rem;
    }
    .v52-marquee-track {
        gap: 22px;
        animation-duration: 20s;
    }
}


/* =========================
   V53 HERO LAYOUT + CTA FIX
========================= */
main {
    max-width: 1320px;
}

.v52-stage {
    margin-bottom: 26px;
}

.v52-stage-grid {
    grid-template-columns: 1.02fr 1.22fr 0.84fr;
    gap: 24px;
    padding: 28px;
    align-items: stretch;
}

.v52-intro-panel,
.v52-slider-shell,
.v52-side-stack {
    min-height: 540px;
}

.v52-intro-panel h1 {
    font-size: clamp(2rem, 3.35vw, 3.5rem);
    line-height: 0.98;
    max-width: 9ch;
    margin-bottom: 16px;
}

.v52-intro-panel p {
    max-width: 44ch;
    font-size: 0.98rem;
    line-height: 1.52;
}

.v52-cta-row {
    gap: 14px;
    margin: 20px 0 20px;
}

.btn-primary,
.hero-link,
.ghost-link-btn,
.v52-slide-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.btn-primary {
    width: auto;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.20);
}

.btn-primary,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.pulse-btn,
.pulse-btn:visited,
.pulse-btn:focus,
.pulse-btn:active,
.pulse-btn:hover {
    color: #ffffff;
}

.btn-primary:hover,
.pulse-btn:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.24);
}

.hero-link,
.ghost-link-btn {
    border: 1px solid #dbe3f0;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.hero-link:hover,
.ghost-link-btn:hover {
    color: #0f172a;
    background: #f8fbff;
    border-color: #bfd7ff;
    transform: translateY(-2px);
}

.conversion-actions {
    align-items: center;
    gap: 14px;
}

.conversion-actions .btn-primary,
.conversion-actions .hero-link,
.v52-cta-row .btn-primary,
.v52-cta-row .ghost-link-btn {
    width: auto;
    min-width: 196px;
}

.v52-slider-window {
    min-height: 540px;
}

.v52-slide {
    min-height: 540px;
    grid-template-columns: 1.02fr 0.98fr;
    gap: 20px;
    padding: 24px;
}

.v52-slide-copy h3 {
    font-size: clamp(1.7rem, 2.45vw, 2.65rem);
    line-height: 1.03;
    max-width: 9ch;
}

.v52-slide-copy p {
    font-size: 0.96rem;
    line-height: 1.5;
    max-width: 34ch;
}

.v52-slide-art img {
    max-width: 300px;
    height: 248px;
}

.v52-art-card {
    max-width: 286px;
    padding: 18px;
}

.v52-side-stack {
    gap: 18px;
    grid-auto-rows: minmax(0, 1fr);
}

.v52-side-card {
    min-height: 0;
    padding: 22px;
}

.v52-side-card h3,
.v52-side-card strong {
    line-height: 1.18;
}

.v52-feature-list {
    gap: 12px;
}

.v52-feature-list li {
    font-size: 0.98rem;
    line-height: 1.45;
}

@media (max-width: 1280px) {
    main {
        max-width: 1240px;
    }
    .v52-stage-grid {
        grid-template-columns: 1fr 1.1fr 0.82fr;
        gap: 20px;
    }
    .conversion-actions .btn-primary,
    .conversion-actions .hero-link,
    .v52-cta-row .btn-primary,
    .v52-cta-row .ghost-link-btn {
        min-width: 170px;
    }
}

@media (max-width: 1024px) {
    main {
        max-width: 1200px;
    }
    .v52-stage-grid,
    .v52-slide {
        grid-template-columns: 1fr;
    }
    .v52-intro-panel,
    .v52-slider-shell,
    .v52-side-stack,
    .v52-slider-window,
    .v52-slide {
        min-height: auto;
    }
    .conversion-actions .btn-primary,
    .conversion-actions .hero-link,
    .v52-cta-row .btn-primary,
    .v52-cta-row .ghost-link-btn {
        min-width: 0;
    }
}

@media (max-width: 768px) {
    main {
        max-width: 100%;
    }
    .v52-stage-grid {
        padding: 18px;
        gap: 16px;
    }
    .v52-intro-panel h1 {
        font-size: clamp(1.85rem, 8vw, 2.8rem);
        max-width: none;
    }
    .v52-slide-copy h3 {
        font-size: clamp(1.6rem, 7.8vw, 2.35rem);
        max-width: none;
    }
    .v52-cta-row,
    .conversion-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .conversion-actions .btn-primary,
    .conversion-actions .hero-link,
    .v52-cta-row .btn-primary,
    .v52-cta-row .ghost-link-btn {
        width: 100%;
    }
}

/* =========================
   V54 ADMIN MOBILE PRODUCT TABLE FIX
========================= */
@media (max-width: 768px) {
    .admin-page .admin-table-wrap {
        overflow: visible;
        border: none;
        background: transparent;
    }

    .admin-page .admin-table {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
    }

    .admin-page .admin-table thead {
        display: none;
    }

    .admin-page .admin-table tbody {
        display: grid;
        gap: 14px;
    }

    .admin-page .admin-table tr.admin-product-row {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 12px 14px;
        padding: 14px;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        box-shadow: 0 10px 24px rgba(15,23,42,0.08);
        align-items: start;
    }

    .admin-page .admin-table tr.admin-product-row td {
        display: block;
        width: auto !important;
        padding: 0 !important;
        border: none;
        text-align: left !important;
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
        font-size: 0.94rem;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(1),
    .admin-page .admin-table tr.admin-product-row td:nth-child(6) {
        display: none;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(2) {
        grid-row: 1 / span 5;
        grid-column: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-height: 96px;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(3) {
        grid-column: 2;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(3) strong {
        display: block;
        font-size: 1.02rem;
        line-height: 1.28;
        color: #0f172a;
        margin-bottom: 6px;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(3) .table-subtext {
        display: block;
        color: #64748b;
        line-height: 1.42;
        font-size: 0.9rem;
        margin-top: 2px;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(4),
    .admin-page .admin-table tr.admin-product-row td:nth-child(5),
    .admin-page .admin-table tr.admin-product-row td:nth-child(7),
    .admin-page .admin-table tr.admin-product-row td:nth-child(8) {
        grid-column: 2;
    }

    .admin-page .admin-table tr.admin-product-row td:nth-child(4)::before,
    .admin-page .admin-table tr.admin-product-row td:nth-child(5)::before,
    .admin-page .admin-table tr.admin-product-row td:nth-child(7)::before,
    .admin-page .admin-table tr.admin-product-row td:nth-child(8)::before {
        content: attr(data-label);
        display: block;
        font-size: 0.76rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #64748b;
        font-weight: 800;
        margin-bottom: 4px;
    }

    .admin-page .admin-thumb {
        width: 84px;
        height: 84px;
        border-radius: 14px;
        padding: 6px;
        object-fit: contain;
        background: #f8fafc;
        box-shadow: inset 0 0 0 1px #e5e7eb;
        margin: 0;
    }

    .admin-page .stock-pill {
        min-width: 84px;
        min-height: 40px;
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 800;
    }

    .admin-page .admin-actions {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }

    .admin-page .admin-actions a,
    .admin-page .admin-actions button {
        width: auto;
        min-width: 108px;
        min-height: 42px;
        border-radius: 999px;
        font-size: 0.92rem;
        font-weight: 800;
        padding: 10px 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .admin-page .admin-actions form {
        margin: 0;
    }
}

@media (max-width: 420px) {
    .admin-page .admin-table tr.admin-product-row {
        grid-template-columns: 78px 1fr;
        padding: 12px;
        gap: 10px 12px;
    }

    .admin-page .admin-thumb {
        width: 72px;
        height: 72px;
    }

    .admin-page .admin-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-page .admin-actions a,
    .admin-page .admin-actions button {
        width: 100%;
        min-width: 0;
    }
}


/* =========================
   V55 ADMIN MOBILE ALL PAGES
========================= */
@media (max-width: 768px) {
    .admin-page .header-inner.header-3col {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px 20px;
    }

    .admin-page .brand {
        display: flex;
        justify-content: center;
    }

    .admin-page .brand-link {
        font-size: 2rem;
    }

    .admin-page .header-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .admin-page .header-right a,
    .admin-page .header-right .nav-label {
        min-height: 42px;
        padding: 10px 14px;
        border-radius: 999px;
        font-size: 0.95rem;
    }

    .admin-page .nav-label {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .admin-page h2 {
        font-size: 2rem;
        line-height: 1.08;
        margin-bottom: 14px;
    }

    .admin-page .admin-page-top {
        margin-bottom: 18px;
    }

    .admin-page .admin-page-top p {
        font-size: 0.96rem;
        line-height: 1.5;
    }

    .admin-page .admin-shortcuts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 18px;
    }

    .admin-page .admin-shortcut-btn {
        width: 100%;
        min-height: 46px;
        padding: 12px 14px;
        font-size: 0.9rem;
        text-align: center;
        justify-content: center;
    }

    .admin-page .admin-grid,
    .admin-page .ad-admin-grid,
    .admin-page .support-admin-layout {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .admin-page .admin-card,
    .admin-page .order-card,
    .admin-page .card-box,
    .admin-page .support-admin-sidebar,
    .admin-page .support-admin-main {
        border-radius: 18px;
        padding: 16px;
    }

    .admin-page .admin-form label,
    .admin-page .checkout-form label {
        font-size: 0.94rem;
        margin-bottom: 6px;
    }

    .admin-page .admin-form input,
    .admin-page .admin-form textarea,
    .admin-page .admin-form select,
    .admin-page .admin-search input,
    .admin-page .checkout-form input,
    .admin-page .checkout-form textarea,
    .admin-page .checkout-form select {
        min-height: 48px;
        font-size: 1rem;
        border-radius: 16px;
    }

    .admin-page .admin-form textarea,
    .admin-page .checkout-form textarea {
        min-height: 120px;
        padding-top: 14px;
    }

    .admin-page .admin-form button,
    .admin-page .admin-search button,
    .admin-page .checkout-form button,
    .admin-page .admin-inline-form button,
    .admin-page .support-admin-reply-form button,
    .admin-page .btn-primary {
        width: 100%;
        min-height: 46px;
        border-radius: 999px;
        font-size: 0.98rem;
        font-weight: 800;
    }

    .admin-page .admin-search {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-page .admin-users-table,
    .admin-page .audit-table,
    .admin-page .attempts-table {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
    }

    .admin-page .admin-users-table thead,
    .admin-page .audit-table thead,
    .admin-page .attempts-table thead {
        display: none;
    }

    .admin-page .admin-users-table tbody,
    .admin-page .audit-table tbody,
    .admin-page .attempts-table tbody {
        display: grid;
        gap: 14px;
    }

    .admin-page .admin-users-row,
    .admin-page .audit-row,
    .admin-page .attempt-row {
        display: grid;
        gap: 10px;
        padding: 14px;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        box-shadow: 0 10px 24px rgba(15,23,42,0.08);
    }

    .admin-page .admin-users-row td,
    .admin-page .audit-row td,
    .admin-page .attempt-row td {
        display: block;
        border: none;
        padding: 0;
        text-align: left;
        font-size: 0.95rem;
        line-height: 1.45;
        white-space: normal;
        word-break: break-word;
    }

    .admin-page .admin-users-row td::before,
    .admin-page .audit-row td::before,
    .admin-page .attempt-row td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #64748b;
        font-weight: 800;
    }

    .admin-page .orders-list {
        display: grid;
        gap: 16px;
    }

    .admin-page .order-top,
    .admin-page .order-meta,
    .admin-page .order-item,
    .admin-page .quick-metric-row,
    .admin-page .dashboard-mini-item,
    .admin-page .dashboard-order-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: start;
    }

    .admin-page .order-item strong,
    .admin-page .dashboard-order-right {
        justify-self: start;
    }

    .admin-page .admin-inline-form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-page .admin-inline-form select,
    .admin-page .admin-inline-form input {
        width: 100%;
        min-height: 46px;
        border-radius: 14px;
    }

    .admin-page .dashboard-stats-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .admin-page .dashboard-stat-card {
        padding: 18px;
        border-radius: 18px;
    }

    .admin-page .support-admin-alert {
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
    }

    .admin-page .support-filter-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .admin-page .support-admin-list {
        display: grid;
        gap: 10px;
        max-height: none;
    }

    .admin-page .support-admin-item {
        padding: 14px;
        border-radius: 16px;
    }

    .admin-page .support-admin-header {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-page .support-admin-thread {
        max-height: none;
        padding-right: 0;
    }

    .admin-page .support-bubble {
        max-width: 100%;
    }

    .admin-page .support-admin-reply-form {
        display: grid;
        gap: 10px;
    }

    .admin-page .support-admin-reply-form textarea {
        min-height: 120px;
        border-radius: 16px;
    }

    .admin-page .admin-ad-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
    }

    .admin-page .admin-ad-media {
        justify-content: flex-start;
    }

    .admin-page .admin-thumb.large {
        width: 100px;
        height: 100px;
    }

    .admin-page .admin-ad-meta {
        display: grid;
        gap: 8px;
    }

    .admin-page .section-title-row {
        display: grid;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .admin-page .admin-shortcuts {
        grid-template-columns: 1fr;
    }

    .admin-page h2 {
        font-size: 1.8rem;
    }

    .admin-page .brand-link {
        font-size: 1.8rem;
    }

    .admin-page .header-right a,
    .admin-page .header-right .nav-label {
        width: 100%;
        justify-content: center;
    }

    .admin-page .order-card,
    .admin-page .admin-card,
    .admin-page .support-admin-sidebar,
    .admin-page .support-admin-main {
        padding: 14px;
    }

    .admin-page .stock-pill {
        min-width: 72px;
        min-height: 38px;
    }

    .admin-page .admin-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .admin-page .admin-actions a,
    .admin-page .admin-actions button,
    .admin-page .admin-actions form {
        width: 100%;
    }
}


/* =========================
   V56 ADMIN MOBILE HEADER FIX
========================= */
@media (max-width: 768px) {
    .admin-page .site-header {
        padding: 10px 12px 12px;
    }

    .admin-page .header-inner.header-3col {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
    }

    .admin-page .brand {
        justify-content: center;
    }

    .admin-page .brand-link {
        font-size: 1.9rem;
        line-height: 1.05;
        text-align: center;
    }

    .admin-page.admin-guest .header-right {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        justify-content: stretch;
    }

    .admin-page.admin-guest .header-right .nav-label {
        grid-column: 1 / -1;
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 0;
        min-height: auto;
        border: none;
        background: transparent;
        box-shadow: none;
        color: rgba(255,255,255,0.92);
        font-size: 0.98rem;
    }

    .admin-page.admin-guest .header-right a {
        width: 100%;
        min-height: 44px;
        padding: 10px 14px;
        font-size: 0.96rem;
        justify-content: center;
    }

    .admin-page.admin-auth .header-right {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        mask-image: linear-gradient(to right, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
    }

    .admin-page.admin-auth .header-right::-webkit-scrollbar {
        display: none;
    }

    .admin-page.admin-auth .header-right a,
    .admin-page.admin-auth .header-right .nav-label {
        width: auto;
        min-width: max-content;
        flex: 0 0 auto;
        min-height: 40px;
        padding: 9px 14px;
        font-size: 0.93rem;
        white-space: nowrap;
        justify-content: center;
    }

    .admin-page.admin-auth .header-right .nav-label {
        background: rgba(255,255,255,0.12);
        color: #fff;
        font-weight: 700;
    }

    .admin-page.admin-auth main {
        padding-top: 170px;
    }

    .admin-page.admin-guest main {
        padding-top: 178px;
    }
}

@media (max-width: 480px) {
    .admin-page .site-header {
        padding: 10px 10px 12px;
    }

    .admin-page .brand-link {
        font-size: 1.7rem;
    }

    .admin-page.admin-auth .header-right a,
    .admin-page.admin-auth .header-right .nav-label {
        min-height: 38px;
        padding: 8px 12px;
        font-size: 0.9rem;
    }

    .admin-page.admin-auth main {
        padding-top: 162px;
    }

    .admin-page.admin-guest .header-right {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .admin-page.admin-guest .header-right a {
        min-height: 42px;
        padding: 9px 10px;
        font-size: 0.92rem;
    }

    .admin-page.admin-guest .header-right .nav-label {
        font-size: 0.95rem;
    }

    .admin-page.admin-guest main {
        padding-top: 172px;
    }
}

/* =========================
   V57 FEEDBACK HOME + ADMIN
========================= */
.feedback-flash {
    margin-bottom: 18px;
}
.feedback-home-section {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 20px;
    margin: 30px 0 10px;
}
.feedback-home-intro,
.feedback-home-form-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 24px;
}
.feedback-home-intro h2 {
    margin: 10px 0 12px;
    font-size: 2rem;
    line-height: 1.08;
}
.feedback-home-intro p {
    color: #64748b;
    line-height: 1.6;
}
.feedback-form {
    display: grid;
    gap: 12px;
}
.feedback-form label {
    font-weight: 700;
    color: #0f172a;
}
.feedback-form input,
.feedback-form select,
.feedback-form textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid #d9e0ee;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 0.98rem;
    background: #fff;
}
.feedback-form textarea {
    min-height: 110px;
}
.feedback-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.feedback-guest-box {
    display: grid;
    gap: 14px;
    align-content: center;
}
.admin-feedback-stats {
    margin-bottom: 18px;
}
.admin-feedback-list {
    display: grid;
    gap: 16px;
}
.admin-feedback-card {
    display: grid;
    gap: 14px;
}
.admin-feedback-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: start;
}
.admin-feedback-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
}
.admin-feedback-grid > div,
.admin-feedback-block {
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #f8fafc;
}
.admin-feedback-block p {
    margin-top: 8px;
    line-height: 1.55;
    color: #475569;
}
@media (max-width: 1024px) {
    .feedback-home-section,
    .admin-feedback-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .feedback-home-intro,
    .feedback-home-form-wrap {
        padding: 18px;
        border-radius: 20px;
    }
    .feedback-home-intro h2 {
        font-size: 1.7rem;
    }
    .feedback-grid-two {
        grid-template-columns: 1fr;
    }
    .admin-feedback-head {
        flex-direction: column;
    }
}

/* =========================
   V58 FEEDBACK STARS + ADMIN CHARTS
========================= */
.rating-card-group {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid #d9e0ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.rating-card-group small {
    color: #64748b;
}
.rating-stars {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 8px;
    align-items: center;
}
.rating-stars input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.rating-stars label {
    font-size: 2rem;
    line-height: 1;
    color: #cbd5e1;
    cursor: pointer;
    transition: transform .18s ease, color .18s ease, text-shadow .18s ease;
}
.rating-stars label:hover,
.rating-stars label:hover ~ label,
.rating-stars input:checked ~ label {
    color: #f59e0b;
    text-shadow: 0 8px 18px rgba(245, 158, 11, .22);
}
.rating-stars label:hover { transform: translateY(-1px) scale(1.05); }
.rating-stars-sm label {
    font-size: 1.55rem;
}
.rating-na {
    font-size: .88rem !important;
    font-weight: 800;
    color: #475569 !important;
    padding: 8px 10px;
    border-radius: 999px;
    background: #eef2ff;
    border: 1px solid #dbe3f0;
}
.feedback-device-pills,
.feedback-return-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.feedback-device-pills label,
.feedback-return-pills label {
    position: relative;
}
.feedback-device-pills input,
.feedback-return-pills input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.feedback-device-pills span,
.feedback-return-pills span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid #d9e0ee;
    background: #fff;
    color: #0f172a;
    font-weight: 700;
    transition: .18s ease;
}
.feedback-device-pills input:checked + span,
.feedback-return-pills input:checked + span {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 12px 28px rgba(37,99,235,.18);
}
.admin-feedback-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.admin-feedback-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.admin-feedback-filter-pills a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid #dbe3f0;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
    font-weight: 700;
}
.admin-feedback-filter-pills a.is-active {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    border-color: transparent;
    color: #fff;
}
.admin-feedback-export {
    text-decoration: none;
}
.admin-feedback-chart-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 16px;
    margin-bottom: 18px;
}
.feedback-chart-card h3 {
    margin-bottom: 14px;
}
.feedback-bars {
    display: grid;
    gap: 12px;
}
.feedback-bar-row {
    display: grid;
    grid-template-columns: 84px 1fr 40px;
    gap: 12px;
    align-items: center;
}
.feedback-bar-label {
    font-weight: 800;
    color: #0f172a;
}
.feedback-bar-track,
.feedback-meter {
    position: relative;
    overflow: hidden;
    height: 12px;
    border-radius: 999px;
    background: #e9eef8;
}
.feedback-bar-track span,
.feedback-meter span {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    box-shadow: 0 8px 18px rgba(37,99,235,.18);
}
.feedback-meter {
    margin-top: 10px;
}
.feedback-stars-view {
    display: inline-flex;
    gap: 2px;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1;
}
.feedback-stars-view .is-on {
    color: #f59e0b;
}
.admin-feedback-rating-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
}
.mt-20 { margin-top: 20px; }
@media (max-width: 1024px) {
    .admin-feedback-chart-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .rating-stars label { font-size: 1.7rem; }
    .rating-stars-sm label { font-size: 1.35rem; }
    .admin-feedback-toolbar {
        align-items: stretch;
    }
    .feedback-bar-row {
        grid-template-columns: 74px 1fr 36px;
        gap: 10px;
    }
}


/* =========================
   V59 FEEDBACK VISIBILITY FIX
========================= */
.feedback-home-section.in-view {
    opacity: 1;
    transform: translateY(0);
}
.feedback-home-section {
    position: relative;
    z-index: 1;
}
.feedback-home-form-wrap.feedback-guest-box {
    min-height: 100%;
    justify-content: center;
}
@media (max-width: 768px) {
    .feedback-home-section {
        margin: 22px 0 12px;
    }
}


/* =========================
   V63 HERO SUPPORT SLIDE FIX
========================= */
.v52-slide {
    grid-template-columns: minmax(0, 1.18fr) minmax(220px, 0.82fr);
}

.v52-slide-copy {
    min-width: 0;
    padding-right: 8px;
}

.v52-slide-copy h3 {
    font-size: clamp(1.55rem, 2.2vw, 2.45rem);
    line-height: 1.06;
    max-width: 10.5ch;
    word-break: keep-all;
    overflow-wrap: normal;
}

.v52-slide-copy p {
    max-width: 38ch;
}

.v52-slide-art {
    justify-content: flex-end;
    align-items: center;
}

.v52-art-card {
    max-width: 248px;
    padding: 16px 18px;
}

.v52-art-card span {
    font-size: 1.1rem;
    line-height: 1.18;
}

.v52-art-card ul {
    padding-left: 18px;
}

.v52-art-card li {
    font-size: 0.95rem;
    line-height: 1.45;
    margin-bottom: 8px;
}

.v52-slide:nth-child(3) {
    grid-template-columns: minmax(0, 1.28fr) minmax(210px, 0.72fr);
}

.v52-slide:nth-child(3) .v52-slide-copy h3 {
    font-size: clamp(1.45rem, 2vw, 2.2rem);
    max-width: 11ch;
}

.v52-slide:nth-child(3) .v52-slide-copy p {
    max-width: 34ch;
}

.v52-slide:nth-child(3) .v52-art-card {
    max-width: 228px;
}

@media (max-width: 1280px) {
    .v52-slide,
    .v52-slide:nth-child(3) {
        grid-template-columns: minmax(0, 1.16fr) minmax(205px, 0.84fr);
        gap: 16px;
    }

    .v52-slide-copy h3,
    .v52-slide:nth-child(3) .v52-slide-copy h3 {
        font-size: clamp(1.45rem, 2vw, 2.15rem);
        max-width: 11ch;
    }

    .v52-art-card,
    .v52-slide:nth-child(3) .v52-art-card {
        max-width: 214px;
    }
}

@media (max-width: 1024px) {
    .v52-slide,
    .v52-slide:nth-child(3) {
        grid-template-columns: 1fr;
    }

    .v52-slide-copy,
    .v52-slide:nth-child(3) .v52-slide-copy {
        padding-right: 0;
    }

    .v52-slide-copy h3,
    .v52-slide:nth-child(3) .v52-slide-copy h3 {
        max-width: none;
    }

    .v52-slide-art {
        justify-content: center;
    }
}

/* =========================
   V64 HERO SLIDE TYPO / COMPOSITION FIX
========================= */
.v52-slider-window,
.v52-slide {
    min-height: 560px;
}

.v52-slide {
    align-items: stretch;
}

.v52-slide-copy {
    padding-right: 16px;
}

.v52-slide-copy h3 {
    max-width: 12.2ch;
    letter-spacing: -0.03em;
}

.v52-slide-art {
    justify-content: flex-end;
}

.v52-art-card {
    max-width: 232px;
    margin-right: 8px;
}

.v52-slide:nth-child(3) {
    grid-template-columns: minmax(0, 1.38fr) minmax(190px, 0.62fr);
    gap: 14px;
}

.v52-slide:nth-child(3) .v52-slide-copy {
    padding-right: 22px;
}

.v52-slide:nth-child(3) .v52-slide-copy h3 {
    max-width: 12.8ch;
    font-size: clamp(1.45rem, 2vw, 2.1rem);
}

.v52-slide:nth-child(3) .v52-slide-copy p {
    max-width: 30ch;
}

.v52-slide:nth-child(3) .v52-slide-art {
    justify-content: flex-end;
    align-items: center;
}

.v52-slide:nth-child(3) .v52-art-card {
    max-width: 206px;
    margin-right: 2px;
    padding: 15px 16px;
    border-radius: 22px;
}

.v52-slide:nth-child(3) .v52-art-card span {
    font-size: 1.02rem;
    line-height: 1.16;
}

.v52-slide:nth-child(3) .v52-art-card li {
    font-size: 0.92rem;
    line-height: 1.4;
    margin-bottom: 7px;
}

@media (max-width: 1280px) {
    .v52-slide:nth-child(3) {
        grid-template-columns: minmax(0, 1.22fr) minmax(185px, 0.72fr);
        gap: 12px;
    }

    .v52-slide:nth-child(3) .v52-slide-copy h3 {
        max-width: 11.8ch;
        font-size: clamp(1.38rem, 2vw, 1.95rem);
    }

    .v52-slide:nth-child(3) .v52-art-card {
        max-width: 194px;
    }
}

@media (max-width: 1024px) {
    .v52-slider-window,
    .v52-slide {
        min-height: 480px;
    }

    .v52-slide-copy,
    .v52-slide:nth-child(3) .v52-slide-copy {
        padding-right: 0;
    }

    .v52-slide:nth-child(3) .v52-slide-copy h3 {
        max-width: none;
    }

    .v52-art-card,
    .v52-slide:nth-child(3) .v52-art-card {
        max-width: 100%;
        margin-right: 0;
    }
}

/* =========================
   ADMIN CUMPLIMIENTO
========================= */
.compliance-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0 24px;
}

.compliance-intro-card,
.compliance-card,
.compliance-footer-note,
.compliance-link-card {
    border-radius: 24px;
}

.compliance-bullets-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.compliance-ordered-list {
    margin: 0;
    padding-left: 20px;
    color: #0f172a;
}

.compliance-ordered-list li {
    margin-bottom: 12px;
    line-height: 1.55;
}

.compliance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
}

.compliance-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compliance-card h3 {
    margin: 6px 0 10px;
}

.compliance-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 10px 0 12px;
    color: #475569;
    font-size: 0.92rem;
}

.compliance-details {
    color: #334155;
    line-height: 1.6;
    margin-bottom: 14px;
}

.compliance-form {
    display: grid;
    gap: 10px;
}


.compliance-form input[type="date"],
.compliance-form input[type="number"],
.compliance-form select,
.compliance-form textarea {
    width: 100%;
}

.compliance-inline-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.compliance-inline-fields > div {
    display: grid;
    gap: 8px;
}

.status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-pendiente {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fdba74;
}

.status-completado,
.status-auto_ok {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #86efac;
}

.status-revisar {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #93c5fd;
}

.status-no_aplica {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.primary-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.primary-link-btn:hover {
    color: #fff;
    opacity: 0.96;
}

@media (max-width: 900px) {
    .compliance-summary-grid,
    .compliance-grid,
    .compliance-bullets-grid {
        grid-template-columns: 1fr;
    }

    .compliance-card-top {
        flex-direction: column;
        align-items: flex-start;
    }
}

.compliance-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.compliance-action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700}.btn-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.btn-secondary{background:#eef2ff;color:#1e3a8a;border:1px solid #c7d2fe}.compliance-traffic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.traffic-card{padding:18px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.traffic-card span{display:block;color:#475569;font-size:.92rem;margin-bottom:8px}.traffic-card strong{font-size:2rem;display:block}.traffic-green{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.traffic-yellow{border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb,#fff)}.traffic-red{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,#fff)}.status-green{border-color:#86efac}.status-yellow{border-color:#fcd34d}.status-red{border-color:#fca5a5}@media(max-width:900px){.compliance-actions-bar{flex-direction:column;align-items:flex-start}.compliance-traffic-grid{grid-template-columns:1fr}.compliance-inline-fields{grid-template-columns:1fr}}


.smart-fulfillment-board{margin:18px 0 20px;border:1px solid rgba(99,102,241,.14);background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.smart-admin-card{position:relative;overflow:hidden}
.smart-admin-card::after{content:"";position:absolute;inset:auto -20px -30px auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.14),transparent 65%)}
.soft-inset-card{background:#f8fafc;border:1px solid #e2e8f0}
.inline-role-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.inline-role-form select{min-width:180px}
@media (max-width: 900px){.inline-role-form{flex-direction:column;align-items:flex-start}}


/* =========================
   V72.1 ADMIN HEADER + SPACING FIX
========================= */
.admin-page .header-center {
    display: none;
}

.admin-page.admin-auth .header-inner.header-3col {
    display: grid;
    grid-template-columns: minmax(230px, 290px) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.admin-page .brand.brand-has-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.admin-page .brand-meta {
    display: block;
    max-width: 100%;
    color: rgba(255,255,255,0.88);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-page.admin-auth .header-right {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.admin-page.admin-auth .header-right .nav-links {
    width: max-content;
    min-width: 100%;
    justify-content: flex-start;
}

.admin-page.admin-auth .site-header {
    padding: 10px 20px;
}

.admin-page main {
    padding-top: 112px;
}

.admin-page .reveal-up {
    opacity: 1;
    transform: none;
}

@media (max-width: 900px) {
    .admin-page.admin-auth .header-inner.header-3col {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-page .brand.brand-has-meta {
        align-items: center;
        text-align: center;
    }

    .admin-page .brand-meta {
        max-width: min(100%, 360px);
        white-space: normal;
    }

    .admin-page main {
        padding-top: 140px;
    }
}

@media (max-width: 768px) {
    .admin-page.admin-auth .header-right {
        padding-bottom: 6px;
    }

    .admin-page.admin-auth main {
        padding-top: 150px;
    }
}

@media (max-width: 480px) {
    .admin-page .brand-link {
        font-size: 1.55rem;
    }

    .admin-page .brand-meta {
        font-size: 0.82rem;
    }

    .admin-page.admin-auth main {
        padding-top: 144px;
    }
}


/* =========================
   V72.3 PREMIUM ADMIN HEADER FIX
========================= */
.admin-page .site-header {
    padding: 12px 20px 10px;
}

.admin-page .admin-header-shell {
    max-width: 1450px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.admin-page .admin-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.admin-page .admin-topbar .brand {
    flex: 0 1 auto;
    min-width: 0;
}

.admin-page .admin-topbar .brand-link {
    font-size: 2.05rem;
    line-height: 1;
}

.admin-page .admin-user-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.16);
    color: #eff6ff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    max-width: min(100%, 620px);
}

.admin-page .admin-user-chip strong {
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.1;
}

.admin-page .admin-user-chip span {
    color: rgba(255,255,255,0.86);
    font-size: 0.86rem;
    line-height: 1.1;
}

.admin-page .admin-user-chip-label {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem !important;
    font-weight: 800;
    color: rgba(255,255,255,0.72) !important;
}

.admin-page .admin-nav-row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.admin-page .admin-nav-row::-webkit-scrollbar {
    height: 8px;
}

.admin-page .admin-nav-row::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.22);
    border-radius: 999px;
}

.admin-page .admin-nav-row .nav-label,
.admin-page .admin-nav-row a {
    white-space: nowrap;
    flex: 0 0 auto;
}

.admin-page main {
    padding-top: 126px;
}

@media (max-width: 1100px) {
    .admin-page .admin-topbar .brand-link {
        font-size: 1.88rem;
    }

    .admin-page main {
        padding-top: 132px;
    }
}

@media (max-width: 820px) {
    .admin-page .site-header {
        padding: 10px 14px 8px;
    }

    .admin-page .admin-topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-page .admin-user-chip {
        justify-content: flex-start;
        max-width: 100%;
        border-radius: 18px;
    }

    .admin-page .admin-topbar .brand-link {
        font-size: 1.74rem;
    }

    .admin-page main {
        padding-top: 162px;
    }
}

@media (max-width: 540px) {
    .admin-page .admin-user-chip {
        gap: 8px;
        padding: 10px 12px;
    }

    .admin-page .admin-topbar .brand-link {
        font-size: 1.56rem;
    }

    .admin-page main {
        padding-top: 170px;
    }
}


/* ===== Home v73 user improvements ===== */
.home-categories-panel,
.home-feature-block,
.home-account-strip {
    width:min(1240px, calc(100% - 32px));
    margin:24px auto;
}
.compact-head {
    margin-bottom:18px;
}
.home-categories-grid {
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:16px;
}
.home-category-card {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:20px;
    border-radius:24px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(37, 99, 235, 0.10);
    color:#0f172a;
    text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.home-category-card:hover {
    transform:translateY(-5px);
    border-color:rgba(37,99,235,.24);
    box-shadow:0 18px 36px rgba(15,23,42,.10);
}
.home-category-icon {
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg, #2563eb 0%, #0f172a 100%);
    color:#fff;
    font-weight:800;
    font-size:1.1rem;
}
.home-category-card strong { font-size:1rem; }
.home-category-card span:last-child { color:#64748b; font-size:.92rem; }
.home-account-strip {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:20px;
    padding:26px;
    border-radius:28px;
    background:linear-gradient(135deg, #0f172a 0%, #1d4ed8 55%, #38bdf8 100%);
    color:#fff;
}
.home-account-strip h2,
.home-account-strip p,
.home-account-strip .section-kicker { color:#fff; }
.home-account-actions {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    align-content:start;
}
.home-account-chip {
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:16px 18px;
    border-radius:20px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    text-decoration:none;
    backdrop-filter:blur(6px);
}
.home-account-chip span { color:rgba(255,255,255,.82); font-size:.92rem; }
.home-mini-grid {
    grid-template-columns:repeat(4, minmax(0, 1fr));
}
.home-card-tags {
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:10px;
}
.home-card-badge {
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(37,99,235,.10);
    color:#1d4ed8;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}
@media (max-width: 1100px) {
    .home-categories-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .home-account-strip { grid-template-columns:1fr; }
}
@media (max-width: 768px) {
    .home-categories-panel,
    .home-feature-block,
    .home-account-strip { width:min(1240px, calc(100% - 20px)); }
    .home-categories-grid,
    .home-mini-grid,
    .home-account-actions { grid-template-columns:1fr; }
    .home-account-strip { padding:20px; border-radius:22px; }
}


/* ===== v74 store premium incremental improvements ===== */
body.store-page main { padding-top: 170px; }
.store-header-shell { width:100%; max-width:1450px; margin:0 auto; display:grid; gap:12px; }
.store-header-top { display:grid; grid-template-columns: 280px minmax(280px, 1fr) 280px; gap:18px; align-items:center; }
.store-brand-block { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.store-brand-subtitle { color:rgba(255,255,255,.78); font-size:.88rem; line-height:1.25; }
.store-search-wrap { justify-content:center; }
.store-header-userzone { display:flex; justify-content:flex-end; align-items:center; gap:10px; flex-wrap:wrap; }
.store-mini-chip, .store-user-greeting { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:999px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:.92rem; }
.store-mini-chip strong { background:#fff; color:#0f172a; padding:2px 8px; border-radius:999px; }
.store-nav-row { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.store-utility-row { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.store-utility-row span { color:#e2e8f0; font-size:.84rem; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }
.home-selling-points, .promo-banner-grid, .category-spotlight-grid { width:min(1240px, calc(100% - 20px)); margin:0 auto 24px; display:grid; gap:18px; }
.home-selling-points { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.selling-point-card, .promo-banner-card, .category-spotlight-card { background:#fff; border:1px solid #e2e8f0; border-radius:24px; padding:24px; }
.selling-point-card h3, .promo-banner-card h3, .category-spotlight-card h3 { margin:10px 0 8px; font-size:1.18rem; }
.offer-countdown { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
.offer-countdown div { background:#0f172a; color:#fff; border-radius:18px; padding:12px 10px; text-align:center; }
.offer-countdown strong { display:block; font-size:1.35rem; }
.offer-countdown span { font-size:.82rem; color:rgba(255,255,255,.75); }
.promo-banner-grid { grid-template-columns:1.25fr .95fr; }
.promo-banner-card.is-dark { background:linear-gradient(135deg, #0f172a, #1d4ed8); color:#fff; border-color:transparent; }
.promo-banner-card.is-dark p, .promo-banner-card.is-dark .section-kicker, .promo-banner-card.is-dark h3 { color:#fff; }
.promo-check-list { list-style:none; display:grid; gap:8px; margin-top:14px; }
.promo-check-list li { position:relative; padding-left:18px; color:#475569; }
.promo-check-list li::before { content:'•'; position:absolute; left:0; top:0; color:#2563eb; font-weight:700; }
.category-spotlight-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.category-spotlight-card { display:flex; flex-direction:column; gap:8px; transition:transform .18s ease, box-shadow .18s ease; }
.category-spotlight-card:hover { transform:translateY(-4px); box-shadow:0 18px 35px rgba(15,23,42,.12); }
.category-spotlight-link { margin-top:auto; color:#2563eb; font-weight:700; }
.user-zone-stats { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; margin-top:18px; }
.user-zone-stat { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:14px; }
.user-zone-stat strong { display:block; color:#fff; font-size:1rem; }
.user-zone-stat span { color:rgba(255,255,255,.82); font-size:.9rem; }
.premium-products-grid .producto-card { border-radius:24px; overflow:hidden; border:1px solid #dbe4f0; box-shadow:0 18px 35px rgba(15,23,42,.08); }
.premium-products-grid .product-image { aspect-ratio: 1 / 1; object-fit:cover; background:#f8fafc; }
.premium-products-grid .product-card-body h3 { font-size:1.08rem; }
.premium-products-grid form { padding:0 16px 16px; display:grid; gap:10px; }
.premium-products-grid form label { margin:0; font-size:.9rem; color:#334155; }
.site-footer { padding:34px 18px 18px; }
.site-footer-grid { width:min(1240px, calc(100% - 20px)); margin:0 auto; display:grid; grid-template-columns:1.3fr repeat(4, 1fr); gap:20px; text-align:left; }
.footer-column { display:grid; gap:10px; align-content:start; }
.footer-column h3, .footer-column h4 { color:#fff; margin:0; }
.footer-column p, .footer-column a, .footer-column span { color:rgba(255,255,255,.78); }
.footer-column a:hover { color:#fff; }
.footer-badges { display:flex; gap:8px; flex-wrap:wrap; }
.footer-badges span { padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12); font-size:.84rem; }
.site-footer-bottom { width:min(1240px, calc(100% - 20px)); margin:18px auto 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.62); text-align:center; }
@media (max-width: 1024px) {
  body.store-page main { padding-top: 210px; }
  .store-header-top { grid-template-columns:1fr; }
  .store-header-userzone, .store-search-wrap { justify-content:center; }
  .home-selling-points, .category-spotlight-grid, .site-footer-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .promo-banner-grid { grid-template-columns:1fr; }
  .user-zone-stats { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  body.store-page main { padding-top: 250px; }
  .site-header { padding:12px 14px; }
  .brand-link { font-size:1.7rem; }
  .store-brand-subtitle { font-size:.82rem; }
  .store-nav-row { justify-content:flex-start; overflow:auto; flex-wrap:nowrap; padding-bottom:2px; }
  .store-nav-row a, .store-nav-row span { white-space:nowrap; }
  .home-selling-points, .category-spotlight-grid, .site-footer-grid, .user-zone-stats { grid-template-columns:1fr; }
  .offer-countdown { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}


/* ===== v75 cards + mobile nav + user polish ===== */
.store-mobile-toggle {
  display:none;
  width:100%;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff;
  font:inherit;
  font-weight:800;
}
.store-mobile-toggle span {
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#fff;
}
.store-mobile-panel {
  display:grid;
  gap:12px;
}
.store-nav-row a {
  position:relative;
  overflow:hidden;
}
.store-nav-row a::after {
  content:'';
  position:absolute;
  inset:auto 14px 8px;
  height:2px;
  background:rgba(255,255,255,.65);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .2s ease;
}
.store-nav-row a:hover::after { transform:scaleX(1); }
.store-user-greeting {
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-account-chip {
  min-height:92px;
  justify-content:center;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.home-account-chip:hover {
  transform:translateY(-3px);
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.28);
}
.premium-products-grid .producto-card {
  position:relative;
  display:flex;
  flex-direction:column;
}
.premium-products-grid .product-card-body {
  display:grid;
  gap:12px;
  padding:18px 18px 10px;
}
.premium-products-grid .product-desc {
  min-height:44px;
}
.premium-products-grid .product-price-block {
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
  border:1px solid #dbeafe;
}
.product-shipping-pill {
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:.78rem;
  font-weight:700;
}
.product-trust-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.product-trust-row span {
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:.76rem;
  font-weight:700;
}
.product-buy-box {
  margin-top:auto;
  padding:0 18px 18px;
  display:grid;
  gap:12px;
}
.product-qty-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
}
.product-qty-row label {
  margin:0;
  font-size:.9rem;
  font-weight:700;
  color:#334155;
}
.product-qty-row input {
  width:82px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  padding:8px 10px;
  font:inherit;
}
.product-form-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.product-form-actions .ghost-link-btn,
.product-form-actions button {
  width:100%;
  min-height:46px;
  border-radius:16px;
  text-align:center;
}
.primary-cart-btn {
  box-shadow:0 14px 28px rgba(37,99,235,.18);
}
@media (max-width: 768px) {
  body.store-page main { padding-top: 205px; }
  .store-mobile-toggle { display:flex; }
  .store-mobile-panel {
    display:none;
    width:100%;
    padding:14px;
    border-radius:22px;
    background:rgba(15,23,42,.92);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 60px rgba(2,6,23,.28);
  }
  .store-mobile-panel.is-open { display:grid; }
  .store-nav-row {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:visible;
  }
  .store-nav-row a,
  .store-nav-row span,
  .store-utility-row span {
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .store-utility-row {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .product-form-actions { grid-template-columns:1fr; }
}
@media (min-width: 769px) {
  .store-mobile-panel { display:grid !important; }
}


/* ===== v75.1 home top spacing fix ===== */
body.store-page .site-header {
  box-shadow: 0 14px 36px rgba(15, 23, 42, .18);
}
body.store-page main {
  padding-top: 218px;
}
.v52-stage {
  margin-top: 26px;
}
@media (max-width: 1024px) {
  body.store-page main { padding-top: 236px; }
  .v52-stage { margin-top: 22px; }
}
@media (max-width: 768px) {
  body.store-page main { padding-top: 228px; }
  .v52-stage { margin-top: 18px; }
}

/* ===== v75.2 auth spacing + footer breathing room ===== */
body.store-page.store-auth-page main {
  padding-top: 250px;
}
body.store-page.store-auth-page .form-container {
  margin-top: 30px;
  margin-bottom: 42px;
  position: relative;
  z-index: 2;
}
body.store-page.store-auth-page .form-container h2 {
  margin-top: 4px;
  margin-bottom: 18px;
  font-size: 2rem;
  line-height: 1.1;
}
body.store-page.store-auth-page .footer-help-strip {
  margin-top: 26px;
  margin-bottom: 28px;
}
body.store-page.store-auth-page .site-footer {
  margin-top: 0;
}
.footer-help-strip {
  margin-top: 34px;
  margin-bottom: 28px;
  padding-inline: 8px;
}
.footer-help-grid {
  width: min(1240px, calc(100% - 20px));
}
.footer-help-card {
  min-height: 110px;
}
.site-footer {
  margin-top: 10px;
}
@media (max-width: 1024px) {
  body.store-page.store-auth-page main {
    padding-top: 264px;
  }
}
@media (max-width: 768px) {
  body.store-page.store-auth-page main {
    padding-top: 246px;
  }
  body.store-page.store-auth-page .form-container {
    margin-top: 22px;
    margin-bottom: 34px;
  }
  body.store-page.store-auth-page .form-container h2 {
    font-size: 1.7rem;
  }
  .footer-help-strip {
    margin-top: 28px;
    margin-bottom: 24px;
  }
}


/* ===== v75.4 utility links polish ===== */
.store-utility-row .store-utility-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#e2e8f0;
  font-size:.84rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.store-utility-row .store-utility-link:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.26);
  color:#fff;
}
.store-utility-row .store-utility-link:focus-visible {
  outline:2px solid rgba(255,255,255,.55);
  outline-offset:2px;
}
.help-page-grid-secondary {
  margin-top:18px;
}
@media (max-width: 768px) {
  .store-utility-row {
    grid-template-columns:1fr;
  }
  .store-utility-row .store-utility-link {
    width:100%;
  }
}


/* v77 operaciones y cuenta */
.admin-toolbar label{display:block;font-size:.9rem;font-weight:700;margin-bottom:6px;color:#475569}
.admin-toolbar input,.admin-toolbar select{min-width:220px;padding:11px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.order-history-box{margin-top:16px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.order-history-box h4{margin:0 0 10px}
.order-history-item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 0;border-top:1px dashed #cbd5e1}
.order-history-item:first-of-type{border-top:0;padding-top:0}
.order-history-item p{grid-column:1 / -1;margin:0;color:#64748b}
.page-section-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.account-shell{display:grid;gap:18px}
.account-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.account-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;min-width:min(100%,420px)}
.account-stat{padding:16px;border-radius:16px;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #dbeafe;text-align:center}
.account-stat strong{display:block;font-size:1.15rem}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-inline-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.legal-page{max-width:900px;margin:0 auto}
.compact-orders .order-card.compact{padding:18px}
.site-footer .footer-column a,.site-footer .footer-column span{display:block;margin-bottom:8px}
.store-header-userzone{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.store-mini-chip{white-space:nowrap}
.checkout-form button,.admin-toolbar button{border:0;border-radius:12px;padding:12px 18px;background:#111827;color:#fff;font-weight:700}
.checkout-form button:hover,.admin-toolbar button:hover{opacity:.94}
@media (max-width: 900px){.account-grid{grid-template-columns:1fr}.account-stats-grid{grid-template-columns:1fr 1fr 1fr;width:100%}}
@media (max-width: 640px){.admin-toolbar input,.admin-toolbar select{min-width:100%;width:100%}.admin-toolbar>div{flex:1 1 100%}.page-section-intro,.account-hero{align-items:stretch}.account-stats-grid{grid-template-columns:1fr}.order-history-item{grid-template-columns:1fr}.order-history-item span{justify-self:start}}


/* ===== v77.1 responsive restoration ===== */
@media (max-width: 900px) {
  .admin-nav-row { overflow:auto; flex-wrap:nowrap; justify-content:flex-start; padding-bottom:4px; }
  .admin-nav-row a, .admin-nav-row span { white-space:nowrap; }
}

@media (max-width: 768px) {
  body.store-page main { padding-top: 262px !important; }
  body.store-page.store-auth-page main { padding-top: 258px !important; }
  .site-header { padding: 12px 12px !important; }
  .header-inner.store-header-shell { gap: 10px; }
  .store-header-top { grid-template-columns: 1fr !important; gap: 12px !important; }
  .store-brand-block { align-items: center !important; text-align: center; }
  .store-brand-subtitle { max-width: 28ch; }
  .store-search-wrap, .store-header-userzone { width: 100%; justify-content: center !important; }
  .header-search { width: 100%; }
  .header-search input { width: 100%; min-width: 0; }
  .header-search button { flex: 0 0 auto; }
  .store-header-userzone {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
    justify-items: stretch;
  }
  .store-mini-chip, .store-user-greeting {
    width: 100%;
    max-width: none;
    justify-content: center;
    text-align: center;
  }
  .store-mobile-toggle { margin-top: 2px; }
  .store-mobile-panel { margin-top: 4px; }
  .store-nav-row a, .store-nav-row span, .store-utility-row .store-utility-link { min-height: 46px; }
  .store-utility-row { grid-template-columns: 1fr !important; gap: 8px; }
  .premium-hero, .home-account-strip, .footer-help-grid, .site-footer-grid,
  .promo-banner-grid, .category-spotlight-grid, .home-selling-points,
  .user-zone-stats, .home-categories-grid, .home-mini-grid, .premium-promo-grid,
  .v52-stage-grid, .v52-trust-grid, .related-products-grid,
  .catalog-layout, .checkout-grid, .account-grid, .help-page-grid,
  .help-page-grid-secondary, .support-admin-layout, .chart-grid,
  .dashboard-stats-grid, .feedback-grid-two, .admin-feedback-grid,
  .admin-feedback-chart-grid, .month-counter-grid, .compliance-grid,
  .compliance-summary-grid, .compliance-traffic-grid {
    grid-template-columns: 1fr !important;
  }
  .premium-products-grid, .productos-grid, .v52-product-grid, .sec-productos {
    grid-template-columns: 1fr !important;
  }
  .producto-card, .checkout-card, .form-container, .footer-help-card { border-radius: 20px; }
  .premium-products-grid .product-card-body, .premium-products-grid form, .product-buy-box { padding-left: 14px; padding-right: 14px; }
  .product-qty-row { align-items: center; }
  .cart-table { display: grid; gap: 12px; }
  .cart-actions { display: grid; gap: 10px; }
  .site-footer { padding-bottom: 26px; }
}

@media (max-width: 480px) {
  body.store-page main { padding-top: 276px !important; }
  body.store-page.store-auth-page main { padding-top: 270px !important; }
  .brand-link { font-size: 1.5rem !important; }
  .store-brand-subtitle { font-size: .78rem; }
  .header-search { flex-direction: column; gap: 8px; }
  .header-search button { width: 100%; }
  .store-mobile-toggle { min-height: 48px; }
  .offer-countdown { grid-template-columns: 1fr; }
  .premium-products-grid .producto-card { min-width: 0; }
}


/* ===== v77.2 mobile header readability + content separation ===== */
@media (max-width: 768px) {
  body.store-page main { padding-top: 286px !important; }
  body.store-page.store-auth-page main { padding-top: 282px !important; }
  .site-header { padding: 14px 12px 16px !important; }
  .store-brand-block { gap: 8px; }
  .brand-link { line-height: 1.05; }
  .store-brand-subtitle {
    display: block;
    max-width: 34ch;
    margin: 0 auto;
    font-size: .92rem;
    line-height: 1.35;
    color: rgba(255,255,255,.9);
  }
  .store-header-top { gap: 14px !important; }
  .store-header-userzone { gap: 10px; }
  .store-mobile-panel { margin-top: 8px; }
  .v52-stage { margin-top: 28px !important; }
  .v52-stage-grid { padding-top: 22px; }
  .section-kicker {
    display: inline-block;
    padding-top: 2px;
    font-size: .84rem;
    line-height: 1.3;
    letter-spacing: .16em;
  }
}

@media (max-width: 480px) {
  body.store-page main { padding-top: 304px !important; }
  body.store-page.store-auth-page main { padding-top: 296px !important; }
  .brand-link { font-size: 1.95rem !important; }
  .store-brand-subtitle {
    max-width: 26ch;
    font-size: .95rem;
    line-height: 1.32;
  }
  .v52-stage { margin-top: 32px !important; }
  .v52-intro-panel { padding-top: 6px; }
  .section-kicker { font-size: .82rem; }
}


/* ===== v78.2 admin login mobile readability fix ===== */
@media (max-width: 768px) {
  body.admin-page.admin-guest main {
    padding-top: 214px !important;
  }

  body.admin-page.admin-guest .form-container {
    margin-top: 18px !important;
    padding-top: 28px !important;
  }

  body.admin-page.admin-guest .form-container h2 {
    margin-top: 4px !important;
    margin-bottom: 18px !important;
    line-height: 1.12 !important;
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  body.admin-page.admin-guest .site-header {
    padding-bottom: 16px;
  }

  body.admin-page.admin-guest main {
    padding-top: 232px !important;
  }

  body.admin-page.admin-guest .form-container {
    margin-top: 20px !important;
    border-radius: 22px;
    padding: 30px 18px 24px !important;
  }

  body.admin-page.admin-guest .form-container h2 {
    font-size: 1.9rem !important;
  }
}


/* ===== v78.3 admin login mobile final spacing fix ===== */
@media (max-width: 768px) {
  body.admin-page.admin-guest main {
    padding-top: 252px !important;
  }

  body.admin-page.admin-guest .admin-login-form {
    margin-top: 34px !important;
    padding-top: 34px !important;
  }

  body.admin-page.admin-guest .admin-login-form h2 {
    display: block;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-top: 2px;
    line-height: 1.08 !important;
    font-size: 1.85rem !important;
  }
}

@media (max-width: 480px) {
  body.admin-page.admin-guest .site-header {
    padding-bottom: 18px !important;
  }

  body.admin-page.admin-guest main {
    padding-top: 284px !important;
  }

  body.admin-page.admin-guest .admin-login-form {
    margin-top: 40px !important;
    padding: 36px 18px 26px !important;
    border-radius: 22px;
  }

  body.admin-page.admin-guest .admin-login-form h2 {
    font-size: 1.68rem !important;
    letter-spacing: -0.02em;
  }
}

/* ===== v79 modern 3D canvas + theme system ===== */
:root {
  color-scheme: light;
  --bg-gradient:
    radial-gradient(circle at 10% 12%, rgba(56,189,248,.24), transparent 22%),
    radial-gradient(circle at 88% 18%, rgba(168,85,247,.18), transparent 24%),
    radial-gradient(circle at 52% 100%, rgba(14,165,233,.12), transparent 26%),
    linear-gradient(180deg, #f6fbff 0%, #eef4ff 52%, #edf2fb 100%);
  --bg-panel: rgba(255,255,255,.72);
  --bg-panel-strong: rgba(255,255,255,.86);
  --bg-panel-soft: rgba(255,255,255,.58);
  --surface-border: rgba(148,163,184,.22);
  --surface-border-strong: rgba(99,102,241,.24);
  --text-primary: #061325;
  --text-secondary: #4b5c73;
  --text-muted: #6b7d95;
  --link-color: #4338ca;
  --link-color-hover: #312e81;
  --brand-a: #4f46e5;
  --brand-b: #06b6d4;
  --brand-c: #a855f7;
  --accent-glow: rgba(99,102,241,.30);
  --shadow-soft: 0 24px 60px rgba(15,23,42,.11);
  --shadow-strong: 0 36px 90px rgba(79,70,229,.22);
  --header-grad: linear-gradient(135deg, rgba(79,70,229,.88) 0%, rgba(10,16,35,.94) 65%, rgba(6,182,212,.78) 100%);
  --chip-bg: rgba(255,255,255,.12);
  --chip-border: rgba(255,255,255,.18);
  --input-bg: rgba(255,255,255,.88);
  --fx-dot: rgba(59,130,246,.55);
  --fx-line: rgba(99,102,241,.18);
  --fx-glow-1: rgba(59,130,246,.24);
  --fx-glow-2: rgba(236,72,153,.15);
}

html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
  --bg-gradient:
    radial-gradient(circle at 12% 14%, rgba(56,189,248,.12), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(168,85,247,.14), transparent 22%),
    radial-gradient(circle at 50% 102%, rgba(14,165,233,.10), transparent 24%),
    linear-gradient(180deg, #040812 0%, #091326 52%, #08101e 100%);
  --bg-panel: rgba(10,19,36,.74);
  --bg-panel-strong: rgba(8,16,30,.88);
  --bg-panel-soft: rgba(11,20,38,.62);
  --surface-border: rgba(148,163,184,.18);
  --surface-border-strong: rgba(99,102,241,.34);
  --text-primary: #edf6ff;
  --text-secondary: #b4c3d6;
  --text-muted: #8ca0b8;
  --link-color: #8ab4ff;
  --link-color-hover: #c6d8ff;
  --accent-glow: rgba(96,165,250,.28);
  --shadow-soft: 0 24px 68px rgba(2,6,23,.42);
  --shadow-strong: 0 40px 110px rgba(2,6,23,.52);
  --header-grad: linear-gradient(135deg, rgba(56,48,163,.82) 0%, rgba(5,10,24,.94) 65%, rgba(8,145,178,.72) 100%);
  --chip-bg: rgba(255,255,255,.07);
  --chip-border: rgba(255,255,255,.12);
  --input-bg: rgba(7,16,32,.82);
  --fx-dot: rgba(125,211,252,.62);
  --fx-line: rgba(99,102,241,.24);
  --fx-glow-1: rgba(59,130,246,.18);
  --fx-glow-2: rgba(236,72,153,.12);
}

html, body {
  background: var(--bg-gradient);
}

body {
  position: relative;
  isolation: isolate;
  color: var(--text-primary);
  transition: background .35s ease, color .25s ease;
}

body > *:not(#fxCanvas):not(.fx-orb) {
  position: relative;
  z-index: 1;
}

#fxCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.fx-orb {
  position: fixed;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(70px);
  z-index: 0;
  opacity: .82;
  animation: fx-float 16s ease-in-out infinite;
}

.fx-orb-a {
  width: 34vw;
  height: 34vw;
  min-width: 280px;
  min-height: 280px;
  left: -10vw;
  top: -8vh;
  background: radial-gradient(circle, var(--fx-glow-1) 0%, transparent 72%);
}

.fx-orb-b {
  width: 30vw;
  height: 30vw;
  min-width: 220px;
  min-height: 220px;
  right: -8vw;
  bottom: 8vh;
  background: radial-gradient(circle, var(--fx-glow-2) 0%, transparent 72%);
  animation-delay: -7s;
}

@keyframes fx-float {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, 26px, 0) scale(1.06); }
}

body,
body p,
body li,
body td,
body label,
body .product-desc,
body .footer-column p,
body .footer-column span,
body .footer-column a,
body .support-bubble span,
body .support-empty-state {
  color: var(--text-secondary);
}

body h1,
body h2,
body h3,
body h4,
body strong,
body .brand-link,
body .promo-banner-card h3,
body .category-spotlight-card h3,
body .product-card-body h3,
body .site-footer h3,
body .site-footer h4,
body .admin-user-chip strong,
body .admin-user-chip span,
body .admin-user-chip-label {
  color: var(--text-primary);
}

body a {
  color: var(--link-color);
}

body a:hover {
  color: var(--link-color-hover);
}

.site-header {
  background: var(--header-grad) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 46px rgba(15,23,42,.28);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(118deg, rgba(255,255,255,.16), transparent 30%, transparent 70%, rgba(255,255,255,.06));
  pointer-events: none;
}

.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
}

.store-brand-subtitle {
  color: rgba(255,255,255,.88);
}

.brand-link,
.nav-links a,
.nav-label,
.store-mini-chip,
.store-user-greeting,
.store-utility-link,
.store-mobile-toggle,
.header-search button,
.admin-user-chip,
.admin-user-chip-guest {
  position: relative;
  z-index: 1;
}

.nav-links a,
.store-mini-chip,
.store-user-greeting,
.store-utility-row .store-utility-link,
.store-mobile-toggle,
.admin-user-chip,
.admin-user-chip-guest,
.header-search button {
  background: var(--chip-bg) !important;
  border-color: var(--chip-border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(2,6,23,.18);
}

.header-search input,
input:not([type="hidden"]),
textarea,
select {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--surface-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px rgba(15,23,42,.06);
}

input::placeholder,
textarea::placeholder {
  color: var(--text-muted) !important;
}

.header-search input:focus,
input:not([type="hidden"]):focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(99,102,241,.42) !important;
  box-shadow: 0 0 0 4px rgba(99,102,241,.14), 0 14px 32px rgba(15,23,42,.10);
}

button,
.primary-cart-btn,
.checkout-form button,
.admin-toolbar button,
.hero-btn,
.promo-card-link,
.product-form-actions button,
.theme-toggle-fab {
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease, background .22s ease;
}

button:hover,
.primary-cart-btn:hover,
.checkout-form button:hover,
.admin-toolbar button:hover,
.hero-btn:hover,
.promo-card-link:hover,
.product-form-actions button:hover,
.theme-toggle-fab:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(79,70,229,.24);
  filter: saturate(1.04);
}

.primary-cart-btn,
.checkout-form button,
.admin-toolbar button,
.hero-btn,
.promo-card-link {
  background: linear-gradient(135deg, var(--brand-a), var(--brand-b)) !important;
  color: #fff !important;
  border: 0 !important;
}

.ghost-link-btn,
.hero-link {
  background: linear-gradient(135deg, rgba(79,70,229,.10), rgba(6,182,212,.10)) !important;
  color: var(--text-primary) !important;
  border: 1px solid rgba(99,102,241,.20) !important;
  backdrop-filter: blur(10px);
}

.price-new,
.discount-chip,
.section-kicker,
.category-spotlight-link,
.product-price-label,
.home-card-badge,
.product-category-tag,
.hero-badge,
.admin-hero-badge,
.promo-card-chip,
.stock-badge.in {
  position: relative;
}

.price-new,
.discount-chip,
.section-kicker,
.category-spotlight-link,
.hero-badge,
.admin-hero-badge,
.promo-card-chip {
  color: var(--brand-a) !important;
}

body[data-theme="dark"] .price-new,
html[data-theme="dark"] .price-new,
body[data-theme="dark"] .discount-chip,
html[data-theme="dark"] .discount-chip,
body[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .section-kicker,
body[data-theme="dark"] .category-spotlight-link,
html[data-theme="dark"] .category-spotlight-link,
body[data-theme="dark"] .hero-badge,
html[data-theme="dark"] .hero-badge,
body[data-theme="dark"] .admin-hero-badge,
html[data-theme="dark"] .admin-hero-badge,
body[data-theme="dark"] .promo-card-chip,
html[data-theme="dark"] .promo-card-chip {
  color: #93c5fd !important;
}

.theme-toggle-fab {
  position: fixed !important;
  left: 18px;
  bottom: 18px;
  z-index: 1200 !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  border-radius: 999px;
  border: 1px solid var(--surface-border);
  background: var(--bg-panel-strong) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-strong);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  font-weight: 800;
}

.theme-toggle-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand-a), var(--brand-b));
  color: #fff;
  box-shadow: 0 0 24px var(--accent-glow);
}

.theme-toggle-label {
  line-height: 1;
  color: var(--text-primary);
}

.ui-premium-card {
  position: relative;
  overflow: hidden;
  background: var(--bg-panel) !important;
  border: 1px solid var(--surface-border) !important;
  box-shadow: var(--shadow-soft) !important;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  transform-style: preserve-3d;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}

.ui-premium-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.46), transparent 30%, rgba(99,102,241,.24), transparent 76%, rgba(6,182,212,.24));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: .9;
  pointer-events: none;
}

.ui-premium-card::after {
  content: "";
  position: absolute;
  top: -70%;
  left: -26%;
  width: 34%;
  height: 240%;
  transform: rotate(16deg) translateX(-140%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  opacity: 0;
  transition: transform .9s ease, opacity .4s ease;
  pointer-events: none;
}

.ui-premium-card:hover {
  border-color: var(--surface-border-strong) !important;
  box-shadow: var(--shadow-strong) !important;
}

.ui-premium-card:hover::after {
  transform: rotate(16deg) translateX(340%);
  opacity: 1;
}

.ui-tilt-card:hover {
  transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-8px) scale(1.01);
}

.product-image,
.promo-banner-image,
.promo-card-image {
  background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.08));
}

.premium-products-grid .producto-card,
.promo-banner-card,
.category-spotlight-card,
.selling-point-card,
.footer-help-card,
.form-container,
.order-history-box,
.dashboard-stat-card,
.account-stat,
.support-panel,
.promo-card,
.home-account-strip,
.premium-hero,
.premium-hero-panel,
.v51-hero-main {
  border-radius: 26px !important;
}

.form-container,
.order-history-box,
.checkout-card,
.account-stat,
.support-panel,
.card-box,
.dashboard-stat-card,
.promo-card,
.footer-help-card {
  background: var(--bg-panel-strong) !important;
}

.catalog-pill,
.footer-badges span,
.home-card-badge,
.product-category-tag,
.product-shipping-pill,
.product-trust-row span,
.stock-badge,
.discount-chip,
.promo-card-chip,
.hero-badge,
.admin-hero-badge {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.catalog-pill,
.footer-badges span,
.home-card-badge,
.product-category-tag,
.product-shipping-pill,
.product-trust-row span,
.discount-chip,
.promo-card-chip,
.hero-badge,
.admin-hero-badge {
  background: linear-gradient(135deg, rgba(79,70,229,.12), rgba(6,182,212,.10)) !important;
  border: 1px solid rgba(99,102,241,.18) !important;
}

body[data-theme="dark"] .catalog-pill,
html[data-theme="dark"] .catalog-pill,
body[data-theme="dark"] .footer-badges span,
html[data-theme="dark"] .footer-badges span,
body[data-theme="dark"] .home-card-badge,
html[data-theme="dark"] .home-card-badge,
body[data-theme="dark"] .product-category-tag,
html[data-theme="dark"] .product-category-tag,
body[data-theme="dark"] .product-shipping-pill,
html[data-theme="dark"] .product-shipping-pill,
body[data-theme="dark"] .product-trust-row span,
html[data-theme="dark"] .product-trust-row span,
body[data-theme="dark"] .discount-chip,
html[data-theme="dark"] .discount-chip,
body[data-theme="dark"] .promo-card-chip,
html[data-theme="dark"] .promo-card-chip,
body[data-theme="dark"] .hero-badge,
html[data-theme="dark"] .hero-badge,
body[data-theme="dark"] .admin-hero-badge,
html[data-theme="dark"] .admin-hero-badge {
  background: linear-gradient(135deg, rgba(79,70,229,.18), rgba(6,182,212,.14)) !important;
  border-color: rgba(148,163,184,.18) !important;
}

body[data-theme="dark"] .stock-badge.in,
html[data-theme="dark"] .stock-badge.in {
  background: rgba(22,163,74,.18) !important;
  border-color: rgba(74,222,128,.18) !important;
  color: #bbf7d0 !important;
}

body[data-theme="dark"] .stock-badge.out,
html[data-theme="dark"] .stock-badge.out {
  background: rgba(127,29,29,.20) !important;
  border-color: rgba(248,113,113,.18) !important;
  color: #fecaca !important;
}

body[data-theme="dark"] .alert-error,
html[data-theme="dark"] .alert-error {
  background: rgba(127,29,29,.22);
  color: #fecaca;
  border-color: rgba(248,113,113,.22);
}

body[data-theme="dark"] .alert-success,
html[data-theme="dark"] .alert-success {
  background: rgba(20,83,45,.26);
  color: #bbf7d0;
  border-color: rgba(74,222,128,.18);
}

body[data-theme="dark"] .site-footer,
html[data-theme="dark"] .site-footer {
  background: linear-gradient(180deg, rgba(3,7,18,.74), rgba(3,7,18,.90));
  border-top-color: rgba(148,163,184,.14);
}

body[data-theme="dark"] .site-footer .footer-column p,
html[data-theme="dark"] .site-footer .footer-column p,
body[data-theme="dark"] .site-footer .footer-column a,
html[data-theme="dark"] .site-footer .footer-column a,
body[data-theme="dark"] .site-footer .footer-column span,
html[data-theme="dark"] .site-footer .footer-column span,
body[data-theme="dark"] .site-footer-bottom,
html[data-theme="dark"] .site-footer-bottom {
  color: #b4c3d6 !important;
}

body[data-theme="dark"] .promo-banner-card.is-dark,
html[data-theme="dark"] .promo-banner-card.is-dark,
body[data-theme="dark"] .offer-countdown div,
html[data-theme="dark"] .offer-countdown div {
  background: linear-gradient(180deg, rgba(7,16,32,.88), rgba(8,16,30,.98)) !important;
  color: #edf6ff !important;
}

body[data-theme="dark"] .promo-banner-card.is-dark p,
html[data-theme="dark"] .promo-banner-card.is-dark p,
body[data-theme="dark"] .promo-banner-card.is-dark h3,
html[data-theme="dark"] .promo-banner-card.is-dark h3,
body[data-theme="dark"] .offer-countdown span,
html[data-theme="dark"] .offer-countdown span {
  color: #dbeafe !important;
}

body[data-theme="dark"] .ui-premium-card,
html[data-theme="dark"] .ui-premium-card {
  background: var(--bg-panel) !important;
}

body[data-theme="dark"] .theme-toggle-fab,
html[data-theme="dark"] .theme-toggle-fab {
  border-color: rgba(148,163,184,.18);
}

@media (max-width: 768px) {
  .theme-toggle-fab {
    left: 12px;
    bottom: 12px;
    padding: 11px 14px;
  }

  .theme-toggle-label {
    font-size: .92rem;
  }

  .fx-orb-a,
  .fx-orb-b {
    filter: blur(54px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fx-orb,
  .ui-premium-card,
  .theme-toggle-fab,
  button,
  .primary-cart-btn,
  .checkout-form button,
  .admin-toolbar button,
  .promo-card-link {
    animation: none !important;
    transition: none !important;
  }

  .ui-tilt-card:hover {
    transform: none !important;
  }
}


/* ===== v79a contrast fixes: search button + checkout art text ===== */
.header-search button {
  background: linear-gradient(135deg, var(--brand-a), var(--brand-b)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .28), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.header-search button:hover,
.header-search button:focus {
  background: linear-gradient(135deg, #4338ca, #0891b2) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .header-search button,
body[data-theme="dark"] .header-search button {
  background: linear-gradient(135deg, #4f46e5, #06b6d4) !important;
  color: #ffffff !important;
  border-color: rgba(147, 197, 253, .24) !important;
}

html[data-theme="dark"] .header-search button:hover,
body[data-theme="dark"] .header-search button:hover,
html[data-theme="dark"] .header-search button:focus,
body[data-theme="dark"] .header-search button:focus {
  background: linear-gradient(135deg, #6366f1, #22d3ee) !important;
  color: #ffffff !important;
}

.v52-art-card {
  background: rgba(7,17,39,.30);
}

.v52-art-card span,
.v52-art-card ul,
.v52-art-card li,
.v52-slide .v52-art-card li,
.v52-slide:nth-child(3) .v52-art-card span,
.v52-slide:nth-child(3) .v52-art-card li {
  color: #ffffff !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.18);
}


/* ===== v79.2 footer dock + support/widget spacing fix ===== */
.site-footer-stack {
  width: 100%;
  margin-top: auto;
  display: block;
}

.site-footer-stack .footer-help-strip {
  margin-top: 0;
}

.site-footer {
  margin-top: 0 !important;
}

body.store-page,
body.admin-page {
  min-height: 100vh;
}

body.store-page main,
body.admin-page main {
  flex: 1 0 auto;
}

.support-widget {
  position: fixed;
  right: 18px !important;
  left: auto !important;
  bottom: 18px;
  z-index: 1400;
}

.support-panel {
  right: 0 !important;
  left: auto !important;
  bottom: 72px;
}

.theme-toggle-fab {
  left: 18px !important;
  right: auto !important;
  bottom: 18px;
  z-index: 1350 !important;
}

@media (max-width: 768px) {
  .support-widget {
    right: 12px !important;
    left: auto !important;
    bottom: 12px;
  }

  .support-panel {
    right: 0 !important;
    left: auto !important;
    bottom: 64px;
    width: min(360px, calc(100vw - 18px));
    max-width: calc(100vw - 18px);
  }

  .theme-toggle-fab {
    left: 12px !important;
    right: auto !important;
    bottom: 12px;
  }
}


/* ===== v79.3 support/footer docking final fix ===== */
body.store-page,
body.admin-page {
  min-height: 100vh;
}

.site-footer-stack {
  width: 100%;
  display: block;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.footer-help-strip,
.site-footer {
  position: relative;
  z-index: 2;
}

.site-footer {
  margin-bottom: 0 !important;
}

.support-widget {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  bottom: 18px !important;
  z-index: 1500 !important;
}

.support-panel {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  bottom: 92px !important;
  z-index: 1501 !important;
}

.theme-toggle-fab {
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  bottom: 18px !important;
  z-index: 1450 !important;
}

body.support-panel-open .theme-toggle-fab {
  box-shadow: 0 18px 38px rgba(15, 23, 42, .18), 0 0 0 1px rgba(255,255,255,.10) inset;
}

@media (max-width: 768px) {
  .support-widget {
    right: 12px !important;
    left: auto !important;
    bottom: 12px !important;
  }

  .support-panel {
    right: 12px !important;
    left: auto !important;
    bottom: 82px !important;
    width: min(360px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(70vh, 620px) !important;
  }

  .theme-toggle-fab {
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
  }
}

/* ===== v79.4 home/account readability + spacing polish ===== */
/* Tarjeta "Más vendido" visible en modo claro y oscuro */
.promo-banner-card.is-dark,
.promo-banner-card.is-dark.ui-premium-card {
  background: linear-gradient(135deg, rgba(10,18,36,.96) 0%, rgba(55,48,163,.92) 58%, rgba(37,99,235,.82) 100%) !important;
  border-color: rgba(99,102,241,.28) !important;
  box-shadow: 0 28px 70px rgba(30,41,59,.18) !important;
}

.promo-banner-card.is-dark,
.promo-banner-card.is-dark h3,
.promo-banner-card.is-dark p,
.promo-banner-card.is-dark .section-kicker,
.promo-banner-card.is-dark a {
  color: #ffffff !important;
}

.promo-banner-card.is-dark p {
  color: rgba(255,255,255,.88) !important;
}

.promo-banner-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.promo-banner-card .hero-link {
  align-self: flex-start;
  width: auto !important;
  max-width: 220px;
  min-height: 50px;
  padding: 0 26px !important;
  font-size: 1rem;
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.18);
}

.promo-banner-card .hero-link:hover,
.promo-banner-card .hero-link:focus {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.34) !important;
}

/* Tu zona de usuario vuelve a verse bien */
.home-account-strip,
.home-account-strip.ui-premium-card {
  background: linear-gradient(135deg, rgba(9,17,34,.94) 0%, rgba(55,48,163,.90) 52%, rgba(8,145,178,.76) 100%) !important;
  border-color: rgba(129,140,248,.22) !important;
  box-shadow: 0 28px 76px rgba(15,23,42,.18) !important;
}

.home-account-strip h2,
.home-account-strip p,
.home-account-strip .section-kicker,
.home-account-strip strong,
.home-account-strip .user-zone-stat strong,
.home-account-strip .home-account-chip strong {
  color: #ffffff !important;
}

.home-account-strip p,
.home-account-strip .user-zone-stat span,
.home-account-strip .home-account-chip span {
  color: rgba(255,255,255,.84) !important;
}

.home-account-strip h2 {
  margin: 8px 0 10px;
  line-height: 1.12;
  max-width: 640px;
}

.home-account-strip p {
  max-width: 720px;
  line-height: 1.62;
}

.home-account-chip {
  background: rgba(255,255,255,.13) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.12);
}

.home-account-chip:hover {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.28) !important;
}

.user-zone-stat {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* Mi cuenta más limpia y con mejor aire */
.account-shell {
  width: min(1240px, calc(100% - 24px));
  margin: 28px auto 0;
  gap: 20px;
}

.card-box {
  padding: 24px;
  border: 1px solid var(--surface-border) !important;
  box-shadow: var(--shadow-soft) !important;
}

.account-hero.card-box {
  padding: 28px 30px;
}

.account-hero h2 {
  margin: 0 0 8px;
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.04;
}

.account-hero p {
  margin: 0;
  max-width: 760px;
  line-height: 1.6;
}

.account-grid .card-box,
.account-shell > .card-box {
  padding: 26px 24px;
}

.account-grid .card-box h3,
.account-shell > .card-box h3 {
  margin: 0 0 18px;
  font-size: 1.42rem;
  line-height: 1.18;
  color: var(--text-primary) !important;
}

.account-inline-head {
  margin-bottom: 16px;
}

.account-inline-head h3 {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
}

.account-grid .checkout-form label,
.account-shell .checkout-form label {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: .96rem;
  letter-spacing: .01em;
  color: var(--text-primary) !important;
}

.account-grid .checkout-form input,
.account-shell .checkout-form input,
.account-grid .checkout-form select,
.account-shell .checkout-form select,
.account-grid .checkout-form textarea,
.account-shell .checkout-form textarea {
  min-height: 52px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 1rem;
  line-height: 1.4;
}

.account-grid .checkout-form button,
.account-shell .checkout-form button {
  min-height: 52px;
  margin-top: 8px;
  border-radius: 14px;
  font-size: 1rem;
}

.account-stat {
  padding: 18px 16px !important;
}

.account-stat strong {
  margin-bottom: 4px;
  font-size: 1.3rem;
  line-height: 1.1;
}

.account-stat span {
  color: var(--text-secondary) !important;
}

.compact-orders .order-card.compact {
  padding: 22px;
}

.compact-orders .order-card.compact h3 {
  margin: 0 0 6px;
  font-size: 1.3rem;
}

.compact-orders .order-card.compact p,
.compact-orders .order-card.compact strong {
  line-height: 1.55;
}

@media (max-width: 900px) {
  .promo-banner-card .hero-link {
    max-width: none;
  }

  .account-shell {
    width: min(100%, calc(100% - 18px));
    margin-top: 20px;
  }

  .account-hero.card-box,
  .account-grid .card-box,
  .account-shell > .card-box,
  .card-box {
    padding: 22px 18px;
  }
}


/* ===== v79.5 header/footer/account readability fixes ===== */
.footer-help-card {
  position: relative;
  isolation: isolate;
}

.footer-help-card strong,
.footer-help-card h3 {
  color: var(--text-primary) !important;
  opacity: 1 !important;
  line-height: 1.24;
}

.footer-help-card span,
.footer-help-card p {
  color: var(--text-secondary) !important;
  opacity: 1 !important;
  line-height: 1.55;
}

html[data-theme="dark"] .footer-help-card,
body[data-theme="dark"] .footer-help-card {
  background: linear-gradient(180deg, rgba(6,16,32,.92), rgba(7,18,37,.98)) !important;
  border-color: rgba(96,165,250,.18) !important;
  box-shadow: 0 22px 54px rgba(2,6,23,.28) !important;
}

html[data-theme="dark"] .footer-help-card strong,
body[data-theme="dark"] .footer-help-card strong,
html[data-theme="dark"] .footer-help-card h3,
body[data-theme="dark"] .footer-help-card h3 {
  color: #f8fbff !important;
}

html[data-theme="dark"] .footer-help-card span,
body[data-theme="dark"] .footer-help-card span,
html[data-theme="dark"] .footer-help-card p,
body[data-theme="dark"] .footer-help-card p {
  color: rgba(219,234,254,.84) !important;
}

.promo-banner-card.is-dark {
  position: relative;
  isolation: isolate;
}

.promo-banner-card.is-dark > * {
  position: relative;
  z-index: 1;
}

.promo-banner-card.is-dark .section-kicker,
.promo-banner-card.is-dark h3,
.promo-banner-card.is-dark p,
.promo-banner-card.is-dark li,
.promo-banner-card.is-dark a {
  color: #ffffff !important;
  opacity: 1 !important;
}

.promo-banner-card.is-dark p {
  color: rgba(255,255,255,.90) !important;
}

.promo-banner-card .hero-link {
  width: fit-content !important;
  max-width: 190px !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  font-size: .96rem !important;
  border-radius: 999px !important;
}

.home-account-strip {
  position: relative;
  isolation: isolate;
}

.home-account-strip > div,
.home-account-strip .home-account-actions,
.home-account-strip .user-zone-stats,
.home-account-strip .user-zone-stat,
.home-account-strip .home-account-chip {
  position: relative;
  z-index: 1;
}

.home-account-strip .section-kicker {
  color: #dbeafe !important;
}

.home-account-strip h2 {
  color: #ffffff !important;
  font-size: clamp(1.9rem, 2.7vw, 2.55rem) !important;
  line-height: 1.08 !important;
}

.home-account-strip p {
  color: rgba(255,255,255,.88) !important;
  font-size: 1.02rem;
}

.home-account-strip .user-zone-stat strong,
.home-account-strip .home-account-chip strong {
  color: #ffffff !important;
}

.home-account-strip .user-zone-stat span,
.home-account-strip .home-account-chip span {
  color: rgba(255,255,255,.84) !important;
}

.account-shell .card-box h3,
.account-shell .order-card h3 {
  letter-spacing: -.01em;
}

.account-shell .checkout-form label {
  display: inline-block;
  font-weight: 700;
  line-height: 1.35;
}

.account-shell .checkout-form input,
.account-shell .checkout-form textarea,
.account-shell .checkout-form select {
  letter-spacing: 0;
}

.account-shell .order-card.compact {
  gap: 10px;
}

.account-shell .order-card.compact p,
.account-shell .order-card.compact strong,
.account-shell .order-card.compact span {
  line-height: 1.6;
}

.account-inline-head .hero-link {
  width: auto !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  font-size: .96rem !important;
}

@media (max-width: 900px) {
  .home-account-strip h2 {
    font-size: clamp(1.6rem, 7vw, 2.1rem) !important;
  }

  .promo-banner-card .hero-link,
  .account-inline-head .hero-link {
    max-width: none !important;
  }
}

/* ===== v79.6 admin dark mode readability fix ===== */
html[data-theme="dark"] body.admin-page,
body[data-theme="dark"].admin-page {
  color: #eef6ff;
}

html[data-theme="dark"] .admin-page .admin-card,
body[data-theme="dark"].admin-page .admin-card,
html[data-theme="dark"] .admin-page .dashboard-stat-card,
body[data-theme="dark"].admin-page .dashboard-stat-card,
html[data-theme="dark"] .admin-page .chart-card,
body[data-theme="dark"].admin-page .chart-card,
html[data-theme="dark"] .admin-page .dashboard-panel-card,
body[data-theme="dark"].admin-page .dashboard-panel-card,
html[data-theme="dark"] .admin-page .soft-inset-card,
body[data-theme="dark"].admin-page .soft-inset-card,
html[data-theme="dark"] .admin-page .compliance-actions-bar,
body[data-theme="dark"].admin-page .compliance-actions-bar,
html[data-theme="dark"] .admin-page .traffic-card,
body[data-theme="dark"].admin-page .traffic-card,
html[data-theme="dark"] .admin-page .form-container,
body[data-theme="dark"].admin-page .form-container,
html[data-theme="dark"] .admin-page .card-box,
body[data-theme="dark"].admin-page .card-box,
html[data-theme="dark"] .admin-page .order-card,
body[data-theme="dark"].admin-page .order-card,
html[data-theme="dark"] .admin-page .admin-feedback-toolbar,
body[data-theme="dark"].admin-page .admin-feedback-toolbar,
html[data-theme="dark"] .admin-page .feedback-chart-card,
body[data-theme="dark"].admin-page .feedback-chart-card,
html[data-theme="dark"] .admin-page .admin-feedback-card,
body[data-theme="dark"].admin-page .admin-feedback-card,
html[data-theme="dark"] .admin-page .support-admin-sidebar,
body[data-theme="dark"].admin-page .support-admin-sidebar,
html[data-theme="dark"] .admin-page .support-admin-main,
body[data-theme="dark"].admin-page .support-admin-main,
html[data-theme="dark"] .admin-page .support-admin-item,
body[data-theme="dark"].admin-page .support-admin-item,
html[data-theme="dark"] .admin-page .empty-admin-box,
body[data-theme="dark"].admin-page .empty-admin-box {
  background: linear-gradient(180deg, rgba(6,16,32,.92), rgba(8,18,35,.98)) !important;
  border-color: rgba(96,165,250,.16) !important;
  box-shadow: 0 24px 58px rgba(2,6,23,.30) !important;
}

html[data-theme="dark"] .admin-page .traffic-green,
body[data-theme="dark"].admin-page .traffic-green {
  background: linear-gradient(180deg, rgba(6,78,59,.34), rgba(7,18,35,.96)) !important;
  border-color: rgba(74,222,128,.34) !important;
}

html[data-theme="dark"] .admin-page .traffic-yellow,
body[data-theme="dark"].admin-page .traffic-yellow {
  background: linear-gradient(180deg, rgba(120,53,15,.28), rgba(7,18,35,.96)) !important;
  border-color: rgba(251,191,36,.34) !important;
}

html[data-theme="dark"] .admin-page .traffic-red,
body[data-theme="dark"].admin-page .traffic-red {
  background: linear-gradient(180deg, rgba(127,29,29,.30), rgba(7,18,35,.96)) !important;
  border-color: rgba(248,113,113,.34) !important;
}

html[data-theme="dark"] .admin-page .dashboard-stat-card.warning,
body[data-theme="dark"].admin-page .dashboard-stat-card.warning {
  background: linear-gradient(180deg, rgba(120,53,15,.24), rgba(8,18,35,.98)) !important;
  border-color: rgba(251,191,36,.26) !important;
}

html[data-theme="dark"] .admin-page .dashboard-stat-card.accent,
body[data-theme="dark"].admin-page .dashboard-stat-card.accent {
  background: linear-gradient(180deg, rgba(30,64,175,.26), rgba(8,18,35,.98)) !important;
  border-color: rgba(96,165,250,.26) !important;
}

html[data-theme="dark"] .admin-page .admin-card h1,
html[data-theme="dark"] .admin-page .admin-card h2,
html[data-theme="dark"] .admin-page .admin-card h3,
html[data-theme="dark"] .admin-page .admin-card h4,
html[data-theme="dark"] .admin-page .dashboard-stat-card strong,
html[data-theme="dark"] .admin-page .traffic-card strong,
html[data-theme="dark"] .admin-page .section-kicker,
html[data-theme="dark"] .admin-page .feedback-bar-label,
html[data-theme="dark"] .admin-page .hero-list strong,
html[data-theme="dark"] .admin-page .admin-feedback-head strong,
html[data-theme="dark"] .admin-page .admin-feedback-block strong,
html[data-theme="dark"] .admin-page .admin-table td strong,
html[data-theme="dark"] .admin-page .quick-metric-row strong,
body[data-theme="dark"].admin-page .admin-card h1,
body[data-theme="dark"].admin-page .admin-card h2,
body[data-theme="dark"].admin-page .admin-card h3,
body[data-theme="dark"].admin-page .admin-card h4,
body[data-theme="dark"].admin-page .dashboard-stat-card strong,
body[data-theme="dark"].admin-page .traffic-card strong,
body[data-theme="dark"].admin-page .section-kicker,
body[data-theme="dark"].admin-page .feedback-bar-label,
body[data-theme="dark"].admin-page .hero-list strong,
body[data-theme="dark"].admin-page .admin-feedback-head strong,
body[data-theme="dark"].admin-page .admin-feedback-block strong,
body[data-theme="dark"].admin-page .admin-table td strong,
body[data-theme="dark"].admin-page .quick-metric-row strong {
  color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page .admin-card p,
html[data-theme="dark"] .admin-page .admin-card li,
html[data-theme="dark"] .admin-page .admin-card td,
html[data-theme="dark"] .admin-page .admin-card label,
html[data-theme="dark"] .admin-page .dashboard-stat-card p,
html[data-theme="dark"] .admin-page .dashboard-stat-label,
html[data-theme="dark"] .admin-page .traffic-card span,
html[data-theme="dark"] .admin-page .traffic-card small,
html[data-theme="dark"] .admin-page .hero-list,
html[data-theme="dark"] .admin-page .hero-list li,
html[data-theme="dark"] .admin-page .quick-metric-row span,
html[data-theme="dark"] .admin-page .admin-feedback-grid > div,
html[data-theme="dark"] .admin-page .admin-feedback-block p,
html[data-theme="dark"] .admin-page .admin-feedback-head span,
body[data-theme="dark"].admin-page .admin-card p,
body[data-theme="dark"].admin-page .admin-card li,
body[data-theme="dark"].admin-page .admin-card td,
body[data-theme="dark"].admin-page .admin-card label,
body[data-theme="dark"].admin-page .dashboard-stat-card p,
body[data-theme="dark"].admin-page .dashboard-stat-label,
body[data-theme="dark"].admin-page .traffic-card span,
body[data-theme="dark"].admin-page .traffic-card small,
body[data-theme="dark"].admin-page .hero-list,
body[data-theme="dark"].admin-page .hero-list li,
body[data-theme="dark"].admin-page .quick-metric-row span,
body[data-theme="dark"].admin-page .admin-feedback-grid > div,
body[data-theme="dark"].admin-page .admin-feedback-block p,
body[data-theme="dark"].admin-page .admin-feedback-head span {
  color: rgba(219,234,254,.88) !important;
}

html[data-theme="dark"] .admin-page .muted-text,
html[data-theme="dark"] .admin-page .table-subtext,
html[data-theme="dark"] .admin-page .form-helper-text,
body[data-theme="dark"].admin-page .muted-text,
body[data-theme="dark"].admin-page .table-subtext,
body[data-theme="dark"].admin-page .form-helper-text {
  color: rgba(191,219,254,.76) !important;
}

html[data-theme="dark"] .admin-page .admin-table-wrap,
body[data-theme="dark"].admin-page .admin-table-wrap {
  background: rgba(2,6,23,.28) !important;
  border: 1px solid rgba(96,165,250,.10) !important;
}

html[data-theme="dark"] .admin-page .admin-table th,
body[data-theme="dark"].admin-page .admin-table th {
  background: rgba(15,23,42,.72) !important;
  color: #cbd5e1 !important;
  border-bottom-color: rgba(96,165,250,.14) !important;
}

html[data-theme="dark"] .admin-page .admin-table td,
body[data-theme="dark"].admin-page .admin-table td {
  border-bottom-color: rgba(96,165,250,.10) !important;
  color: rgba(226,232,240,.92) !important;
}

html[data-theme="dark"] .admin-page .admin-thumb,
html[data-theme="dark"] .admin-page .admin-thumb-placeholder,
body[data-theme="dark"].admin-page .admin-thumb,
body[data-theme="dark"].admin-page .admin-thumb-placeholder {
  background: rgba(15,23,42,.76) !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(96,165,250,.12) !important;
}

html[data-theme="dark"] .admin-page .admin-shortcut-btn,
html[data-theme="dark"] .admin-page .admin-feedback-filter-pills a,
html[data-theme="dark"] .admin-page .btn-secondary,
html[data-theme="dark"] .admin-page .hero-link,
body[data-theme="dark"].admin-page .admin-shortcut-btn,
body[data-theme="dark"].admin-page .admin-feedback-filter-pills a,
body[data-theme="dark"].admin-page .btn-secondary,
body[data-theme="dark"].admin-page .hero-link {
  background: rgba(15,23,42,.72) !important;
  color: #eaf2ff !important;
  border-color: rgba(96,165,250,.18) !important;
}

html[data-theme="dark"] .admin-page .admin-shortcut-btn:hover,
html[data-theme="dark"] .admin-page .admin-feedback-filter-pills a:hover,
html[data-theme="dark"] .admin-page .btn-secondary:hover,
html[data-theme="dark"] .admin-page .hero-link:hover,
body[data-theme="dark"].admin-page .admin-shortcut-btn:hover,
body[data-theme="dark"].admin-page .admin-feedback-filter-pills a:hover,
body[data-theme="dark"].admin-page .btn-secondary:hover,
body[data-theme="dark"].admin-page .hero-link:hover {
  background: rgba(30,41,59,.90) !important;
  color: #ffffff !important;
  border-color: rgba(129,140,248,.30) !important;
}

html[data-theme="dark"] .admin-page .admin-shortcut-btn.is-active,
html[data-theme="dark"] .admin-page .admin-feedback-filter-pills a.is-active,
body[data-theme="dark"].admin-page .admin-shortcut-btn.is-active,
body[data-theme="dark"].admin-page .admin-feedback-filter-pills a.is-active {
  background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .admin-page .feedback-bar-track,
html[data-theme="dark"] .admin-page .feedback-meter,
body[data-theme="dark"].admin-page .feedback-bar-track,
body[data-theme="dark"].admin-page .feedback-meter {
  background: rgba(148,163,184,.18) !important;
}

html[data-theme="dark"] .admin-page .admin-feedback-rating-chip,
body[data-theme="dark"].admin-page .admin-feedback-rating-chip {
  background: rgba(120,53,15,.32) !important;
  border-color: rgba(251,191,36,.28) !important;
}

html[data-theme="dark"] .admin-page .support-admin-item.is-active,
body[data-theme="dark"].admin-page .support-admin-item.is-active {
  background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(79,70,229,.24)) !important;
  border-color: rgba(129,140,248,.26) !important;
}

html[data-theme="dark"] .admin-page .alert-success,
body[data-theme="dark"].admin-page .alert-success {
  background: rgba(6,78,59,.28) !important;
  color: #d1fae5 !important;
  border-color: rgba(74,222,128,.24) !important;
}

html[data-theme="dark"] .admin-page .alert-error,
body[data-theme="dark"].admin-page .alert-error {
  background: rgba(127,29,29,.28) !important;
  color: #fee2e2 !important;
  border-color: rgba(248,113,113,.24) !important;
}

html[data-theme="dark"] .admin-page .stock-pill.warning,
body[data-theme="dark"].admin-page .stock-pill.warning {
  background: rgba(120,53,15,.26) !important;
  color: #fde68a !important;
  border-color: rgba(251,191,36,.28) !important;
}

html[data-theme="dark"] .admin-page .stock-pill.critical,
body[data-theme="dark"].admin-page .stock-pill.critical {
  background: rgba(127,29,29,.26) !important;
  color: #fecaca !important;
  border-color: rgba(248,113,113,.28) !important;
}

html[data-theme="dark"] .admin-page .admin-grid pre,
body[data-theme="dark"].admin-page .admin-grid pre {
  border: 1px solid rgba(96,165,250,.14);
}

/* =========================
   V79.7 DARK MODE HOME FEEDBACK READABILITY
========================= */
html[data-theme="dark"] .testimonials-grid .testimonial-card,
body[data-theme="dark"] .testimonials-grid .testimonial-card,
html[data-theme="dark"] .feedback-home-intro,
body[data-theme="dark"] .feedback-home-intro,
html[data-theme="dark"] .feedback-home-form-wrap,
body[data-theme="dark"] .feedback-home-form-wrap {
  background: linear-gradient(180deg, rgba(8,16,30,.92), rgba(7,14,26,.98)) !important;
  border-color: rgba(125, 153, 196, 0.18) !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.38) !important;
}

html[data-theme="dark"] .testimonials-grid .testimonial-card p,
body[data-theme="dark"] .testimonials-grid .testimonial-card p,
html[data-theme="dark"] .feedback-home-intro p,
body[data-theme="dark"] .feedback-home-intro p,
html[data-theme="dark"] .feedback-home-form-wrap > p,
body[data-theme="dark"] .feedback-home-form-wrap > p {
  color: rgba(219, 234, 254, 0.88) !important;
}

html[data-theme="dark"] .testimonials-grid .testimonial-card strong,
body[data-theme="dark"] .testimonials-grid .testimonial-card strong,
html[data-theme="dark"] .feedback-home-intro h2,
body[data-theme="dark"] .feedback-home-intro h2,
html[data-theme="dark"] .feedback-form label,
body[data-theme="dark"] .feedback-form label {
  color: #f8fbff !important;
}

html[data-theme="dark"] .feedback-home-intro .section-kicker,
body[data-theme="dark"] .feedback-home-intro .section-kicker {
  color: #93c5fd !important;
}

html[data-theme="dark"] .rating-card-group,
body[data-theme="dark"] .rating-card-group {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(8, 16, 30, 0.95)) !important;
  border-color: rgba(125, 153, 196, 0.18) !important;
}

html[data-theme="dark"] .rating-card-group small,
body[data-theme="dark"] .rating-card-group small,
html[data-theme="dark"] .feedback-device-pills span,
body[data-theme="dark"] .feedback-device-pills span,
html[data-theme="dark"] .feedback-return-pills span,
body[data-theme="dark"] .feedback-return-pills span {
  color: #dbeafe !important;
}

html[data-theme="dark"] .feedback-device-pills span,
body[data-theme="dark"] .feedback-device-pills span,
html[data-theme="dark"] .feedback-return-pills span,
body[data-theme="dark"] .feedback-return-pills span {
  background: rgba(15, 23, 42, 0.72) !important;
  border-color: rgba(125, 153, 196, 0.18) !important;
}

html[data-theme="dark"] #encuesta-opinion textarea,
body[data-theme="dark"] #encuesta-opinion textarea {
  color: #e5edf9 !important;
}

html[data-theme="dark"] #encuesta-opinion textarea::placeholder,
body[data-theme="dark"] #encuesta-opinion textarea::placeholder {
  color: #93a9c8 !important;
}


/* =========================
   V79.8 ADMIN AUTH DARK READABILITY
========================= */
html[data-theme="dark"] body.admin-page.admin-guest .form-container,
body[data-theme="dark"].admin-page.admin-guest .form-container {
  background: linear-gradient(180deg, rgba(6,14,28,.92), rgba(4,10,22,.96)) !important;
  border: 1px solid rgba(96,165,250,.18) !important;
  box-shadow: 0 26px 68px rgba(2,6,23,.48), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container h1,
html[data-theme="dark"] body.admin-page.admin-guest .form-container h2,
html[data-theme="dark"] body.admin-page.admin-guest .form-container h3,
body[data-theme="dark"].admin-page.admin-guest .form-container h1,
body[data-theme="dark"].admin-page.admin-guest .form-container h2,
body[data-theme="dark"].admin-page.admin-guest .form-container h3 {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container label,
html[data-theme="dark"] body.admin-page.admin-guest .form-container p,
html[data-theme="dark"] body.admin-page.admin-guest .form-container li,
body[data-theme="dark"].admin-page.admin-guest .form-container label,
body[data-theme="dark"].admin-page.admin-guest .form-container p,
body[data-theme="dark"].admin-page.admin-guest .form-container li {
  color: rgba(219,234,254,.90) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container .muted-text,
html[data-theme="dark"] body.admin-page.admin-guest .form-container .form-helper-text,
body[data-theme="dark"].admin-page.admin-guest .form-container .muted-text,
body[data-theme="dark"].admin-page.admin-guest .form-container .form-helper-text {
  color: rgba(191,219,254,.84) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container strong,
body[data-theme="dark"].admin-page.admin-guest .form-container strong {
  color: #ffffff !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container a,
body[data-theme="dark"].admin-page.admin-guest .form-container a {
  color: #93c5fd !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container a:hover,
body[data-theme="dark"].admin-page.admin-guest .form-container a:hover {
  color: #dbeafe !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container input:not([type="hidden"]),
html[data-theme="dark"] body.admin-page.admin-guest .form-container textarea,
html[data-theme="dark"] body.admin-page.admin-guest .form-container select,
body[data-theme="dark"].admin-page.admin-guest .form-container input:not([type="hidden"]),
body[data-theme="dark"].admin-page.admin-guest .form-container textarea,
body[data-theme="dark"].admin-page.admin-guest .form-container select {
  background: rgba(15,23,42,.86) !important;
  color: #f8fbff !important;
  border-color: rgba(96,165,250,.18) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container input::placeholder,
html[data-theme="dark"] body.admin-page.admin-guest .form-container textarea::placeholder,
body[data-theme="dark"].admin-page.admin-guest .form-container input::placeholder,
body[data-theme="dark"].admin-page.admin-guest .form-container textarea::placeholder {
  color: rgba(148,163,184,.92) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container .alert-success,
body[data-theme="dark"].admin-page.admin-guest .form-container .alert-success {
  background: rgba(6,78,59,.24) !important;
  color: #d1fae5 !important;
  border-color: rgba(74,222,128,.24) !important;
}

html[data-theme="dark"] body.admin-page.admin-guest .form-container .alert-error,
body[data-theme="dark"].admin-page.admin-guest .form-container .alert-error {
  background: rgba(127,29,29,.24) !important;
  color: #fee2e2 !important;
  border-color: rgba(248,113,113,.24) !important;
}

/* ===== v79.9 admin auth label readability hotfix ===== */
html[data-theme="dark"] .admin-page.admin-guest .form-container,
body[data-theme="dark"].admin-page.admin-guest .form-container {
  color: #e7f0fb !important;
}

html[data-theme="dark"] .admin-page.admin-guest .form-container form > label,
html[data-theme="dark"] .admin-page.admin-guest .form-container form label,
html[data-theme="dark"] .admin-page.admin-guest .form-container > label,
body[data-theme="dark"].admin-page.admin-guest .form-container form > label,
body[data-theme="dark"].admin-page.admin-guest .form-container form label,
body[data-theme="dark"].admin-page.admin-guest .form-container > label {
  display: block !important;
  color: #f3f8ff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  text-shadow: 0 1px 0 rgba(2, 6, 23, .45);
}

html[data-theme="dark"] .admin-page.admin-guest .form-container p,
html[data-theme="dark"] .admin-page.admin-guest .form-container .muted-text,
html[data-theme="dark"] .admin-page.admin-guest .form-container .form-helper-text,
body[data-theme="dark"].admin-page.admin-guest .form-container p,
body[data-theme="dark"].admin-page.admin-guest .form-container .muted-text,
body[data-theme="dark"].admin-page.admin-guest .form-container .form-helper-text {
  color: rgba(221, 233, 248, .94) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .admin-page.admin-guest .form-container strong,
body[data-theme="dark"].admin-page.admin-guest .form-container strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .admin-page.admin-guest .form-container input:not([type="hidden"]),
body[data-theme="dark"].admin-page.admin-guest .form-container input:not([type="hidden"]) {
  color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page.admin-guest .form-container input::placeholder,
body[data-theme="dark"].admin-page.admin-guest .form-container input::placeholder {
  color: rgba(148, 163, 184, .96) !important;
}

/* =========================
   V79.10 ADMIN SUPPORT DARK READABILITY
========================= */
html[data-theme="dark"] .admin-page .support-admin-alert,
body[data-theme="dark"].admin-page .support-admin-alert {
  background: linear-gradient(180deg, rgba(6,16,32,.94), rgba(8,18,35,.98)) !important;
  border-color: rgba(96,165,250,.18) !important;
}

html[data-theme="dark"] .admin-page .support-admin-alert strong,
html[data-theme="dark"] .admin-page .support-admin-alert p,
body[data-theme="dark"].admin-page .support-admin-alert strong,
body[data-theme="dark"].admin-page .support-admin-alert p {
  color: #eef6ff !important;
}

html[data-theme="dark"] .admin-page .support-admin-item strong,
body[data-theme="dark"].admin-page .support-admin-item strong {
  color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page .support-admin-item .table-subtext,
body[data-theme="dark"].admin-page .support-admin-item .table-subtext {
  color: rgba(219,234,254,.82) !important;
}

html[data-theme="dark"] .admin-page .support-admin-header h3,
body[data-theme="dark"].admin-page .support-admin-header h3 {
  color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page .support-bubble,
body[data-theme="dark"].admin-page .support-bubble {
  border-width: 1px !important;
}

html[data-theme="dark"] .admin-page .support-bubble.from-user,
body[data-theme="dark"].admin-page .support-bubble.from-user {
  background: linear-gradient(180deg, rgba(18,28,48,.96), rgba(10,18,34,.98)) !important;
  border-color: rgba(96,165,250,.22) !important;
}

html[data-theme="dark"] .admin-page .support-bubble.from-admin,
body[data-theme="dark"].admin-page .support-bubble.from-admin {
  background: linear-gradient(180deg, rgba(7,52,43,.34), rgba(8,18,35,.98)) !important;
  border-color: rgba(52,211,153,.26) !important;
}

html[data-theme="dark"] .admin-page .support-bubble strong,
body[data-theme="dark"].admin-page .support-bubble strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .admin-page .support-bubble p,
body[data-theme="dark"].admin-page .support-bubble p {
  color: rgba(226,232,240,.96) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .admin-page .support-bubble span,
body[data-theme="dark"].admin-page .support-bubble span {
  color: rgba(191,219,254,.78) !important;
}

html[data-theme="dark"] .admin-page .support-admin-reply-form label,
body[data-theme="dark"].admin-page .support-admin-reply-form label {
  color: #eef6ff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .admin-page .support-admin-reply-form textarea,
html[data-theme="dark"] .admin-page .support-admin-reply-form select,
body[data-theme="dark"].admin-page .support-admin-reply-form textarea,
body[data-theme="dark"].admin-page .support-admin-reply-form select {
  background: rgba(15,23,42,.90) !important;
  color: #f8fbff !important;
  border-color: rgba(96,165,250,.18) !important;
}

html[data-theme="dark"] .admin-page .support-admin-reply-form textarea::placeholder,
body[data-theme="dark"].admin-page .support-admin-reply-form textarea::placeholder {
  color: rgba(148,163,184,.92) !important;
}

html[data-theme="dark"] .admin-page .support-admin-reply-form select option,
body[data-theme="dark"].admin-page .support-admin-reply-form select option {
  background: #0f172a !important;
  color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page .status-badge,
body[data-theme="dark"].admin-page .status-badge {
  color: #eff6ff !important;
}


/* =========================
   V79.11 GLOBAL DARK TEXT + MOBILE READABILITY FIX
========================= */
html[data-theme="dark"] body.store-page.store-auth-page .form-container,
body[data-theme="dark"].store-page.store-auth-page .form-container,
html[data-theme="dark"] body.admin-page.admin-guest .form-container,
body[data-theme="dark"].admin-page.admin-guest .form-container {
  background: linear-gradient(180deg, rgba(6,14,28,.96), rgba(4,10,22,.985)) !important;
  border: 1px solid rgba(96,165,250,.18) !important;
  box-shadow: 0 26px 68px rgba(2,6,23,.48), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container h1,
html[data-theme="dark"] body.store-page.store-auth-page .form-container h2,
html[data-theme="dark"] body.store-page.store-auth-page .form-container h3,
body[data-theme="dark"].store-page.store-auth-page .form-container h1,
body[data-theme="dark"].store-page.store-auth-page .form-container h2,
body[data-theme="dark"].store-page.store-auth-page .form-container h3,
html[data-theme="dark"] body.admin-page.admin-guest .form-container h1,
html[data-theme="dark"] body.admin-page.admin-guest .form-container h2,
html[data-theme="dark"] body.admin-page.admin-guest .form-container h3,
body[data-theme="dark"].admin-page.admin-guest .form-container h1,
body[data-theme="dark"].admin-page.admin-guest .form-container h2,
body[data-theme="dark"].admin-page.admin-guest .form-container h3 {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container label,
html[data-theme="dark"] body.store-page.store-auth-page .form-container p,
html[data-theme="dark"] body.store-page.store-auth-page .form-container li,
body[data-theme="dark"].store-page.store-auth-page .form-container label,
body[data-theme="dark"].store-page.store-auth-page .form-container p,
body[data-theme="dark"].store-page.store-auth-page .form-container li,
html[data-theme="dark"] body.admin-page.admin-guest .form-container label,
html[data-theme="dark"] body.admin-page.admin-guest .form-container p,
html[data-theme="dark"] body.admin-page.admin-guest .form-container li,
body[data-theme="dark"].admin-page.admin-guest .form-container label,
body[data-theme="dark"].admin-page.admin-guest .form-container p,
body[data-theme="dark"].admin-page.admin-guest .form-container li {
  color: rgba(226,232,240,.96) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container .muted-text,
html[data-theme="dark"] body.store-page.store-auth-page .form-container .form-helper-text,
body[data-theme="dark"].store-page.store-auth-page .form-container .muted-text,
body[data-theme="dark"].store-page.store-auth-page .form-container .form-helper-text,
html[data-theme="dark"] body.admin-page.admin-guest .form-container .muted-text,
html[data-theme="dark"] body.admin-page.admin-guest .form-container .form-helper-text,
body[data-theme="dark"].admin-page.admin-guest .form-container .muted-text,
body[data-theme="dark"].admin-page.admin-guest .form-container .form-helper-text {
  color: rgba(191,219,254,.9) !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container form > label,
html[data-theme="dark"] body.store-page.store-auth-page .form-container form label,
html[data-theme="dark"] body.admin-page.admin-guest .form-container form > label,
html[data-theme="dark"] body.admin-page.admin-guest .form-container form label,
body[data-theme="dark"].store-page.store-auth-page .form-container form > label,
body[data-theme="dark"].store-page.store-auth-page .form-container form label,
body[data-theme="dark"].admin-page.admin-guest .form-container form > label,
body[data-theme="dark"].admin-page.admin-guest .form-container form label {
  color: #f3f8ff !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  text-shadow: 0 1px 0 rgba(2,6,23,.45);
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container strong,
body[data-theme="dark"].store-page.store-auth-page .form-container strong,
html[data-theme="dark"] body.admin-page.admin-guest .form-container strong,
body[data-theme="dark"].admin-page.admin-guest .form-container strong {
  color: #ffffff !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container a,
body[data-theme="dark"].store-page.store-auth-page .form-container a,
html[data-theme="dark"] body.admin-page.admin-guest .form-container a,
body[data-theme="dark"].admin-page.admin-guest .form-container a {
  color: #93c5fd !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container a:hover,
body[data-theme="dark"].store-page.store-auth-page .form-container a:hover,
html[data-theme="dark"] body.admin-page.admin-guest .form-container a:hover,
body[data-theme="dark"].admin-page.admin-guest .form-container a:hover {
  color: #dbeafe !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container input:not([type="hidden"]),
html[data-theme="dark"] body.store-page.store-auth-page .form-container textarea,
html[data-theme="dark"] body.store-page.store-auth-page .form-container select,
body[data-theme="dark"].store-page.store-auth-page .form-container input:not([type="hidden"]),
body[data-theme="dark"].store-page.store-auth-page .form-container textarea,
body[data-theme="dark"].store-page.store-auth-page .form-container select,
html[data-theme="dark"] body.admin-page.admin-guest .form-container input:not([type="hidden"]),
html[data-theme="dark"] body.admin-page.admin-guest .form-container textarea,
html[data-theme="dark"] body.admin-page.admin-guest .form-container select,
body[data-theme="dark"].admin-page.admin-guest .form-container input:not([type="hidden"]),
body[data-theme="dark"].admin-page.admin-guest .form-container textarea,
body[data-theme="dark"].admin-page.admin-guest .form-container select {
  background: rgba(15,23,42,.92) !important;
  color: #f8fbff !important;
  border-color: rgba(96,165,250,.22) !important;
  caret-color: #f8fbff !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container input::placeholder,
html[data-theme="dark"] body.store-page.store-auth-page .form-container textarea::placeholder,
body[data-theme="dark"].store-page.store-auth-page .form-container input::placeholder,
body[data-theme="dark"].store-page.store-auth-page .form-container textarea::placeholder,
html[data-theme="dark"] body.admin-page.admin-guest .form-container input::placeholder,
html[data-theme="dark"] body.admin-page.admin-guest .form-container textarea::placeholder,
body[data-theme="dark"].admin-page.admin-guest .form-container input::placeholder,
body[data-theme="dark"].admin-page.admin-guest .form-container textarea::placeholder {
  color: rgba(148,163,184,.96) !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container select option,
body[data-theme="dark"].store-page.store-auth-page .form-container select option,
html[data-theme="dark"] body.admin-page.admin-guest .form-container select option,
body[data-theme="dark"].admin-page.admin-guest .form-container select option,
html[data-theme="dark"] .admin-page .admin-form select option,
body[data-theme="dark"].admin-page .admin-form select option,
html[data-theme="dark"] .admin-page .checkout-form select option,
body[data-theme="dark"].admin-page .checkout-form select option {
  background: #0f172a !important;
  color: #f8fbff !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container .alert-success,
body[data-theme="dark"].store-page.store-auth-page .form-container .alert-success,
html[data-theme="dark"] body.admin-page.admin-guest .form-container .alert-success,
body[data-theme="dark"].admin-page.admin-guest .form-container .alert-success {
  background: rgba(6,78,59,.24) !important;
  color: #d1fae5 !important;
  border-color: rgba(74,222,128,.24) !important;
}

html[data-theme="dark"] body.store-page.store-auth-page .form-container .alert-error,
body[data-theme="dark"].store-page.store-auth-page .form-container .alert-error,
html[data-theme="dark"] body.admin-page.admin-guest .form-container .alert-error,
body[data-theme="dark"].admin-page.admin-guest .form-container .alert-error {
  background: rgba(127,29,29,.24) !important;
  color: #fee2e2 !important;
  border-color: rgba(248,113,113,.24) !important;
}

html[data-theme="dark"] .admin-page .admin-card label,
html[data-theme="dark"] .admin-page .admin-form label,
html[data-theme="dark"] .admin-page .checkout-form label,
html[data-theme="dark"] .admin-page .admin-inline-form label,
body[data-theme="dark"].admin-page .admin-card label,
body[data-theme="dark"].admin-page .admin-form label,
body[data-theme="dark"].admin-page .checkout-form label,
body[data-theme="dark"].admin-page .admin-inline-form label {
  color: #eef6ff !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .admin-page .admin-form input,
html[data-theme="dark"] .admin-page .admin-form textarea,
html[data-theme="dark"] .admin-page .admin-form select,
html[data-theme="dark"] .admin-page .admin-search input,
html[data-theme="dark"] .admin-page .checkout-form input,
html[data-theme="dark"] .admin-page .checkout-form textarea,
html[data-theme="dark"] .admin-page .checkout-form select,
html[data-theme="dark"] .admin-page .admin-inline-form input,
html[data-theme="dark"] .admin-page .admin-inline-form select,
body[data-theme="dark"].admin-page .admin-form input,
body[data-theme="dark"].admin-page .admin-form textarea,
body[data-theme="dark"].admin-page .admin-form select,
body[data-theme="dark"].admin-page .admin-search input,
body[data-theme="dark"].admin-page .checkout-form input,
body[data-theme="dark"].admin-page .checkout-form textarea,
body[data-theme="dark"].admin-page .checkout-form select,
body[data-theme="dark"].admin-page .admin-inline-form input,
body[data-theme="dark"].admin-page .admin-inline-form select {
  background: rgba(15,23,42,.90) !important;
  color: #f8fbff !important;
  border-color: rgba(96,165,250,.18) !important;
  caret-color: #f8fbff !important;
}

html[data-theme="dark"] .admin-page .admin-form textarea::placeholder,
html[data-theme="dark"] .admin-page .admin-form input::placeholder,
html[data-theme="dark"] .admin-page .admin-search input::placeholder,
html[data-theme="dark"] .admin-page .checkout-form textarea::placeholder,
html[data-theme="dark"] .admin-page .checkout-form input::placeholder,
html[data-theme="dark"] .admin-page .admin-inline-form input::placeholder,
body[data-theme="dark"].admin-page .admin-form textarea::placeholder,
body[data-theme="dark"].admin-page .admin-form input::placeholder,
body[data-theme="dark"].admin-page .admin-search input::placeholder,
body[data-theme="dark"].admin-page .checkout-form textarea::placeholder,
body[data-theme="dark"].admin-page .checkout-form input::placeholder,
body[data-theme="dark"].admin-page .admin-inline-form input::placeholder {
  color: rgba(148,163,184,.92) !important;
}

html[data-theme="dark"] .admin-page .hero-list,
html[data-theme="dark"] .admin-page .hero-list li,
html[data-theme="dark"] .admin-page .hero-list ol,
html[data-theme="dark"] .admin-page .hero-list ul,
body[data-theme="dark"].admin-page .hero-list,
body[data-theme="dark"].admin-page .hero-list li,
body[data-theme="dark"].admin-page .hero-list ol,
body[data-theme="dark"].admin-page .hero-list ul {
  color: rgba(226,232,240,.94) !important;
}

html[data-theme="dark"] .admin-page pre,
body[data-theme="dark"].admin-page pre {
  background: rgba(2,6,23,.82) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(96,165,250,.16) !important;
}

html[data-theme="dark"] .admin-page.admin-guest .header-right .nav-label,
body[data-theme="dark"].admin-page.admin-guest .header-right .nav-label {
  color: #eaf2ff !important;
}

@media (max-width: 768px) {
  body.store-page.store-auth-page .form-container,
  body.admin-page.admin-guest .form-container {
    width: min(100%, calc(100vw - 24px));
    padding: 24px 18px !important;
    border-radius: 22px !important;
  }

  body.store-page.store-auth-page .form-container h2,
  body.admin-page.admin-guest .form-container h2 {
    font-size: clamp(1.55rem, 6vw, 1.95rem) !important;
    line-height: 1.14 !important;
    margin-bottom: 16px !important;
    text-wrap: balance;
  }

  body.store-page.store-auth-page .form-container label,
  body.admin-page.admin-guest .form-container label {
    font-size: .96rem !important;
    line-height: 1.35 !important;
  }

  body.store-page.store-auth-page .form-container p,
  body.admin-page.admin-guest .form-container p,
  body.store-page.store-auth-page .form-container .muted-text,
  body.admin-page.admin-guest .form-container .muted-text {
    line-height: 1.55 !important;
  }

  body.store-page.store-auth-page .form-container input,
  body.store-page.store-auth-page .form-container textarea,
  body.store-page.store-auth-page .form-container select,
  body.admin-page.admin-guest .form-container input,
  body.admin-page.admin-guest .form-container textarea,
  body.admin-page.admin-guest .form-container select {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  body.store-page.store-auth-page .form-container button,
  body.admin-page.admin-guest .form-container button {
    width: 100%;
    min-height: 48px;
    font-size: .98rem;
  }
}

@media (max-width: 480px) {
  body.store-page.store-auth-page .form-container,
  body.admin-page.admin-guest .form-container {
    padding: 22px 16px !important;
  }

  body.store-page.store-auth-page .form-container h2,
  body.admin-page.admin-guest .form-container h2 {
    font-size: clamp(1.42rem, 7vw, 1.72rem) !important;
  }

  body.admin-page.admin-guest .header-right a,
  body.admin-page.admin-guest .header-right .nav-label {
    font-size: .9rem !important;
  }
}


/* v79_12 product detail dark-mode contrast fix */
html[data-theme="dark"] .product-detail,
body[data-theme="dark"].store-page .product-detail {
  background: linear-gradient(180deg, rgba(7,16,32,.94), rgba(8,18,35,.98)) !important;
  border-color: rgba(96,165,250,.18) !important;
  box-shadow: 0 24px 58px rgba(2,6,23,.34) !important;
}

html[data-theme="dark"] .pd-media,
body[data-theme="dark"].store-page .pd-media {
  background: linear-gradient(180deg, rgba(8,23,46,.96), rgba(6,14,28,.98)) !important;
}

html[data-theme="dark"] .pd-image.placeholder,
body[data-theme="dark"].store-page .pd-image.placeholder,
html[data-theme="dark"] .related-product-card,
body[data-theme="dark"].store-page .related-product-card {
  background: linear-gradient(180deg, rgba(7,16,32,.94), rgba(8,18,35,.98)) !important;
  border-color: rgba(96,165,250,.18) !important;
  box-shadow: 0 20px 48px rgba(2,6,23,.28) !important;
}

html[data-theme="dark"] .related-product-card img,
body[data-theme="dark"].store-page .related-product-card img,
html[data-theme="dark"] .related-product-placeholder,
body[data-theme="dark"].store-page .related-product-placeholder {
  background: linear-gradient(180deg, rgba(8,23,46,.96), rgba(6,14,28,.98)) !important;
}

html[data-theme="dark"] .pd-title,
body[data-theme="dark"].store-page .pd-title,
html[data-theme="dark"] .related-product-body h3,
body[data-theme="dark"].store-page .related-product-body h3 {
  color: #f8fbff !important;
}

html[data-theme="dark"] .pd-desc,
body[data-theme="dark"].store-page .pd-desc,
html[data-theme="dark"] .pd-stock,
body[data-theme="dark"].store-page .pd-stock,
html[data-theme="dark"] .pd-qty label,
body[data-theme="dark"].store-page .pd-qty label,
html[data-theme="dark"] .pd-back,
body[data-theme="dark"].store-page .pd-back,
html[data-theme="dark"] .related-product-body,
body[data-theme="dark"].store-page .related-product-body,
html[data-theme="dark"] .related-product-placeholder,
body[data-theme="dark"].store-page .related-product-placeholder,
html[data-theme="dark"] .product-extra-meta,
body[data-theme="dark"].store-page .product-extra-meta {
  color: #d7e6f7 !important;
}

html[data-theme="dark"] .pd-stock.in,
body[data-theme="dark"].store-page .pd-stock.in {
  color: #86efac !important;
}

html[data-theme="dark"] .pd-stock.out,
body[data-theme="dark"].store-page .pd-stock.out {
  color: #fca5a5 !important;
}

html[data-theme="dark"] .price-old,
body[data-theme="dark"].store-page .price-old {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .pd-qty input,
body[data-theme="dark"].store-page .pd-qty input {
  background: rgba(15,23,42,.82) !important;
  color: #edf6ff !important;
  border-color: rgba(148,163,184,.18) !important;
}

@media (max-width: 768px) {
  html[data-theme="dark"] .pd-title,
  body[data-theme="dark"].store-page .pd-title {
    font-size: clamp(1.45rem, 6vw, 1.8rem) !important;
    line-height: 1.16;
  }

  html[data-theme="dark"] .related-product-body h3,
  body[data-theme="dark"].store-page .related-product-body h3 {
    line-height: 1.25;
  }
}

/* ===== v79.21 final dark-mode readability pass ===== */
html[data-theme="dark"] .store-page .premium-products-grid .producto-card,
body[data-theme="dark"].store-page .premium-products-grid .producto-card,
html[data-theme="dark"] .store-page .premium-products-grid .product-card-body,
body[data-theme="dark"].store-page .premium-products-grid .product-card-body,
html[data-theme="dark"] .store-page .premium-products-grid .product-buy-box,
body[data-theme="dark"].store-page .premium-products-grid .product-buy-box,
html[data-theme="dark"] .store-page .category-spotlight-card,
body[data-theme="dark"].store-page .category-spotlight-card,
html[data-theme="dark"] .store-page .selling-point-card,
body[data-theme="dark"].store-page .selling-point-card,
html[data-theme="dark"] .store-page .home-account-strip,
body[data-theme="dark"].store-page .home-account-strip,
html[data-theme="dark"] .store-page .home-account-chip,
body[data-theme="dark"].store-page .home-account-chip,
html[data-theme="dark"] .store-page .user-zone-stat,
body[data-theme="dark"].store-page .user-zone-stat,
html[data-theme="dark"] .store-page .promo-card,
body[data-theme="dark"].store-page .promo-card,
html[data-theme="dark"] .store-page .empty-state-box,
body[data-theme="dark"].store-page .empty-state-box {
  background: #f8fafc !important;
  border-color: #dbe4f0 !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card h3,
body[data-theme="dark"].store-page .premium-products-grid .producto-card h3,
html[data-theme="dark"] .store-page .category-spotlight-card h3,
body[data-theme="dark"].store-page .category-spotlight-card h3,
html[data-theme="dark"] .store-page .selling-point-card h3,
body[data-theme="dark"].store-page .selling-point-card h3,
html[data-theme="dark"] .store-page .home-account-strip h2,
body[data-theme="dark"].store-page .home-account-strip h2,
html[data-theme="dark"] .store-page .home-account-chip strong,
body[data-theme="dark"].store-page .home-account-chip strong,
html[data-theme="dark"] .store-page .user-zone-stat strong,
body[data-theme="dark"].store-page .user-zone-stat strong,
html[data-theme="dark"] .store-page .promo-card h4,
body[data-theme="dark"].store-page .promo-card h4,
html[data-theme="dark"] .store-page .empty-state-box h3,
body[data-theme="dark"].store-page .empty-state-box h3 {
  color: #0f172a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card p,
body[data-theme="dark"].store-page .premium-products-grid .producto-card p,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card label,
body[data-theme="dark"].store-page .premium-products-grid .producto-card label,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .product-price-label,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .product-price-label,
html[data-theme="dark"] .store-page .category-spotlight-card p,
body[data-theme="dark"].store-page .category-spotlight-card p,
html[data-theme="dark"] .store-page .selling-point-card p,
body[data-theme="dark"].store-page .selling-point-card p,
html[data-theme="dark"] .store-page .home-account-strip p,
body[data-theme="dark"].store-page .home-account-strip p,
html[data-theme="dark"] .store-page .home-account-chip span,
body[data-theme="dark"].store-page .home-account-chip span,
html[data-theme="dark"] .store-page .user-zone-stat span,
body[data-theme="dark"].store-page .user-zone-stat span,
html[data-theme="dark"] .store-page .promo-card p,
body[data-theme="dark"].store-page .promo-card p,
html[data-theme="dark"] .store-page .empty-state-box p,
body[data-theme="dark"].store-page .empty-state-box p {
  color: #475569 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .section-kicker,
body[data-theme="dark"].store-page .section-kicker {
  color: #60a5fa !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .price-new,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .price-new {
  color: #2563eb !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .price-old,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .price-old {
  color: #64748b !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .ghost-link-btn,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .ghost-link-btn,
html[data-theme="dark"] .store-page .home-account-strip .ghost-link-btn,
body[data-theme="dark"].store-page .home-account-strip .ghost-link-btn,
html[data-theme="dark"] .store-page .promo-card-link.disabled,
body[data-theme="dark"].store-page .promo-card-link.disabled {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .primary-cart-btn,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .primary-cart-btn,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .btn-disabled,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .btn-disabled {
  color: #ffffff !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card input[type="number"],
body[data-theme="dark"].store-page .premium-products-grid .producto-card input[type="number"] {
  background: #374151 !important;
  border-color: #475569 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card input[type="number"]::placeholder,
body[data-theme="dark"].store-page .premium-products-grid .producto-card input[type="number"]::placeholder {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] .store-page .home-account-chip,
body[data-theme="dark"].store-page .home-account-chip,
html[data-theme="dark"] .store-page .user-zone-stat,
body[data-theme="dark"].store-page .user-zone-stat {
  box-shadow: none !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .stock-badge.in,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .stock-badge.in {
  color: #166534 !important;
  background: #dcfce7 !important;
  border-color: #bbf7d0 !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .stock-badge.out,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .stock-badge.out {
  color: #991b1b !important;
  background: #fee2e2 !important;
  border-color: #fecaca !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .home-card-badge,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .product-category-tag,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .product-shipping-pill,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .product-trust-row span,
html[data-theme="dark"] .store-page .premium-products-grid .producto-card .discount-chip,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .home-card-badge,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .product-category-tag,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .product-shipping-pill,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .product-trust-row span,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .discount-chip {
  color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

html[data-theme="dark"] .store-page .premium-products-grid .producto-card .product-trust-row span,
body[data-theme="dark"].store-page .premium-products-grid .producto-card .product-trust-row span {
  color: #475569 !important;
  background: #eef2ff !important;
  border-color: #dbe4f0 !important;
}

/* ===== v79.22 final missing store dark-mode fixes ===== */
html[data-theme="dark"] .store-page .home-category-card,
body[data-theme="dark"].store-page .home-category-card,
html[data-theme="dark"] .store-page .v52-stat-card,
body[data-theme="dark"].store-page .v52-stat-card,
html[data-theme="dark"] .store-page .cart-table,
body[data-theme="dark"].store-page .cart-table,
html[data-theme="dark"] .store-page .checkout-card,
body[data-theme="dark"].store-page .checkout-card,
html[data-theme="dark"] .store-page .cart-empty,
body[data-theme="dark"].store-page .cart-empty {
  background: #f8fafc !important;
  border-color: #dbe4f0 !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .store-page .home-category-card strong,
body[data-theme="dark"].store-page .home-category-card strong,
html[data-theme="dark"] .store-page .v52-stat-card strong,
body[data-theme="dark"].store-page .v52-stat-card strong,
html[data-theme="dark"] .store-page .cart-table td,
body[data-theme="dark"].store-page .cart-table td,
html[data-theme="dark"] .store-page .cart-table td a,
body[data-theme="dark"].store-page .cart-table td a,
html[data-theme="dark"] .store-page .checkout-card h3,
body[data-theme="dark"].store-page .checkout-card h3,
html[data-theme="dark"] .store-page .checkout-card strong,
body[data-theme="dark"].store-page .checkout-card strong,
html[data-theme="dark"] .store-page .cart-empty p,
body[data-theme="dark"].store-page .cart-empty p,
html[data-theme="dark"] .store-page .cart-empty a,
body[data-theme="dark"].store-page .cart-empty a {
  color: #0f172a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .home-category-card span,
body[data-theme="dark"].store-page .home-category-card span,
html[data-theme="dark"] .store-page .v52-stat-card span,
body[data-theme="dark"].store-page .v52-stat-card span,
html[data-theme="dark"] .store-page .cart-table th,
body[data-theme="dark"].store-page .cart-table th,
html[data-theme="dark"] .store-page .checkout-card p,
body[data-theme="dark"].store-page .checkout-card p,
html[data-theme="dark"] .store-page .checkout-card div,
body[data-theme="dark"].store-page .checkout-card div {
  color: #64748b !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .cart-table th,
body[data-theme="dark"].store-page .cart-table th {
  background: #f1f5f9 !important;
  border-bottom-color: #dbe4f0 !important;
}

html[data-theme="dark"] .store-page .cart-table td,
body[data-theme="dark"].store-page .cart-table td {
  border-bottom-color: #e2e8f0 !important;
}

html[data-theme="dark"] .store-page .cart-img,
body[data-theme="dark"].store-page .cart-img {
  background: #eef2f7 !important;
}

html[data-theme="dark"] .store-page .cart-qty,
body[data-theme="dark"].store-page .cart-qty,
html[data-theme="dark"] .store-page .checkout-form input,
html[data-theme="dark"] .store-page .checkout-form textarea,
html[data-theme="dark"] .store-page .checkout-form select,
body[data-theme="dark"].store-page .checkout-form input,
body[data-theme="dark"].store-page .checkout-form textarea,
body[data-theme="dark"].store-page .checkout-form select {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .store-page .checkout-form label,
body[data-theme="dark"].store-page .checkout-form label {
  color: #0f172a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .checkout-form input::placeholder,
html[data-theme="dark"] .store-page .checkout-form textarea::placeholder,
body[data-theme="dark"].store-page .checkout-form input::placeholder,
body[data-theme="dark"].store-page .checkout-form textarea::placeholder {
  color: #64748b !important;
}

html[data-theme="dark"] .store-page .checkout-form select option,
body[data-theme="dark"].store-page .checkout-form select option {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .store-page .checkout-item,
body[data-theme="dark"].store-page .checkout-item,
html[data-theme="dark"] .store-page .checkout-card hr,
body[data-theme="dark"].store-page .checkout-card hr {
  border-color: #e2e8f0 !important;
}

html[data-theme="dark"] .store-page .checkout-total,
body[data-theme="dark"].store-page .checkout-total {
  color: #dc2626 !important;
}

html[data-theme="dark"] .store-page .premium-inline-ghost,
body[data-theme="dark"].store-page .premium-inline-ghost,
html[data-theme="dark"] .store-page .v52-cta-row .ghost-link-btn,
body[data-theme="dark"].store-page .v52-cta-row .ghost-link-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="dark"] .store-page .category-spotlight-link,
body[data-theme="dark"].store-page .category-spotlight-link {
  color: #2563eb !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .store-page .cart-remove input[type="checkbox"],
body[data-theme="dark"].store-page .cart-remove input[type="checkbox"] {
  accent-color: #2563eb;
}

html[data-theme="dark"] .store-page .cart-actions button,
body[data-theme="dark"].store-page .cart-actions button,
html[data-theme="dark"] .store-page .cart-actions a,
body[data-theme="dark"].store-page .cart-actions a {
  color: #ffffff !important;
}

/* ===== v79.23 checkout readable + cleaner header catalog menu ===== */
body.store-page main {
  padding-top: 235px;
}

.store-header-top-pro {
  grid-template-columns: minmax(320px, 420px) minmax(320px, 1fr) minmax(250px, 320px);
  gap: 16px;
  align-items: center;
}

.store-header-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.catalog-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(5, 15, 40, .52);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(2, 6, 23, .18);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.catalog-menu-trigger:hover,
.catalog-menu-trigger[aria-expanded="true"] {
  transform: translateY(-1px);
  background: rgba(12, 24, 58, .8);
  border-color: rgba(255,255,255,.28);
}
.catalog-menu-burger {
  display: inline-grid;
  gap: 4px;
}
.catalog-menu-burger span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #fff;
}
.catalog-menu-trigger-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
}
.catalog-menu-trigger-text small {
  font-size: .72rem;
  color: rgba(255,255,255,.72);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.catalog-menu-trigger-text strong {
  font-size: 1rem;
  color: #fff;
}

.header-search-pro {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 6px;
}
.header-search-pro input {
  min-height: 50px;
  border-radius: 16px;
  background: rgba(255,255,255,.98);
}
.header-search-pro button {
  min-height: 50px;
  border-radius: 16px;
}

.store-header-userzone-pro {
  justify-content: flex-end;
}

.catalog-mega-menu {
  display: none;
  margin-top: 10px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.98);
  border: 1px solid #dbe4f0;
  box-shadow: 0 28px 60px rgba(15, 23, 42, .24);
}
.catalog-mega-menu.is-open {
  display: block;
}
.catalog-mega-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 280px;
  gap: 22px;
}
.catalog-mega-column,
.catalog-mega-aside {
  display: grid;
  gap: 12px;
  align-content: start;
}
.catalog-mega-eyebrow {
  color: #64748b;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.catalog-mega-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.catalog-mega-column a,
.catalog-mega-aside a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 16px;
  text-decoration: none;
  color: #1e293b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-weight: 700;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.catalog-mega-column a:hover,
.catalog-mega-aside a:hover {
  transform: translateY(-1px);
  border-color: #bfdbfe;
  background: #eff6ff;
  box-shadow: 0 12px 24px rgba(37, 99, 235, .10);
}
.catalog-mega-aside {
  padding-left: 4px;
}
.catalog-mega-aside a {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

/* checkout like original dark version but readable */
html[data-theme="dark"] .page-checkout h2,
body[data-theme="dark"].page-checkout h2 {
  color: #f8fafc !important;
}
html[data-theme="dark"] .page-checkout .checkout-card,
body[data-theme="dark"].page-checkout .checkout-card {
  background: rgba(4, 16, 44, .78) !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 20px 36px rgba(2, 6, 23, .18);
  color: #e5eefc !important;
}
html[data-theme="dark"] .page-checkout .checkout-form label,
body[data-theme="dark"].page-checkout .checkout-form label {
  color: #9fb0cc !important;
  font-weight: 700;
  opacity: 1 !important;
}
html[data-theme="dark"] .page-checkout .checkout-form input,
html[data-theme="dark"] .page-checkout .checkout-form textarea,
html[data-theme="dark"] .page-checkout .checkout-form select,
body[data-theme="dark"].page-checkout .checkout-form input,
body[data-theme="dark"].page-checkout .checkout-form textarea,
body[data-theme="dark"].page-checkout .checkout-form select {
  background: rgba(2, 12, 34, .94) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.26) !important;
}
html[data-theme="dark"] .page-checkout .checkout-form input::placeholder,
html[data-theme="dark"] .page-checkout .checkout-form textarea::placeholder,
body[data-theme="dark"].page-checkout .checkout-form input::placeholder,
body[data-theme="dark"].page-checkout .checkout-form textarea::placeholder {
  color: #6b7b98 !important;
}
html[data-theme="dark"] .page-checkout .checkout-form input:focus,
html[data-theme="dark"] .page-checkout .checkout-form textarea:focus,
html[data-theme="dark"] .page-checkout .checkout-form select:focus,
body[data-theme="dark"].page-checkout .checkout-form input:focus,
body[data-theme="dark"].page-checkout .checkout-form textarea:focus,
body[data-theme="dark"].page-checkout .checkout-form select:focus {
  border-color: rgba(96,165,250,.7) !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.16) !important;
}
html[data-theme="dark"] .page-checkout .checkout-card h3,
html[data-theme="dark"] .page-checkout .checkout-item strong,
body[data-theme="dark"].page-checkout .checkout-card h3,
body[data-theme="dark"].page-checkout .checkout-item strong {
  color: #f8fafc !important;
}
html[data-theme="dark"] .page-checkout .checkout-item div,
html[data-theme="dark"] .page-checkout .checkout-card > div,
body[data-theme="dark"].page-checkout .checkout-item div,
body[data-theme="dark"].page-checkout .checkout-card > div {
  color: #d7e3f4 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .page-checkout .checkout-card hr,
body[data-theme="dark"].page-checkout .checkout-card hr,
html[data-theme="dark"] .page-checkout .checkout-item,
body[data-theme="dark"].page-checkout .checkout-item {
  border-color: rgba(226,232,240,.18) !important;
}
html[data-theme="dark"] .page-checkout .checkout-total,
body[data-theme="dark"].page-checkout .checkout-total {
  color: #ff2b2b !important;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .store-header-top-pro {
    grid-template-columns: 1fr;
  }
  .store-header-left,
  .store-header-userzone-pro,
  .store-search-wrap {
    justify-content: center;
  }
  .catalog-mega-grid {
    grid-template-columns: 1fr 1fr;
  }
  .catalog-mega-aside {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  body.store-page main {
    padding-top: 250px;
  }
  .store-header-left {
    flex-direction: column;
    align-items: stretch;
  }
  .catalog-menu-trigger {
    width: 100%;
    justify-content: center;
  }
  .catalog-mega-menu {
    padding: 14px;
    border-radius: 20px;
  }
  .catalog-mega-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .catalog-mega-aside {
    grid-template-columns: 1fr;
  }
}

/* ===== v79.24 menu pills refined like reference ===== */
.store-nav-row {
  gap: 12px;
}

.store-nav-row a,
.store-utility-row .store-utility-link,
#storeMobileNav .store-nav-row a,
#storeMobileNav .store-utility-row .store-utility-link {
  color: #f8fafc !important;
  background: linear-gradient(135deg, rgba(31,41,74,.95) 0%, rgba(37,52,84,.92) 55%, rgba(42,58,92,.86) 100%) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(2,6,23,.18) !important;
  min-height: 44px;
  padding: 10px 18px;
  font-weight: 700;
  letter-spacing: .01em;
}

.store-nav-row a:hover,
.store-utility-row .store-utility-link:hover,
#storeMobileNav .store-nav-row a:hover,
#storeMobileNav .store-utility-row .store-utility-link:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(53,70,112,.96) 0%, rgba(39,57,102,.94) 100%) !important;
  border-color: rgba(191,219,254,.34) !important;
  transform: translateY(-1px);
}

.store-nav-row a::after {
  display: none !important;
}

.store-utility-row {
  gap: 12px;
}

@media (min-width: 769px) {
  .store-nav-row a,
  .store-utility-row .store-utility-link {
    border-radius: 999px;
  }
}

@media (max-width: 768px) {
  #storeMobileNav {
    background: linear-gradient(180deg, rgba(6,16,42,.96) 0%, rgba(4,14,36,.98) 100%) !important;
    border-color: rgba(96,165,250,.24) !important;
  }

  #storeMobileNav .store-nav-row,
  #storeMobileNav .store-utility-row {
    gap: 10px !important;
  }

  #storeMobileNav .store-nav-row a,
  #storeMobileNav .store-utility-row .store-utility-link {
    width: 100%;
    justify-content: center;
    text-align: center;
    min-height: 48px;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(35,45,73,.96) 0%, rgba(39,50,80,.95) 100%) !important;
    border: 1px solid rgba(148,163,184,.20) !important;
    color: #f8fafc !important;
  }
}

/* keep the rest of light mode polished too */
html[data-theme="light"] .store-nav-row a,
body[data-theme="light"] .store-nav-row a,
html[data-theme="light"] .store-utility-row .store-utility-link,
body[data-theme="light"] .store-utility-row .store-utility-link {
  color: #f8fafc !important;
}

/* ===== v79.25 premium catalog menu refinement ===== */
.store-header-shell {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.store-header-top-pro {
  align-items: center;
  gap: 22px;
}

.store-brand-block .brand-link {
  letter-spacing: -0.02em;
}

.catalog-menu-trigger {
  min-height: 54px;
  padding: 12px 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(10,17,44,.86) 0%, rgba(16,24,56,.76) 100%);
  border: 1px solid rgba(163, 183, 255, .24);
  box-shadow: 0 16px 32px rgba(2, 6, 23, .18), inset 0 1px 0 rgba(255,255,255,.08);
}
.catalog-menu-trigger:hover,
.catalog-menu-trigger[aria-expanded="true"] {
  background: linear-gradient(135deg, rgba(14,23,58,.96) 0%, rgba(21,33,74,.92) 100%);
  border-color: rgba(191,219,254,.34);
  box-shadow: 0 20px 36px rgba(2, 6, 23, .24), inset 0 1px 0 rgba(255,255,255,.12);
}

.catalog-mega-menu {
  margin-top: 14px;
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.985) 100%);
  border: 1px solid rgba(209, 220, 238, .95);
  box-shadow: 0 30px 60px rgba(15, 23, 42, .25), 0 10px 24px rgba(37, 99, 235, .08);
}

.catalog-mega-grid {
  gap: 26px;
  align-items: start;
}

.catalog-mega-column,
.catalog-mega-aside {
  gap: 14px;
}

.catalog-mega-column {
  position: relative;
}
.catalog-mega-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -13px;
  width: 1px;
  height: calc(100% - 4px);
  background: linear-gradient(180deg, rgba(226,232,240,0) 0%, rgba(226,232,240,.95) 12%, rgba(226,232,240,.95) 88%, rgba(226,232,240,0) 100%);
}
.catalog-mega-aside::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 2px;
  width: 1px;
  height: calc(100% - 4px);
  background: linear-gradient(180deg, rgba(226,232,240,0) 0%, rgba(226,232,240,.95) 12%, rgba(226,232,240,.95) 88%, rgba(226,232,240,0) 100%);
}
.catalog-mega-aside {
  position: relative;
}

.catalog-mega-eyebrow {
  color: #64748b;
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .08em;
  padding-left: 4px;
}

.catalog-mega-links {
  gap: 10px;
}

.catalog-mega-column a,
.catalog-mega-aside a {
  min-height: 46px;
  padding: 12px 16px;
  border-radius: 18px;
  color: #1e293b;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #d7e3f2;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
  font-weight: 800;
}
.catalog-mega-column a::before,
.catalog-mega-aside a::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6ea8ff 0%, #3b82f6 100%);
  box-shadow: 0 0 0 4px rgba(59,130,246,.10);
  flex: 0 0 auto;
}
.catalog-mega-column a:hover,
.catalog-mega-aside a:hover {
  color: #0f172a;
  border-color: #b7cff7;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
  box-shadow: 0 14px 28px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,1);
}
.catalog-mega-aside a {
  min-height: 50px;
}

.store-header-userzone-pro {
  gap: 10px;
}

.store-mini-chip,
.store-user-greeting {
  min-height: 46px;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(31,41,74,.96) 0%, rgba(35,48,76,.93) 100%) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(2,6,23,.18) !important;
}

.store-nav-row a,
.store-utility-row .store-utility-link,
#storeMobileNav .store-nav-row a,
#storeMobileNav .store-utility-row .store-utility-link {
  background: linear-gradient(180deg, rgba(41,51,82,.97) 0%, rgba(34,44,71,.95) 100%) !important;
  border: 1px solid rgba(130,150,186,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(2,6,23,.18) !important;
  color: #f8fafc !important;
}

.store-nav-row a:hover,
.store-utility-row .store-utility-link:hover,
#storeMobileNav .store-nav-row a:hover,
#storeMobileNav .store-utility-row .store-utility-link:hover {
  background: linear-gradient(180deg, rgba(54,66,104,.98) 0%, rgba(40,52,84,.96) 100%) !important;
  border-color: rgba(191,219,254,.32) !important;
}

#storeMobileNav {
  border-top: 1px solid rgba(96,165,250,.12);
}

@media (max-width: 1024px) {
  .catalog-mega-column:not(:last-child)::after,
  .catalog-mega-aside::before {
    display: none;
  }
}

@media (max-width: 768px) {
  .catalog-mega-menu {
    padding: 16px;
    border-radius: 22px;
  }
  .catalog-mega-column a,
  .catalog-mega-aside a {
    border-radius: 16px;
  }
}

/* ===== v79.27 dark polished catalog menu ===== */
.store-header-shell {
  position: relative;
  overflow: visible;
}

.catalog-mega-menu {
  display: none;
  margin-top: 16px;
  padding: 18px;
  border-radius: 30px;
  background:
    radial-gradient(circle at top left, rgba(84, 92, 214, 0.18), transparent 34%),
    radial-gradient(circle at top right, rgba(48, 189, 233, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(7, 14, 34, 0.98) 0%, rgba(8, 16, 38, 0.97) 100%);
  border: 1px solid rgba(110, 138, 202, 0.22);
  box-shadow: 0 30px 70px rgba(2, 6, 23, 0.38), inset 0 1px 0 rgba(255,255,255,0.04);
}
.catalog-mega-menu.is-open {
  display: block;
}
.catalog-mega-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.05fr) 300px;
  gap: 18px;
  align-items: start;
}
.catalog-mega-column,
.catalog-mega-aside {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(16, 24, 49, 0.85) 0%, rgba(12, 19, 40, 0.82) 100%);
  border: 1px solid rgba(121, 142, 196, 0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.catalog-mega-column::after,
.catalog-mega-aside::before {
  display: none !important;
}
.catalog-mega-eyebrow {
  padding-left: 0;
  margin-bottom: 2px;
  color: #9fb6da;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.catalog-mega-links {
  display: grid;
  gap: 12px;
}
.catalog-mega-column a,
.catalog-mega-aside a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 13px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: #eef4ff;
  background: linear-gradient(180deg, rgba(33, 44, 79, 0.95) 0%, rgba(27, 38, 68, 0.92) 100%);
  border: 1px solid rgba(133, 159, 223, 0.16);
  box-shadow: 0 12px 26px rgba(2, 6, 23, 0.16), inset 0 1px 0 rgba(255,255,255,0.04);
  font-weight: 800;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.catalog-mega-column a::before,
.catalog-mega-aside a::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  flex: 0 0 auto;
  margin-right: 0;
  background: linear-gradient(135deg, #68a0ff 0%, #4d7cff 100%);
  box-shadow: 0 0 0 5px rgba(90, 132, 255, 0.12);
}
.catalog-mega-column a:hover,
.catalog-mega-aside a:hover {
  transform: translateY(-1px);
  color: #ffffff;
  background: linear-gradient(180deg, rgba(55, 71, 120, 0.98) 0%, rgba(39, 55, 97, 0.96) 100%);
  border-color: rgba(173, 198, 255, 0.28);
  box-shadow: 0 18px 34px rgba(2, 6, 23, 0.24), inset 0 1px 0 rgba(255,255,255,0.06);
}
.catalog-mega-aside a {
  background: linear-gradient(180deg, rgba(25, 35, 63, 0.96) 0%, rgba(23, 32, 56, 0.94) 100%);
}

body.catalog-menu-open .store-nav-row,
body.catalog-menu-open .store-utility-row {
  opacity: 0;
  max-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  pointer-events: none;
}
body.catalog-menu-open .store-header-shell {
  gap: 0;
}

.catalog-menu-trigger {
  background: linear-gradient(180deg, rgba(24, 33, 65, 0.96) 0%, rgba(18, 26, 54, 0.93) 100%);
  border: 1px solid rgba(120, 145, 214, 0.22);
}
.catalog-menu-trigger:hover,
.catalog-menu-trigger[aria-expanded="true"] {
  background: linear-gradient(180deg, rgba(42, 56, 102, 0.98) 0%, rgba(28, 41, 78, 0.96) 100%);
}

@media (max-width: 1200px) {
  .catalog-mega-grid {
    grid-template-columns: 1fr 1fr;
  }
  .catalog-mega-aside {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.catalog-menu-open .store-nav-row,
  body.catalog-menu-open .store-utility-row {
    opacity: 1;
    max-height: none;
    pointer-events: auto;
  }
  .catalog-mega-menu {
    margin-top: 14px;
    padding: 14px;
    border-radius: 24px;
  }
  .catalog-mega-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .catalog-mega-column,
  .catalog-mega-aside {
    padding: 14px;
    border-radius: 18px;
  }
  .catalog-mega-aside {
    grid-template-columns: 1fr;
  }
}

/* clearer light mode version */
html[data-theme="light"] .catalog-mega-menu,
body[data-theme="light"] .catalog-mega-menu {
  background:
    radial-gradient(circle at top left, rgba(96, 118, 255, 0.10), transparent 34%),
    radial-gradient(circle at top right, rgba(38, 185, 232, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(250, 252, 255, 0.99) 0%, rgba(244, 248, 255, 0.99) 100%);
  border: 1px solid rgba(206, 218, 238, 0.95);
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
}
html[data-theme="light"] .catalog-mega-column,
html[data-theme="light"] .catalog-mega-aside,
body[data-theme="light"] .catalog-mega-column,
body[data-theme="light"] .catalog-mega-aside {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248, 251, 255, 0.98) 100%);
  border: 1px solid rgba(215, 227, 242, 0.95);
}
html[data-theme="light"] .catalog-mega-eyebrow,
body[data-theme="light"] .catalog-mega-eyebrow {
  color: #64748b;
}
html[data-theme="light"] .catalog-mega-column a,
html[data-theme="light"] .catalog-mega-aside a,
body[data-theme="light"] .catalog-mega-column a,
body[data-theme="light"] .catalog-mega-aside a {
  color: #1e293b;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #d8e3f3;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}
html[data-theme="light"] .catalog-mega-column a:hover,
html[data-theme="light"] .catalog-mega-aside a:hover,
body[data-theme="light"] .catalog-mega-column a:hover,
body[data-theme="light"] .catalog-mega-aside a:hover {
  color: #0f172a;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
  border-color: #b8cdf2;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.12);
}

/* ===== v79.28 uniform header edges ===== */
body.store-page .site-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header-inner.store-header-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  gap: 12px;
}

.header-inner.store-header-shell,
.header-inner.store-header-shell .store-header-top,
.header-inner.store-header-shell .store-nav-row,
.header-inner.store-header-shell .store-utility-row,
.header-inner.store-header-shell .catalog-mega-menu {
  width: 100%;
  box-sizing: border-box;
}

.header-inner.store-header-shell .store-nav-row,
.header-inner.store-header-shell .store-utility-row {
  justify-content: center;
}

@media (max-width: 1024px) {
  .header-inner.store-header-shell {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 768px) {
  .header-inner.store-header-shell {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 10px;
  }
}

/* v84: salto rápido al catálogo al elegir categorías */
#catalogo-home {
    scroll-margin-top: 120px;
}
@media (max-width: 768px) {
    #catalogo-home {
        scroll-margin-top: 92px;
    }
}

/* =========================
   V85 PREMIUM FUNCIONAL + RAPIDEZ REAL
========================= */
:root {
    --nnx-fast-ease: cubic-bezier(.2,.8,.2,1);
    --nnx-card-bg: rgba(255,255,255,.94);
    --nnx-card-border: rgba(148,163,184,.28);
}
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
.producto-card,
.promo-card,
.selling-point-card,
.trust-item,
.home-category-card,
.category-spotlight-card,
.v52-stat-card,
.buyer-mini-card {
    content-visibility: auto;
    contain-intrinsic-size: 1px 520px;
}
.product-image, .promo-card-image, .v52-slide-art img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: linear-gradient(135deg, #eef2ff, #e0f2fe);
}
.product-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 8px;
    color: #f59e0b;
    font-size: .9rem;
    letter-spacing: .04em;
}
.product-rating-row small {
    color: #64748b;
    letter-spacing: 0;
    font-size: .78rem;
    font-weight: 700;
}
.home-card-badge.hot {
    background: linear-gradient(135deg, #fee2e2, #ffedd5);
    color: #b91c1c;
    border-color: rgba(239,68,68,.22);
}
.home-card-badge.urgent {
    background: linear-gradient(135deg, #fef3c7, #dcfce7);
    color: #92400e;
    border-color: rgba(245,158,11,.28);
}
.product-form-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}
.quick-buy-btn {
    border: 0;
    border-radius: 999px;
    padding: 12px 14px;
    cursor: pointer;
    font-weight: 900;
    color: #fff;
    background: linear-gradient(135deg, #16a34a, #22c55e);
    box-shadow: 0 12px 24px rgba(22,163,74,.22);
    transition: transform .18s var(--nnx-fast-ease), box-shadow .18s var(--nnx-fast-ease);
}
.quick-buy-btn:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(22,163,74,.26); }
.buyer-conversion-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin: 24px 0;
}
.buyer-mini-card {
    padding: 18px;
    border-radius: 22px;
    background: var(--nnx-card-bg);
    border: 1px solid var(--nnx-card-border);
}
.buyer-mini-card strong { display:block; color:#0f172a; font-size:1rem; }
.buyer-mini-card span { display:block; color:#64748b; font-size:.88rem; margin-top:4px; }
.smart-search-box {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(280px, 1.1fr);
    gap: 20px;
    align-items: center;
    margin: 28px 0;
    padding: 24px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(14,165,233,.08));
    border: 1px solid rgba(96,165,250,.24);
}
.smart-search-form {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(148,163,184,.25);
}
.smart-search-form input {
    border: 1px solid rgba(148,163,184,.35);
    border-radius: 999px;
    padding: 13px 16px;
    outline: none;
    color: #0f172a;
    background: #fff;
}
.smart-suggestions {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.smart-suggestions a {
    display:inline-flex;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-weight: 800;
    font-size: .82rem;
}
.floating-shop-tools {
    position: fixed;
    right: 22px;
    bottom: 95px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
}
.floating-shop-btn {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #0f172a);
    box-shadow: 0 12px 28px rgba(15,23,42,.25);
    cursor: pointer;
    font-weight: 900;
    transition: transform .18s var(--nnx-fast-ease), opacity .18s var(--nnx-fast-ease);
}
.floating-shop-btn:hover { transform: translateY(-2px); color:#fff; }
.floating-shop-btn span {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items:center;
    justify-content:center;
    background: #22c55e;
    color: #fff;
    font-size: .72rem;
}
.ui-toast {
    position: fixed;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    z-index: 1200;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(15,23,42,.94);
    color: #fff;
    box-shadow: 0 18px 45px rgba(15,23,42,.32);
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none;
    font-weight: 800;
}
.ui-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }
[data-theme="dark"] .buyer-mini-card,
[data-theme="dark"] .smart-search-form {
    background: rgba(15,23,42,.72);
    border-color: rgba(96,165,250,.22);
}
[data-theme="dark"] .buyer-mini-card strong,
[data-theme="dark"] .smart-search-copy h2 { color:#f8fafc; }
[data-theme="dark"] .buyer-mini-card span,
[data-theme="dark"] .smart-search-copy p { color:#cbd5e1; }
[data-theme="dark"] .smart-search-box { background: linear-gradient(135deg, rgba(37,99,235,.20), rgba(14,165,233,.08)); }
@media (min-width: 769px) {
    .product-form-actions { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .buyer-conversion-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .smart-search-box { grid-template-columns: 1fr; padding: 18px; }
    .floating-shop-tools { right: 12px; bottom: 86px; }
}
@media (max-width: 560px) {
    html { scroll-padding-top: 86px; }
    .buyer-conversion-strip { grid-template-columns: 1fr; }
    .smart-search-form { grid-template-columns: 1fr; }
    .floating-shop-tools { bottom: 84px; }
    .floating-shop-btn { width: 44px; height: 44px; }
    .product-rating-row { font-size: .82rem; }
}
@media (prefers-reduced-motion: reduce), (max-width: 760px) {
    .ui-tilt-card { transform: none !important; }
    .v52-marquee-track { animation-duration: 38s !important; }
    .producto-card:hover, .promo-card:hover, .home-category-card:hover { transform: translateY(-2px) !important; }
}

/* v86 - Cumplimiento en modo preparación hasta ventas reales */
.compliance-business-mode{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
    border:1px solid rgba(96,165,250,.28);
    background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.08));
}
.compliance-business-mode.is-preparation{
    border-color:rgba(251,191,36,.35);
    background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(37,99,235,.08));
}
.compliance-business-mode.is-active{
    border-color:rgba(34,197,94,.35);
    background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(37,99,235,.08));
}
.compliance-mode-form{display:flex;justify-content:flex-end;min-width:max-content}
.disabled-link{opacity:.72;cursor:not-allowed;filter:saturate(.65)}
.compliance-form.is-paused select,
.compliance-form.is-paused textarea,
.compliance-form.is-paused input{opacity:.72;cursor:not-allowed}
.compliance-paused-note{
    margin-top:12px;
    padding:11px 13px;
    border-radius:14px;
    border:1px solid rgba(251,191,36,.34);
    background:rgba(251,191,36,.12);
    font-weight:800;
    color:#92400e;
}
html[data-theme="dark"] .compliance-paused-note,
body[data-theme="dark"] .compliance-paused-note{color:#fde68a;background:rgba(251,191,36,.10)}
@media(max-width:760px){
    .compliance-business-mode{flex-direction:column;align-items:flex-start}
    .compliance-mode-form{width:100%;min-width:0}
    .compliance-mode-form .btn-primary,.compliance-mode-form .btn-secondary{width:100%}
}

/* =========================================================
   v87 REAL - Fix contraste badges verdes y controles en modo oscuro
   ========================================================= */
:root.dark .status-success,
:root.dark .badge-success,
:root.dark .estado-pagado,
:root.dark .estado-activo,
:root.dark .estado-verde,
body.dark-mode .status-success,
body.dark-mode .badge-success,
body.dark-mode .estado-pagado,
body.dark-mode .estado-activo,
body.dark-mode .estado-verde,
.dark-mode .status-success,
.dark-mode .badge-success,
.dark-mode .estado-pagado,
.dark-mode .estado-activo,
.dark-mode .estado-verde,
[data-theme="dark"] .status-success,
[data-theme="dark"] .badge-success,
[data-theme="dark"] .estado-pagado,
[data-theme="dark"] .estado-activo,
[data-theme="dark"] .estado-verde,
.admin-page .status-success,
.admin-page .badge-success,
.admin-page .estado-pagado,
.admin-page .estado-activo,
.admin-page .estado-verde,
.badge.paid,
.badge.success,
.status.paid,
.status.success,
.pill-success,
.pill-paid {
  background: linear-gradient(135deg, #0b5d3b 0%, #0f8a55 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(110, 255, 190, 0.32) !important;
  box-shadow: 0 0 0 1px rgba(4, 15, 25, 0.35), 0 10px 24px rgba(0, 255, 150, 0.14) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
  font-weight: 800 !important;
}

:root.dark .status-success *,
:root.dark .badge-success *,
:root.dark .estado-pagado *,
:root.dark .estado-activo *,
:root.dark .estado-verde *,
body.dark-mode .status-success *,
body.dark-mode .badge-success *,
body.dark-mode .estado-pagado *,
body.dark-mode .estado-activo *,
body.dark-mode .estado-verde *,
.dark-mode .status-success *,
.dark-mode .badge-success *,
.dark-mode .estado-pagado *,
.dark-mode .estado-activo *,
.dark-mode .estado-verde *,
.admin-page .status-success *,
.admin-page .badge-success *,
.admin-page .estado-pagado *,
.admin-page .estado-activo *,
.admin-page .estado-verde *,
.badge.paid *,
.badge.success *,
.status.paid *,
.status.success *,
.pill-success *,
.pill-paid * {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}

/* Compatibilidad con textos de estado generados por admin */
[class*="pagado"],
[class*="paid"],
[class*="success"] {
  color: inherit;
}

/* Selects y botones del admin en modo oscuro */
:root.dark select,
body.dark-mode select,
.dark-mode select,
[data-theme="dark"] select,
.admin-page select,
.admin-panel select {
  background: #0b1426 !important;
  color: #ffffff !important;
  border: 1px solid rgba(160, 190, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

:root.dark select option,
body.dark-mode select option,
.dark-mode select option,
[data-theme="dark"] select option,
.admin-page select option,
.admin-panel select option {
  background: #0b1426 !important;
  color: #ffffff !important;
}

/* Botones verdes genéricos del admin */
:root.dark .btn-success,
body.dark-mode .btn-success,
.dark-mode .btn-success,
[data-theme="dark"] .btn-success,
.admin-page .btn-success,
.admin-panel .btn-success,
button.btn-success,
a.btn-success {
  background: linear-gradient(135deg, #0b5d3b, #0f8a55) !important;
  color: #ffffff !important;
  border-color: rgba(110, 255, 190, 0.32) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}

:root.dark .btn-success:hover,
body.dark-mode .btn-success:hover,
.dark-mode .btn-success:hover,
[data-theme="dark"] .btn-success:hover,
.admin-page .btn-success:hover,
.admin-panel .btn-success:hover,
button.btn-success:hover,
a.btn-success:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px);
}

/* En caso de badges claros heredados */
.admin-page .badge,
.admin-panel .badge,
.admin-page .status,
.admin-panel .status {
  font-weight: 800;
}


/* =========================================================
   v88 FIX REAL - Contraste correcto en estados verdes/admin
   ========================================================= */
html[data-theme="dark"] .status-badge.status-pagado,
html[data-theme="dark"] .status-badge.status-entregado,
body[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-entregado,
body.dark-mode .status-badge.status-pagado,
body.dark-mode .status-badge.status-entregado,
.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-entregado,
.admin-page .status-badge.status-pagado,
.admin-page .status-badge.status-entregado,
.status-badge.status-pagado,
.status-badge.status-entregado {
  background: linear-gradient(135deg, #064e3b 0%, #047857 52%, #059669 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(110, 255, 190, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35), 0 10px 22px rgba(0, 255, 170, 0.16) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .status-badge.status-pagado *,
html[data-theme="dark"] .status-badge.status-entregado *,
body[data-theme="dark"] .status-badge.status-pagado *,
body[data-theme="dark"] .status-badge.status-entregado *,
body.dark-mode .status-badge.status-pagado *,
body.dark-mode .status-badge.status-entregado *,
.dark-mode .status-badge.status-pagado *,
.dark-mode .status-badge.status-entregado *,
.admin-page .status-badge.status-pagado *,
.admin-page .status-badge.status-entregado * {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
}

/* Select de estado y botón de actualización en pedidos/admin */
.admin-inline-form select,
.admin-toolbar select,
html[data-theme="dark"] .admin-inline-form select,
body[data-theme="dark"] .admin-inline-form select,
.dark-mode .admin-inline-form select,
.admin-page .admin-inline-form select {
  background: #0b1426 !important;
  color: #ffffff !important;
  border: 1px solid rgba(160,190,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.admin-inline-form select option,
.admin-toolbar select option {
  background: #0b1426 !important;
  color: #ffffff !important;
}

/* Modo preparación de cumplimiento: visualmente claro y sin alertas falsas */
.compliance-business-mode.is-preparation {
  border-color: rgba(56, 189, 248, .32) !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, .10), rgba(99, 102, 241, .08)) !important;
}
.compliance-business-mode.is-preparation h3::after {
  content: " · sin ventas reales";
  color: #7dd3fc;
  font-size: .82em;
  font-weight: 800;
}
.compliance-card.is-paused,
.compliance-card.status-no_aplica {
  border-color: rgba(125, 211, 252, .22) !important;
  opacity: .92;
}
.compliance-card.is-paused .compliance-status-pill,
.compliance-card.status-no_aplica .compliance-status-pill {
  background: linear-gradient(135deg, #0f2f4a, #164e63) !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(125,211,252,.32) !important;
  text-shadow: none !important;
}
.disabled-link {
  pointer-events: none;
  opacity: .7;
}

/* =========================================================
   v89 REAL - Verde legible con texto negro en modo oscuro
   Pedido: botones/badges verdes como "pagado" con letras negras
   ========================================================= */
html[data-theme="dark"] .status-success,
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .estado-pagado,
html[data-theme="dark"] .estado-activo,
html[data-theme="dark"] .estado-verde,
html[data-theme="dark"] .status-badge.status-pagado,
html[data-theme="dark"] .status-badge.status-entregado,
body[data-theme="dark"] .status-success,
body[data-theme="dark"] .badge-success,
body[data-theme="dark"] .estado-pagado,
body[data-theme="dark"] .estado-activo,
body[data-theme="dark"] .estado-verde,
body[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-entregado,
body.dark-mode .status-success,
body.dark-mode .badge-success,
body.dark-mode .estado-pagado,
body.dark-mode .estado-activo,
body.dark-mode .estado-verde,
body.dark-mode .status-badge.status-pagado,
body.dark-mode .status-badge.status-entregado,
.dark-mode .status-success,
.dark-mode .badge-success,
.dark-mode .estado-pagado,
.dark-mode .estado-activo,
.dark-mode .estado-verde,
.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-entregado,
.admin-page .status-success,
.admin-page .badge-success,
.admin-page .estado-pagado,
.admin-page .estado-activo,
.admin-page .estado-verde,
.admin-page .status-badge.status-pagado,
.admin-page .status-badge.status-entregado,
.badge.paid,
.badge.success,
.status.paid,
.status.success,
.pill-success,
.pill-paid,
.btn-success,
button.btn-success,
a.btn-success {
  background: linear-gradient(135deg, #9cffb5 0%, #7dff9d 52%, #5df58d 100%) !important;
  color: #000000 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .status-success *,
html[data-theme="dark"] .badge-success *,
html[data-theme="dark"] .estado-pagado *,
html[data-theme="dark"] .estado-activo *,
html[data-theme="dark"] .estado-verde *,
html[data-theme="dark"] .status-badge.status-pagado *,
html[data-theme="dark"] .status-badge.status-entregado *,
body[data-theme="dark"] .status-success *,
body[data-theme="dark"] .badge-success *,
body[data-theme="dark"] .estado-pagado *,
body[data-theme="dark"] .estado-activo *,
body[data-theme="dark"] .estado-verde *,
body[data-theme="dark"] .status-badge.status-pagado *,
body[data-theme="dark"] .status-badge.status-entregado *,
body.dark-mode .status-success *,
body.dark-mode .badge-success *,
body.dark-mode .estado-pagado *,
body.dark-mode .estado-activo *,
body.dark-mode .estado-verde *,
body.dark-mode .status-badge.status-pagado *,
body.dark-mode .status-badge.status-entregado *,
.dark-mode .status-success *,
.dark-mode .badge-success *,
.dark-mode .estado-pagado *,
.dark-mode .estado-activo *,
.dark-mode .estado-verde *,
.dark-mode .status-badge.status-pagado *,
.dark-mode .status-badge.status-entregado *,
.admin-page .status-success *,
.admin-page .badge-success *,
.admin-page .estado-pagado *,
.admin-page .estado-activo *,
.admin-page .estado-verde *,
.admin-page .status-badge.status-pagado *,
.admin-page .status-badge.status-entregado *,
.badge.paid *,
.badge.success *,
.status.paid *,
.status.success *,
.pill-success *,
.pill-paid *,
.btn-success *,
button.btn-success *,
a.btn-success * {
  color: #000000 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] select option,
body[data-theme="dark"] select option,
body.dark-mode select option,
.dark-mode select option,
.admin-page select option,
.admin-panel select option,
.admin-inline-form select option,
.admin-toolbar select option {
  color: #000000 !important;
  background: #ffffff !important;
}

/* =========================================================
   FIX REAL v90 - BADGES DE ESTADO LEGIBLES EN MODO OSCURO
   Aplica texto negro a badges claros como pagado y abierto.
   ========================================================= */
html[data-theme="dark"] .status-badge.status-pagado,
html[data-theme="dark"] .status-badge.status-entregado,
html[data-theme="dark"] .status-badge.status-abierto,
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .estado-pagado,
body[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-entregado,
body[data-theme="dark"] .status-badge.status-abierto,
body[data-theme="dark"] .badge-success,
body[data-theme="dark"] .estado-pagado,
body.dark-mode .status-badge.status-pagado,
body.dark-mode .status-badge.status-entregado,
body.dark-mode .status-badge.status-abierto,
body.dark-mode .badge-success,
body.dark-mode .estado-pagado,
.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-entregado,
.dark-mode .status-badge.status-abierto,
.dark-mode .badge-success,
.dark-mode .estado-pagado,
.admin-page .status-badge.status-pagado,
.admin-page .status-badge.status-entregado,
.admin-page .status-badge.status-abierto {
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: .01em;
}

html[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-pagado,
body.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-pagado,
.admin-page .status-badge.status-pagado {
  background: linear-gradient(135deg, #baffc8, #7dff9d) !important;
  border: 1px solid rgba(110, 255, 160, .65) !important;
  box-shadow: 0 0 0 1px rgba(5, 20, 35, .12), 0 8px 22px rgba(90, 255, 150, .16) !important;
}

html[data-theme="dark"] .status-badge.status-abierto,
body[data-theme="dark"] .status-badge.status-abierto,
body.dark-mode .status-badge.status-abierto,
.dark-mode .status-badge.status-abierto,
.admin-page .status-badge.status-abierto {
  background: linear-gradient(135deg, #d8ecff, #9fcbff) !important;
  border: 1px solid rgba(160, 205, 255, .7) !important;
  box-shadow: 0 0 0 1px rgba(5, 20, 35, .12), 0 8px 22px rgba(95, 165, 255, .16) !important;
}

html[data-theme="dark"] .status-badge.status-pagado *,
html[data-theme="dark"] .status-badge.status-abierto *,
body[data-theme="dark"] .status-badge.status-pagado *,
body[data-theme="dark"] .status-badge.status-abierto *,
body.dark-mode .status-badge.status-pagado *,
body.dark-mode .status-badge.status-abierto *,
.dark-mode .status-badge.status-pagado *,
.dark-mode .status-badge.status-abierto *,
.admin-page .status-badge.status-pagado *,
.admin-page .status-badge.status-abierto * {
  color: #06111f !important;
  -webkit-text-fill-color: #06111f !important;
  text-shadow: none !important;
}

/* Select de estados: mantiene el campo oscuro, pero las opciones se leen bien */
html[data-theme="dark"] select option,
body[data-theme="dark"] select option,
body.dark-mode select option,
.dark-mode select option,
.admin-page select option {
  background: #ffffff !important;
  color: #06111f !important;
}


/* =========================================================
   FIX v91 DEFINITIVO - BADGES CLAROS CON TEXTO NEGRO
   Este bloque debe quedar al FINAL del CSS.
   ========================================================= */
.status-badge.status-pagado,
.status-badge.status-abierto,
.status-badge.status-entregado,
.admin-page .status-badge.status-pagado,
.admin-page .status-badge.status-abierto,
.admin-page .status-badge.status-entregado,
html[data-theme="dark"] .status-badge.status-pagado,
html[data-theme="dark"] .status-badge.status-abierto,
html[data-theme="dark"] .status-badge.status-entregado,
body[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-abierto,
body[data-theme="dark"] .status-badge.status-entregado,
body.dark-mode .status-badge.status-pagado,
body.dark-mode .status-badge.status-abierto,
body.dark-mode .status-badge.status-entregado,
.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-abierto,
.dark-mode .status-badge.status-entregado,
.status-readable-dark {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

.status-badge.status-pagado,
.admin-page .status-badge.status-pagado,
html[data-theme="dark"] .status-badge.status-pagado,
body[data-theme="dark"] .status-badge.status-pagado,
body.dark-mode .status-badge.status-pagado,
.dark-mode .status-badge.status-pagado {
  background: linear-gradient(135deg, #c8ffd4 0%, #8cffaa 100%) !important;
  border-color: rgba(85, 255, 150, .75) !important;
}

.status-badge.status-abierto,
.admin-page .status-badge.status-abierto,
html[data-theme="dark"] .status-badge.status-abierto,
body[data-theme="dark"] .status-badge.status-abierto,
body.dark-mode .status-badge.status-abierto,
.dark-mode .status-badge.status-abierto {
  background: linear-gradient(135deg, #e7f3ff 0%, #a9d2ff 100%) !important;
  border-color: rgba(145, 200, 255, .85) !important;
}

.status-badge.status-pagado *,
.status-badge.status-abierto *,
.status-badge.status-entregado *,
.status-readable-dark * {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  text-shadow: none !important;
}

.admin-page select option,
html[data-theme="dark"] select option,
body[data-theme="dark"] select option,
body.dark-mode select option,
.dark-mode select option {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: #ffffff !important;
}

/* =========================================================
   V92 CLIENTE PREMIUM REAL: favoritos, compra rápida,
   filtros visuales y badges legibles.
   ========================================================= */
.estado-pagado,
.badge-success,
.status-success,
.estado-verde,
.status-badge.pagado,
.status-pill.pagado,
.pedido-status.pagado,
.conversation-status.open,
.estado-abierto,
.badge-open,
.status-open,
.status-badge.abierto,
.status-pill.abierto {
  color: #07111f !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

html[data-theme="dark"] .estado-pagado,
body[data-theme="dark"] .estado-pagado,
html[data-theme="dark"] .badge-success,
body[data-theme="dark"] .badge-success,
html[data-theme="dark"] .status-success,
body[data-theme="dark"] .status-success,
html[data-theme="dark"] .estado-verde,
body[data-theme="dark"] .estado-verde,
html[data-theme="dark"] .status-badge.pagado,
body[data-theme="dark"] .status-badge.pagado,
html[data-theme="dark"] .status-pill.pagado,
body[data-theme="dark"] .status-pill.pagado,
html[data-theme="dark"] .pedido-status.pagado,
body[data-theme="dark"] .pedido-status.pagado,
html[data-theme="dark"] .conversation-status.open,
body[data-theme="dark"] .conversation-status.open,
html[data-theme="dark"] .estado-abierto,
body[data-theme="dark"] .estado-abierto,
html[data-theme="dark"] .badge-open,
body[data-theme="dark"] .badge-open,
html[data-theme="dark"] .status-open,
body[data-theme="dark"] .status-open,
html[data-theme="dark"] .status-badge.abierto,
body[data-theme="dark"] .status-badge.abierto,
html[data-theme="dark"] .status-pill.abierto,
body[data-theme="dark"] .status-pill.abierto {
  color: #07111f !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #b9ffd2, #82fca8) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}

.favorite-heart-form { position:absolute; top:14px; right:14px; z-index:6; }
.favorite-heart-btn {
  width:42px; height:42px; border-radius:999px; border:1px solid rgba(59,130,246,.22);
  background:rgba(255,255,255,.9); color:#ef4444; font-size:1.3rem; font-weight:900;
  cursor:pointer; box-shadow:0 12px 28px rgba(15,23,42,.14); backdrop-filter:blur(8px);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.favorite-heart-btn:hover { transform:translateY(-2px) scale(1.04); box-shadow:0 18px 36px rgba(15,23,42,.2); background:#fff; }
html[data-theme="dark"] .favorite-heart-btn, body[data-theme="dark"] .favorite-heart-btn { background:rgba(15,23,42,.92); color:#ff8da1; border-color:rgba(147,197,253,.25); }

.client-filter-panel, .client-final-trust, .product-reviews-section, .empty-state-card {
  max-width:1280px; margin:22px auto; padding:22px; border-radius:24px;
  border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.78);
}
html[data-theme="dark"] .client-filter-panel,
body[data-theme="dark"] .client-filter-panel,
html[data-theme="dark"] .client-final-trust,
body[data-theme="dark"] .client-final-trust,
html[data-theme="dark"] .product-reviews-section,
body[data-theme="dark"] .product-reviews-section,
html[data-theme="dark"] .empty-state-card,
body[data-theme="dark"] .empty-state-card {
  background:rgba(5,15,31,.78); border-color:rgba(96,165,250,.18); color:#eaf2ff;
}
.client-filter-panel { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.client-filter-panel strong { display:block; font-size:1.05rem; }
.client-filter-panel span { color:#64748b; }
html[data-theme="dark"] .client-filter-panel span, body[data-theme="dark"] .client-filter-panel span { color:#b8c7dc; }
.client-filter-actions { display:flex; flex-wrap:wrap; gap:10px; }
.filter-chip {
  display:inline-flex; align-items:center; justify-content:center; padding:11px 15px; border-radius:999px;
  background:rgba(37,99,235,.1); color:#1d4ed8; font-weight:800; text-decoration:none; border:1px solid rgba(37,99,235,.16);
}
.filter-chip:hover, .filter-chip.is-active { background:linear-gradient(135deg,#2563eb,#06b6d4); color:#fff; transform:translateY(-1px); }

.client-final-trust { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.client-final-trust div { padding:16px; border-radius:20px; background:rgba(37,99,235,.08); border:1px solid rgba(37,99,235,.1); }
.client-final-trust strong { display:block; margin-bottom:4px; }
.client-final-trust span { color:#64748b; font-size:.94rem; }
html[data-theme="dark"] .client-final-trust div, body[data-theme="dark"] .client-final-trust div { background:rgba(59,130,246,.1); }
html[data-theme="dark"] .client-final-trust span, body[data-theme="dark"] .client-final-trust span { color:#bfd0e8; }

.pd-quick-buy { margin-left:10px; }
.pd-favorite-form { margin-top:12px; }
.product-reviews-section { margin-top:26px; }
.review-score { display:flex; flex-direction:column; align-items:flex-end; gap:4px; color:#f59e0b; }
.review-score strong { font-size:2rem; color:inherit; }
.reviews-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.reviews-grid article { border-radius:20px; padding:16px; background:rgba(37,99,235,.07); border:1px solid rgba(37,99,235,.12); }
html[data-theme="dark"] .reviews-grid article, body[data-theme="dark"] .reviews-grid article { background:rgba(59,130,246,.1); }

.favorites-head { margin-top:48px; }
.favorites-grid { max-width:1280px; margin:0 auto 40px; }
.empty-state-card { text-align:center; max-width:760px; }
.favorite-remove-form { padding:0 18px 18px; }
.favorite-remove-btn { width:100%; border:0; border-radius:16px; padding:12px 16px; cursor:pointer; font-weight:800; background:rgba(239,68,68,.11); color:#b91c1c; }
.favorite-remove-btn:hover { background:rgba(239,68,68,.18); }

.product-form-actions { gap:8px; }
.quick-buy-btn, .primary-cart-btn, .btn-primary { touch-action:manipulation; }
.producto-card { content-visibility:auto; contain-intrinsic-size: 520px; }
.product-image, .pd-image { image-rendering:auto; }

@media (max-width: 820px) {
  .client-filter-panel { align-items:flex-start; flex-direction:column; }
  .client-filter-actions { width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
  .filter-chip { white-space:nowrap; }
  .client-final-trust, .reviews-grid { grid-template-columns:1fr; }
  .pd-quick-buy { margin-left:0; margin-top:10px; width:100%; }
  .pd-form .btn-primary { width:100%; }
  .favorite-heart-btn { width:38px; height:38px; }
}


/* V93 FIX: botón flotante subir funcionando */
.page-top-anchor { position:absolute; top:0; left:0; width:1px; height:1px; }
#backToTopBtn { cursor:pointer; text-decoration:none; user-select:none; }
#backToTopBtn:active { transform: translateY(1px) scale(.98); }


/* v94: salto de categorías corregido para no quedar demasiado abajo */
html {
    scroll-padding-top: 170px !important;
}
#catalogo-home {
    scroll-margin-top: 170px !important;
}
@media (max-width: 768px) {
    html { scroll-padding-top: 125px !important; }
    #catalogo-home { scroll-margin-top: 125px !important; }
}

/* V95 FIX MOBILE: categorías no deben bajar hasta mitad de productos */
@media (max-width: 768px) {
    html {
        scroll-padding-top: 215px !important;
    }
    #catalogo-home {
        scroll-margin-top: 215px !important;
    }
}
@media (max-width: 480px) {
    html {
        scroll-padding-top: 230px !important;
    }
    #catalogo-home {
        scroll-margin-top: 230px !important;
    }
}


/* V96 FIX DEFINITIVO MOBILE: las categorías deben quedar visibles arriba, no bajar hasta los productos */
@media (max-width: 768px) {
  html { scroll-padding-top: 230px !important; }
  #catalogo-home { scroll-margin-top: 230px !important; }
  .catalog-header { padding-top: 18px !important; }
}
@media (max-width: 480px) {
  html { scroll-padding-top: 250px !important; }
  #catalogo-home { scroll-margin-top: 250px !important; }
  .catalog-header { padding-top: 20px !important; }
}


/* V97 FIX REAL MOBILE: salto de categorías igual que PC.
   Se baja al inicio del bloque Catálogo/Categoría y no hasta las cards. */
@media (max-width: 768px) {
  html { scroll-padding-top: 120px !important; }
  #catalogo-home { scroll-margin-top: 120px !important; }
  .catalog-header { padding-top: 8px !important; }
}
@media (max-width: 480px) {
  html { scroll-padding-top: 110px !important; }
  #catalogo-home { scroll-margin-top: 110px !important; }
  .catalog-header { padding-top: 6px !important; }
}


/* V98 FIX FINAL: categorías en celular y PC con la misma posición correcta */
html { scroll-padding-top: 170px !important; }
#catalogo-home { scroll-margin-top: 170px !important; }
@media (max-width: 768px) {
  html { scroll-padding-top: 118px !important; }
  #catalogo-home { scroll-margin-top: 118px !important; }
  .catalog-header { padding-top: 6px !important; }
}
@media (max-width: 480px) {
  html { scroll-padding-top: 108px !important; }
  #catalogo-home { scroll-margin-top: 108px !important; }
  .catalog-header { padding-top: 4px !important; }
}

/* V99 FIX: posición consistente de catálogo en mobile/PC */
html { scroll-padding-top: 160px !important; }
#catalogo-home { scroll-margin-top: 160px !important; }
@media (max-width: 768px) {
  html { scroll-padding-top: 100px !important; }
  #catalogo-home { scroll-margin-top: 100px !important; }
  .catalog-header { padding-top: 4px !important; }
}
@media (max-width: 480px) {
  html { scroll-padding-top: 92px !important; }
  #catalogo-home { scroll-margin-top: 92px !important; }
  .catalog-header { padding-top: 2px !important; }
}


/* V100: respaldo para que el catálogo no quede tapado ni demasiado abajo */
#catalogo-home {
    scroll-margin-top: 96px;
}
@media (max-width: 768px) {
    #catalogo-home {
        scroll-margin-top: 74px;
    }
}



/* V104 AJUSTE FINAL MOBILE */

@media (max-width: 768px) {

    body:not(.admin-page) .v52-stage {
        margin-top: -155px !important;
    }

    body:not(.admin-page) main {
        padding-top: 92px !important;
    }
}



/* =========================================================
   V105 AJUSTE REAL MOBILE
   Baja el bloque principal en celular sin dejar espacio gigante.
   Este bloque debe quedar AL FINAL del CSS para sobrescribir v103/v104.
========================================================= */

@media (max-width: 768px) {

    body:not(.admin-page) main {
        padding-top: 118px !important;
    }

    body:not(.admin-page) .v52-stage {
        margin-top: -95px !important;
        margin-bottom: 10px !important;
    }

    body:not(.admin-page) .v52-stage-grid {
        margin-top: 0 !important;
    }

    body:not(.admin-page) .v52-stage-backdrop {
        top: 0 !important;
        height: 120px !important;
    }
}

@media (max-width: 480px) {

    body:not(.admin-page) main {
        padding-top: 125px !important;
    }

    body:not(.admin-page) .v52-stage {
        margin-top: -90px !important;
        margin-bottom: 8px !important;
    }
}

@media (max-width: 390px) {

    body:not(.admin-page) main {
        padding-top: 130px !important;
    }

    body:not(.admin-page) .v52-stage {
        margin-top: -85px !important;
        margin-bottom: 8px !important;
    }
}


/* =========================================================
   V106 CLIENTES PREMIUM - UX, MOBILE Y VELOCIDAD
   Mejora segura: header móvil, menú, categorías, confianza,
   legibilidad y render fluido sin tocar la base de datos.
========================================================= */

.store-page .site-header {
    backdrop-filter: saturate(1.1) blur(10px);
    -webkit-backdrop-filter: saturate(1.1) blur(10px);
}

.store-mobile-category-block,
.store-quick-trust-row {
    display: none;
}

.store-page .store-mini-chip,
.store-page .store-utility-link,
.store-page .catalog-menu-trigger,
.store-page .header-search button,
.store-page .primary-cart-btn,
.store-page .quick-buy-btn,
.store-page .ghost-link-btn {
    -webkit-tap-highlight-color: transparent;
}

.store-page .product-image,
.store-page .promo-card-image {
    content-visibility: auto;
    contain-intrinsic-size: 260px 220px;
}

.store-page .premium-product-card,
.store-page .promo-card,
.store-page .testimonial-card,
.store-page .feedback-home-intro,
.store-page .feedback-home-form-wrap {
    content-visibility: auto;
    contain-intrinsic-size: 320px 420px;
}

.nnx-floating-cart {
    position: fixed;
    right: 18px;
    bottom: 96px;
    z-index: 1200;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    background: linear-gradient(135deg, #0f172a, #2563eb);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 16px 34px rgba(15,23,42,.24);
    transition: transform .18s ease, box-shadow .18s ease;
}

.nnx-floating-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 38px rgba(15,23,42,.28);
}

.nnx-floating-cart strong {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    background: #22c55e;
    color: #04111f;
    font-weight: 900;
}

.store-page .product-trust-row span,
.store-page .product-shipping-pill,
.store-page .stock-badge.in {
    font-weight: 800;
}

.store-page .quick-buy-btn {
    box-shadow: 0 12px 24px rgba(37, 99, 235, .2);
}

.store-page .header-search input:focus {
    box-shadow: 0 0 0 4px rgba(96,165,250,.25);
}

@media (max-width: 768px) {

    .store-page .site-header {
        padding: 8px 10px 10px !important;
        overflow: visible !important;
    }

    .store-page .store-header-top-pro {
        gap: 8px !important;
    }

    .store-page .brand-link {
        font-size: 1.08rem !important;
        line-height: 1.05 !important;
    }

    .store-page .store-brand-subtitle,
    .store-page .store-user-greeting {
        display: none !important;
    }

    .store-page .catalog-menu-trigger {
        min-height: 38px !important;
        padding: 7px 10px !important;
        border-radius: 14px !important;
    }

    .store-page .catalog-menu-trigger-text small {
        display: none !important;
    }

    .store-page .catalog-menu-trigger-text strong {
        font-size: .82rem !important;
    }

    .store-page .header-search-pro {
        gap: 7px !important;
    }

    .store-page .header-search input {
        height: 39px !important;
        font-size: .88rem !important;
        padding: 8px 12px !important;
    }

    .store-page .header-search button {
        height: 39px !important;
        padding: 0 12px !important;
        font-size: .84rem !important;
    }

    .store-page .store-header-userzone-pro {
        gap: 6px !important;
    }

    .store-page .store-mini-chip {
        padding: 7px 9px !important;
        font-size: .78rem !important;
        border-radius: 999px !important;
    }

    .store-page .store-mobile-toggle {
        margin-top: 7px !important;
        min-height: 38px !important;
    }

    .store-page .store-mobile-panel {
        max-height: min(72vh, 560px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        border-radius: 0 0 22px 22px !important;
    }

    .store-mobile-category-block {
        display: block;
        padding: 10px 10px 2px;
    }

    .store-mobile-category-title {
        display: block;
        margin-bottom: 8px;
        color: rgba(255,255,255,.78);
        font-size: .78rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .store-mobile-category-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .store-mobile-category-grid a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 8px 9px;
        border-radius: 14px;
        color: #fff;
        text-decoration: none;
        font-size: .84rem;
        font-weight: 900;
        background: rgba(255,255,255,.09);
        border: 1px solid rgba(255,255,255,.14);
    }

    .store-quick-trust-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        padding: 8px 10px 10px;
    }

    .store-quick-trust-row span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        border-radius: 999px;
        color: #06111f;
        background: linear-gradient(135deg, #c7f9d4, #93f5b0);
        font-size: .73rem;
        font-weight: 950;
        text-align: center;
    }

    .store-page .store-utility-row {
        gap: 7px !important;
        padding-top: 4px !important;
    }

    .store-page .store-utility-link {
        min-height: 34px !important;
        padding: 7px 9px !important;
        font-size: .78rem !important;
    }

    .nnx-floating-cart {
        right: 12px;
        bottom: 86px;
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .store-page .premium-product-card,
    .store-page .promo-card,
    .store-page .testimonial-card,
    .store-page .feedback-home-intro,
    .store-page .feedback-home-form-wrap {
        contain-intrinsic-size: 300px 380px;
    }

    .store-page .home-card-tags,
    .store-page .product-meta-row,
    .store-page .product-trust-row {
        gap: 6px !important;
    }

    .store-page .product-form-actions {
        gap: 8px !important;
    }

    .store-page .primary-cart-btn,
    .store-page .quick-buy-btn,
    .store-page .ghost-link-btn {
        min-height: 42px !important;
        font-size: .86rem !important;
    }
}

@media (max-width: 420px) {
    .store-page .store-mini-chip[href="/favoritos.php"] {
        display: none !important;
    }

    .store-mobile-category-grid {
        grid-template-columns: 1fr 1fr;
    }

    .store-quick-trust-row span {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce), (max-width: 768px) {
    .store-page .premium-product-card,
    .store-page .promo-card,
    .store-page .testimonial-card,
    .store-page .home-fx-card,
    .store-page .reveal-up {
        transition-duration: .12s !important;
        animation-duration: .12s !important;
    }
}


/* =========================================================
   V107 CLIENTE PREMIUM FULL - mejoras reales de compra
========================================================= */
.nnx-live-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:9999;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.12);box-shadow:0 24px 60px rgba(15,23,42,.18);border-radius:18px;overflow:hidden;backdrop-filter:blur(14px)}
html[data-theme="dark"] .nnx-live-search-results{background:rgba(7,16,34,.96);border-color:rgba(255,255,255,.12)}
.nnx-live-search-results a{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 12px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(148,163,184,.16)}
.nnx-live-search-results img,.nnx-live-search-thumb{width:44px;height:44px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.nnx-live-search-results strong{display:block;font-size:.9rem}.nnx-live-search-results span{display:block;font-size:.76rem;opacity:.74}.nnx-live-search-price{font-weight:900;color:#0f766e}.store-search-wrap{position:relative}
.nnx-cart-drawer-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.45);z-index:10020;backdrop-filter:blur(2px)}
.nnx-cart-drawer{position:fixed;top:0;right:0;width:min(420px,94vw);height:100vh;z-index:10030;background:rgba(255,255,255,.98);box-shadow:-24px 0 70px rgba(2,6,23,.28);transform:translateX(105%);transition:transform .26s ease;display:flex;flex-direction:column;border-left:1px solid rgba(15,23,42,.12)}
html[data-theme="dark"] .nnx-cart-drawer{background:rgba(7,16,34,.98);border-left-color:rgba(255,255,255,.12)}
.nnx-cart-drawer.is-open{transform:translateX(0)}.nnx-cart-drawer-head,.nnx-cart-drawer-foot{padding:18px;border-bottom:1px solid rgba(148,163,184,.18)}.nnx-cart-drawer-foot{border-bottom:0;border-top:1px solid rgba(148,163,184,.18);display:grid;gap:10px}.nnx-cart-drawer-head{display:flex;align-items:center;justify-content:space-between}.nnx-cart-close{width:38px;height:38px;border-radius:999px;border:0;background:#e2e8f0;color:#020617;font-size:1.6rem;font-weight:900}.nnx-cart-drawer-body{padding:14px;overflow:auto;flex:1}.nnx-cart-item{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:18px;margin-bottom:10px;background:rgba(248,250,252,.8)}html[data-theme="dark"] .nnx-cart-item{background:rgba(15,23,42,.6)}.nnx-cart-item img,.nnx-cart-item .thumb{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#dbeafe}.nnx-cart-item strong{display:block}.nnx-cart-item small{opacity:.72}.client-trust-badges-v107{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px auto 14px;padding:14px;max-width:1180px;border-radius:24px;background:rgba(255,255,255,.74);border:1px solid rgba(148,163,184,.18)}html[data-theme="dark"] .client-trust-badges-v107{background:rgba(15,23,42,.62)}.client-trust-badges-v107 div{border-radius:18px;padding:12px;background:rgba(15,23,42,.04)}html[data-theme="dark"] .client-trust-badges-v107 div{background:rgba(255,255,255,.06)}.client-trust-badges-v107 strong{display:block;font-weight:900}.client-trust-badges-v107 span{font-size:.82rem;opacity:.75}.checkout-pro-header{max-width:980px;margin:0 auto 14px;padding:14px}.checkout-grid-v107{align-items:start}.checkout-card-form-v107{position:relative}.checkout-form-short-v107{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.checkout-form-short-v107 button[type="submit"]{grid-column:1/-1}.checkout-form-short-v107 label{font-size:.84rem;font-weight:800;margin-bottom:-4px}.pd-mini-gallery{display:flex;gap:8px;margin-top:10px;justify-content:center}.pd-mini-gallery button{border:2px solid transparent;border-radius:14px;padding:3px;background:rgba(255,255,255,.7);cursor:pointer}.pd-mini-gallery button.is-active{border-color:#38bdf8}.pd-mini-gallery img{width:58px;height:58px;object-fit:cover;border-radius:10px}.nnx-product-zoom-img{transition:transform .25s ease}.pd-media:hover .nnx-product-zoom-img{transform:scale(1.04)}.admin-page .smart-fulfillment-board{border:1px solid rgba(56,189,248,.18);box-shadow:0 18px 50px rgba(2,6,23,.12)}
@media (max-width:768px){.store-header-top-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:7px 10px!important}.store-brand-subtitle,.store-user-greeting{display:none!important}.catalog-menu-trigger-text small{display:none}.catalog-menu-trigger{min-height:38px!important;padding:7px 9px!important}.store-header-userzone-pro{grid-column:1/-1;display:flex!important;gap:6px;overflow-x:auto;padding-bottom:2px}.store-mini-chip{padding:7px 10px!important;font-size:.78rem!important;white-space:nowrap}.store-search-wrap{grid-column:1/-1;order:5}.header-search-pro{min-height:38px!important}.header-search-pro input{height:38px!important;font-size:.9rem!important}.header-search-pro button{height:38px!important;padding:0 12px!important}.store-mobile-toggle{top:10px!important;right:10px!important}.store-mobile-panel{max-height:calc(100vh - 76px);overflow:auto}.nnx-live-search-results{position:fixed;left:10px;right:10px;top:112px}.nnx-live-search-results a{grid-template-columns:38px 1fr auto;padding:9px}.nnx-live-search-results img,.nnx-live-search-thumb{width:38px;height:38px}.client-trust-badges-v107{grid-template-columns:1fr 1fr;margin:10px 10px;padding:10px;gap:8px}.client-trust-badges-v107 div{padding:10px}.checkout-form-short-v107{grid-template-columns:1fr}.nnx-floating-cart{bottom:86px!important}.producto-card,.premium-product-card{box-shadow:0 12px 28px rgba(2,6,23,.14)!important}.reveal-up{transition:opacity .18s ease, transform .18s ease!important}.fx-orb,#fxCanvas{display:none!important}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}



/* =========================================================
   V108 FIX REAL - CARRITO LATERAL Y LAYOUT
   Evita que el carrito lateral aparezca abierto por defecto
   y rompa la página en PC/celular.
========================================================= */

.nnx-cart-drawer-backdrop[hidden],
.nnx-cart-drawer-backdrop[style*="display: none"] {
    display: none !important;
}

.nnx-cart-drawer {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: min(420px, 94vw) !important;
    max-width: 94vw !important;
    height: 100dvh !important;
    z-index: 999999 !important;
    transform: translateX(110%) !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform .25s ease, opacity .2s ease, visibility .2s ease !important;
}

.nnx-cart-drawer.is-open,
body.cart-drawer-open .nnx-cart-drawer {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body:not(.cart-drawer-open) .nnx-cart-drawer {
    transform: translateX(110%) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body:not(.cart-drawer-open) .nnx-cart-drawer-backdrop {
    display: none !important;
}

body.cart-drawer-open {
    overflow: hidden !important;
}

.site-header {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 50 !important;
    width: 100% !important;
}

@media (max-width: 768px) {
    .nnx-cart-drawer {
        width: 92vw !important;
        max-width: 92vw !important;
        border-radius: 22px 0 0 22px !important;
    }
}



/* =========================================================
   V109 PUBLICIDAD VISIBLE EN CLIENTE
   Muestra los anuncios creados en el admin dentro de la página cliente.
========================================================= */

.nnx-client-ads-section {
    margin: 26px 0 30px !important;
    padding: 22px !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(37,99,235,.10), rgba(6,182,212,.08)),
        rgba(255,255,255,.76) !important;
    border: 1px solid rgba(96,165,250,.22) !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.10) !important;
}

body.dark-mode .nnx-client-ads-section,
.dark-mode .nnx-client-ads-section {
    background:
        linear-gradient(135deg, rgba(59,130,246,.12), rgba(34,211,238,.08)),
        rgba(2,6,23,.72) !important;
    border-color: rgba(96,165,250,.24) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
}

.nnx-client-ads-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 18px !important;
}

.nnx-client-ads-section .promo-card {
    min-height: 100% !important;
}

.nnx-client-ads-section .promo-card-image {
    width: 100% !important;
    height: 170px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
}

@media (max-width: 768px) {
    .nnx-client-ads-section {
        margin: 18px 0 22px !important;
        padding: 16px !important;
        border-radius: 24px !important;
    }

    .nnx-client-ads-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .nnx-client-ads-section .promo-card-image {
        height: 155px !important;
    }
}




/* =========================================================
   V110 PUBLICIDAD PRO + CARRUSEL PROMOCIONAL
========================================================= */

.nnx-promo-pro-card {
    overflow: hidden !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
    border: 1px solid rgba(147,197,253,.35) !important;
}

body.dark-mode .nnx-promo-pro-card,
.dark-mode .nnx-promo-pro-card {
    background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.94)) !important;
    border-color: rgba(96,165,250,.24) !important;
}

.nnx-promo-media-slider {
    position: relative !important;
    width: 100% !important;
    height: 260px !important;
    overflow: hidden !important;
    border-radius: 22px 22px 0 0 !important;
    background: #081224 !important;
}

.nnx-promo-media-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transform: scale(1.04) !important;
    transition: opacity .45s ease, transform .8s ease !important;
}

.nnx-promo-media-slide.is-active {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.nnx-promo-media-slide img,
.nnx-promo-media-slide video,
.nnx-promo-media-slider .promo-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

.nnx-promo-dots {
    position: absolute !important;
    left: 18px !important;
    bottom: 14px !important;
    display: flex !important;
    gap: 7px !important;
    z-index: 2 !important;
}

.nnx-promo-dots span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.48) !important;
    box-shadow: 0 0 0 1px rgba(15,23,42,.15) !important;
}

.nnx-promo-dots span.is-active {
    width: 22px !important;
    background: #60a5fa !important;
}

.nnx-client-ads-section {
    margin-top: 22px !important;
}

.nnx-client-ads-grid .promo-card-body {
    padding: 18px !important;
}

.nnx-client-ads-grid .promo-card-body h4 {
    font-size: 1.2rem !important;
    letter-spacing: -.02em !important;
}

.nnx-client-ads-grid .promo-card-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 12px 30px rgba(37,99,235,.25) !important;
}

@media (max-width: 768px) {
    .nnx-promo-media-slider {
        height: 190px !important;
    }

    .nnx-client-ads-grid .promo-card-body h4 {
        font-size: 1.05rem !important;
    }
}




/* =========================================================
   V111 PRODUCTOS MULTI IMAGEN / VIDEO + CARRUSEL HOVER
========================================================= */

.nnx-product-card-media,
.nnx-product-detail-slider {
    position: relative !important;
    overflow: hidden !important;
    background: #081224 !important;
}

.nnx-product-card-media {
    width: 100% !important;
    height: 210px !important;
    border-radius: 18px 18px 0 0 !important;
}

.nnx-product-detail-slider {
    width: 100% !important;
    min-height: 390px !important;
    display: grid !important;
    place-items: center !important;
}

.nnx-product-media-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transform: scale(1.035) !important;
    transition: opacity .38s ease, transform .75s ease !important;
    display: grid !important;
    place-items: center !important;
}

.nnx-product-media-slide.is-active {
    opacity: 1 !important;
    transform: scale(1) !important;
    z-index: 1 !important;
}

.nnx-product-card-media .product-image,
.nnx-product-card-media video.product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.nnx-product-detail-slider .pd-image,
.nnx-product-detail-slider video.pd-image {
    width: 100% !important;
    height: 100% !important;
    max-height: 460px !important;
    object-fit: contain !important;
    display: block !important;
}

.nnx-product-media-dots {
    position: absolute !important;
    left: 14px !important;
    bottom: 12px !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 4 !important;
}

.nnx-product-media-dots span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.52) !important;
}

.nnx-product-media-dots span.is-active {
    width: 20px !important;
    background: #60a5fa !important;
}

.pd-mini-gallery .video-thumb {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    border-radius: 10px !important;
}

@media (max-width: 768px) {
    .nnx-product-card-media {
        height: 190px !important;
    }

    .nnx-product-detail-slider {
        min-height: 280px !important;
    }
}


/* V112 FIX GALERÍA PRODUCTOS FUNCIONANDO */
.nnx-product-card-media,.nnx-product-detail-slider{position:relative!important;overflow:hidden!important;background:rgba(2,8,23,.45)!important}.nnx-product-card-media{width:100%!important;height:210px!important;border-radius:18px 18px 0 0!important}.nnx-product-detail-slider{width:100%!important;min-height:390px!important;display:block!important}.nnx-product-media-slide{position:absolute!important;inset:0!important;opacity:0!important;transform:scale(1.03)!important;transition:opacity .35s ease,transform .65s ease!important;z-index:0!important}.nnx-product-media-slide.is-active{opacity:1!important;transform:scale(1)!important;z-index:2!important}.nnx-product-card-media .product-image,.nnx-product-card-media video.product-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}.nnx-product-detail-slider .pd-image,.nnx-product-detail-slider video.pd-image{width:100%!important;height:100%!important;min-height:390px!important;max-height:460px!important;object-fit:contain!important;display:block!important}.nnx-product-media-dots{position:absolute!important;left:14px!important;bottom:12px!important;display:flex!important;gap:6px!important;z-index:5!important}.nnx-product-media-dots span{width:7px!important;height:7px!important;border-radius:999px!important;background:rgba(255,255,255,.52)!important}.nnx-product-media-dots span.is-active{width:20px!important;background:#60a5fa!important}.pd-mini-gallery .video-thumb{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border-radius:10px!important}.admin-gallery-preview{margin:12px 0 16px!important;padding:12px!important;border:1px solid rgba(96,165,250,.24)!important;border-radius:14px!important;background:rgba(15,23,42,.42)!important}.admin-gallery-preview-grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:10px!important}.admin-gallery-preview-grid img,.admin-gallery-preview-grid video{width:92px!important;height:92px!important;object-fit:cover!important;border-radius:12px!important;border:1px solid rgba(148,163,184,.28)!important}@media(max-width:768px){.nnx-product-card-media{height:190px!important}.nnx-product-detail-slider,.nnx-product-detail-slider .pd-image,.nnx-product-detail-slider video.pd-image{min-height:280px!important}}



/* =========================================================
   V113 FIX REAL IMÁGENES PRODUCTOS CLIENTE
========================================================= */

.nnx-product-card-media,
.nnx-product-detail-slider {
    position: relative !important;
    overflow: hidden !important;
    background: rgba(2, 8, 23, .52) !important;
}

.nnx-product-card-media {
    width: 100% !important;
    height: 210px !important;
    border-radius: 18px 18px 0 0 !important;
}

.nnx-product-detail-slider {
    width: 100% !important;
    min-height: 390px !important;
    display: block !important;
}

.nnx-product-media-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(1.025) !important;
    transition: opacity .35s ease, transform .65s ease, visibility .35s ease !important;
    z-index: 0 !important;
}

.nnx-product-media-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
    z-index: 2 !important;
}

.nnx-product-card-media .product-image,
.nnx-product-card-media video.product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.nnx-product-detail-slider .pd-image,
.nnx-product-detail-slider video.pd-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    max-height: 460px !important;
    object-fit: contain !important;
    display: block !important;
}

.nnx-product-media-dots {
    position: absolute !important;
    left: 14px !important;
    bottom: 12px !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 5 !important;
}

.nnx-product-media-dots span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.52) !important;
}

.nnx-product-media-dots span.is-active {
    width: 20px !important;
    background: #60a5fa !important;
}

.pd-mini-gallery .video-thumb {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 900 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    border-radius: 10px !important;
}

.admin-gallery-preview {
    margin: 12px 0 16px !important;
    padding: 12px !important;
    border: 1px solid rgba(96,165,250,.24) !important;
    border-radius: 14px !important;
    background: rgba(15,23,42,.42) !important;
}

.admin-gallery-preview-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.admin-gallery-preview-grid img,
.admin-gallery-preview-grid video {
    width: 92px !important;
    height: 92px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148,163,184,.28) !important;
}

@media (max-width: 768px) {
    .nnx-product-card-media {
        height: 190px !important;
    }

    .nnx-product-detail-slider,
    .nnx-product-detail-slider .pd-image,
    .nnx-product-detail-slider video.pd-image {
        min-height: 280px !important;
    }
}



/* =========================================================
   V114 FIX DETALLE PRODUCTO - IMÁGENES VISIBLES
========================================================= */

.v114-product-detail-gallery,
.product-detail .nnx-product-detail-slider {
    position: relative !important;
    width: 100% !important;
    min-height: 420px !important;
    background: rgba(2, 8, 23, .42) !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    display: block !important;
}

.product-detail .nnx-product-media-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity .35s ease, visibility .35s ease, transform .55s ease !important;
    transform: scale(1.02) !important;
}

.product-detail .nnx-product-media-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
    transform: scale(1) !important;
}

.product-detail .nnx-product-media-slide img.pd-image,
.product-detail .nnx-product-media-slide video.pd-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 420px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-detail .pd-mini-gallery {
    margin-top: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-detail .pd-mini-gallery button {
    width: 64px !important;
    height: 64px !important;
    padding: 3px !important;
    border-radius: 14px !important;
    border: 2px solid rgba(255,255,255,.32) !important;
    background: rgba(15,23,42,.6) !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

.product-detail .pd-mini-gallery button.is-active {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.22) !important;
}

.product-detail .pd-mini-gallery img,
.product-detail .pd-mini-gallery video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

@media (max-width: 768px) {
    .v114-product-detail-gallery,
    .product-detail .nnx-product-detail-slider {
        min-height: 290px !important;
    }

    .product-detail .nnx-product-media-slide img.pd-image,
    .product-detail .nnx-product-media-slide video.pd-image {
        min-height: 290px !important;
    }
}



/* =========================================================
   V115 FINAL MOBILE - IMÁGENES SIN CORTES
========================================================= */

@media (max-width: 768px) {

    .producto-card .product-image,
    .premium-product-card .product-image,
    .v51-product-card .product-image,
    .nnx-product-card-media .product-image,
    .nnx-product-card-media video.product-image {
        width: 100% !important;
        height: auto !important;
        max-height: 240px !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #f8fafc !important;
        border-radius: 16px !important;
    }

    .nnx-product-card-media {
        height: auto !important;
        min-height: 190px !important;
        max-height: 260px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8fafc !important;
        padding: 8px !important;
    }

    .nnx-product-card-media .nnx-product-media-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8fafc !important;
    }

    .product-detail .nnx-product-detail-slider,
    .v114-product-detail-gallery {
        min-height: 260px !important;
        height: auto !important;
        background: rgba(248, 250, 252, .96) !important;
        padding: 8px !important;
    }

    .product-detail .nnx-product-media-slide img.pd-image,
    .product-detail .nnx-product-media-slide video.pd-image,
    .nnx-product-detail-slider .pd-image,
    .nnx-product-detail-slider video.pd-image {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: 340px !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
        border-radius: 16px !important;
    }

    .promo-card-image,
    .nnx-promo-media-slide img,
    .nnx-promo-media-slide video,
    .nnx-promo-media-slider .promo-card-image,
    .nnx-client-ads-section .promo-card-image {
        width: 100% !important;
        height: auto !important;
        max-height: 260px !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #f8fafc !important;
        border-radius: 16px !important;
    }

    .nnx-promo-media-slider {
        height: auto !important;
        min-height: 180px !important;
        max-height: 280px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8fafc !important;
        padding: 8px !important;
    }

    .nnx-promo-media-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .pd-mini-gallery img,
    .pd-mini-gallery video,
    .admin-gallery-preview-grid img,
    .admin-gallery-preview-grid video {
        object-fit: contain !important;
        background: #f8fafc !important;
    }

    main img {
        object-position: center center !important;
    }
}

@media (max-width: 480px) {

    .producto-card .product-image,
    .premium-product-card .product-image,
    .v51-product-card .product-image,
    .nnx-product-card-media .product-image,
    .nnx-product-card-media video.product-image {
        max-height: 220px !important;
    }

    .product-detail .nnx-product-media-slide img.pd-image,
    .product-detail .nnx-product-media-slide video.pd-image,
    .nnx-product-detail-slider .pd-image,
    .nnx-product-detail-slider video.pd-image {
        max-height: 300px !important;
    }

    .promo-card-image,
    .nnx-promo-media-slide img,
    .nnx-promo-media-slide video,
    .nnx-promo-media-slider .promo-card-image {
        max-height: 230px !important;
    }
}



/* =========================================================
   V116 VISUAL PREMIUM FINAL - IMÁGENES PC + CELULAR
   Galerías más pro, cards premium, hover visual, fullscreen,
   mobile friendly y sin cortes agresivos.
========================================================= */

/* ---- Cards de productos más premium ---- */
.producto-card,
.premium-product-card,
.v51-product-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    border: 1px solid rgba(96, 165, 250, .25) !important;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, .12),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        filter .28s ease !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
}

body.dark-mode .producto-card,
body.dark-mode .premium-product-card,
body.dark-mode .v51-product-card,
.dark-mode .producto-card,
.dark-mode .premium-product-card,
.dark-mode .v51-product-card {
    border-color: rgba(96,165,250,.25) !important;
    box-shadow:
        0 22px 60px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (hover: hover) {
    .producto-card:hover,
    .premium-product-card:hover,
    .v51-product-card:hover {
        transform: translateY(-8px) scale(1.012) !important;
        border-color: rgba(96,165,250,.55) !important;
        box-shadow:
            0 28px 70px rgba(37, 99, 235, .22),
            0 10px 30px rgba(0,0,0,.16) !important;
    }
}

/* Brillo premium sobre cards */
.producto-card::after,
.premium-product-card::after,
.v51-product-card::after {
    content: "" !important;
    position: absolute !important;
    inset: -120% -80% auto auto !important;
    width: 80% !important;
    height: 220% !important;
    background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.28), transparent 62%) !important;
    transform: translateX(-140%) rotate(12deg) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: transform .8s ease, opacity .3s ease !important;
    z-index: 8 !important;
}

@media (hover: hover) {
    .producto-card:hover::after,
    .premium-product-card:hover::after,
    .v51-product-card:hover::after {
        opacity: 1 !important;
        transform: translateX(220%) rotate(12deg) !important;
    }
}

/* ---- Contenedores de imágenes más elegantes ---- */
.nnx-product-card-media,
.nnx-product-detail-slider,
.v114-product-detail-gallery,
.nnx-promo-media-slider {
    background:
        radial-gradient(circle at 30% 20%, rgba(96,165,250,.20), transparent 32%),
        linear-gradient(135deg, #f8fafc, #eef6ff) !important;
    border: 1px solid rgba(147,197,253,.30) !important;
}

body.dark-mode .nnx-product-card-media,
body.dark-mode .nnx-product-detail-slider,
body.dark-mode .v114-product-detail-gallery,
body.dark-mode .nnx-promo-media-slider,
.dark-mode .nnx-product-card-media,
.dark-mode .nnx-product-detail-slider,
.dark-mode .v114-product-detail-gallery,
.dark-mode .nnx-promo-media-slider {
    background:
        radial-gradient(circle at 30% 20%, rgba(59,130,246,.22), transparent 34%),
        linear-gradient(135deg, rgba(2,6,23,.92), rgba(15,23,42,.86)) !important;
    border-color: rgba(96,165,250,.26) !important;
}

/* ---- Imágenes con zoom suave, sin cortes fuertes ---- */
.nnx-product-card-media img,
.nnx-product-card-media video,
.nnx-product-detail-slider img,
.nnx-product-detail-slider video,
.v114-product-detail-gallery img,
.v114-product-detail-gallery video,
.nnx-promo-media-slider img,
.nnx-promo-media-slider video,
.promo-card-image {
    transition: transform .65s ease, filter .35s ease, opacity .35s ease !important;
    backface-visibility: hidden !important;
}

@media (hover: hover) {
    .nnx-product-card-media:hover img,
    .nnx-product-card-media:hover video,
    .nnx-product-detail-slider:hover img,
    .nnx-product-detail-slider:hover video,
    .v114-product-detail-gallery:hover img,
    .v114-product-detail-gallery:hover video,
    .nnx-promo-media-slider:hover img,
    .nnx-promo-media-slider:hover video {
        transform: scale(1.035) !important;
        filter: saturate(1.07) contrast(1.03) !important;
    }
}

/* ---- Dots más elegantes ---- */
.nnx-product-media-dots,
.nnx-promo-dots {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background: rgba(15,23,42,.28) !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
}

.nnx-product-media-dots span,
.nnx-promo-dots span {
    transition: width .25s ease, background .25s ease, opacity .25s ease !important;
}

.nnx-product-media-dots span.is-active,
.nnx-promo-dots span.is-active {
    background: linear-gradient(135deg, #60a5fa, #22d3ee) !important;
}

/* ---- Miniaturas de detalle producto ---- */
.product-detail .pd-mini-gallery {
    margin-top: 16px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    background: rgba(15,23,42,.08) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
}

body.dark-mode .product-detail .pd-mini-gallery,
.dark-mode .product-detail .pd-mini-gallery {
    background: rgba(15,23,42,.42) !important;
    border-color: rgba(96,165,250,.18) !important;
}

.product-detail .pd-mini-gallery button {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.product-detail .pd-mini-gallery button:hover,
.product-detail .pd-mini-gallery button.is-active {
    transform: translateY(-2px) scale(1.04) !important;
}

/* ---- Botón visual para abrir fullscreen ---- */
.nnx-product-detail-slider,
.v114-product-detail-gallery,
.nnx-product-card-media,
.nnx-promo-media-slider {
    cursor: zoom-in !important;
}

/* ---- Lightbox fullscreen ---- */
.nnx-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
    background: rgba(2, 6, 23, .88) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.nnx-lightbox.is-open {
    display: flex !important;
}

.nnx-lightbox-inner {
    position: relative !important;
    width: min(1100px, 96vw) !important;
    max-height: 92vh !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 20% 10%, rgba(59,130,246,.20), transparent 35%),
        rgba(15,23,42,.92) !important;
    border: 1px solid rgba(147,197,253,.24) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.55) !important;
}

.nnx-lightbox-media {
    width: 100% !important;
    height: min(78vh, 760px) !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
}

.nnx-lightbox-media img,
.nnx-lightbox-media video {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 18px !important;
}

.nnx-lightbox-close,
.nnx-lightbox-prev,
.nnx-lightbox-next {
    position: absolute !important;
    z-index: 3 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(15,23,42,.72) !important;
    color: #fff !important;
    border-radius: 999px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    transition: transform .2s ease, background .2s ease !important;
}

.nnx-lightbox-close:hover,
.nnx-lightbox-prev:hover,
.nnx-lightbox-next:hover {
    transform: scale(1.06) !important;
    background: rgba(37,99,235,.92) !important;
}

.nnx-lightbox-close {
    top: 14px !important;
    right: 14px !important;
}

.nnx-lightbox-prev {
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.nnx-lightbox-next {
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.nnx-lightbox-prev:hover,
.nnx-lightbox-next:hover {
    transform: translateY(-50%) scale(1.06) !important;
}

/* ---- Skeleton shimmer sutil para imágenes mientras cargan ---- */
.nnx-product-card-media::before,
.nnx-product-detail-slider::before,
.v114-product-detail-gallery::before,
.nnx-promo-media-slider::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.18), transparent 45%) !important;
    transform: translateX(-100%) !important;
    animation: nnxImageShimmer 2.8s ease-in-out infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: .35 !important;
}

@keyframes nnxImageShimmer {
    0% { transform: translateX(-100%); }
    55%, 100% { transform: translateX(120%); }
}

/* ---- Mobile premium ---- */
@media (max-width: 768px) {
    .producto-card,
    .premium-product-card,
    .v51-product-card {
        border-radius: 24px !important;
    }

    .producto-card::after,
    .premium-product-card::after,
    .v51-product-card::after {
        display: none !important;
    }

    .nnx-product-card-media {
        border-radius: 20px 20px 0 0 !important;
        min-height: 210px !important;
        max-height: none !important;
        padding: 10px !important;
    }

    .nnx-product-card-media img,
    .nnx-product-card-media video {
        max-height: 250px !important;
        object-fit: contain !important;
    }

    .product-detail .nnx-product-detail-slider,
    .v114-product-detail-gallery {
        min-height: 300px !important;
        border-radius: 22px !important;
    }

    .product-detail .nnx-product-media-slide img.pd-image,
    .product-detail .nnx-product-media-slide video.pd-image,
    .nnx-product-detail-slider .pd-image,
    .nnx-product-detail-slider video.pd-image {
        max-height: 330px !important;
        object-fit: contain !important;
    }

    .nnx-lightbox {
        padding: 10px !important;
    }

    .nnx-lightbox-inner {
        width: 98vw !important;
        border-radius: 22px !important;
    }

    .nnx-lightbox-media {
        height: 78vh !important;
        padding: 12px !important;
    }

    .nnx-lightbox-close {
        top: 10px !important;
        right: 10px !important;
    }

    .nnx-lightbox-prev,
    .nnx-lightbox-next {
        min-width: 42px !important;
        min-height: 42px !important;
    }
}

/* Reducir efectos en equipos con motion reducido */
@media (prefers-reduced-motion: reduce) {
    .producto-card,
    .premium-product-card,
    .v51-product-card,
    .nnx-product-card-media img,
    .nnx-product-card-media video,
    .nnx-product-detail-slider img,
    .nnx-product-detail-slider video,
    .v114-product-detail-gallery img,
    .v114-product-detail-gallery video,
    .nnx-promo-media-slider img,
    .nnx-promo-media-slider video {
        transition: none !important;
        animation: none !important;
    }

    .nnx-product-card-media::before,
    .nnx-product-detail-slider::before,
    .v114-product-detail-gallery::before,
    .nnx-promo-media-slider::before {
        display: none !important;
    }
}

/* =========================================================
   V355 - Encuesta modo claro limpia y sin radios nativos gigantes
========================================================= */
body #encuesta-opinion .feedback-home-form-wrap {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: rgba(148,163,184,.24) !important;
}

body #encuesta-opinion .rating-stars input[type="radio"],
body #encuesta-opinion .feedback-device-pills input[type="radio"],
body #encuesta-opinion .feedback-return-pills input[type="radio"] {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    pointer-events: none !important;
    clip-path: inset(50%) !important;
}

body #encuesta-opinion .feedback-form > label,
body #encuesta-opinion .feedback-grid-two > div > label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
}

body #encuesta-opinion .rating-card-group {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: #d7e1f0 !important;
}

body #encuesta-opinion .rating-card-group small {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

body #encuesta-opinion .rating-stars label:not(.rating-na) {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    text-shadow: none !important;
}

body #encuesta-opinion .rating-stars input:checked ~ label:not(.rating-na),
body #encuesta-opinion .rating-stars label:hover,
body #encuesta-opinion .rating-stars label:hover ~ label {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
    text-shadow: 0 8px 18px rgba(245,158,11,.24) !important;
}

body #encuesta-opinion .rating-na {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    background: #eaf1ff !important;
    border-color: #d7e1f0 !important;
}

body #encuesta-opinion .feedback-device-pills span,
body #encuesta-opinion .feedback-return-pills span {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #d7e1f0 !important;
    box-shadow: none !important;
}

body #encuesta-opinion .feedback-device-pills input:checked + span,
body #encuesta-opinion .feedback-return-pills input:checked + span {
    background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(37,99,235,.22) !important;
}

body #encuesta-opinion textarea {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border-color: #cbd5e1 !important;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.04) !important;
}

body #encuesta-opinion textarea::placeholder {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    opacity: 1 !important;
}

/* =========================================================
   V356 - Luxury UI: glow, quick view, magnetic buttons, checkout pro
========================================================= */
:root {
    --v356-gold: #f8d47a;
    --v356-cyan: #38bdf8;
    --v356-violet: #7c3aed;
    --v356-ink: #0f172a;
    --v356-muted: #475569;
    --v356-glass: rgba(255,255,255,.82);
    --v356-glass-dark: rgba(15,23,42,.74);
}

html[data-theme="light"] body.store-page {
    background:
        radial-gradient(circle at 14% 0%, rgba(56,189,248,.16), transparent 32%),
        radial-gradient(circle at 90% 10%, rgba(124,58,237,.13), transparent 34%),
        linear-gradient(180deg, #eef4ff 0%, #f8fbff 42%, #eef4ff 100%) !important;
}

html[data-theme="dark"] body.store-page {
    background:
        radial-gradient(circle at 16% 0%, rgba(56,189,248,.12), transparent 30%),
        radial-gradient(circle at 90% 8%, rgba(124,58,237,.18), transparent 36%),
        linear-gradient(180deg, #020617 0%, #071327 48%, #020617 100%) !important;
}

.v356-cursor-glow {
    position: fixed;
    left: 0;
    top: 0;
    width: 360px;
    height: 360px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0);
    background:
        radial-gradient(circle, rgba(56,189,248,.18), transparent 58%),
        radial-gradient(circle, rgba(124,58,237,.12), transparent 68%);
    filter: blur(2px);
    mix-blend-mode: screen;
    transition: opacity .22s ease;
}

body.v356-pointer-active .v356-cursor-glow {
    opacity: 1;
}

.producto-card,
.premium-product-card,
.v51-product-card,
.product-detail,
.nnx-checkout-main-card,
.nnx-summary-card,
.nnx-cart-drawer,
.feedback-home-form-wrap,
.v351-policy-grid article {
    backdrop-filter: blur(18px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

.producto-card::after,
.premium-product-card::after,
.v51-product-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    z-index: 3 !important;
    background: radial-gradient(circle at var(--lux-x, 50%) var(--lux-y, 20%), rgba(248,212,122,.22), transparent 34%) !important;
    transition: opacity .24s ease !important;
}

.producto-card:hover::after,
.premium-product-card:hover::after,
.v51-product-card:hover::after {
    opacity: 1 !important;
}

.v356-quick-view-btn {
    position: absolute !important;
    right: 14px !important;
    top: 14px !important;
    z-index: 12 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.44) !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.72) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.25) !important;
    opacity: 0 !important;
    transform: translateY(-8px) scale(.96) !important;
    transition: opacity .18s ease, transform .18s ease, background .18s ease !important;
    cursor: pointer !important;
}

.producto-card:hover .v356-quick-view-btn,
.premium-product-card:hover .v356-quick-view-btn,
.v51-product-card:hover .v356-quick-view-btn {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.v356-quick-view-btn:hover {
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
}

.v356-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(2,6,23,.66);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}

.v356-modal-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
}

.v356-modal {
    position: relative;
    width: min(940px, 100%);
    max-height: min(760px, calc(100vh - 36px));
    overflow: auto;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 22px;
    border-radius: 26px;
    border: 1px solid rgba(148,163,184,.26);
    background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.18), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
    box-shadow: 0 34px 110px rgba(0,0,0,.38);
    padding: 18px;
    transform: translateY(18px) scale(.98);
    transition: transform .24s ease;
}

body.v356-modal-open {
    overflow: hidden;
}

.v356-modal-backdrop.is-open .v356-modal {
    transform: translateY(0) scale(1);
}

.v356-modal-media {
    min-height: 340px;
    border-radius: 20px;
    background: linear-gradient(135deg, #eaf2ff, #ffffff);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.v356-modal-media img {
    width: 100%;
    height: 100%;
    max-height: 460px;
    object-fit: contain;
}

.v356-modal-body {
    display: grid;
    align-content: center;
    gap: 12px;
    padding: 10px;
}

.v356-modal-kicker {
    color: #2563eb;
    -webkit-text-fill-color: #2563eb;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
}

.v356-modal h3 {
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1.04;
    margin: 0;
    letter-spacing: -.04em;
}

.v356-modal p {
    color: #475569;
    -webkit-text-fill-color: #475569;
    line-height: 1.6;
    margin: 0;
}

.v356-modal-price {
    color: #7c3aed;
    -webkit-text-fill-color: #7c3aed;
    font-size: 1.55rem;
    font-weight: 1000;
}

.v356-modal-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.v356-modal-actions a,
.v356-modal-actions button {
    min-height: 44px;
    border: 0;
    border-radius: 14px;
    padding: 11px 16px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
}

.v356-modal-actions a {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.v356-modal-actions button {
    background: #eaf1ff;
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
}

.v356-modal-close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: rgba(15,23,42,.82);
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: 1.25rem;
    font-weight: 950;
    cursor: pointer;
}

html[data-theme="dark"] .v356-modal {
    background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.18), transparent 34%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(2,8,23,.94));
    border-color: rgba(96,165,250,.28);
}

html[data-theme="dark"] .v356-modal h3 {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

html[data-theme="dark"] .v356-modal p {
    color: #dbeafe;
    -webkit-text-fill-color: #dbeafe;
}

.v356-checkout-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}

.v356-checkout-steps span {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid rgba(148,163,184,.24);
    background: rgba(255,255,255,.08);
    color: #dbeafe;
    -webkit-text-fill-color: #dbeafe;
    font-weight: 950;
}

.v356-checkout-steps b {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(148,163,184,.20);
    color: inherit;
    -webkit-text-fill-color: inherit;
}

.v356-checkout-steps .is-active {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    border-color: rgba(96,165,250,.44);
    background: linear-gradient(135deg, rgba(37,99,235,.72), rgba(124,58,237,.70));
    box-shadow: 0 16px 38px rgba(37,99,235,.18);
}

html[data-theme="light"] body.page-checkout .v356-checkout-steps span {
    background: #ffffff !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    border-color: #d7e1f0 !important;
}

html[data-theme="light"] body.page-checkout .v356-checkout-steps .is-active {
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nnx-cart-drawer {
    border-left: 1px solid rgba(96,165,250,.32) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.16), transparent 32%),
        linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,8,23,.98)) !important;
    box-shadow: -28px 0 90px rgba(2,6,23,.42) !important;
}

.nnx-cart-drawer-head,
.nnx-cart-drawer-foot {
    background: rgba(255,255,255,.035) !important;
}

.nnx-cart-item {
    border-color: rgba(96,165,250,.22) !important;
    background: rgba(255,255,255,.07) !important;
}

.nnx-cart-item strong,
.nnx-cart-drawer-head strong,
.nnx-cart-drawer-foot strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* V357 final lock: el boton Vista Rapida ya no debe mostrarse ni abrir modal. */
.v356-quick-view-btn,
.v356-modal-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   V362 FINAL - Lectura encuesta + Nexa siempre visible
========================================================= */
body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
html[data-theme="dark"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
body[data-theme="dark"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
html[data-theme="light"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
body[data-theme="light"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid rgba(37,99,235,.18) !important;
    box-shadow: 0 22px 70px rgba(15,23,42,.18) !important;
}

body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
html[data-theme="dark"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
body[data-theme="dark"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
html[data-theme="light"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
body[data-theme="light"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box .btn-primary,
body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box a.btn-primary {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(15,23,42,.22) !important;
}

.nnx-waifu-assistant,
html body .nnx-waifu-assistant {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    left: 18px !important;
    right: auto !important;
    bottom: 94px !important;
    z-index: 10080 !important;
}

.nnx-waifu-fab,
html body .nnx-waifu-fab {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 196px !important;
    min-height: 64px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background:
        radial-gradient(circle at 22% 14%, rgba(255,255,255,.40), transparent 28%),
        linear-gradient(135deg, #ff2d8d 0%, #7c3aed 52%, #0ea5e9 100%) !important;
    border: 2px solid rgba(255,255,255,.44) !important;
    box-shadow:
        0 24px 70px rgba(124,58,237,.42),
        0 0 0 5px rgba(56,189,248,.12),
        inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.nnx-waifu-fab-text,
html body .nnx-waifu-fab-text {
    display: inline-block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .94rem !important;
    font-weight: 1000 !important;
}

.nnx-waifu-panel,
html body .nnx-waifu-panel {
    left: 0 !important;
    right: auto !important;
    bottom: 78px !important;
    z-index: 10090 !important;
}

.nnx-waifu-panel[hidden],
html body .nnx-waifu-panel[hidden] {
    display: none !important;
}

.nnx-waifu-assistant.is-open .nnx-waifu-panel,
html body .nnx-waifu-assistant.is-open .nnx-waifu-panel {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 640px) {
    .nnx-waifu-assistant,
    html body .nnx-waifu-assistant {
        left: 10px !important;
        bottom: 82px !important;
    }

    .nnx-waifu-fab,
    html body .nnx-waifu-fab {
        min-width: 64px !important;
        width: 64px !important;
        height: 64px !important;
        padding: 8px !important;
    }

    .nnx-waifu-fab-text,
    html body .nnx-waifu-fab-text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
    }
}

/* =========================================================
   V362 - Lectura encuesta + Nexa siempre visible
========================================================= */
body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
html[data-theme="dark"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
body[data-theme="dark"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
html[data-theme="light"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box,
body[data-theme="light"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid rgba(37,99,235,.18) !important;
    box-shadow: 0 22px 70px rgba(15,23,42,.18) !important;
}

body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
html[data-theme="dark"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
body[data-theme="dark"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
html[data-theme="light"] body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p,
body[data-theme="light"] #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box p {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box .btn-primary,
body #encuesta-opinion .feedback-home-form-wrap.feedback-guest-box a.btn-primary {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(15,23,42,.22) !important;
}

.nnx-waifu-assistant,
html body .nnx-waifu-assistant {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    left: 18px !important;
    right: auto !important;
    bottom: 94px !important;
    z-index: 10080 !important;
}

.nnx-waifu-fab,
html body .nnx-waifu-fab {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 196px !important;
    min-height: 64px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background:
        radial-gradient(circle at 22% 14%, rgba(255,255,255,.40), transparent 28%),
        linear-gradient(135deg, #ff2d8d 0%, #7c3aed 52%, #0ea5e9 100%) !important;
    border: 2px solid rgba(255,255,255,.44) !important;
    box-shadow:
        0 24px 70px rgba(124,58,237,.42),
        0 0 0 5px rgba(56,189,248,.12),
        inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.nnx-waifu-fab-text,
html body .nnx-waifu-fab-text {
    display: inline-block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .94rem !important;
    font-weight: 1000 !important;
}

.nnx-waifu-panel,
html body .nnx-waifu-panel {
    left: 0 !important;
    right: auto !important;
    bottom: 78px !important;
    z-index: 10090 !important;
}

.nnx-waifu-panel[hidden],
html body .nnx-waifu-panel[hidden] {
    display: none !important;
}

.nnx-waifu-assistant.is-open .nnx-waifu-panel,
html body .nnx-waifu-assistant.is-open .nnx-waifu-panel {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 640px) {
    .nnx-waifu-assistant,
    html body .nnx-waifu-assistant {
        left: 10px !important;
        bottom: 82px !important;
    }

    .nnx-waifu-fab,
    html body .nnx-waifu-fab {
        min-width: 64px !important;
        width: 64px !important;
        height: 64px !important;
        padding: 8px !important;
    }

    .nnx-waifu-fab-text,
    html body .nnx-waifu-fab-text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
    }
}

/* =========================================================
   V361 - Nexa Waifu Assistant
========================================================= */
.nnx-waifu-assistant {
    position: fixed !important;
    left: 16px !important;
    bottom: 84px !important;
    z-index: 10040 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.nnx-waifu-fab {
    position: relative !important;
    min-width: 154px !important;
    min-height: 62px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    border-radius: 999px !important;
    padding: 8px 15px 8px 8px !important;
    background:
        radial-gradient(circle at 20% 15%, rgba(255,255,255,.34), transparent 28%),
        linear-gradient(135deg, #ec4899, #7c3aed 52%, #2563eb) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 22px 58px rgba(124,58,237,.34), 0 0 0 1px rgba(255,255,255,.16) inset !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.nnx-waifu-fab::after {
    content: "" !important;
    position: absolute !important;
    inset: -50% !important;
    background: linear-gradient(100deg, transparent 36%, rgba(255,255,255,.32), transparent 62%) !important;
    transform: translateX(-70%) rotate(16deg) !important;
    animation: nnxWaifuShine 4.6s ease-in-out infinite !important;
    pointer-events: none !important;
}

.nnx-waifu-fab:hover {
    transform: translateY(-3px) scale(1.02) !important;
    filter: saturate(1.08) !important;
    box-shadow: 0 28px 72px rgba(124,58,237,.42), 0 0 26px rgba(236,72,153,.30) !important;
}

.nnx-waifu-assistant .nnx-waifu-fab-text,
.nnx-waifu-assistant .nnx-waifu-fab span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nnx-waifu-fab-text {
    position: relative !important;
    z-index: 2 !important;
    font-weight: 1000 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

.nnx-waifu-avatar {
    position: relative !important;
    z-index: 2 !important;
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    display: grid !important;
    place-items: center !important;
}

.nnx-waifu-hair {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% 50% 44% 44% !important;
    background: linear-gradient(145deg, #312e81, #7c3aed 58%, #ec4899) !important;
    box-shadow: inset 0 -8px 14px rgba(15,23,42,.24) !important;
}

.nnx-waifu-face {
    position: relative !important;
    width: 34px !important;
    height: 32px !important;
    margin-top: 8px !important;
    border-radius: 42% 42% 48% 48% !important;
    background: linear-gradient(180deg, #ffe4ee, #fecdd3) !important;
    box-shadow: 0 4px 10px rgba(15,23,42,.20) !important;
}

.nnx-waifu-eye {
    position: absolute !important;
    top: 12px !important;
    width: 5px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #172554 !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.26) !important;
}

.nnx-waifu-eye.left { left: 9px !important; }
.nnx-waifu-eye.right { right: 9px !important; }

.nnx-waifu-smile {
    position: absolute !important;
    left: 50% !important;
    bottom: 7px !important;
    width: 10px !important;
    height: 5px !important;
    border-bottom: 2px solid #be185d !important;
    border-radius: 0 0 999px 999px !important;
    transform: translateX(-50%) !important;
}

.nnx-waifu-panel {
    position: absolute !important;
    left: 0 !important;
    bottom: 76px !important;
    width: min(390px, calc(100vw - 28px)) !important;
    max-height: min(620px, calc(100vh - 128px)) !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(180px, 1fr) auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(125,211,252,.28) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(236,72,153,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(56,189,248,.16), transparent 32%),
        linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,8,23,.98)) !important;
    box-shadow: 0 30px 90px rgba(2,6,23,.42), 0 0 36px rgba(124,58,237,.22) !important;
    opacity: 0 !important;
    transform: translateY(16px) scale(.98) !important;
    pointer-events: none !important;
    transition: opacity .2s ease, transform .22s cubic-bezier(.2,.75,.24,1) !important;
}

.nnx-waifu-panel[hidden] {
    display: none !important;
}

.nnx-waifu-assistant.is-open .nnx-waifu-panel {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

.nnx-waifu-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 15px !important;
    border-bottom: 1px solid rgba(148,163,184,.18) !important;
}

.nnx-waifu-head-main {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.nnx-waifu-mini {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ec4899, #38bdf8) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 28px rgba(236,72,153,.26) !important;
}

.nnx-waifu-head strong,
.nnx-waifu-head span {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nnx-waifu-head strong {
    font-size: .98rem !important;
    line-height: 1.15 !important;
}

.nnx-waifu-head span {
    margin-top: 2px !important;
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    font-size: .78rem !important;
}

.nnx-waifu-close {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.2rem !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.nnx-waifu-suggestions {
    display: flex !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    overflow-x: auto !important;
    border-bottom: 1px solid rgba(148,163,184,.14) !important;
}

.nnx-waifu-suggestions button {
    flex: 0 0 auto !important;
    border: 1px solid rgba(125,211,252,.24) !important;
    border-radius: 999px !important;
    padding: 8px 11px !important;
    background: rgba(255,255,255,.08) !important;
    color: #e0f2fe !important;
    -webkit-text-fill-color: #e0f2fe !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.nnx-waifu-suggestions button:hover {
    background: rgba(56,189,248,.18) !important;
    border-color: rgba(125,211,252,.42) !important;
}

.nnx-waifu-messages {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 15px !important;
    overflow: auto !important;
    min-height: 220px !important;
}

.nnx-waifu-bubble {
    max-width: 88% !important;
    border-radius: 17px !important;
    padding: 11px 13px !important;
    font-size: .9rem !important;
    line-height: 1.45 !important;
    box-shadow: 0 12px 30px rgba(2,6,23,.18) !important;
}

.nnx-waifu-bubble.from-nexa {
    align-self: flex-start !important;
    border: 1px solid rgba(125,211,252,.18) !important;
    background: rgba(255,255,255,.09) !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
}

.nnx-waifu-bubble.from-user {
    align-self: flex-end !important;
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nnx-waifu-bubble a {
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
    font-weight: 950 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.nnx-waifu-bubble small {
    display: block !important;
    margin-top: 2px !important;
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    font-size: .78rem !important;
}

.nnx-waifu-product-list {
    margin: 8px 0 0 !important;
    padding-left: 17px !important;
}

.nnx-waifu-product-list li {
    margin: 7px 0 !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
}

.nnx-waifu-bubble.is-thinking {
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
    font-style: italic !important;
}

.nnx-waifu-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 13px !important;
    border-top: 1px solid rgba(148,163,184,.16) !important;
    background: rgba(2,6,23,.38) !important;
}

.nnx-waifu-form input {
    min-width: 0 !important;
    height: 44px !important;
    border: 1px solid rgba(148,163,184,.24) !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    background: rgba(255,255,255,.94) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    outline: none !important;
}

.nnx-waifu-form input::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

.nnx-waifu-form button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, #ec4899, #2563eb) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

html[data-theme="light"] .nnx-waifu-panel,
body[data-theme="light"] .nnx-waifu-panel {
    background:
        radial-gradient(circle at 0% 0%, rgba(236,72,153,.14), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(37,99,235,.12), transparent 34%),
        linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: rgba(37,99,235,.18) !important;
    box-shadow: 0 30px 80px rgba(15,23,42,.22), 0 0 32px rgba(124,58,237,.16) !important;
}

html[data-theme="light"] .nnx-waifu-head strong,
html[data-theme="light"] .nnx-waifu-bubble.from-nexa,
html[data-theme="light"] .nnx-waifu-product-list li,
body[data-theme="light"] .nnx-waifu-head strong,
body[data-theme="light"] .nnx-waifu-bubble.from-nexa,
body[data-theme="light"] .nnx-waifu-product-list li {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .nnx-waifu-head span,
html[data-theme="light"] .nnx-waifu-bubble small,
body[data-theme="light"] .nnx-waifu-head span,
body[data-theme="light"] .nnx-waifu-bubble small {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html[data-theme="light"] .nnx-waifu-bubble.from-nexa,
body[data-theme="light"] .nnx-waifu-bubble.from-nexa {
    background: #ffffff !important;
    border-color: rgba(37,99,235,.16) !important;
}

html[data-theme="light"] .nnx-waifu-suggestions button,
body[data-theme="light"] .nnx-waifu-suggestions button {
    background: #eef6ff !important;
    color: #1e3a8a !important;
    -webkit-text-fill-color: #1e3a8a !important;
    border-color: rgba(37,99,235,.16) !important;
}

html[data-theme="light"] .nnx-waifu-form,
body[data-theme="light"] .nnx-waifu-form {
    background: #eef6ff !important;
}

@keyframes nnxWaifuShine {
    0%, 55% { transform: translateX(-70%) rotate(16deg); opacity: 0; }
    66% { opacity: .8; }
    100% { transform: translateX(72%) rotate(16deg); opacity: 0; }
}

@media (max-width: 640px) {
    .nnx-waifu-assistant {
        left: 10px !important;
        bottom: 78px !important;
    }

    .nnx-waifu-fab {
        min-width: 62px !important;
        padding: 8px !important;
    }

    .nnx-waifu-fab-text {
        display: none !important;
    }

    .nnx-waifu-panel {
        width: calc(100vw - 20px) !important;
        bottom: 72px !important;
        max-height: calc(100vh - 112px) !important;
        border-radius: 18px !important;
    }

    .nnx-waifu-messages {
        min-height: 190px !important;
    }
}

/* V357 final lock: el boton Vista Rapida ya no debe mostrarse ni abrir modal. */
.v356-quick-view-btn,
.v356-modal-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   V357 - Limpieza Vista Rapida + mas profundidad visual
========================================================= */
.v356-quick-view-btn,
.v356-modal-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.v356-modal-open {
    overflow: auto !important;
}

.v357-visual-card {
    isolation: isolate !important;
    border-color: rgba(96,165,250,.24) !important;
    box-shadow:
        0 22px 62px rgba(15,23,42,.13),
        0 0 0 1px rgba(255,255,255,.42) inset !important;
}

html[data-theme="dark"] .v357-visual-card,
body[data-theme="dark"] .v357-visual-card {
    border-color: rgba(125,211,252,.22) !important;
    box-shadow:
        0 24px 72px rgba(0,0,0,.36),
        0 0 0 1px rgba(148,163,184,.12) inset !important;
}

.v357-visual-card::after {
    background:
        radial-gradient(circle at var(--lux-x, 50%) var(--lux-y, 20%), rgba(56,189,248,.26), transparent 28%),
        linear-gradient(135deg, transparent 0%, rgba(248,212,122,.10) 46%, transparent 72%) !important;
}

.v357-visual-card .nnx-product-card-media,
.v357-visual-card .product-image-wrap,
.v357-visual-card .product-img-wrap,
.v357-visual-card .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

.v357-visual-card .nnx-product-card-media::before,
.v357-visual-card .product-image-wrap::before,
.v357-visual-card .product-img-wrap::before,
.v357-visual-card .producto-img-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    z-index: 4 !important;
    pointer-events: none !important;
    border-radius: 16px !important;
    opacity: 0 !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.34), transparent 28%),
        linear-gradient(140deg, transparent 18%, rgba(255,255,255,.22) 44%, transparent 68%) !important;
    transform: translateX(-18%) scale(.98) !important;
    transition: opacity .28s ease, transform .72s cubic-bezier(.2,.75,.24,1) !important;
}

.v357-visual-card:hover .nnx-product-card-media::before,
.v357-visual-card:hover .product-image-wrap::before,
.v357-visual-card:hover .product-img-wrap::before,
.v357-visual-card:hover .producto-img-wrap::before {
    opacity: 1 !important;
    transform: translateX(14%) scale(1) !important;
}

.v357-soft-chip {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(37,99,235,.10) !important;
}

.v357-soft-chip::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent) !important;
    transform: translateX(-120%) !important;
    opacity: 0 !important;
}

.v357-soft-chip:hover::after {
    opacity: 1 !important;
    animation: v357ChipSweep .85s ease forwards !important;
}

.v357-reveal {
    opacity: 0;
    transform: translateY(18px) scale(.985);
    transition:
        opacity .52s ease var(--v357-delay, 0ms),
        transform .58s cubic-bezier(.2,.75,.24,1) var(--v357-delay, 0ms),
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.v357-reveal.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.product-form-actions {
    gap: 9px !important;
}

.product-form-actions .ghost-link-btn,
.product-form-actions .primary-cart-btn,
.product-form-actions .quick-buy-btn {
    min-height: 42px !important;
}

@keyframes v357ChipSweep {
    from { transform: translateX(-120%); }
    to { transform: translateX(120%); }
}

@media (prefers-reduced-motion: reduce) {
    .v357-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition-duration: .01ms !important;
    }

    .v357-soft-chip::after,
    .v357-visual-card .nnx-product-card-media::before,
    .v357-visual-card .product-image-wrap::before,
    .v357-visual-card .product-img-wrap::before,
    .v357-visual-card .producto-img-wrap::before {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .v356-quick-view-btn {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 760px) {
    .v356-quick-view-btn {
        opacity: 1 !important;
        transform: none !important;
    }
}

.nnx-cart-item small,
.nnx-cart-drawer-foot span {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

.v356-magnetic {
    will-change: transform;
}

@media (max-width: 760px) {
    .v356-cursor-glow {
        display: none;
    }

    .v356-modal {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .v356-modal-media {
        min-height: 240px;
    }

    .v356-checkout-steps {
        grid-template-columns: 1fr;
    }

    .v356-quick-view-btn {
        opacity: 1 !important;
        transform: none !important;
    }
}



/* =========================================================
   V117 GALERÍA GLOBAL PRODUCTOS - FINAL
========================================================= */

.v117-product-gallery {
    position: relative !important;
    overflow: hidden !important;
}

.nnx-product-card-media.v117-product-gallery {
    width: 100% !important;
    min-height: 210px !important;
    border-radius: 20px 20px 0 0 !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(96,165,250,.22), transparent 32%),
        linear-gradient(135deg, #f8fafc, #eef6ff) !important;
    display: block !important;
}

.nnx-product-detail-slider.v117-product-gallery {
    width: 100% !important;
    min-height: 430px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(96,165,250,.18), transparent 32%),
        linear-gradient(135deg, rgba(248,250,252,.96), rgba(226,232,240,.9)) !important;
    display: block !important;
}

body.dark-mode .v117-product-gallery,
.dark-mode .v117-product-gallery {
    background:
        radial-gradient(circle at 30% 20%, rgba(59,130,246,.22), transparent 34%),
        linear-gradient(135deg, rgba(2,6,23,.92), rgba(15,23,42,.86)) !important;
    border: 1px solid rgba(96,165,250,.24) !important;
}

.v117-product-gallery .nnx-product-media-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 0 !important;
    transition: opacity .35s ease, visibility .35s ease, transform .55s ease !important;
    transform: scale(1.02) !important;
}

.v117-product-gallery .nnx-product-media-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
    transform: scale(1) !important;
}

.v117-product-gallery img.product-image,
.v117-product-gallery video.product-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 210px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 8px !important;
}

.v117-product-gallery img.pd-image,
.v117-product-gallery video.pd-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 12px !important;
}

.v117-product-gallery .product-image-placeholder,
.v117-product-gallery .pd-image.placeholder {
    width: 100% !important;
    min-height: 210px !important;
    display: grid !important;
    place-items: center !important;
    color: #94a3b8 !important;
}

.nnx-product-media-dots {
    position: absolute !important;
    left: 14px !important;
    bottom: 12px !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 8 !important;
    background: rgba(15,23,42,.35) !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
    backdrop-filter: blur(10px) !important;
}

.nnx-product-media-dots span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.55) !important;
    transition: width .25s ease, background .25s ease !important;
}

.nnx-product-media-dots span.is-active {
    width: 22px !important;
    background: linear-gradient(135deg, #60a5fa, #22d3ee) !important;
}

.admin-gallery-preview {
    margin: 12px 0 16px !important;
    padding: 12px !important;
    border: 1px solid rgba(96,165,250,.24) !important;
    border-radius: 14px !important;
    background: rgba(15,23,42,.42) !important;
}

.admin-gallery-preview-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.admin-gallery-preview-grid img,
.admin-gallery-preview-grid video {
    width: 92px !important;
    height: 92px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148,163,184,.28) !important;
}

@media (max-width: 768px) {
    .nnx-product-card-media.v117-product-gallery {
        min-height: 210px !important;
        height: 220px !important;
    }

    .nnx-product-detail-slider.v117-product-gallery {
        min-height: 310px !important;
        height: 320px !important;
    }

    .v117-product-gallery img.product-image,
    .v117-product-gallery video.product-image {
        min-height: 200px !important;
        max-height: 230px !important;
    }

    .v117-product-gallery img.pd-image,
    .v117-product-gallery video.pd-image {
        min-height: 300px !important;
        max-height: 330px !important;
    }
}



/* =========================================================
   V118 FIX PUBLICIDAD - FONDO BONITO, TEXTO LEGIBLE E IMAGEN COMPLETA
========================================================= */

.nnx-client-ads-section {
    background:
        radial-gradient(circle at 15% 10%, rgba(96, 165, 250, .22), transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(34, 211, 238, .16), transparent 32%),
        linear-gradient(135deg, rgba(8, 18, 38, .96), rgba(15, 23, 42, .94)) !important;
    border: 1px solid rgba(96, 165, 250, .34) !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    color: #f8fafc !important;
}

.nnx-client-ads-section .section-kicker,
.nnx-client-ads-section .premium-section-head span {
    color: #60a5fa !important;
    text-shadow: none !important;
}

.nnx-client-ads-section h2,
.nnx-client-ads-section .premium-section-head h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(15,23,42,.35) !important;
}

.nnx-client-ads-section p,
.nnx-client-ads-section .premium-section-head p {
    color: #cbd5e1 !important;
}

.nnx-client-ads-section .nnx-promo-pro-card,
.nnx-client-ads-section .promo-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.96)) !important;
    border: 1px solid rgba(191, 219, 254, .65) !important;
    box-shadow:
        0 18px 50px rgba(15, 23, 42, .22),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    color: #0f172a !important;
}

.nnx-client-ads-section .promo-card-body {
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #0f172a !important;
}

.nnx-client-ads-section .promo-card-body h4 {
    color: #0f172a !important;
    font-weight: 950 !important;
}

.nnx-client-ads-section .promo-card-body p {
    color: #475569 !important;
    line-height: 1.65 !important;
}

.nnx-client-ads-section .promo-card-chip {
    background: rgba(96, 165, 250, .18) !important;
    color: #2563eb !important;
    border: 1px solid rgba(96,165,250,.32) !important;
}

.nnx-client-ads-section .promo-card-link {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, .28) !important;
}

/* Imagen de publicidad completa, no tan recortada */
.nnx-client-ads-section .nnx-promo-media-slider,
.nnx-client-ads-section .promo-card-image,
.nnx-client-ads-section .nnx-promo-media-slide {
    background:
        radial-gradient(circle at center, rgba(226,232,240,.92), rgba(248,250,252,1)) !important;
}

.nnx-client-ads-section .nnx-promo-media-slider {
    height: auto !important;
    min-height: 260px !important;
    max-height: 360px !important;
    padding: 12px !important;
    border-radius: 24px 24px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nnx-client-ads-section .nnx-promo-media-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nnx-client-ads-section .nnx-promo-media-slide img,
.nnx-client-ads-section .nnx-promo-media-slide video,
.nnx-client-ads-section .promo-card-image {
    width: 100% !important;
    height: auto !important;
    max-height: 330px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 18px !important;
}

/* Si la publicidad viene con imagen panorámica, mantenerla elegante */
@media (min-width: 900px) {
    .nnx-client-ads-section .nnx-client-ads-grid {
        grid-template-columns: 1fr !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slider {
        min-height: 290px !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slide img,
    .nnx-client-ads-section .nnx-promo-media-slide video,
    .nnx-client-ads-section .promo-card-image {
        max-height: 360px !important;
    }
}

@media (max-width: 768px) {
    .nnx-client-ads-section {
        padding: 18px !important;
        border-radius: 24px !important;
    }

    .nnx-client-ads-section h2,
    .nnx-client-ads-section .premium-section-head h2 {
        font-size: 1.45rem !important;
        line-height: 1.15 !important;
    }

    .nnx-client-ads-section p,
    .nnx-client-ads-section .premium-section-head p {
        font-size: .95rem !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slider {
        min-height: 190px !important;
        max-height: 260px !important;
        padding: 10px !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slide img,
    .nnx-client-ads-section .nnx-promo-media-slide video,
    .nnx-client-ads-section .promo-card-image {
        max-height: 240px !important;
    }
}



/* ======================================================
   V119 PUBLICIDAD PREMIUM FINAL
====================================================== */

.nnx-client-ads-section{
    background:
        radial-gradient(circle at 15% 15%, rgba(37,99,235,.18), transparent 30%),
        radial-gradient(circle at 85% 20%, rgba(59,130,246,.12), transparent 26%),
        linear-gradient(135deg,#031020 0%,#04162e 45%,#020817 100%) !important;

    border:1px solid rgba(59,130,246,.35)!important;
    border-radius:34px!important;
    overflow:hidden!important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.08)!important;

    padding:22px!important;
}

.nnx-client-ads-section h2{
    color:#ffffff!important;
    font-size:3rem!important;
    font-weight:900!important;
    letter-spacing:-1px!important;
    margin-bottom:10px!important;
}

.nnx-client-ads-section p{
    color:#cbd5e1!important;
    font-size:1.05rem!important;
}

.nnx-client-ads-section .promo-card-chip,
.nnx-client-ads-section .featured-badge{
    background:linear-gradient(135deg,#1e293b,#0f172a)!important;
    color:#ff3b3b!important;
    border:1px solid rgba(255,59,59,.35)!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.8px!important;
}

.nnx-client-ads-section .promo-card,
.nnx-client-ads-section .nnx-promo-pro-card{
    background:
        linear-gradient(180deg,
        rgba(5,15,30,.92),
        rgba(2,8,23,.98))!important;

    border-radius:28px!important;
    overflow:hidden!important;
    border:1px solid rgba(59,130,246,.25)!important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.nnx-client-ads-section .promo-card-body{
    background:transparent!important;
    color:#fff!important;
    padding:28px!important;
}

.nnx-client-ads-section .promo-card-body h4{
    color:#ffffff!important;
    font-size:2rem!important;
    font-weight:900!important;
    margin-bottom:12px!important;
}

.nnx-client-ads-section .promo-card-body p{
    color:#cbd5e1!important;
    line-height:1.8!important;
}

.nnx-client-ads-section .promo-card-link{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    color:#fff!important;
    border:none!important;
    border-radius:18px!important;
    padding:14px 24px!important;
    font-weight:800!important;
    box-shadow:0 15px 35px rgba(37,99,235,.35)!important;
}

.nnx-client-ads-section .promo-card-link:hover{
    transform:translateY(-2px) scale(1.02)!important;
}

.nnx-client-ads-section .nnx-promo-media-slider{
    background:
        radial-gradient(circle at center,
        rgba(30,41,59,.45),
        rgba(2,6,23,.96))!important;

    min-height:340px!important;
    max-height:420px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:10px!important;
}

.nnx-client-ads-section .nnx-promo-media-slide img,
.nnx-client-ads-section .promo-card-image{
    width:100%!important;
    height:100%!important;
    max-height:400px!important;

    object-fit:contain!important;
    object-position:center!important;

    border-radius:18px!important;

    filter:
        drop-shadow(0 10px 35px rgba(0,0,0,.45));
}

/* Eliminar espacios gigantes */
.nnx-client-ads-section .nnx-promo-media-slide{
    min-height:auto!important;
    padding:0!important;
}

@media(max-width:768px){

    .nnx-client-ads-section{
        padding:16px!important;
        border-radius:26px!important;
    }

    .nnx-client-ads-section h2{
        font-size:2rem!important;
        line-height:1.1!important;
    }

    .nnx-client-ads-section .promo-card-body{
        padding:20px!important;
    }

    .nnx-client-ads-section .promo-card-body h4{
        font-size:1.5rem!important;
    }

    .nnx-client-ads-section .nnx-promo-media-slider{
        min-height:220px!important;
        max-height:280px!important;
    }

    .nnx-client-ads-section .nnx-promo-media-slide img,
    .nnx-client-ads-section .promo-card-image{
        max-height:250px!important;
    }
}



/* ===== V120 PUBLICIDAD EXACTA ===== */

.nnx-client-ads-section{
position:relative!important;
overflow:hidden!important;
background:
radial-gradient(circle at 10% 20%, rgba(37,99,235,.18), transparent 30%),
radial-gradient(circle at 90% 10%, rgba(59,130,246,.12), transparent 30%),
linear-gradient(135deg,#041225 0%,#071a33 45%,#020817 100%)!important;
border-radius:40px!important;
border:2px solid rgba(37,99,235,.45)!important;
padding:34px!important;
box-shadow:0 35px 90px rgba(0,0,0,.45)!important;
}

.nnx-client-ads-section h2{
font-size:4rem!important;
font-weight:900!important;
color:#fff!important;
line-height:1!important;
margin-bottom:20px!important;
}

.nnx-client-ads-section p{
color:#c7d2fe!important;
font-size:1.2rem!important;
}

.nnx-client-ads-section .promo-card{
overflow:hidden!important;
border-radius:36px!important;
border:2px solid rgba(59,130,246,.45)!important;
background:linear-gradient(180deg,rgba(5,15,35,.96),rgba(3,10,25,.99))!important;
}

.nnx-client-ads-section .nnx-promo-media-slider{
min-height:520px!important;
max-height:520px!important;
background:#07111f!important;
padding:0!important;
}

.nnx-client-ads-section .promo-card-image,
.nnx-client-ads-section .nnx-promo-media-slide img{
width:100%!important;
height:520px!important;
object-fit:cover!important;
object-position:center!important;
}

.nnx-client-ads-section .promo-card-body{
padding:34px 40px!important;
background:linear-gradient(135deg,rgba(3,10,25,.98),rgba(5,20,45,.96))!important;
}

.nnx-client-ads-section .featured-badge,
.nnx-client-ads-section .promo-card-chip{
background:#111827!important;
color:#ff3b3b!important;
border:1px solid rgba(255,59,59,.4)!important;
padding:12px 22px!important;
border-radius:999px!important;
font-weight:900!important;
}

.nnx-client-ads-section .promo-card-body h4{
font-size:3rem!important;
font-weight:900!important;
color:#fff!important;
margin-top:20px!important;
margin-bottom:20px!important;
}

.nnx-client-ads-section .promo-card-body p{
color:#dbeafe!important;
font-size:1.3rem!important;
line-height:1.8!important;
}

.nnx-client-ads-section .promo-card-link{
margin-top:26px!important;
background:linear-gradient(135deg,#071b34,#0f172a)!important;
border:2px solid rgba(37,99,235,.75)!important;
color:#fff!important;
padding:20px 38px!important;
border-radius:24px!important;
font-size:1.5rem!important;
font-weight:900!important;
}

@media(max-width:768px){

.nnx-client-ads-section{
padding:18px!important;
border-radius:26px!important;
}

.nnx-client-ads-section h2{
font-size:2.3rem!important;
}

.nnx-client-ads-section .nnx-promo-media-slider{
min-height:250px!important;
max-height:250px!important;
}

.nnx-client-ads-section .promo-card-image,
.nnx-client-ads-section .nnx-promo-media-slide img{
height:250px!important;
object-fit:contain!important;
background:#081120!important;
}

.nnx-client-ads-section .promo-card-body{
padding:22px!important;
}

.nnx-client-ads-section .promo-card-body h4{
font-size:2rem!important;
}

.nnx-client-ads-section .promo-card-link{
width:100%!important;
display:flex!important;
justify-content:center!important;
}
}



/* ===== V121 AJUSTE EXACTO COMO REFERENCIA ===== */

.nnx-client-ads-section{
padding:26px!important;
border-radius:32px!important;
background:
linear-gradient(135deg,#071528 0%,#071b35 50%,#04111f 100%)!important;
border:1px solid rgba(59,130,246,.35)!important;
}

.nnx-client-ads-section h2{
font-size:2.8rem!important;
font-weight:800!important;
line-height:1.1!important;
letter-spacing:-1px!important;
margin-bottom:12px!important;
color:#f8fafc!important;
}

.nnx-client-ads-section p{
font-size:1rem!important;
color:#cbd5e1!important;
}

.nnx-client-ads-section .promo-card{
border-radius:28px!important;
overflow:hidden!important;
background:#07111f!important;
border:1px solid rgba(96,165,250,.28)!important;
}

.nnx-client-ads-section .nnx-promo-media-slider{
min-height:390px!important;
max-height:390px!important;
background:#dfe6ee!important;
}

.nnx-client-ads-section .promo-card-image,
.nnx-client-ads-section .nnx-promo-media-slide img{
height:390px!important;
width:100%!important;
object-fit:contain!important;
background:#dfe6ee!important;
padding:0!important;
}

.nnx-client-ads-section .promo-card-body{
padding:30px!important;
background:
linear-gradient(135deg,#03101f 0%,#061a35 60%,#0b1f3f 100%)!important;
}

.nnx-client-ads-section .featured-badge,
.nnx-client-ads-section .promo-card-chip{
background:#1e293b!important;
color:#ff4040!important;
font-size:.9rem!important;
font-weight:800!important;
padding:10px 18px!important;
border-radius:999px!important;
border:1px solid rgba(255,64,64,.35)!important;
}

.nnx-client-ads-section .promo-card-body h4{
font-size:2.5rem!important;
font-weight:900!important;
margin-top:18px!important;
margin-bottom:18px!important;
color:#ffffff!important;
}

.nnx-client-ads-section .promo-card-body p{
font-size:1.1rem!important;
line-height:1.7!important;
color:#dbeafe!important;
max-width:900px!important;
}

.nnx-client-ads-section .promo-card-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:14px!important;

padding:18px 30px!important;

border-radius:22px!important;

background:
linear-gradient(135deg,#071a35,#0f172a)!important;

border:2px solid rgba(37,99,235,.7)!important;

font-size:1.3rem!important;
font-weight:800!important;
color:#ffffff!important;

box-shadow:0 12px 35px rgba(37,99,235,.25)!important;
}

@media(max-width:768px){

.nnx-client-ads-section{
padding:18px!important;
border-radius:24px!important;
}

.nnx-client-ads-section h2{
font-size:2rem!important;
}

.nnx-client-ads-section .nnx-promo-media-slider{
min-height:240px!important;
max-height:240px!important;
}

.nnx-client-ads-section .promo-card-image,
.nnx-client-ads-section .nnx-promo-media-slide img{
height:240px!important;
object-fit:contain!important;
background:#dfe6ee!important;
}

.nnx-client-ads-section .promo-card-body{
padding:22px!important;
}

.nnx-client-ads-section .promo-card-body h4{
font-size:1.9rem!important;
}

.nnx-client-ads-section .promo-card-body p{
font-size:1rem!important;
line-height:1.6!important;
}

.nnx-client-ads-section .promo-card-link{
width:100%!important;
font-size:1.1rem!important;
}
}




/* =========================================================
   V122 PUBLICIDAD FINAL REAL - COMO REFERENCIA
   Corrige:
   - texto apagado
   - espacios blancos grandes
   - imagen pequeña
   - diseño distinto al mockup
========================================================= */

.nnx-client-ads-section {
    position: relative !important;
    overflow: hidden !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 30px !important;
    border-radius: 34px !important;
    border: 1.5px solid rgba(37, 99, 235, .55) !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(37, 99, 235, .24), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(14, 165, 233, .14), transparent 30%),
        linear-gradient(135deg, #031021 0%, #071a33 48%, #020817 100%) !important;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, .45),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.nnx-client-ads-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(130deg, transparent 0%, rgba(37, 99, 235, .13) 36%, transparent 62%),
        radial-gradient(circle at 98% 95%, rgba(37, 99, 235, .18), transparent 28%) !important;
    pointer-events: none !important;
}

.nnx-client-ads-section > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Encabezado */
.nnx-client-ads-section .premium-section-head,
.nnx-client-ads-section .compact-head {
    margin-bottom: 26px !important;
}

.nnx-client-ads-section .section-kicker,
.nnx-client-ads-section .premium-section-head span,
.nnx-client-ads-section .compact-head span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    margin-bottom: 12px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .45) !important;
    border: 1px solid rgba(59, 130, 246, .45) !important;
    color: #60a5fa !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}

.nnx-client-ads-section h2,
.nnx-client-ads-section .premium-section-head h2,
.nnx-client-ads-section .compact-head h2 {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: clamp(2.2rem, 4vw, 3.8rem) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
    margin: 0 0 14px !important;
    text-shadow: 0 3px 24px rgba(0, 0, 0, .38) !important;
}

.nnx-client-ads-section p,
.nnx-client-ads-section .premium-section-head p,
.nnx-client-ads-section .compact-head p {
    color: #cbd5e1 !important;
    opacity: 1 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    text-shadow: none !important;
}

/* Tarjeta publicitaria */
.nnx-client-ads-section .nnx-client-ads-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
}

.nnx-client-ads-section .promo-card,
.nnx-client-ads-section .nnx-promo-pro-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    border: 1.5px solid rgba(59, 130, 246, .62) !important;
    background: linear-gradient(180deg, #06162b 0%, #031021 100%) !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

/* Imagen estilo banner, sin espacio blanco */
.nnx-client-ads-section .nnx-promo-media-slider {
    position: relative !important;
    width: 100% !important;
    height: clamp(330px, 31vw, 500px) !important;
    min-height: 330px !important;
    max-height: 500px !important;
    padding: 0 !important;
    border-radius: 30px 30px 0 0 !important;
    background:
        radial-gradient(circle at 30% 30%, rgba(37, 99, 235, .26), transparent 34%),
        linear-gradient(135deg, #081120, #020817) !important;
    overflow: hidden !important;
}

.nnx-client-ads-section .nnx-promo-media-slide {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

.nnx-client-ads-section .nnx-promo-media-slide img,
.nnx-client-ads-section .nnx-promo-media-slide video,
.nnx-client-ads-section .promo-card-image {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter:
        saturate(1.08)
        contrast(1.04)
        drop-shadow(0 18px 40px rgba(0,0,0,.32)) !important;
}

/* Cuerpo oscuro legible */
.nnx-client-ads-section .promo-card-body {
    position: relative !important;
    padding: 34px 42px 42px !important;
    min-height: 320px !important;
    background:
        radial-gradient(circle at 85% 85%, rgba(37, 99, 235, .18), transparent 34%),
        linear-gradient(135deg, #031021 0%, #061a34 58%, #06162b 100%) !important;
    color: #ffffff !important;
}

.nnx-client-ads-section .promo-card-body::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(115deg, transparent 0%, rgba(96, 165, 250, .07) 42%, transparent 70%) !important;
    pointer-events: none !important;
}

.nnx-client-ads-section .promo-card-body > * {
    position: relative !important;
    z-index: 2 !important;
}

.nnx-client-ads-section .promo-card-chip,
.nnx-client-ads-section .featured-badge {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .78) !important;
    color: #ff2d2d !important;
    border: 1px solid rgba(255, 45, 45, .36) !important;
    box-shadow: 0 10px 28px rgba(255, 45, 45, .13) !important;
    font-size: .9rem !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

.nnx-client-ads-section .promo-card-body h4 {
    color: #ffffff !important;
    opacity: 1 !important;
    margin: 24px 0 16px !important;
    font-size: clamp(2rem, 3.1vw, 3.1rem) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35) !important;
}

.nnx-client-ads-section .promo-card-body p {
    max-width: 980px !important;
    color: #dbeafe !important;
    opacity: 1 !important;
    margin-bottom: 24px !important;
    font-size: clamp(1rem, 1.45vw, 1.25rem) !important;
    line-height: 1.7 !important;
    font-weight: 500 !important;
}

.nnx-client-ads-section .promo-card-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 190px !important;
    min-height: 66px !important;
    padding: 0 30px !important;
    border-radius: 18px !important;
    border: 2px solid rgba(37, 99, 235, .92) !important;
    background:
        linear-gradient(135deg, rgba(7, 26, 53, .95), rgba(15, 23, 42, .96)) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
    box-shadow:
        0 0 0 1px rgba(96, 165, 250, .18),
        0 16px 42px rgba(37, 99, 235, .32) !important;
    text-decoration: none !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

.nnx-client-ads-section .promo-card-link:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 0 0 1px rgba(96, 165, 250, .28),
        0 20px 52px rgba(37, 99, 235, .45) !important;
}

/* Móvil */
@media (max-width: 768px) {
    .nnx-client-ads-section {
        padding: 18px !important;
        border-radius: 26px !important;
    }

    .nnx-client-ads-section .section-kicker,
    .nnx-client-ads-section .premium-section-head span,
    .nnx-client-ads-section .compact-head span {
        font-size: .78rem !important;
        padding: 8px 13px !important;
    }

    .nnx-client-ads-section h2,
    .nnx-client-ads-section .premium-section-head h2,
    .nnx-client-ads-section .compact-head h2 {
        font-size: 2rem !important;
        letter-spacing: -0.035em !important;
    }

    .nnx-client-ads-section .promo-card,
    .nnx-client-ads-section .nnx-promo-pro-card {
        border-radius: 24px !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slider {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        border-radius: 24px 24px 0 0 !important;
    }

    .nnx-client-ads-section .nnx-promo-media-slide img,
    .nnx-client-ads-section .nnx-promo-media-slide video,
    .nnx-client-ads-section .promo-card-image {
        object-fit: cover !important;
        object-position: center center !important;
    }

    .nnx-client-ads-section .promo-card-body {
        padding: 22px !important;
        min-height: 285px !important;
    }

    .nnx-client-ads-section .promo-card-body h4 {
        font-size: 1.75rem !important;
        margin-top: 18px !important;
    }

    .nnx-client-ads-section .promo-card-body p {
        font-size: .98rem !important;
        line-height: 1.6 !important;
    }

    .nnx-client-ads-section .promo-card-link {
        width: 100% !important;
        min-height: 56px !important;
        font-size: 1.1rem !important;
    }
}



/* =========================================================
   V123 PUBLICIDAD IGUAL A REFERENCIA - OVERRIDE FINAL
   Este bloque va al final y pisa todas las versiones anteriores.
========================================================= */

body .nnx-client-ads-section,
html body .nnx-client-ads-section {
    width: min(1380px, calc(100% - 48px)) !important;
    max-width: 1380px !important;
    margin: 42px auto 54px auto !important;
    padding: 44px 34px 38px 34px !important;
    border-radius: 34px !important;
    border: 1.8px solid rgba(37, 99, 235, .58) !important;
    background:
        radial-gradient(circle at 10% 18%, rgba(37,99,235,.28) 0%, transparent 32%),
        radial-gradient(circle at 96% 12%, rgba(14,165,233,.13) 0%, transparent 28%),
        linear-gradient(135deg, #020b18 0%, #06172e 45%, #020817 100%) !important;
    box-shadow:
        0 34px 90px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

body .nnx-client-ads-section * {
    opacity: 1 !important;
}

/* Badge superior: PUBLICIDAD DESTACADA con estrella */
body .nnx-client-ads-section .section-kicker,
body .nnx-client-ads-section .premium-section-head span,
body .nnx-client-ads-section .compact-head span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: fit-content !important;
    min-height: 54px !important;
    padding: 0 26px 0 14px !important;
    border-radius: 999px !important;
    background: rgba(6, 20, 43, .82) !important;
    border: 1.5px solid rgba(37, 99, 235, .50) !important;
    color: #3b82f6 !important;
    font-size: 1.08rem !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 0 14px rgba(59,130,246,.22) !important;
}

body .nnx-client-ads-section .section-kicker::before,
body .nnx-client-ads-section .premium-section-head span::before,
body .nnx-client-ads-section .compact-head span::before {
    content: "★" !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    box-shadow:
        0 0 0 4px rgba(37,99,235,.14),
        0 12px 28px rgba(37,99,235,.45) !important;
}

/* Título igual: grande, blanco, pesado */
body .nnx-client-ads-section h2,
body .nnx-client-ads-section .premium-section-head h2,
body .nnx-client-ads-section .compact-head h2 {
    color: #ffffff !important;
    font-size: clamp(2.7rem, 4.2vw, 4.65rem) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
    margin: 0 0 18px 0 !important;
    text-shadow:
        0 3px 0 rgba(255,255,255,.06),
        0 18px 42px rgba(0,0,0,.42) !important;
}

/* Subtítulo */
body .nnx-client-ads-section > .premium-section-head p,
body .nnx-client-ads-section > .compact-head p,
body .nnx-client-ads-section .premium-section-head p,
body .nnx-client-ads-section .compact-head p {
    color: #cbd5e1 !important;
    font-size: clamp(1.1rem, 1.6vw, 1.58rem) !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    margin: 0 0 42px 0 !important;
}

/* Grid y card */
body .nnx-client-ads-section .nnx-client-ads-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

body .nnx-client-ads-section article.promo-card,
body .nnx-client-ads-section article.nnx-promo-pro-card,
body .nnx-client-ads-section .promo-card,
body .nnx-client-ads-section .nnx-promo-pro-card {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    border: 1.8px solid rgba(37,99,235,.72) !important;
    background: #061529 !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Banner imagen: como referencia, ocupa ancho completo */
body .nnx-client-ads-section .nnx-promo-media-slider {
    width: 100% !important;
    height: clamp(350px, 31vw, 520px) !important;
    min-height: clamp(350px, 31vw, 520px) !important;
    max-height: 520px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 30px 30px 0 0 !important;
    background:
        radial-gradient(circle at 20% 50%, rgba(37,99,235,.28), transparent 38%),
        linear-gradient(135deg, #041225, #020817) !important;
    overflow: hidden !important;
    display: block !important;
}

body .nnx-client-ads-section .nnx-promo-media-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .nnx-client-ads-section .nnx-promo-media-slide img,
body .nnx-client-ads-section .nnx-promo-media-slide video,
body .nnx-client-ads-section img.promo-card-image,
body .nnx-client-ads-section video.promo-card-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: saturate(1.08) contrast(1.05) brightness(.94) !important;
}

/* Cuerpo oscuro */
body .nnx-client-ads-section .promo-card-body {
    position: relative !important;
    padding: 38px 46px 48px 46px !important;
    min-height: 330px !important;
    background:
        radial-gradient(circle at 91% 84%, rgba(37,99,235,.20), transparent 34%),
        linear-gradient(135deg, #031021 0%, #061b35 58%, #061428 100%) !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(148,163,184,.20) !important;
}

/* Badge DESTACADO */
body .nnx-client-ads-section .promo-card-chip,
body .nnx-client-ads-section .featured-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    min-height: 43px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    background: rgba(29, 19, 31, .92) !important;
    color: #ff2d2d !important;
    border: 1px solid rgba(255, 45, 45, .30) !important;
    box-shadow: 0 12px 30px rgba(255,45,45,.13) !important;
    font-size: 1.06rem !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin: 0 0 28px 0 !important;
}

body .nnx-client-ads-section .promo-card-chip::before,
body .nnx-client-ads-section .featured-badge::before {
    content: "🔥" !important;
    font-size: 1.12rem !important;
}

/* Nombre producto */
body .nnx-client-ads-section .promo-card-body h4 {
    color: #ffffff !important;
    font-size: clamp(2.15rem, 3.15vw, 3.35rem) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    margin: 0 0 22px 0 !important;
    text-shadow: 0 16px 38px rgba(0,0,0,.38) !important;
}

/* Descripción */
body .nnx-client-ads-section .promo-card-body p {
    max-width: 1040px !important;
    color: #dbeafe !important;
    font-size: clamp(1.08rem, 1.55vw, 1.48rem) !important;
    line-height: 1.68 !important;
    font-weight: 500 !important;
    margin: 0 0 34px 0 !important;
}

/* Botón */
body .nnx-client-ads-section .promo-card-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    min-width: 215px !important;
    min-height: 72px !important;
    padding: 0 36px !important;
    border-radius: 18px !important;
    border: 2px solid rgba(37,99,235,.95) !important;
    background: linear-gradient(135deg, #071a35 0%, #0f172a 100%) !important;
    color: #ffffff !important;
    font-size: 1.45rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow:
        0 0 0 1px rgba(96,165,250,.22),
        0 18px 48px rgba(37,99,235,.34) !important;
}

body .nnx-client-ads-section .promo-card-link::before {
    content: "🛒" !important;
    color: #ff2d55 !important;
    font-size: 1.45rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    body .nnx-client-ads-section {
        width: min(100% - 24px, 100%) !important;
        margin: 24px auto 34px auto !important;
        padding: 18px !important;
        border-radius: 26px !important;
    }

    body .nnx-client-ads-section .section-kicker,
    body .nnx-client-ads-section .premium-section-head span,
    body .nnx-client-ads-section .compact-head span {
        min-height: 42px !important;
        padding: 0 16px 0 8px !important;
        font-size: .78rem !important;
    }

    body .nnx-client-ads-section .section-kicker::before,
    body .nnx-client-ads-section .premium-section-head span::before,
    body .nnx-client-ads-section .compact-head span::before {
        width: 32px !important;
        height: 32px !important;
        font-size: 1rem !important;
    }

    body .nnx-client-ads-section h2,
    body .nnx-client-ads-section .premium-section-head h2,
    body .nnx-client-ads-section .compact-head h2 {
        font-size: 2.05rem !important;
        line-height: 1.06 !important;
    }

    body .nnx-client-ads-section .premium-section-head p,
    body .nnx-client-ads-section .compact-head p {
        font-size: 1rem !important;
        margin-bottom: 24px !important;
    }

    body .nnx-client-ads-section .promo-card,
    body .nnx-client-ads-section .nnx-promo-pro-card {
        border-radius: 23px !important;
    }

    body .nnx-client-ads-section .nnx-promo-media-slider {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        border-radius: 23px 23px 0 0 !important;
    }

    body .nnx-client-ads-section .promo-card-body {
        padding: 24px !important;
        min-height: 300px !important;
    }

    body .nnx-client-ads-section .promo-card-chip,
    body .nnx-client-ads-section .featured-badge {
        min-height: 38px !important;
        padding: 0 16px !important;
        font-size: .86rem !important;
        margin-bottom: 22px !important;
    }

    body .nnx-client-ads-section .promo-card-body h4 {
        font-size: 1.9rem !important;
    }

    body .nnx-client-ads-section .promo-card-body p {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }

    body .nnx-client-ads-section .promo-card-link {
        width: 100% !important;
        min-width: 100% !important;
        min-height: 58px !important;
        font-size: 1.15rem !important;
    }
}



/* ===== V124 COMPACTO FINAL ===== */

.promo-card-body {
    padding: 28px 34px 34px 34px !important;
    min-height: 240px !important;
}

.promo-card-body h4 {
    color: #ffffff !important;
    font-size: clamp(2rem, 2.7vw, 3rem) !important;
    line-height: 1.05 !important;
    margin-bottom: 18px !important;
    text-shadow: 0 0 18px rgba(255,255,255,.10);
}

.promo-card-body p {
    color: #dbeafe !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    max-width: 850px !important;
    margin-bottom: 26px !important;
}

.nnx-promo-media-slider {
    height: clamp(270px, 24vw, 410px) !important;
    min-height: clamp(270px, 24vw, 410px) !important;
}

.promo-card-link {
    min-height: 62px !important;
    min-width: 190px !important;
    font-size: 1.25rem !important;
}

@media (max-width: 768px){

    .promo-card-body{
        padding: 22px !important;
        min-height: auto !important;
    }

    .promo-card-body h4{
        font-size: 1.7rem !important;
    }

    .promo-card-body p{
        font-size: .98rem !important;
    }

    .nnx-promo-media-slider{
        height: 220px !important;
        min-height: 220px !important;
    }
}



/* ===== V125 FIX DEFINITIVO PUBLICIDAD: TEXTO BLANCO + MENOS ALTO ===== */

body .nnx-client-ads-section .promo-card-body h4,
html body .nnx-client-ads-section .promo-card-body h4,
body .nnx-client-ads-section article .promo-card-body h4,
body .nnx-client-ads-section .nnx-promo-pro-card .promo-card-body h4,
body .nnx-client-ads-section .promo-card .promo-card-body h4 {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 14px rgba(255,255,255,.18), 0 8px 28px rgba(0,0,0,.45) !important;
    font-size: clamp(1.65rem, 2.15vw, 2.35rem) !important;
    line-height: 1.06 !important;
    margin: 12px 0 12px 0 !important;
    font-weight: 950 !important;
}

body .nnx-client-ads-section .promo-card-body p,
html body .nnx-client-ads-section .promo-card-body p,
body .nnx-client-ads-section article .promo-card-body p,
body .nnx-client-ads-section .nnx-promo-pro-card .promo-card-body p,
body .nnx-client-ads-section .promo-card .promo-card-body p {
    color: #dbeafe !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-text-fill-color: #dbeafe !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    max-width: 840px !important;
    margin-bottom: 18px !important;
}

body .nnx-client-ads-section .promo-card-body,
html body .nnx-client-ads-section .promo-card-body {
    padding: 22px 30px 28px 30px !important;
    min-height: 210px !important;
    background: linear-gradient(135deg, #031021 0%, #061b35 60%, #061428 100%) !important;
}

body .nnx-client-ads-section .promo-card-chip,
html body .nnx-client-ads-section .promo-card-chip {
    margin-bottom: 12px !important;
    min-height: 34px !important;
    padding: 0 15px !important;
    font-size: .82rem !important;
}

body .nnx-client-ads-section .promo-card-link,
html body .nnx-client-ads-section .promo-card-link {
    min-height: 52px !important;
    min-width: 160px !important;
    padding: 0 22px !important;
    font-size: 1.05rem !important;
    border-radius: 15px !important;
}

body .nnx-client-ads-section .nnx-promo-media-slider,
html body .nnx-client-ads-section .nnx-promo-media-slider {
    height: clamp(230px, 20vw, 330px) !important;
    min-height: clamp(230px, 20vw, 330px) !important;
    max-height: 330px !important;
}

body .nnx-client-ads-section {
    padding: 24px !important;
}

@media (max-width: 768px) {
    body .nnx-client-ads-section .promo-card-body,
    html body .nnx-client-ads-section .promo-card-body {
        padding: 18px !important;
        min-height: auto !important;
    }

    body .nnx-client-ads-section .promo-card-body h4,
    html body .nnx-client-ads-section .promo-card-body h4 {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 1.45rem !important;
        margin: 10px 0 !important;
    }

    body .nnx-client-ads-section .promo-card-body p,
    html body .nnx-client-ads-section .promo-card-body p {
        color: #dbeafe !important;
        -webkit-text-fill-color: #dbeafe !important;
        font-size: .94rem !important;
        margin-bottom: 14px !important;
    }

    body .nnx-client-ads-section .nnx-promo-media-slider,
    html body .nnx-client-ads-section .nnx-promo-media-slider {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }

    body .nnx-client-ads-section .promo-card-link,
    html body .nnx-client-ads-section .promo-card-link {
        min-height: 48px !important;
        font-size: 1rem !important;
    }
}



/* =========================================================
   V126 SEGUIMIENTO IMPORTACIÓN CHINA / ALIEXPRESS / SHEIN
========================================================= */

.nnx-tracking-box {
    margin: 18px 0 20px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(96,165,250,.26) !important;
    background: radial-gradient(circle at 10% 10%, rgba(37,99,235,.18), transparent 32%), rgba(15,23,42,.42) !important;
    color: #e5f0ff !important;
}

.nnx-tracking-title {
    font-weight: 950 !important;
    color: #ffffff !important;
    margin-bottom: 14px !important;
    font-size: 1rem !important;
}

.nnx-tracking-steps {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
}

.nnx-track-step {
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    background: rgba(2,8,23,.52) !important;
}

.nnx-track-step span {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(51,65,85,.8) !important;
    color: #cbd5e1 !important;
    font-weight: 950 !important;
    margin-bottom: 8px !important;
}

.nnx-track-step strong {
    display: block !important;
    color: #f8fafc !important;
    font-size: .92rem !important;
    margin-bottom: 5px !important;
}

.nnx-track-step small {
    color: #94a3b8 !important;
    line-height: 1.35 !important;
}

.nnx-track-step.is-done {
    border-color: rgba(34,197,94,.35) !important;
    background: rgba(20,83,45,.16) !important;
}

.nnx-track-step.is-done span {
    background: #22c55e !important;
    color: #052e16 !important;
}

.nnx-track-step.is-active {
    border-color: rgba(59,130,246,.55) !important;
    box-shadow: 0 0 0 1px rgba(59,130,246,.14), 0 12px 34px rgba(37,99,235,.18) !important;
}

.nnx-track-step.is-active span {
    background: linear-gradient(135deg,#2563eb,#06b6d4) !important;
    color: #ffffff !important;
}

.nnx-track-note {
    margin: 14px 0 0 !important;
    color: #cbd5e1 !important;
    font-size: .95rem !important;
}

.nnx-admin-import-note {
    margin: 18px 0 22px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(96,165,250,.28) !important;
    background: linear-gradient(135deg, rgba(15,23,42,.72), rgba(2,8,23,.82)) !important;
    color: #e5e7eb !important;
}

.nnx-admin-import-note strong {
    color: #ffffff !important;
    font-size: 1.05rem !important;
}

.nnx-admin-import-note p {
    color: #cbd5e1 !important;
    margin: 8px 0 12px !important;
}

.nnx-admin-import-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

.nnx-admin-import-grid span {
    padding: 12px !important;
    border-radius: 14px !important;
    background: rgba(15,23,42,.72) !important;
    border: 1px solid rgba(148,163,184,.15) !important;
    color: #cbd5e1 !important;
}

.nnx-admin-import-grid b,
.nnx-track-note b {
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .nnx-tracking-steps,
    .nnx-admin-import-grid {
        grid-template-columns: 1fr !important;
    }
}



/* =========================================================
   V127 ADMIN ACTUALIZA SEGUIMIENTO Y CLIENTE LO VE
========================================================= */

.nnx-tracking-summary {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.nnx-tracking-summary span {
    padding: 11px 12px !important;
    border-radius: 14px !important;
    background: rgba(15,23,42,.68) !important;
    border: 1px solid rgba(148,163,184,.16) !important;
    color: #cbd5e1 !important;
}

.nnx-tracking-summary b {
    color: #ffffff !important;
}

.nnx-track-note a {
    color: #60a5fa !important;
    font-weight: 900 !important;
}

.nnx-admin-tracking-form {
    margin: 18px 0 !important;
    padding: 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(96,165,250,.28) !important;
    background: linear-gradient(135deg, rgba(15,23,42,.76), rgba(2,8,23,.86)) !important;
}

.nnx-admin-tracking-title {
    color: #ffffff !important;
    font-weight: 950 !important;
    margin-bottom: 14px !important;
}

.nnx-admin-tracking-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}

.nnx-admin-tracking-grid label {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    color: #cbd5e1 !important;
    font-weight: 800 !important;
    font-size: .9rem !important;
}

.nnx-admin-tracking-grid input,
.nnx-admin-tracking-grid select {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148,163,184,.25) !important;
    background: rgba(15,23,42,.8) !important;
    color: #ffffff !important;
    padding: 10px 12px !important;
}

.nnx-admin-tracking-btn {
    margin-top: 14px !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 768px) {
    .nnx-tracking-summary,
    .nnx-admin-tracking-grid {
        grid-template-columns: 1fr !important;
    }
}



/* =========================================================
   V128 PRESERVAR IMÁGENES EN CPANEL
========================================================= */

.nnx-upload-warning {
    margin: 18px 0 22px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(251,191,36,.35) !important;
    background: linear-gradient(135deg, rgba(120,53,15,.22), rgba(15,23,42,.72)) !important;
    color: #fde68a !important;
}

.nnx-upload-warning strong {
    color: #ffffff !important;
}

.nnx-upload-warning p {
    margin: 6px 0 0 !important;
    color: #fef3c7 !important;
}

.product-image-placeholder,
.pd-image.placeholder {
    background: linear-gradient(135deg, #f8fafc, #eaf2ff) !important;
    color: #64748b !important;
    font-weight: 900 !important;
}



/* =========================================================
   V133 FIX PRIMERA IMAGEN DE PRODUCTOS
   Las imágenes extra subidas se muestran primero.
========================================================= */

.v133-product-gallery .nnx-product-media-slide.is-active img,
.v133-product-gallery .nnx-product-media-slide.is-active video {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-card .v133-product-gallery img.product-image,
.product-card .v133-product-gallery video.product-image {
    width: 100% !important;
    height: 190px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

.v133-product-gallery[data-gallery-context="detail"] img.pd-image,
.v133-product-gallery[data-gallery-context="detail"] video.pd-image {
    width: 100% !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

@media (max-width: 768px) {
    .product-card .v133-product-gallery img.product-image,
    .product-card .v133-product-gallery video.product-image {
        height: 210px !important;
    }

    .v133-product-gallery[data-gallery-context="detail"] img.pd-image,
    .v133-product-gallery[data-gallery-context="detail"] video.pd-image {
        max-height: 360px !important;
    }
}


/* =========================================================
   V138 CATEGORÍAS EN PÁGINA NUEVA TIPO RETAIL
========================================================= */
.page-enter{animation:nnxPageEnter .45s ease both}
body.page-leave{opacity:.55!important;transform:translateY(8px) scale(.995)!important;transition:opacity .12s ease,transform .12s ease!important}
@keyframes nnxPageEnter{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.category-page-wrap{width:min(1280px,calc(100% - 32px));margin:48px auto 80px}
.category-hero-ripley{
    padding:clamp(26px,4vw,48px);
    border-radius:34px;
    border:1px solid rgba(96,165,250,.28);
    background:radial-gradient(circle at 12% 20%,rgba(37,99,235,.28),transparent 34%),radial-gradient(circle at 92% 15%,rgba(14,165,233,.16),transparent 28%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,8,23,.78));
    box-shadow:0 28px 80px rgba(0,0,0,.36);
    margin-bottom:34px;
}
.category-kicker{display:inline-flex;align-items:center;gap:8px;color:#60a5fa;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;margin-bottom:14px}
.category-kicker::before{content:"✦";width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#2563eb,#06b6d4)}
.category-hero-ripley h1{margin:0 0 12px;color:#fff;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;letter-spacing:-.055em;font-weight:950}
.category-hero-ripley p{margin:0;color:#cbd5e1;font-size:clamp(1rem,1.8vw,1.25rem);max-width:760px;line-height:1.6}
.category-pills-ripley{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.category-pills-ripley a,.category-nav-link{
    display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;
    border:1px solid rgba(147,197,253,.28);background:rgba(15,23,42,.75);color:#e5f0ff;font-weight:900;text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .22s ease,border-color .22s ease,background .22s ease
}
.category-pills-ripley a:hover,.category-pills-ripley a.active,.category-nav-link:hover{
    transform:translateY(-2px);border-color:rgba(96,165,250,.75);background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(14,165,233,.78));color:#fff
}
.category-grid-new{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.category-card-effect{animation:nnxCardPop .5s ease both;transition:transform .25s ease,box-shadow .25s ease}
.category-card-effect:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(37,99,235,.22)}
@keyframes nnxCardPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.product-card-link-area{display:block;text-decoration:none}
.empty-category-box{padding:42px;border-radius:28px;border:1px solid rgba(96,165,250,.25);background:rgba(15,23,42,.72);color:#fff;text-align:center}
@media(max-width:1100px){.category-grid-new{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.category-grid-new{grid-template-columns:repeat(2,minmax(0,1fr))}.category-page-wrap{width:min(100% - 22px,100%);margin-top:24px}}
@media(max-width:560px){.category-grid-new{grid-template-columns:1fr}.category-hero-ripley{border-radius:26px;padding:24px 18px}.category-pills-ripley{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.category-pills-ripley a{flex:0 0 auto}}

/* V139 DROPSHIPPING PRO */
.nnx-ds-admin-page{width:min(1280px,calc(100% - 32px));margin:42px auto 90px}
.nnx-ds-hero{padding:clamp(28px,5vw,58px);border-radius:34px;border:1px solid rgba(96,165,250,.28);background:radial-gradient(circle at 14% 15%,rgba(37,99,235,.32),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(2,8,23,.82));box-shadow:0 30px 90px rgba(0,0,0,.36);margin-bottom:24px}
.nnx-ds-hero span{color:#60a5fa;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.nnx-ds-hero h1{margin:10px 0;color:#fff;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95;letter-spacing:-.055em}.nnx-ds-hero p{color:#cbd5e1;font-size:1.12rem;max-width:760px;line-height:1.6}
.nnx-ds-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.nnx-ds-actions a,.nnx-ds-open-provider,.nnx-ds-save{border:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:950;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 18px 42px rgba(37,99,235,.24);cursor:pointer}
.nnx-ds-msg{margin:18px 0;padding:16px 18px;border-radius:18px;border:1px solid rgba(34,197,94,.35);color:#bbf7d0;background:rgba(5,46,22,.5);font-weight:800}
.nnx-ds-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.nnx-ds-stats article{padding:18px;border-radius:22px;border:1px solid rgba(96,165,250,.22);background:rgba(15,23,42,.72)}.nnx-ds-stats small{color:#93c5fd;font-weight:900;text-transform:uppercase}.nnx-ds-stats strong{display:block;margin-top:8px;color:#fff;font-size:2rem}
.nnx-ds-order-card,.nnx-ds-admin-form,.nnx-ds-product-fields,.nnx-ds-public-box{border:1px solid rgba(96,165,250,.24);background:rgba(8,21,40,.84);border-radius:26px;padding:20px;margin:18px 0;box-shadow:0 22px 58px rgba(0,0,0,.22)}
.nnx-ds-order-head,.nnx-ds-admin-title,.nnx-ds-public-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.nnx-ds-order-head span,.nnx-ds-admin-title span,.nnx-ds-public-head span{color:#60a5fa;font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.nnx-ds-order-head h2,.nnx-ds-admin-title h3,.nnx-ds-public-head h3{color:#fff;margin:.2rem 0}.nnx-ds-order-head p{color:#cbd5e1;margin:0}.nnx-ds-order-head b{color:#bbf7d0;font-size:1.35rem}
.nnx-ds-copy-box{padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:rgba(2,8,23,.42);color:#dbeafe;margin-bottom:16px}
.nnx-ds-admin-grid,.nnx-ds-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nnx-ds-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.nnx-ds-admin-form label,.nnx-ds-product-fields label{color:#e5e7eb;font-weight:900;display:flex;flex-direction:column;gap:7px}.nnx-ds-admin-form input,.nnx-ds-admin-form select,.nnx-ds-admin-form textarea,.nnx-ds-product-fields input,.nnx-ds-product-fields select,.nnx-ds-product-fields textarea{width:100%;border-radius:14px;border:1px solid rgba(147,197,253,.22);background:#0f172a;color:#fff;padding:12px 14px}.nnx-ds-save{margin-top:16px;width:100%}
.nnx-ds-public-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.nnx-ds-step{padding:13px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.62)}.nnx-ds-step b{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#334155;color:#fff;margin-bottom:8px}.nnx-ds-step.done{border-color:rgba(34,197,94,.45);background:rgba(5,46,22,.32)}.nnx-ds-step.done b{background:#22c55e}.nnx-ds-step.active{border-color:rgba(59,130,246,.7);background:rgba(37,99,235,.22)}.nnx-ds-step.active b{background:#2563eb}.nnx-ds-step strong{display:block;color:#fff;font-size:.9rem}.nnx-ds-step small{display:block;color:#cbd5e1;margin-top:5px;line-height:1.35}.nnx-ds-estimate{color:#cbd5e1;line-height:1.6;margin-bottom:0}
@media(max-width:900px){.nnx-ds-stats,.nnx-ds-admin-grid,.nnx-ds-grid-4,.nnx-ds-public-steps{grid-template-columns:1fr}.nnx-ds-admin-page{width:min(100% - 20px,100%);margin-top:24px}}

/* ===== NerdyNexus Dropshipping PRO MAX v140 ===== */
.nnx-pro-max{max-width:1280px;margin:0 auto;padding:26px 16px 60px}.nnx-pro-hero{background:linear-gradient(135deg,#070b1f,#151a3d 55%,#28135c);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.35)}.nnx-pro-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.nnx-pro-stats article{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-radius:20px;padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.20)}.nnx-pro-stats article.profit{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(59,130,246,.14))}.nnx-pro-panel-note{margin:16px 0 22px;padding:14px 16px;border-radius:16px;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.22)}.nnx-pro-order-card{border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 60px rgba(0,0,0,.22)}.nnx-pro-flow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0 16px}.nnx-pro-flow-steps span{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;font-size:12px;padding:10px 8px;border-radius:14px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.18)}.nnx-pro-flow-steps span b{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(148,163,184,.28)}.nnx-pro-flow-steps span.done{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.35)}.nnx-pro-flow-steps span.active{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.45)}.nnx-pro-quick-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.nnx-pro-quick-actions a,.nnx-pro-quick-actions button{border:0;border-radius:13px;padding:10px 14px;background:#2563eb;color:white;text-decoration:none;font-weight:800;cursor:pointer}.nnx-pro-quick-actions button.danger{background:#dc2626}.nnx-ds-admin-form input[readonly]{opacity:.85}.nnx-ds-admin-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.nnx-ds-open-provider{border-radius:12px;padding:9px 12px;background:#111827;color:#fff;text-decoration:none}.btn-danger:hover,.nnx-pro-quick-actions button:hover,.nnx-pro-quick-actions a:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:760px){.nnx-pro-flow-steps{grid-template-columns:repeat(2,1fr)}.nnx-ds-admin-title{align-items:flex-start;flex-direction:column}.nnx-pro-max{padding:18px 10px 46px}}

/* DROPSHIPPING PRO MAX NAV BUTTON */
.dropshipping-nav-link,
.dropshipping-admin-shortcut{
  background: linear-gradient(135deg,#22c55e,#06b6d4,#4f46e5) !important;
  color:#fff !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 14px 34px rgba(6,182,212,.24), inset 0 1px 0 rgba(255,255,255,.25);
  font-weight: 900 !important;
}
.dropshipping-nav-link:hover,
.dropshipping-admin-shortcut:hover{
  transform: translateY(-2px);
  filter: brightness(1.08);
}


/* v142 - Dropshipping recepción real + fix visual 2FA */
.form-container label.nnx-2fa-code-label,
body .form-container label.nnx-2fa-code-label,
html[data-theme="dark"] body .form-container label.nnx-2fa-code-label{
  color:#eaf3ff !important;
  opacity:1 !important;
  font-weight:900 !important;
  letter-spacing:.01em;
  text-shadow:0 1px 10px rgba(96,165,250,.28);
}
.form-container input[name="code"]{
  color:#ffffff !important;
  background:#0f172a !important;
  border-color:rgba(147,197,253,.35) !important;
}
.nnx-confirmed-delivery,
.nnx-delivery-confirmed-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.42);
  background:rgba(22,163,74,.16);
  color:#bbf7d0 !important;
  font-weight:900;
}
.nnx-confirm-delivery-btn{
  border:0;
  cursor:pointer;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(34,197,94,.22);
}
.nnx-ds-public-box .nnx-confirmed-delivery{margin-top:10px;}


/* v143 - Checkout final: solo Webpay débito/crédito */
.payment-help-v143{
    margin: 8px 0 14px;
    padding: 10px 12px;
    border: 1px solid rgba(56, 189, 248, .35);
    background: rgba(14, 165, 233, .10);
    color: #dbeafe;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.45;
}
.checkout-form select option[value="transferencia"],
.checkout-form select option[value="efectivo"]{
    display:none;
}

/* v150 - Pagos por transferencia y Mercado Pago */
.payment-box-v150{display:block;grid-column:1/-1;line-height:1.55;border:1px solid rgba(37,99,235,.18);background:rgba(239,246,255,.86);border-radius:16px;padding:12px 14px;color:#0f172a}.payment-box-v150 code{background:rgba(15,23,42,.08);padding:2px 6px;border-radius:8px}.payment-confirm-grid-v150{max-width:1100px;margin:0 auto 30px}.bank-card-v150 h3{margin-top:0}.bank-detail-v150{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.22)}.bank-detail-v150 strong{color:#0f172a}.transferencia-header-v150{margin-top:20px}.bank-card-v150 .btn-primary,.checkout-card .btn-primary,.checkout-card .btn-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:8px 8px 0 0;border-radius:14px;padding:12px 16px;font-weight:900}.checkout-card .btn-secondary{border:1px solid rgba(37,99,235,.25);background:rgba(255,255,255,.85);color:#1d4ed8}html[data-theme="dark"] .payment-box-v150,body[data-theme="dark"] .payment-box-v150{background:rgba(30,41,59,.82);border-color:rgba(96,165,250,.25);color:#e5e7eb}html[data-theme="dark"] .bank-detail-v150 strong,body[data-theme="dark"] .bank-detail-v150 strong{color:#f8fafc}@media(max-width:768px){.bank-detail-v150{display:block}.payment-confirm-grid-v150{padding:0 10px}.checkout-card .btn-primary,.checkout-card .btn-secondary{width:100%;margin-right:0}}

/* =========================================================
   NerdyNexus Checkout PRO - Transferencia / Mercado Pago
   ========================================================= */
.checkout-alert-pro{max-width:1180px;margin:14px auto;padding:14px 18px;border-radius:16px}.nnx-checkout-hero{text-align:center;max-width:1180px;margin:24px auto 14px;padding:0 18px}.nnx-checkout-hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:6px 0;color:#fff;font-weight:900;letter-spacing:.3px}.nnx-checkout-hero p{margin:0;color:#d9e2ff;font-size:1.15rem}.nnx-checkout-wrap{width:min(1180px,94vw);margin:18px auto 14px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.95fr);gap:18px;align-items:start}.nnx-checkout-main-card,.nnx-summary-card,.nnx-secure-card,.nnx-support-card,.nnx-benefits-row>div{background:linear-gradient(145deg,rgba(10,20,45,.94),rgba(14,22,52,.82));border:1px solid rgba(124,92,255,.28);box-shadow:0 22px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);border-radius:20px}.nnx-checkout-main-card{padding:18px 20px}.nnx-form-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.nnx-form-title h3,.nnx-step-title,.nnx-summary-card h3,.nnx-support-card h3{color:#fff;font-size:1.25rem;font-weight:900;margin:0}.nnx-title-icon{color:#a855f7;font-size:1.5rem}.nnx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.nnx-field-full{grid-column:1/-1}.nnx-field label{display:block;color:#eaf0ff;font-weight:800;margin:0 0 7px;font-size:.93rem}.nnx-field input{width:100%;min-height:44px;border-radius:9px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.095);color:#fff;padding:0 14px;outline:none;font-weight:700}.nnx-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.18)}.nnx-step-title{margin:18px 0 10px}.nnx-payment-options{display:grid;gap:8px}.nnx-pay-option{position:relative;display:grid;grid-template-columns:22px 92px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;border:1px solid rgba(148,163,184,.24);background:rgba(5,13,33,.72);border-radius:10px;padding:10px 14px;cursor:pointer;transition:.22s ease}.nnx-pay-option:hover,.nnx-pay-option-active{border-color:#8b5cf6;background:linear-gradient(90deg,rgba(139,92,246,.16),rgba(59,130,246,.08));box-shadow:0 0 0 1px rgba(139,92,246,.18)}.nnx-pay-option input{position:absolute;opacity:0;pointer-events:none}.nnx-radio-dot{width:17px;height:17px;border-radius:50%;border:2px solid #64748b;display:inline-block;position:relative}.nnx-pay-option input:checked+.nnx-radio-dot{border-color:#8b5cf6;background:#8b5cf6}.nnx-pay-option input:checked+.nnx-radio-dot:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}.nnx-pay-logo{font-weight:900}.nnx-bank-logo{font-size:2.2rem;color:#5ee66b;text-align:center}.nnx-mp-logo,.nnx-webpay-logo{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:7px;background:#fff;color:#039be5;font-weight:900;text-transform:lowercase;line-height:.8;font-size:.86rem}.nnx-webpay-logo{color:#222;font-size:1.05rem}.nnx-pay-copy strong{display:block;color:#fff;font-size:1.02rem}.nnx-pay-copy small{display:block;color:#d6def7;margin-top:2px}.nnx-pay-badge{font-size:.82rem;font-weight:900;border-radius:7px;padding:6px 10px;white-space:nowrap}.nnx-pay-badge.green{color:#4ade80;background:rgba(34,197,94,.17)}.nnx-pay-badge.blue{color:#38bdf8;background:rgba(14,165,233,.16)}.nnx-pay-badge.purple{color:#d946ef;background:rgba(168,85,247,.16)}.nnx-payment-help{display:flex;gap:13px;margin-top:9px;border:1px solid rgba(56,189,248,.62);background:rgba(6,24,55,.76);border-radius:10px;padding:13px 14px;color:#e9f1ff;line-height:1.5;font-size:.92rem}.nnx-payment-help strong{color:#fff}.nnx-info-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #38bdf8;color:#38bdf8;font-weight:900;flex:0 0 30px}.green-text{color:#4ade80;font-weight:900}.blue-text{color:#38bdf8;font-weight:900}.purple-text{color:#d946ef;font-weight:900}.nnx-pay-button{width:100%;margin-top:10px;border:0;border-radius:9px;min-height:46px;color:#fff;font-weight:950;font-size:1.05rem;background:linear-gradient(90deg,#8b35ff,#22a7ff);box-shadow:0 15px 34px rgba(34,167,255,.2);cursor:pointer}.nnx-pay-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.nnx-checkout-side{display:grid;gap:12px}.nnx-summary-card{padding:18px}.nnx-summary-card h3{margin-bottom:14px}.nnx-summary-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;margin:11px 0}.nnx-summary-item img{width:54px;height:54px;object-fit:cover;border-radius:8px;background:#fff}.nnx-summary-name strong{display:block;color:#fff;font-size:.98rem}.nnx-summary-name span{color:#d9e2ff}.nnx-summary-price{color:#fff;font-weight:900}.nnx-summary-lines{border-top:1px solid rgba(148,163,184,.24);border-bottom:1px solid rgba(148,163,184,.24);padding:12px 0;margin-top:12px}.nnx-summary-lines div{display:flex;justify-content:space-between;color:#eef4ff;margin:6px 0}.nnx-summary-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0 0;color:#a855f7;font-size:1.35rem;font-weight:950}.nnx-summary-total strong{color:#a855f7}.nnx-secure-card{display:flex;gap:14px;align-items:center;border-color:rgba(34,197,94,.75);padding:16px}.nnx-secure-card span{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.18);font-size:1.7rem}.nnx-secure-card strong,.nnx-support-card h3{color:#fff}.nnx-secure-card p,.nnx-support-card p{margin:4px 0 0;color:#dce6ff}.nnx-support-card{padding:16px}.nnx-support-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.nnx-support-buttons a{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#fff;text-decoration:none;font-weight:800;background:rgba(255,255,255,.045)}.nnx-benefits-row{width:min(1180px,94vw);margin:14px auto 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nnx-benefits-row>div{padding:13px 16px;display:grid;gap:2px;color:#fff}.nnx-benefits-row strong{font-size:.96rem}.nnx-benefits-row span{color:#d9e2ff;font-size:.88rem}@media(max-width:980px){.nnx-checkout-wrap{grid-template-columns:1fr}.nnx-benefits-row{grid-template-columns:1fr 1fr}.nnx-pay-option{grid-template-columns:22px 76px 1fr}.nnx-pay-badge{grid-column:3;justify-self:start}}@media(max-width:620px){.nnx-checkout-main-card{padding:15px}.nnx-form-grid{grid-template-columns:1fr}.nnx-pay-option{grid-template-columns:22px 58px 1fr;padding:10px}.nnx-mp-logo,.nnx-webpay-logo{font-size:.72rem}.nnx-pay-badge{display:none}.nnx-support-buttons,.nnx-benefits-row{grid-template-columns:1fr}.nnx-checkout-hero{margin-top:12px}.nnx-summary-item{grid-template-columns:46px 1fr auto}.nnx-summary-item img{width:46px;height:46px}}


/* =========================================================
   v151 FIX REAL MIS PEDIDOS - TARJETAS OSCURAS PREMIUM
   Corrige fondo blanco y textos invisibles en mis_pedidos.php
========================================================= */
html body .orders-list .order-card,
html body .order-card{
  background: radial-gradient(circle at 12% 10%, rgba(37,99,235,.18), transparent 34%), linear-gradient(180deg, rgba(2,8,23,.96), rgba(5,15,38,.97)) !important;
  border: 1px solid rgba(96,165,250,.36) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: #eaf3ff !important;
}
html body .orders-list .order-card h3,
html body .orders-list .order-card h4,
html body .orders-list .order-card strong{ color:#f8fbff !important; }
html body .orders-list .order-card p,
html body .orders-list .order-card span,
html body .orders-list .order-card small,
html body .orders-list .order-card div{ color:#c9d8ee !important; }
html body .orders-list .order-card .order-item{
  border-bottom:1px solid rgba(226,232,240,.18) !important;
  color:#dbeafe !important;
}
html body .orders-list .order-card .order-item strong{ color:#ffffff !important; }
html body .orders-list .order-card .order-meta p{ color:#cbdaf0 !important; }
html body .orders-list .order-card .order-meta strong{ color:#ffffff !important; }
html body .orders-list .order-card .status-badge{
  background:linear-gradient(135deg,#ede9fe,#ddd6fe) !important;
  border:1px solid rgba(167,139,250,.85) !important;
  color:#111827 !important;
  box-shadow:0 8px 20px rgba(124,58,237,.18) !important;
}
html body .orders-list .order-card .order-history-box,
html body .orders-list .order-card .returns-history-box{
  background:linear-gradient(180deg, rgba(15,23,42,.75), rgba(15,23,42,.55)) !important;
  border:1px solid rgba(96,165,250,.30) !important;
  color:#eaf3ff !important;
  border-radius:20px !important;
}
html body .orders-list .order-card .nnx-tracking-box{
  background:radial-gradient(circle at 12% 10%, rgba(37,99,235,.16), transparent 34%), rgba(15,23,42,.72) !important;
  border:1px solid rgba(96,165,250,.32) !important;
}
html body .orders-list .order-card .nnx-track-step{
  background:rgba(2,8,23,.56) !important;
  border-color:rgba(148,163,184,.20) !important;
}
html body .orders-list .order-card .nnx-track-step.is-done{
  background:rgba(20,83,45,.18) !important;
  border-color:rgba(34,197,94,.42) !important;
}
html body .orders-list .order-card .nnx-track-step.is-active{
  background:rgba(15,23,42,.78) !important;
  border-color:rgba(59,130,246,.70) !important;
}
html body .orders-list .order-card a{ color:#93c5fd !important; }
@media(max-width:768px){
  html body .orders-list .order-card{ padding:14px !important; border-radius:18px !important; }
  html body .order-top{ align-items:flex-start !important; }
}


/* =========================================================
   v200 NERDYNEXUS PRO ICONS + FONDO ANIMADO GLOBAL
   Mejora visual completa: iconos, glassmorphism y fondo con movimiento.
========================================================= */
:root{
  --nnx-bg-1:#020817;
  --nnx-bg-2:#07142c;
  --nnx-card:rgba(8,18,42,.78);
  --nnx-line:rgba(96,165,250,.30);
  --nnx-text:#eaf3ff;
  --nnx-muted:#b9c7dc;
  --nnx-blue:#38bdf8;
  --nnx-purple:#8b5cf6;
  --nnx-green:#22c55e;
}
html,body{background:#020817 !important;}
body{
  color:var(--nnx-text) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(14,165,233,.24), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(139,92,246,.20), transparent 30%),
    radial-gradient(circle at 75% 88%, rgba(34,197,94,.11), transparent 24%),
    linear-gradient(125deg,#020817 0%,#07142c 46%,#130f2f 100%) !important;
  background-size:140% 140%;
  animation:nnxBgMove 16s ease-in-out infinite alternate;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
body::before{
  background-image:
    radial-gradient(circle, rgba(147,197,253,.75) 0 1.4px, transparent 1.7px),
    radial-gradient(circle, rgba(34,211,238,.50) 0 1.2px, transparent 1.6px);
  background-size:160px 160px, 240px 240px;
  background-position:0 0, 80px 70px;
  opacity:.32;
  animation:nnxStarsFloat 28s linear infinite;
}
body::after{
  background:linear-gradient(115deg, transparent 0 38%, rgba(56,189,248,.08) 48%, transparent 58% 100%);
  transform:translateX(-60%);
  animation:nnxLightSweep 10s ease-in-out infinite;
  opacity:.55;
}
@keyframes nnxBgMove{0%{background-position:0% 40%;}100%{background-position:100% 60%;}}
@keyframes nnxStarsFloat{0%{background-position:0 0,80px 70px;}100%{background-position:160px 320px,320px 430px;}}
@keyframes nnxLightSweep{0%,35%{transform:translateX(-75%);}70%,100%{transform:translateX(75%);}}
main{position:relative;z-index:1;}
h1,h2,h3,h4,p,label,span,small,strong{ text-shadow:0 1px 14px rgba(0,0,0,.18); }
/* Header más premium */
.site-header{
  background:linear-gradient(135deg, rgba(2,8,23,.96), rgba(15,23,42,.92), rgba(30,27,75,.92)) !important;
  border-bottom:1px solid rgba(56,189,248,.32) !important;
  backdrop-filter:blur(18px);
}
.brand-link::before{content:"🚀 ";filter:drop-shadow(0 0 10px rgba(56,189,248,.45));}
.header-actions a,
.header-actions button,
.site-header a:not(.brand-link),
.top-actions a,
.btn-primary,.btn-secondary,button,.button{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
.header-actions a:hover,
.header-actions button:hover,
.top-actions a:hover,
.btn-primary:hover,.btn-secondary:hover,button:hover,.button:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
/* Iconos automáticos en navegación y acciones */
a[href*="cart" i]::before,.cart-link::before{content:"🛒 ";}
a[href*="login" i]::before{content:"🔐 ";}
a[href*="register" i]::before,a[href*="registro" i]::before{content:"📝 ";}
a[href*="mis_pedidos" i]::before,a[href*="pedidos" i]::before{content:"📦 ";}
a[href*="favoritos" i]::before{content:"💙 ";}
a[href*="ayuda" i]::before,a[href*="soporte" i]::before{content:"🎧 ";}
a[href*="admin" i]::before{content:"⚙️ ";}
a[href*="logout" i]::before{content:"🚪 ";}
button[name*="add" i]::before,.add-to-cart::before{content:"🛒 ";}
/* Tarjetas globales oscuras pro */
.producto-card,.feature-card,.hero-feature-card,.dashboard-stat-card,.checkout-card,.admin-card,.form-container,
.nnx-checkout-main-card,.nnx-summary-card,.nnx-secure-card,.nnx-support-card,.order-card{
  background:radial-gradient(circle at 12% 10%, rgba(56,189,248,.12), transparent 30%), linear-gradient(180deg, rgba(8,18,42,.88), rgba(4,10,28,.92)) !important;
  border:1px solid rgba(96,165,250,.26) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:var(--nnx-text) !important;
  backdrop-filter:blur(12px);
}
.producto-card:hover,.feature-card:hover,.dashboard-stat-card:hover,.checkout-card:hover,.admin-card:hover,.order-card:hover{
  transform:translateY(-4px);
  border-color:rgba(56,189,248,.58) !important;
  box-shadow:0 30px 85px rgba(0,0,0,.42), 0 0 30px rgba(56,189,248,.10) !important;
}
.producto-card h3,.feature-card h3,.dashboard-stat-card h3,.checkout-card h2,.checkout-card h3,.admin-card h2,.admin-card h3,
.form-container h2,.form-container h3,.order-card h3{color:#f8fbff !important;}
.producto-card p,.feature-card p,.dashboard-stat-card p,.checkout-card p,.admin-card p,.form-container p,.order-card p{color:var(--nnx-muted) !important;}
.producto-card img{border-radius:16px !important;box-shadow:0 16px 35px rgba(0,0,0,.25);}
.producto-card h3::before{content:"✨ ";}
.checkout-card h2::before,.checkout-card h3::before{content:"💳 ";}
.admin-card h2::before,.admin-card h3::before{content:"🛡️ ";}
/* Botones pro */
.btn-primary,.producto-card form button,.checkout-card button,.nnx-pay-button,input[type="submit"],button[type="submit"]{
  border:0 !important;
  background:linear-gradient(135deg,#8b5cf6,#2563eb,#06b6d4) !important;
  color:#ffffff !important;
  font-weight:900 !important;
  box-shadow:0 16px 36px rgba(37,99,235,.28) !important;
}
.btn-secondary,.checkout-card .btn-secondary{
  background:rgba(15,23,42,.72) !important;
  color:#dbeafe !important;
  border:1px solid rgba(96,165,250,.34) !important;
}
/* Inputs más modernos */
input,select,textarea{
  background:rgba(2,8,23,.72) !important;
  color:#f8fbff !important;
  border:1px solid rgba(96,165,250,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:rgba(56,189,248,.70) !important;
  box-shadow:0 0 0 4px rgba(56,189,248,.13) !important;
}
option{background:#020817;color:#eaf3ff;}
/* Mis pedidos: igual al estilo oscuro correcto, con más iconos */
.orders-list .order-card{overflow:hidden;position:relative;}
.orders-list .order-card::before{
  content:"📦";
  position:absolute;right:24px;bottom:18px;font-size:72px;opacity:.055;filter:grayscale(1);
}
.order-top h3::before{content:"🧾 ";}
.order-meta p:nth-child(1)::before{content:"📅 ";}
.order-meta p:nth-child(2)::before{content:"🧾 ";}
.order-meta p:nth-child(3)::before{content:"💳 ";}
.order-meta p:nth-child(4)::before{content:"💰 ";}
.order-meta p:nth-child(5)::before{content:"📍 ";}
.order-meta p:nth-child(6)::before{content:"🚚 ";}
.order-meta p:nth-child(7)::before{content:"⏱️ ";}
.order-meta p:nth-child(8)::before{content:"📆 ";}
.order-item span:first-child::before{content:"🛍️ ";}
.status-badge::before{content:"● ";}
.nnx-tracking-box h4::before,.order-history-box h4::before{content:"🌍 ";}
.nnx-track-step{transition:.22s ease;}
.nnx-track-step:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.22);}
.nnx-track-step.is-done::after{content:" ✓";color:#22c55e;font-weight:900;}
.nnx-track-step.is-active{box-shadow:0 0 0 1px rgba(59,130,246,.28),0 0 28px rgba(59,130,246,.16) !important;}
/* Footer pro */
footer,.site-footer{
  background:linear-gradient(135deg, rgba(2,8,23,.96), rgba(15,23,42,.94)) !important;
  border-top:1px solid rgba(56,189,248,.26) !important;
  color:#dbeafe !important;
}
footer h3::before,.site-footer h3::before{content:"💎 ";}
footer p,footer a,.site-footer p,.site-footer a{color:#c9d8ee !important;}
/* Responsive */
@media(max-width:768px){
  body::after{display:none;}
  main{padding-top:92px !important;}
  .producto-card,.checkout-card,.admin-card,.order-card{border-radius:18px !important;}
  .brand-link{font-size:1.45rem !important;}
}
@media (prefers-reduced-motion: reduce){
  body,body::before,body::after{animation:none !important;}
  *{transition:none !important;}
}

/* =========================================================
   NERDYNEXUS V300 - HOME PRO + LOGO N + FONDO ANIMADO REAL
   Pedido: estilo como maqueta, sin carrito duplicado y responsive.
========================================================= */
:root{
  --nnx-bg:#020617;
  --nnx-panel:rgba(8,15,34,.74);
  --nnx-border:rgba(96,165,250,.28);
  --nnx-text:#f8fbff;
  --nnx-muted:#b8c7df;
  --nnx-blue:#22a8ff;
  --nnx-purple:#8b5cf6;
}
html,body{background:#020617!important;}
body.store-page{
  color:var(--nnx-text)!important;
  background:
    radial-gradient(circle at 15% 22%, rgba(14,165,233,.28), transparent 33%),
    radial-gradient(circle at 82% 18%, rgba(139,92,246,.24), transparent 36%),
    linear-gradient(135deg,#031329 0%,#050816 46%,#16102e 100%)!important;
  overflow-x:hidden;
}
#fxCanvas{
  display:block!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.96!important;
}
body.store-page::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(34,211,238,.10) 0 1px,transparent 1px 100%),
    linear-gradient(0deg,rgba(139,92,246,.08) 0 1px,transparent 1px 100%);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  animation:nnxGridMove 18s linear infinite;
}
body.store-page::after{
  content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(34,211,238,.12),transparent,rgba(168,85,247,.15),transparent);
  filter:blur(55px);animation:nnxAura 16s ease-in-out infinite alternate;opacity:.75;
}
@keyframes nnxGridMove{from{background-position:0 0,0 0}to{background-position:160px 80px,80px 160px}}
@keyframes nnxAura{from{transform:translate3d(-2%,0,0) rotate(0deg) scale(1)}to{transform:translate3d(2%,1%,0) rotate(8deg) scale(1.08)}}
body.store-page > *:not(#fxCanvas):not(.fx-orb){position:relative;z-index:1;}
.site-header{
  position:sticky!important;top:0!important;z-index:9990!important;margin-top:0!important;
  padding:18px 20px 14px!important;
  background:linear-gradient(180deg,rgba(5,10,28,.94),rgba(7,13,32,.82))!important;
  border-top:3px solid rgba(168,85,247,.9)!important;
  border-bottom:1px solid rgba(96,165,250,.18)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.header-inner.store-header-shell{max-width:1480px!important;width:100%!important;margin:0 auto!important;gap:14px!important;}
.store-header-top-pro{grid-template-columns:430px minmax(340px,1fr) 380px!important;gap:22px!important;align-items:center!important;}
.store-header-left{gap:22px!important;align-items:center!important;}
.store-brand-block .brand-link,.brand-link{
  display:inline-flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;
  color:#fff!important;font-size:2.1rem!important;font-weight:1000!important;letter-spacing:-.045em!important;text-shadow:0 8px 28px rgba(96,165,250,.18)!important;
}
.brand-link::before{
  content:""!important;width:52px!important;height:52px!important;flex:0 0 52px!important;display:inline-block!important;
  background:url('/nnx-logo-n.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 0 16px rgba(168,85,247,.65)) drop-shadow(0 0 10px rgba(34,211,238,.45))!important;
}
.store-brand-subtitle{display:block!important;margin-top:4px!important;color:#f8fbff!important;font-weight:700!important;line-height:1.25!important;max-width:260px!important;}
.catalog-menu-trigger,.store-mini-chip,.store-user-greeting,.nav-links a,.store-utility-link{
  background:linear-gradient(180deg,rgba(30,41,69,.92),rgba(10,18,38,.94))!important;
  color:#fff!important;border:1px solid rgba(125,160,255,.30)!important;border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)!important;
}
.catalog-menu-trigger{padding:12px 20px!important;min-height:58px!important;}
.catalog-menu-burger span{background:#fff!important;}
.header-search-pro{
  max-width:560px!important;margin:0 auto!important;padding:7px!important;border-radius:20px!important;
  background:rgba(15,23,42,.78)!important;border:1px solid rgba(96,165,250,.26)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.header-search-pro input{background:rgba(2,6,23,.9)!important;color:#fff!important;border-radius:14px!important;height:48px!important;border:1px solid rgba(148,163,184,.18)!important;}
.header-search-pro input::placeholder{color:#a9b9d2!important;}
.header-search-pro button,.btn-primary,.primary-cart-btn,.quick-buy-btn{
  background:linear-gradient(135deg,#15bdfd,#7048ff 55%,#a855f7)!important;color:#fff!important;border:0!important;
  box-shadow:0 14px 32px rgba(37,99,235,.28),0 0 24px rgba(168,85,247,.24)!important;
}
.store-header-userzone-pro{gap:10px!important;}
.store-mini-chip{padding:12px 18px!important;min-height:44px!important;font-weight:900!important;}
.store-mini-chip strong{background:#fff!important;color:#4f46e5!important;min-width:24px!important;height:24px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:5px!important;}
.store-user-greeting{padding:12px 18px!important;font-weight:900!important;}
.store-mobile-panel .nav-links a,.store-nav-row a{padding:13px 21px!important;font-weight:950!important;}
.store-utility-row{justify-content:center!important;gap:14px!important;margin-top:4px!important;}
.store-utility-link{padding:12px 22px!important;font-weight:950!important;}
.nnx-floating-cart{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
main{padding-top:0!important;}
.page-index main,.store-page.page-index main{overflow:hidden;}
.hero,.home-hero,.hero-section,.home-hero-pro,.premium-hero,.main-hero{
  position:relative!important;overflow:hidden!important;border-radius:0!important;
  background:linear-gradient(90deg,rgba(2,6,23,.72),rgba(15,23,42,.42)), radial-gradient(circle at 76% 50%,rgba(168,85,247,.36),transparent 42%)!important;
}
.hero::before,.home-hero::before,.hero-section::before,.home-hero-pro::before,.premium-hero::before,.main-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.85;
  background:
    radial-gradient(circle at 18% 72%,rgba(34,211,238,.26),transparent 32%),
    radial-gradient(circle at 68% 56%,rgba(168,85,247,.36),transparent 32%),
    linear-gradient(115deg,transparent 0 35%,rgba(96,165,250,.12) 35% 36%,transparent 36% 100%);
  animation:nnxHeroMove 12s ease-in-out infinite alternate;
}
@keyframes nnxHeroMove{from{transform:translateX(-2%) translateY(0) scale(1)}to{transform:translateX(2%) translateY(-1%) scale(1.04)}}
.card,.producto-card,.premium-product-card,.home-fx-card,.promo-card,.feature-card,.category-card,.client-trust-badges-v107 div{
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(5,12,28,.92))!important;color:#fff!important;
  border:1px solid rgba(96,165,250,.27)!important;border-radius:22px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.card:hover,.producto-card:hover,.premium-product-card:hover,.home-fx-card:hover,.promo-card:hover,.feature-card:hover,.category-card:hover{
  transform:translateY(-4px)!important;border-color:rgba(168,85,247,.55)!important;box-shadow:0 26px 70px rgba(30,64,175,.28)!important;
}
.producto-card img,.premium-product-card img,.category-card img{border-radius:18px!important;}
@media (max-width:1100px){
  .store-header-top-pro{grid-template-columns:1fr!important;gap:12px!important;}
  .store-header-left,.store-header-userzone-pro{justify-content:center!important;}
  .header-search-pro{max-width:760px!important;}
}
@media (max-width:768px){
  body.store-page{background:linear-gradient(135deg,#020617,#07152e 48%,#120b28)!important;}
  #fxCanvas{display:block!important;opacity:.75!important;}
  .site-header{padding:10px 10px 12px!important;border-top-width:2px!important;}
  .header-inner.store-header-shell{gap:8px!important;}
  .store-header-top-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;padding:0!important;align-items:center!important;}
  .store-header-left{display:flex!important;gap:8px!important;justify-content:space-between!important;grid-column:1/-1!important;width:100%!important;}
  .store-brand-block .brand-link{font-size:1.28rem!important;gap:9px!important;}
  .brand-link::before{width:42px!important;height:42px!important;flex-basis:42px!important;}
  .store-brand-subtitle{display:none!important;}
  .catalog-menu-trigger{min-height:42px!important;padding:8px 11px!important;border-radius:18px!important;}
  .catalog-menu-trigger-text small{display:none!important;}
  .catalog-menu-trigger-text strong{font-size:.82rem!important;}
  .store-search-wrap{grid-column:1/-1!important;order:3!important;width:100%!important;}
  .header-search-pro{max-width:100%!important;min-height:44px!important;padding:5px!important;border-radius:16px!important;}
  .header-search-pro input{height:40px!important;font-size:.84rem!important;padding:8px 10px!important;}
  .header-search-pro button{height:40px!important;padding:0 12px!important;border-radius:12px!important;font-size:.82rem!important;}
  .store-header-userzone-pro{grid-column:1/-1!important;order:4!important;display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;padding:2px 0 4px!important;gap:7px!important;scrollbar-width:none!important;}
  .store-header-userzone-pro::-webkit-scrollbar{display:none!important;}
  .store-mini-chip,.store-user-greeting{padding:8px 11px!important;font-size:.8rem!important;min-height:38px!important;white-space:nowrap!important;}
  .store-user-greeting{display:inline-flex!important;}
  .store-mobile-toggle{position:relative!important;top:auto!important;right:auto!important;margin:0!important;min-height:40px!important;border-radius:16px!important;}
  .store-mobile-panel{top:100%!important;left:0!important;right:0!important;max-height:calc(100dvh - 118px)!important;background:rgba(3,7,18,.98)!important;border:1px solid rgba(96,165,250,.25)!important;}
  .store-nav-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:10px!important;}
  .store-nav-row a{min-height:62px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:.72rem!important;padding:8px!important;}
  .store-utility-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:8px 10px 12px!important;}
  .store-utility-link{font-size:.75rem!important;padding:9px 8px!important;text-align:center!important;}
  .card,.producto-card,.premium-product-card,.home-fx-card,.promo-card,.feature-card,.category-card{border-radius:18px!important;}
  .hero,.home-hero,.hero-section,.home-hero-pro,.premium-hero,.main-hero{margin-left:8px!important;margin-right:8px!important;border-radius:20px!important;}
}
@media (max-width:420px){
  .store-nav-row{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;}
  .store-nav-row a{font-size:.66rem!important;min-height:58px!important;}
  .store-mini-chip[href="/favoritos.php"]{display:inline-flex!important;}
  .brand-link::before{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .store-brand-block .brand-link{font-size:1.15rem!important;}
}


/* =========================================================
   NERDYNEXUS v310 - FIX ICONOS DUPLICADOS + HEADER HOMOGENEO
   ========================================================= */
body.store-page,
body:not(.admin-page){
  background:
    radial-gradient(circle at 12% 18%, rgba(14,165,233,.22), transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(124,58,237,.22), transparent 32%),
    linear-gradient(135deg,#06162a 0%,#070b1d 48%,#141032 100%) !important;
}
.site-header{
  top:0!important;
  margin-top:0!important;
  padding-top:18px!important;
  background:
    linear-gradient(135deg, rgba(11,22,44,.94), rgba(11,14,34,.94) 52%, rgba(26,22,59,.94)) !important;
  border-top:3px solid rgba(34,211,238,.85)!important;
  border-bottom:1px solid rgba(96,165,250,.22)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
}
.header-inner.store-header-shell,
.store-header-top-pro,
.store-nav-row,
.store-quick-trust-row,
.store-utility-row{
  background:transparent!important;
  box-shadow:none!important;
}
.store-header-top-pro{
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  padding-bottom:16px!important;
}
.store-nav-row,
.store-utility-row{
  border:0!important;
}
.catalog-menu-trigger,
.store-mini-chip,
.store-user-greeting,
.store-nav-row a,
.store-utility-link{
  background:linear-gradient(180deg, rgba(30,41,76,.92), rgba(18,27,53,.92))!important;
  border:1px solid rgba(113,148,209,.36)!important;
  color:#f8fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.16)!important;
}
.catalog-menu-trigger:hover,
.store-mini-chip:hover,
.store-user-greeting:hover,
.store-nav-row a:hover,
.store-utility-link:hover{
  background:linear-gradient(135deg, rgba(32,48,92,.98), rgba(44,36,96,.98))!important;
  border-color:rgba(56,189,248,.55)!important;
  transform:translateY(-1px)!important;
}
/* Iconos controlados: evita emojis duplicados */
.store-mini-chip::before,
.store-user-greeting::before,
.store-nav-row a::before,
.store-utility-link::before,
.floating-shop-btn::before{
  margin-right:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.nnx-cart-chip::before{content:"🛒"!important;}
.nnx-fav-chip::before{content:"💙"!important;}
.nnx-account-chip::before{content:"👤"!important;}
.nnx-user-chip::before{content:"👤"!important;}
/* Por si algún CSS anterior mete otro icono en el carrito */
.store-mini-chip[href="/cart.php"]{gap:8px!important;}
.store-mini-chip[href="/cart.php"]::after{content:none!important;display:none!important;}
.store-mini-chip[href="/cart.php"] svg + svg,
.store-mini-chip[href="/cart.php"] i + i{display:none!important;}
/* Botones flotantes: un solo carrito */
.floating-shop-tools{
  right:18px!important;
  bottom:92px!important;
  gap:12px!important;
  z-index:60!important;
}
.floating-shop-btn{
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#0f3b93,#1d4ed8 55%,#2563eb)!important;
  border:1px solid rgba(96,165,250,.45)!important;
  box-shadow:0 14px 32px rgba(37,99,235,.35), inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:0!important;
}
.floating-cart-single::before{content:"🛒"!important;font-size:20px!important;margin:0!important;}
.floating-shop-btn[href*="categoria"]::before{content:"⚡"!important;font-size:22px!important;margin:0!important;}
#backToTopBtn::before{content:"↑"!important;font-size:24px!important;margin:0!important;}
.floating-shop-btn span{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* Mejor en celular */
@media (max-width:768px){
  .site-header{padding:10px 10px 12px!important;}
  .store-header-top-pro{padding-bottom:10px!important;}
  .store-header-userzone-pro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important;}
  .store-mini-chip,.store-user-greeting{justify-content:center!important;width:100%!important;font-size:.78rem!important;padding:9px 8px!important;}
  .store-nav-row a,.store-utility-link{background:linear-gradient(180deg, rgba(19,35,67,.95), rgba(14,24,48,.95))!important;}
  .floating-shop-tools{right:10px!important;bottom:76px!important;gap:9px!important;}
  .floating-shop-btn{width:46px!important;height:46px!important;}
  .floating-cart-single::before{font-size:18px!important;}
}
@media (max-width:420px){
  .store-header-userzone-pro{grid-template-columns:1fr 1fr!important;}
  .store-mini-chip strong{min-width:21px!important;height:21px!important;font-size:11px!important;}
}


/* =========================================================
   NERDYNEXUS v320 - HEADER STORE + ADMIN MÁS PRO / MOBILE
   ========================================================= */
:root{
  --nnx-head-bg: linear-gradient(135deg, rgba(7,18,38,.98), rgba(8,11,28,.98) 50%, rgba(28,22,61,.98));
  --nnx-pill-bg: linear-gradient(180deg, rgba(24,36,67,.92), rgba(12,21,43,.96));
  --nnx-pill-hover: linear-gradient(135deg, rgba(31,64,128,.96), rgba(88,45,170,.88));
  --nnx-line: rgba(95,139,211,.34);
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  padding:16px 16px 14px!important;
  background:var(--nnx-head-bg)!important;
  border-top:3px solid rgba(34,211,238,.95)!important;
  border-bottom:1px solid rgba(56,189,248,.22)!important;
  box-shadow:0 18px 60px rgba(2,6,23,.44), inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(22px)!important;
}
.header-inner.store-header-shell,
.header-inner.admin-header-shell{
  width:min(1360px,100%)!important;
  max-width:1360px!important;
  margin:0 auto!important;
  border-radius:0!important;
}
.store-header-top-pro{
  display:grid!important;
  grid-template-columns:minmax(300px,auto) minmax(360px,560px) minmax(300px,auto)!important;
  align-items:center!important;
  gap:20px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
.store-header-left{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;}
.store-brand-block .brand-link{font-size:clamp(1.7rem,2.2vw,2.45rem)!important;letter-spacing:-.045em!important;text-shadow:0 0 22px rgba(96,165,250,.22)!important;}
.store-brand-subtitle{max-width:260px!important;color:#e8f2ff!important;font-weight:750!important;line-height:1.22!important;opacity:.95!important;}
.catalog-menu-trigger,
.store-mini-chip,
.store-user-greeting,
.store-nav-row a,
.store-utility-link,
.admin-nav-row a,
.admin-user-chip{
  background:var(--nnx-pill-bg)!important;
  border:1px solid var(--nnx-line)!important;
  color:#f8fbff!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(2,6,23,.25)!important;
}
.catalog-menu-trigger:hover,
.store-mini-chip:hover,
.store-user-greeting:hover,
.store-nav-row a:hover,
.store-utility-link:hover,
.admin-nav-row a:hover{
  background:var(--nnx-pill-hover)!important;
  border-color:rgba(34,211,238,.70)!important;
  transform:translateY(-2px)!important;
}
.header-search-pro{
  background:rgba(5,12,30,.78)!important;
  border:1px solid rgba(96,165,250,.36)!important;
  border-radius:22px!important;
  padding:7px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.header-search-pro input{background:rgba(2,6,23,.82)!important;color:#eaf3ff!important;border-radius:16px!important;}
.header-search-pro button{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(14,165,233,.28)!important;}
.store-header-userzone-pro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;justify-self:end!important;min-width:300px!important;}
.store-mini-chip,.store-user-greeting{min-height:42px!important;justify-content:center!important;padding:10px 16px!important;font-weight:950!important;}
/* Un solo icono de carrito/favoritos/cuenta: anulamos iconos antiguos globales */
.store-mini-chip::before,.store-user-greeting::before,.store-nav-row a::before,.store-utility-link::before{content:none!important;display:none!important;}
.nnx-fav-chip::before{content:"💙"!important;display:inline-flex!important;margin-right:8px!important;}
.nnx-cart-chip::before{content:"🛒"!important;display:inline-flex!important;margin-right:8px!important;}
.nnx-account-chip::before,.nnx-user-chip::before{content:"👤"!important;display:inline-flex!important;margin-right:8px!important;}
a.store-mini-chip[href*="cart" i]::before{content:"🛒"!important;display:inline-flex!important;margin-right:8px!important;}
a.store-mini-chip[href*="cart" i]::after{content:none!important;display:none!important;}
.store-mini-chip[href*="cart" i] svg,.store-mini-chip[href*="cart" i] i{display:none!important;}
.store-nav-row,.store-utility-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  padding:12px 0 0!important;
  border:0!important;
}
.store-nav-row a,.store-utility-link{min-height:44px!important;padding:11px 20px!important;font-weight:950!important;letter-spacing:-.01em!important;}
.store-nav-row a[href*="index"]::before{content:"⌂"!important;display:inline-flex!important;margin-right:7px!important;}
.store-nav-row a[href*="ayuda"]::before{content:"🎧"!important;display:inline-flex!important;margin-right:7px!important;}
.store-nav-row a[href*="mis_pedidos"]::before{content:"📦"!important;display:inline-flex!important;margin-right:7px!important;}
.store-nav-row a[href*="logout"]::before{content:"↪"!important;display:inline-flex!important;margin-right:7px!important;}
.store-utility-link:nth-child(1)::before{content:"🛡️"!important;display:inline-flex!important;margin-right:7px!important;}
.store-utility-link:nth-child(2)::before{content:"🧾"!important;display:inline-flex!important;margin-right:7px!important;}
.store-utility-link:nth-child(3)::before{content:"🚚"!important;display:inline-flex!important;margin-right:7px!important;}
.store-utility-link:nth-child(4)::before{content:"🎧"!important;display:inline-flex!important;margin-right:7px!important;}
/* Admin: elimina barra horizontal fea y deja chips limpios */
.admin-header-shell{padding:0!important;overflow:visible!important;}
.admin-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(148,163,184,.16)!important;}
.admin-header-shell .brand-link{font-size:clamp(1.75rem,2.2vw,2.5rem)!important;letter-spacing:-.04em!important;}
.admin-user-chip{padding:11px 16px!important;white-space:nowrap!important;}
.admin-nav-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding-top:12px!important;
  overflow:visible!important;
  max-width:100%!important;
}
.admin-nav-row a{padding:10px 14px!important;min-height:40px!important;font-size:.86rem!important;font-weight:950!important;}
.admin-nav-row a::before{content:"⚙️"!important;margin-right:6px!important;}
.admin-nav-row a[href*="logout"]::before{content:"↪"!important;}
/* Botones flotantes: limpia duplicados */
.floating-shop-tools .floating-shop-btn::before{display:flex!important;content:""!important;margin:0!important;}
.floating-shop-tools .floating-cart-single::before{content:"🛒"!important;font-size:20px!important;}
.floating-shop-tools .floating-shop-btn[href*="categoria"]::before{content:"⚡"!important;font-size:22px!important;}
.floating-shop-tools #backToTopBtn::before{content:"↑"!important;font-size:24px!important;}
@media (max-width:1180px){
  .store-header-top-pro{grid-template-columns:1fr!important;gap:12px!important;}
  .store-header-left,.store-header-userzone-pro{justify-self:stretch!important;justify-content:center!important;}
  .store-header-userzone-pro{grid-template-columns:repeat(4,minmax(130px,1fr))!important;min-width:0!important;}
  .header-search-pro{max-width:760px!important;margin:0 auto!important;}
}
@media (max-width:768px){
  .site-header{padding:10px 10px 12px!important;}
  .store-header-top-pro{gap:10px!important;padding-bottom:10px!important;}
  .store-header-left{justify-content:space-between!important;gap:10px!important;}
  .store-brand-block .brand-link{font-size:1.35rem!important;}
  .brand-link::before{width:42px!important;height:42px!important;flex-basis:42px!important;}
  .catalog-menu-trigger{padding:8px 11px!important;min-height:42px!important;}
  .header-search-pro{min-height:44px!important;border-radius:17px!important;}
  .header-search-pro input{font-size:.84rem!important;height:40px!important;}
  .header-search-pro button{height:40px!important;padding:0 13px!important;}
  .store-header-userzone-pro{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;}
  .store-mini-chip,.store-user-greeting{min-height:38px!important;padding:8px 10px!important;font-size:.78rem!important;}
  .store-nav-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding-top:10px!important;}
  .store-nav-row a{min-height:62px!important;padding:8px 6px!important;border-radius:18px!important;flex-direction:column!important;font-size:.68rem!important;text-align:center!important;}
  .store-nav-row a::before{margin:0 0 5px!important;font-size:1.05rem!important;}
  .store-utility-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .store-utility-link{padding:9px 7px!important;font-size:.72rem!important;text-align:center!important;}
  .admin-topbar{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;}
  .admin-user-chip{width:100%!important;justify-content:center!important;text-align:center!important;}
  .admin-nav-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;overflow:visible!important;}
  .admin-nav-row a{font-size:.72rem!important;padding:9px 7px!important;justify-content:center!important;text-align:center!important;border-radius:16px!important;}
}
@media (max-width:430px){
  .store-brand-subtitle{display:none!important;}
  .store-brand-block .brand-link{font-size:1.15rem!important;}
  .brand-link::before{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .catalog-menu-trigger-text strong{font-size:.76rem!important;}
  .store-nav-row{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;}
  .store-nav-row a{font-size:.62rem!important;min-height:56px!important;}
  .store-utility-link{font-size:.67rem!important;}
  .admin-nav-row{grid-template-columns:repeat(2,1fr)!important;}
}


/* =========================================================
   NERDYNEXUS v330 - MODO CLARO/OSCURO NOTORIO + HEADER LIMPIO
   ========================================================= */
:root{
  --nnx-dark-bg-a:#071225;
  --nnx-dark-bg-b:#0b1027;
  --nnx-dark-bg-c:#201a46;
  --nnx-dark-panel:rgba(8,16,34,.96);
  --nnx-light-bg-a:#eef7ff;
  --nnx-light-bg-b:#f8fbff;
  --nnx-light-bg-c:#e8f0ff;
  --nnx-light-panel:rgba(255,255,255,.96);
}
html[data-theme="dark"] body,
body[data-theme="dark"]{
  background:
    radial-gradient(circle at 16% 8%, rgba(14,165,233,.22), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(168,85,247,.20), transparent 32%),
    linear-gradient(135deg,var(--nnx-dark-bg-a),var(--nnx-dark-bg-b) 48%,var(--nnx-dark-bg-c)) !important;
  color:#f8fbff!important;
}
html[data-theme="light"] body,
body[data-theme="light"]{
  background:
    radial-gradient(circle at 12% 8%, rgba(14,165,233,.18), transparent 26%),
    radial-gradient(circle at 90% 0%, rgba(124,58,237,.13), transparent 30%),
    linear-gradient(135deg,var(--nnx-light-bg-a),var(--nnx-light-bg-b) 48%,var(--nnx-light-bg-c)) !important;
  color:#0f172a!important;
}
html[data-theme="dark"] .site-header,
body[data-theme="dark"] .site-header{
  background:linear-gradient(135deg,rgba(7,18,38,.98),rgba(8,11,28,.98) 50%,rgba(28,22,61,.98))!important;
  border-top:3px solid rgba(34,211,238,.95)!important;
  border-bottom:1px solid rgba(56,189,248,.22)!important;
}
html[data-theme="light"] .site-header,
body[data-theme="light"] .site-header{
  background:linear-gradient(135deg,rgba(244,250,255,.98),rgba(255,255,255,.98) 52%,rgba(232,240,255,.98))!important;
  border-top:3px solid #2563eb!important;
  border-bottom:1px solid rgba(37,99,235,.22)!important;
  box-shadow:0 18px 50px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
html[data-theme="light"] .site-header .brand-link,
html[data-theme="light"] .site-header .store-brand-subtitle,
html[data-theme="light"] .site-header .catalog-menu-trigger,
html[data-theme="light"] .site-header .store-mini-chip,
html[data-theme="light"] .site-header .store-user-greeting,
html[data-theme="light"] .site-header .store-nav-row a,
html[data-theme="light"] .site-header .store-utility-link,
html[data-theme="light"] .site-header .admin-nav-row a,
html[data-theme="light"] .site-header .admin-user-chip{
  color:#0f172a!important;
  text-shadow:none!important;
}
html[data-theme="light"] .site-header .catalog-menu-trigger,
html[data-theme="light"] .site-header .store-mini-chip,
html[data-theme="light"] .site-header .store-user-greeting,
html[data-theme="light"] .site-header .store-nav-row a,
html[data-theme="light"] .site-header .store-utility-link,
html[data-theme="light"] .site-header .admin-nav-row a,
html[data-theme="light"] .site-header .admin-user-chip{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,240,255,.92))!important;
  border:1px solid rgba(37,99,235,.25)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.90)!important;
}
html[data-theme="light"] .header-search-pro{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(37,99,235,.25)!important;
  box-shadow:0 14px 32px rgba(37,99,235,.12)!important;
}
html[data-theme="light"] .header-search-pro input{
  background:#f8fbff!important;
  color:#0f172a!important;
}
html[data-theme="light"] .header-search-pro input::placeholder{color:#64748b!important;}
.site-header,.site-header *{text-decoration:none!important;}
.site-header::before,.site-header::after{pointer-events:none!important;}
.header-inner.store-header-shell,
.header-inner.admin-header-shell{
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.store-header-top-pro,
.admin-topbar{
  border-bottom:1px solid rgba(96,165,250,.18)!important;
}
html[data-theme="light"] .store-header-top-pro,
html[data-theme="light"] .admin-topbar{
  border-bottom:1px solid rgba(37,99,235,.16)!important;
}
.store-header-left{min-width:0!important;flex-wrap:nowrap!important;}
.store-brand-block{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
.store-brand-block .brand-link,
.admin-header-shell .brand-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  min-width:0!important;
  max-width:100%!important;
}
.brand-link::before{
  content:"N"!important;
  display:inline-grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  margin:0!important;
  border-radius:12px!important;
  color:#fff!important;
  font-size:1.55rem!important;
  font-weight:1000!important;
  letter-spacing:-.08em!important;
  background:linear-gradient(135deg,#22d3ee,#7c3aed 55%,#ff3df2)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10),0 0 24px rgba(99,102,241,.58)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  vertical-align:middle!important;
}
.brand-link::after{content:none!important;display:none!important;}
.site-header a::after,.site-header button::after{box-shadow:none!important;}
.catalog-menu-trigger{flex:0 0 auto!important;}
.store-header-top-pro{
  grid-template-columns:minmax(360px,auto) minmax(360px,560px) minmax(300px,auto)!important;
}
@media (max-width:1280px){
  .store-header-top-pro{grid-template-columns:1fr!important;}
  .store-header-left{justify-content:center!important;}
}
/* Toggle mucho más evidente */
.theme-toggle-fab{
  background:linear-gradient(135deg,#f8fafc,#dbeafe)!important;
  color:#0f172a!important;
  border:2px solid rgba(37,99,235,.55)!important;
  box-shadow:0 16px 42px rgba(37,99,235,.25)!important;
  font-weight:1000!important;
}
html[data-theme="dark"] .theme-toggle-fab,
body[data-theme="dark"] .theme-toggle-fab{
  background:linear-gradient(135deg,#020617,#111c3b)!important;
  color:#f8fbff!important;
  border:2px solid rgba(34,211,238,.72)!important;
  box-shadow:0 0 28px rgba(34,211,238,.22),0 16px 42px rgba(2,6,23,.45)!important;
}
html[data-theme="light"] .theme-toggle-icon::before{content:"☀️ ";}
html[data-theme="dark"] .theme-toggle-icon::before{content:"🌙 ";}
html[data-theme="light"] .theme-toggle-label{font-size:0!important;}
html[data-theme="light"] .theme-toggle-label::after{content:"Modo claro activo";font-size:.8rem!important;}
html[data-theme="dark"] .theme-toggle-label{font-size:0!important;}
html[data-theme="dark"] .theme-toggle-label::after{content:"Modo oscuro activo";font-size:.8rem!important;}
/* Homogeneidad admin */
.admin-page .site-header{padding:18px 16px 14px!important;}
.admin-topbar{gap:18px!important;}
.admin-header-shell .brand{min-width:0!important;}
.admin-nav-row{justify-content:center!important;align-items:center!important;}
.admin-nav-row a{background:linear-gradient(180deg,rgba(22,34,63,.96),rgba(10,19,41,.98))!important;}
html[data-theme="light"] .admin-nav-row a{background:linear-gradient(180deg,#ffffff,#eaf2ff)!important;}
/* Mobile limpio */
@media (max-width:768px){
  .site-header{padding:8px 10px 10px!important;}
  .store-header-top-pro{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .store-header-left{justify-content:space-between!important;width:100%!important;}
  .store-brand-block .brand-link{font-size:1.38rem!important;gap:9px!important;}
  .brand-link::before{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;font-size:1.35rem!important;}
  .store-brand-subtitle{font-size:.77rem!important;line-height:1.15!important;max-width:210px!important;}
  .catalog-menu-trigger{min-width:auto!important;max-width:154px!important;}
  .header-search-pro{width:100%!important;max-width:100%!important;}
  .store-header-userzone-pro{grid-template-columns:repeat(2,1fr)!important;min-width:0!important;width:100%!important;}
  .store-nav-row,.store-utility-row{width:100%!important;}
  .admin-topbar{align-items:center!important;text-align:center!important;}
  .admin-header-shell .brand-link{font-size:1.55rem!important;justify-content:center!important;}
  .admin-nav-row{grid-template-columns:repeat(2,1fr)!important;width:100%!important;}
  .admin-nav-row a{min-height:42px!important;}
}
@media (max-width:430px){
  .store-brand-subtitle{display:block!important;font-size:.68rem!important;max-width:155px!important;}
  .store-brand-block .brand-link{font-size:1.08rem!important;}
  .catalog-menu-trigger{max-width:128px!important;padding:7px 9px!important;}
  .catalog-menu-trigger-text strong{font-size:.72rem!important;}
  .catalog-menu-trigger-text small{display:none!important;}
  .store-nav-row{grid-template-columns:repeat(4,1fr)!important;}
  .store-utility-row{grid-template-columns:repeat(2,1fr)!important;}
}


/* ===== FIX CHATGPT V331 ===== */

/* Unificar colores modo claro */
body{
    background: linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%) !important;
}

/* Mejor contraste en modo claro */
body, p, span, label, td, th, li, .card, .feature-card{
    color:#1f2937 !important;
}

h1,h2,h3,h4,h5,h6{
    color:#0f172a !important;
}

/* Tarjetas más uniformes */
.card,
.feature-card,
.product-card,
.stat-card{
    background: linear-gradient(180deg,#1e293b,#0f172a) !important;
}

/* Panel administrativo más abajo */
.admin-container,
.admin-panel,
.dashboard-container,
.dashboard-header,
.admin-header{
    margin-top: 25px !important;
}

/* Textos grises que no se leen */
.text-muted,
.small,
.product-description,
.feature-text{
    color:#475569 !important;
}


/* =========================================================
   FIX CHATGPT V332 - MODO OSCURO LEGIBLE PARA USUARIOS
   Corrige reglas anteriores que dejaban textos oscuros
   sobre fondos oscuros.
   ========================================================= */

/* Fondo oscuro limpio y uniforme */
html[data-theme="dark"],
body[data-theme="dark"]{
  color-scheme: dark !important;
  --text-primary:#f8fbff !important;
  --text-secondary:#dbeafe !important;
  --text-muted:#b7c7dd !important;
  --bg-panel:rgba(15,23,42,.94) !important;
  --bg-panel-strong:rgba(10,18,34,.98) !important;
  --bg-panel-soft:rgba(17,27,48,.90) !important;
  --surface-border:rgba(191,219,254,.22) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(59,130,246,.18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(139,92,246,.16), transparent 26%),
    linear-gradient(180deg,#050914 0%,#0b1428 55%,#07101f 100%) !important;
  color:#f8fbff !important;
}

/* Textos generales en modo oscuro */
html[data-theme="dark"] body,
html[data-theme="dark"] body p,
html[data-theme="dark"] body span,
html[data-theme="dark"] body label,
html[data-theme="dark"] body li,
html[data-theme="dark"] body td,
html[data-theme="dark"] body th,
html[data-theme="dark"] body small,
html[data-theme="dark"] body div,
body[data-theme="dark"] p,
body[data-theme="dark"] span,
body[data-theme="dark"] label,
body[data-theme="dark"] li,
body[data-theme="dark"] td,
body[data-theme="dark"] th,
body[data-theme="dark"] small,
body[data-theme="dark"] div{
  color:#dbeafe !important;
}

/* Títulos y textos importantes */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] .brand-link,
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .product-card-body h3,
html[data-theme="dark"] .producto-card h3,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .admin-title,
html[data-theme="dark"] .dashboard-title,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] strong,
body[data-theme="dark"] b{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

/* Tarjetas oscuras con contraste */
html[data-theme="dark"] .card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .producto-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .promo-card,
html[data-theme="dark"] .selling-point-card,
html[data-theme="dark"] .footer-help-card,
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .order-history-box,
html[data-theme="dark"] .support-panel,
html[data-theme="dark"] .account-stat,
html[data-theme="dark"] .ui-premium-card,
body[data-theme="dark"] .card,
body[data-theme="dark"] .feature-card,
body[data-theme="dark"] .product-card,
body[data-theme="dark"] .producto-card,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .promo-card,
body[data-theme="dark"] .selling-point-card,
body[data-theme="dark"] .footer-help-card,
body[data-theme="dark"] .form-container,
body[data-theme="dark"] .checkout-card,
body[data-theme="dark"] .order-history-box,
body[data-theme="dark"] .support-panel,
body[data-theme="dark"] .account-stat,
body[data-theme="dark"] .ui-premium-card{
  background:linear-gradient(180deg,#1e293b 0%,#111827 100%) !important;
  border-color:rgba(191,219,254,.20) !important;
  color:#f8fbff !important;
}

/* Descripciones y textos secundarios dentro de productos */
html[data-theme="dark"] .product-description,
html[data-theme="dark"] .product-desc,
html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .producto-card p,
html[data-theme="dark"] .feature-text,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .small,
html[data-theme="dark"] .muted,
body[data-theme="dark"] .product-description,
body[data-theme="dark"] .product-desc,
body[data-theme="dark"] .product-card p,
body[data-theme="dark"] .producto-card p,
body[data-theme="dark"] .feature-text,
body[data-theme="dark"] .text-muted,
body[data-theme="dark"] .small,
body[data-theme="dark"] .muted{
  color:#cbd5e1 !important;
}

/* Etiquetas, chips y badges */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .catalog-pill,
html[data-theme="dark"] .product-category-tag,
html[data-theme="dark"] .product-shipping-pill,
html[data-theme="dark"] .product-trust-row span,
html[data-theme="dark"] .home-card-badge,
html[data-theme="dark"] .discount-chip,
html[data-theme="dark"] .promo-card-chip,
html[data-theme="dark"] .hero-badge,
body[data-theme="dark"] .badge,
body[data-theme="dark"] .chip,
body[data-theme="dark"] .catalog-pill,
body[data-theme="dark"] .product-category-tag,
body[data-theme="dark"] .product-shipping-pill,
body[data-theme="dark"] .product-trust-row span,
body[data-theme="dark"] .home-card-badge,
body[data-theme="dark"] .discount-chip,
body[data-theme="dark"] .promo-card-chip,
body[data-theme="dark"] .hero-badge{
  background:rgba(30,41,59,.92) !important;
  border:1px solid rgba(147,197,253,.25) !important;
  color:#bfdbfe !important;
}

/* Precio y oferta legibles */
html[data-theme="dark"] .price-new,
html[data-theme="dark"] .precio,
html[data-theme="dark"] .product-price,
html[data-theme="dark"] .section-kicker,
body[data-theme="dark"] .price-new,
body[data-theme="dark"] .precio,
body[data-theme="dark"] .product-price,
body[data-theme="dark"] .section-kicker{
  color:#93c5fd !important;
  font-weight:900 !important;
}

html[data-theme="dark"] .price-old,
html[data-theme="dark"] .old-price,
body[data-theme="dark"] .price-old,
body[data-theme="dark"] .old-price{
  color:#94a3b8 !important;
}

/* Formularios: fondo claro controlado para que se lea lo escrito */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid rgba(147,197,253,.45) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder{
  color:#64748b !important;
}

/* Botones siempre legibles */
html[data-theme="dark"] button,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .primary-cart-btn,
html[data-theme="dark"] .checkout-form button,
html[data-theme="dark"] .hero-btn,
body[data-theme="dark"] button,
body[data-theme="dark"] .btn,
body[data-theme="dark"] .primary-cart-btn,
body[data-theme="dark"] .checkout-form button,
body[data-theme="dark"] .hero-btn{
  color:#ffffff !important;
  font-weight:800 !important;
}

/* Botones secundarios oscuros */
html[data-theme="dark"] .ghost-link-btn,
html[data-theme="dark"] .hero-link,
html[data-theme="dark"] .store-utility-link,
html[data-theme="dark"] .nav-links a,
body[data-theme="dark"] .ghost-link-btn,
body[data-theme="dark"] .hero-link,
body[data-theme="dark"] .store-utility-link,
body[data-theme="dark"] .nav-links a{
  color:#e0f2fe !important;
}

/* Footer en modo oscuro */
html[data-theme="dark"] .site-footer,
body[data-theme="dark"] .site-footer{
  background:linear-gradient(180deg,#07101f,#030712) !important;
}

html[data-theme="dark"] .site-footer *,
body[data-theme="dark"] .site-footer *{
  color:#dbeafe !important;
}

/* Panel administrativo un poco más abajo */
.admin-container,
.admin-panel,
.dashboard-container,
.dashboard-header,
.admin-header,
.admin-main,
.admin-page main{
  margin-top:32px !important;
}


/* =========================================================
   V333 FINAL THEME REPAIR
   Ajuste final de contraste en modo claro y oscuro.
   Objetivo: que TODO quede legible en header, hero,
   tarjetas de producto y panel administrativo.
========================================================= */

/* ---------- Base de texto por tema ---------- */
html[data-theme="light"] body,
body[data-theme="light"] {
  color: #1e293b !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(96,165,250,.16), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(167,139,250,.12), transparent 22%),
    linear-gradient(180deg, #f7fbff 0%, #eef4ff 58%, #edf2fb 100%) !important;
}

html[data-theme="dark"] body,
body[data-theme="dark"] {
  color: #e6f0ff !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(59,130,246,.14), transparent 26%),
    radial-gradient(circle at 88% 14%, rgba(139,92,246,.14), transparent 24%),
    linear-gradient(180deg, #050914 0%, #0a1223 55%, #08101f 100%) !important;
}

html[data-theme="light"] body p,
html[data-theme="light"] body span,
html[data-theme="light"] body label,
html[data-theme="light"] body li,
html[data-theme="light"] body td,
html[data-theme="light"] body th,
body[data-theme="light"] p,
body[data-theme="light"] span,
body[data-theme="light"] label,
body[data-theme="light"] li,
body[data-theme="light"] td,
body[data-theme="light"] th {
  color: #475569 !important;
}

html[data-theme="light"] body h1,
html[data-theme="light"] body h2,
html[data-theme="light"] body h3,
html[data-theme="light"] body h4,
html[data-theme="light"] body h5,
html[data-theme="light"] body h6,
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5,
body[data-theme="light"] h6 {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body p,
html[data-theme="dark"] body span,
html[data-theme="dark"] body label,
html[data-theme="dark"] body li,
html[data-theme="dark"] body td,
html[data-theme="dark"] body th,
body[data-theme="dark"] p,
body[data-theme="dark"] span,
body[data-theme="dark"] label,
body[data-theme="dark"] li,
body[data-theme="dark"] td,
body[data-theme="dark"] th {
  color: #c8d7ea !important;
}

html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4,
html[data-theme="dark"] body h5,
html[data-theme="dark"] body h6,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6 {
  color: #ffffff !important;
}

/* ---------- Header y utilidades ---------- */
.site-header {
  border-radius: 0 0 26px 26px;
}

.store-utility-row .store-utility-link,
#storeMobileNav .store-utility-row .store-utility-link {
  background: linear-gradient(135deg, rgba(23,37,84,.96), rgba(37,99,235,.92)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(147,197,253,.28) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,.14) !important;
}

.store-utility-row .store-utility-link *,
#storeMobileNav .store-utility-row .store-utility-link * {
  color: #ffffff !important;
}

.store-utility-row .store-utility-link:hover,
#storeMobileNav .store-utility-row .store-utility-link:hover,
.store-mini-chip:hover,
.store-user-greeting:hover,
.catalog-menu-trigger:hover {
  filter: brightness(1.04);
}

/* ---------- Hero principal modo claro ---------- */
html[data-theme="light"] .v52-stage-grid,
body[data-theme="light"] .v52-stage-grid {
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,247,255,.72)) !important;
  border: 1px solid rgba(191,219,254,.38) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .v52-intro-panel .section-kicker,
body[data-theme="light"] .v52-intro-panel .section-kicker,
html[data-theme="light"] .v52-side-card .section-kicker,
body[data-theme="light"] .v52-side-card .section-kicker {
  color: #3b82f6 !important;
}

html[data-theme="light"] .v52-intro-panel h1,
body[data-theme="light"] .v52-intro-panel h1 {
  color: #f8fafc !important;
  text-shadow: 0 2px 8px rgba(15,23,42,.12) !important;
}

html[data-theme="light"] .v52-intro-panel p,
body[data-theme="light"] .v52-intro-panel p {
  color: #d6e5f6 !important;
}

/* El panel izquierdo queda oscuro para que el título blanco sí se lea */
html[data-theme="light"] .v52-intro-panel,
body[data-theme="light"] .v52-intro-panel {
  background: linear-gradient(180deg, rgba(15,23,42,.76), rgba(30,41,59,.68)) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-radius: 28px !important;
  padding: 26px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 20px 44px rgba(15,23,42,.10);
}

html[data-theme="light"] .v52-stat-card,
body[data-theme="light"] .v52-stat-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(203,213,225,.88) !important;
}

html[data-theme="light"] .v52-stat-card strong,
body[data-theme="light"] .v52-stat-card strong { color: #0f172a !important; }
html[data-theme="light"] .v52-stat-card span,
body[data-theme="light"] .v52-stat-card span { color: #64748b !important; }

html[data-theme="light"] .v52-side-card,
body[data-theme="light"] .v52-side-card {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid #dbe7f4 !important;
}

html[data-theme="light"] .v52-side-card h3,
html[data-theme="light"] .v52-side-card strong,
body[data-theme="light"] .v52-side-card h3,
body[data-theme="light"] .v52-side-card strong {
  color: #0f172a !important;
}

html[data-theme="light"] .v52-side-card p,
html[data-theme="light"] .v52-feature-list li,
body[data-theme="light"] .v52-side-card p,
body[data-theme="light"] .v52-feature-list li {
  color: #475569 !important;
}

html[data-theme="light"] .v52-side-card.alt,
body[data-theme="light"] .v52-side-card.alt {
  background: linear-gradient(160deg, #0f172a, #1e3a8a) !important;
}

html[data-theme="light"] .v52-side-card.alt *,
body[data-theme="light"] .v52-side-card.alt * {
  color: #ffffff !important;
}

/* ---------- Hero principal modo oscuro ---------- */
html[data-theme="dark"] .v52-stage-grid,
body[data-theme="dark"] .v52-stage-grid {
  background: linear-gradient(180deg, rgba(8,16,30,.86), rgba(10,18,34,.82)) !important;
  border: 1px solid rgba(96,165,250,.18) !important;
  box-shadow: 0 30px 70px rgba(2,6,23,.32) !important;
}

html[data-theme="dark"] .v52-intro-panel,
body[data-theme="dark"] .v52-intro-panel {
  background: linear-gradient(180deg, rgba(12,21,39,.88), rgba(20,31,56,.82)) !important;
  border: 1px solid rgba(96,165,250,.16) !important;
  border-radius: 28px !important;
  padding: 26px !important;
}

html[data-theme="dark"] .v52-intro-panel h1,
body[data-theme="dark"] .v52-intro-panel h1,
html[data-theme="dark"] .v52-side-card h3,
body[data-theme="dark"] .v52-side-card h3,
html[data-theme="dark"] .v52-side-card strong,
body[data-theme="dark"] .v52-side-card strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .v52-intro-panel p,
body[data-theme="dark"] .v52-intro-panel p,
html[data-theme="dark"] .v52-feature-list li,
body[data-theme="dark"] .v52-feature-list li,
html[data-theme="dark"] .v52-side-card p,
body[data-theme="dark"] .v52-side-card p {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .v52-intro-panel .section-kicker,
body[data-theme="dark"] .v52-intro-panel .section-kicker,
html[data-theme="dark"] .v52-side-card .section-kicker,
body[data-theme="dark"] .v52-side-card .section-kicker {
  color: #60a5fa !important;
}

html[data-theme="dark"] .v52-stat-card,
body[data-theme="dark"] .v52-stat-card,
html[data-theme="dark"] .v52-side-card,
body[data-theme="dark"] .v52-side-card {
  background: linear-gradient(180deg, rgba(15,23,42,.90), rgba(9,15,28,.88)) !important;
  border: 1px solid rgba(96,165,250,.14) !important;
}

html[data-theme="dark"] .v52-stat-card strong,
body[data-theme="dark"] .v52-stat-card strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .v52-stat-card span,
body[data-theme="dark"] .v52-stat-card span {
  color: #bfdbfe !important;
}

html[data-theme="dark"] .v52-side-card.alt,
body[data-theme="dark"] .v52-side-card.alt {
  background: linear-gradient(160deg, #172554, #1d4ed8) !important;
}

html[data-theme="dark"] .v52-side-card.alt *,
body[data-theme="dark"] .v52-side-card.alt * {
  color: #ffffff !important;
}

/* ---------- Tarjetas de productos: mismo estándar visual en ambos modos ---------- */
.store-page .premium-products-grid .producto-card,
.store-page .premium-products-grid .premium-product-card,
.store-page .premium-products-grid .v51-product-card {
  background: linear-gradient(180deg, #233556 0%, #17243e 52%, #101a30 100%) !important;
  border: 1px solid rgba(96,165,250,.24) !important;
  color: #eaf2ff !important;
}

.store-page .premium-products-grid .product-card-body {
  background: transparent !important;
}

.store-page .premium-products-grid .producto-card h3,
.store-page .premium-products-grid .premium-product-card h3,
.store-page .premium-products-grid .v51-product-card h3 {
  color: #ffffff !important;
  text-shadow: none !important;
}

.store-page .premium-products-grid .product-desc,
.store-page .premium-products-grid .producto-card p,
.store-page .premium-products-grid .product-rating-row small {
  color: #c8d6ea !important;
}

.store-page .premium-products-grid .product-rating-row span {
  color: #fbbf24 !important;
}

.store-page .premium-products-grid .home-card-badge,
.store-page .premium-products-grid .product-category-tag,
.store-page .premium-products-grid .product-shipping-pill,
.store-page .premium-products-grid .product-trust-row span {
  background: rgba(15,23,42,.48) !important;
  border: 1px solid rgba(96,165,250,.20) !important;
  color: #dbeafe !important;
  box-shadow: none !important;
}

.store-page .premium-products-grid .home-card-badge.hot {
  background: rgba(127,29,29,.28) !important;
  border-color: rgba(248,113,113,.26) !important;
  color: #fecaca !important;
}

.store-page .premium-products-grid .home-card-badge.urgent {
  background: rgba(120,53,15,.26) !important;
  border-color: rgba(251,191,36,.24) !important;
  color: #fde68a !important;
}

.store-page .premium-products-grid .product-price-block {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98)) !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 18px !important;
  padding: 14px 14px 12px !important;
}

.store-page .premium-products-grid .product-price-label {
  color: #64748b !important;
}

.store-page .premium-products-grid .price-old {
  color: #64748b !important;
}

.store-page .premium-products-grid .price-new,
.store-page .premium-products-grid .discount-chip {
  color: #4f46e5 !important;
}

.store-page .premium-products-grid .discount-chip {
  background: #e0e7ff !important;
  border: 1px solid #c7d2fe !important;
}

.store-page .premium-products-grid .stock-badge.in {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
}

.store-page .premium-products-grid .stock-badge.out {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fca5a5 !important;
}

.store-page .premium-products-grid .product-buy-box {
  background: rgba(255,255,255,.98) !important;
  border-top: 1px solid rgba(226,232,240,.78) !important;
  padding-top: 14px !important;
}

.store-page .premium-products-grid .product-qty-row {
  background: #ffffff !important;
  border: 1px solid #d5deea !important;
}

.store-page .premium-products-grid .product-qty-row label {
  color: #1e293b !important;
  font-weight: 800 !important;
}

.store-page .premium-products-grid .product-qty-row input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

.store-page .premium-products-grid .product-form-actions .ghost-link-btn {
  background: linear-gradient(180deg, #102443, #0b1831) !important;
  border: 1px solid rgba(59,130,246,.24) !important;
  color: #eff6ff !important;
}

.store-page .premium-products-grid .product-form-actions .ghost-link-btn:hover {
  background: linear-gradient(180deg, #12315b, #0e1d3b) !important;
  color: #ffffff !important;
}

.store-page .primary-cart-btn,
.store-page .quick-buy-btn {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.store-page .primary-cart-btn {
  background: linear-gradient(135deg, #7c3aed, #0ea5e9) !important;
  border: 0 !important;
}

.store-page .quick-buy-btn {
  background: linear-gradient(135deg, #6366f1, #06b6d4) !important;
  border: 0 !important;
}

.store-page .primary-cart-btn:hover,
.store-page .quick-buy-btn:hover {
  filter: brightness(1.05);
}

/* ---------- Ajustes extra de legibilidad en modo oscuro ---------- */
html[data-theme="dark"] .store-page .brand-link,
body[data-theme="dark"] .store-page .brand-link,
html[data-theme="dark"] .store-page .store-brand-subtitle,
body[data-theme="dark"] .store-page .store-brand-subtitle,
html[data-theme="dark"] .store-page .store-mini-chip,
body[data-theme="dark"] .store-page .store-mini-chip,
html[data-theme="dark"] .store-page .store-user-greeting,
body[data-theme="dark"] .store-page .store-user-greeting,
html[data-theme="dark"] .store-page .catalog-menu-trigger,
body[data-theme="dark"] .store-page .catalog-menu-trigger,
html[data-theme="dark"] .store-page .nav-links a,
body[data-theme="dark"] .store-page .nav-links a {
  color: #f8fbff !important;
}

html[data-theme="dark"] .store-page .header-search-pro input,
body[data-theme="dark"] .store-page .header-search-pro input {
  background: rgba(8,16,30,.92) !important;
  color: #f8fbff !important;
  border: 1px solid rgba(148,163,184,.18) !important;
}

html[data-theme="dark"] .store-page .header-search-pro input::placeholder,
body[data-theme="dark"] .store-page .header-search-pro input::placeholder {
  color: #a8b9cf !important;
}

/* ---------- Panel administrativo ---------- */
.admin-page-top,
.admin-hero,
.admin-page main > section:first-of-type {
  margin-top: 28px !important;
}

html[data-theme="light"] .admin-page-top .section-kicker,
body[data-theme="light"] .admin-page-top .section-kicker {
  color: #2563eb !important;
}

html[data-theme="light"] .admin-page-top h2,
body[data-theme="light"] .admin-page-top h2,
html[data-theme="light"] .admin-page-top p,
body[data-theme="light"] .admin-page-top p {
  color: #0f172a !important;
}

html[data-theme="dark"] .admin-page-top .section-kicker,
body[data-theme="dark"] .admin-page-top .section-kicker {
  color: #60a5fa !important;
}

html[data-theme="dark"] .admin-page-top h2,
body[data-theme="dark"] .admin-page-top h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .admin-page-top p,
body[data-theme="dark"] .admin-page-top p,
html[data-theme="dark"] .muted-text,
body[data-theme="dark"] .muted-text {
  color: #cbd5e1 !important;
}

/* ---------- Responsive fino ---------- */
@media (max-width: 768px) {
  html[data-theme="light"] .v52-intro-panel,
  body[data-theme="light"] .v52-intro-panel,
  html[data-theme="dark"] .v52-intro-panel,
  body[data-theme="dark"] .v52-intro-panel {
    padding: 20px !important;
  }

  .store-page .premium-products-grid .product-buy-box {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .store-page .premium-products-grid .product-form-actions {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   V334 CLARO LEGIBLE + ESTRELLAS DORADAS + MARQUEE OSCURO
========================================================= */

/* ---------- Header claro: botón catálogo más legible ---------- */
html[data-theme="light"] .catalog-menu-trigger,
body[data-theme="light"] .catalog-menu-trigger {
  background: linear-gradient(135deg, #e8eefb 0%, #f8fbff 100%) !important;
  border: 1px solid #bfd3ff !important;
  color: #1e3a8a !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.10) !important;
}
html[data-theme="light"] .catalog-menu-trigger *,
body[data-theme="light"] .catalog-menu-trigger * {
  color: #1e3a8a !important;
}

/* ---------- Hero / slider: que todo el texto se lea ---------- */
html[data-theme="light"] .v52-slide,
body[data-theme="light"] .v52-slide,
html[data-theme="dark"] .v52-slide,
body[data-theme="dark"] .v52-slide {
  color: #ffffff !important;
}
html[data-theme="light"] .v52-slide *,
body[data-theme="light"] .v52-slide *,
html[data-theme="dark"] .v52-slide *,
body[data-theme="dark"] .v52-slide * {
  color: inherit;
}
html[data-theme="light"] .v52-mini-chip,
body[data-theme="light"] .v52-mini-chip,
html[data-theme="light"] .v52-slide-copy h3,
body[data-theme="light"] .v52-slide-copy h3,
html[data-theme="light"] .v52-slide-copy p,
body[data-theme="light"] .v52-slide-copy p,
html[data-theme="light"] .v52-art-card span,
body[data-theme="light"] .v52-art-card span,
html[data-theme="light"] .v52-art-card ul,
body[data-theme="light"] .v52-art-card ul,
html[data-theme="light"] .v52-art-card li,
body[data-theme="light"] .v52-art-card li,
html[data-theme="dark"] .v52-mini-chip,
body[data-theme="dark"] .v52-mini-chip,
html[data-theme="dark"] .v52-slide-copy h3,
body[data-theme="dark"] .v52-slide-copy h3,
html[data-theme="dark"] .v52-slide-copy p,
body[data-theme="dark"] .v52-slide-copy p,
html[data-theme="dark"] .v52-art-card span,
body[data-theme="dark"] .v52-art-card span,
html[data-theme="dark"] .v52-art-card ul,
body[data-theme="dark"] .v52-art-card ul,
html[data-theme="dark"] .v52-art-card li,
body[data-theme="dark"] .v52-art-card li {
  color: #ffffff !important;
}
html[data-theme="light"] .v52-art-card,
body[data-theme="light"] .v52-art-card {
  background: rgba(28, 37, 84, .26) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* ---------- Bloques con fondo azul/oscuro en modo claro ---------- */
html[data-theme="light"] .trust-item,
body[data-theme="light"] .trust-item,
html[data-theme="light"] .home-account-strip,
body[data-theme="light"] .home-account-strip,
html[data-theme="light"] .conversion-strip,
body[data-theme="light"] .conversion-strip,
html[data-theme="light"] .testimonial-card,
body[data-theme="light"] .testimonial-card,
html[data-theme="light"] .feedback-home-intro,
body[data-theme="light"] .feedback-home-intro {
  color: #ffffff !important;
}

html[data-theme="light"] .trust-item,
body[data-theme="light"] .trust-item {
  background: linear-gradient(180deg, #1e293b, #0f172a) !important;
  border: 1px solid rgba(96,165,250,.18) !important;
}
html[data-theme="light"] .trust-item strong,
body[data-theme="light"] .trust-item strong,
html[data-theme="light"] .trust-item span,
body[data-theme="light"] .trust-item span {
  color: #f8fbff !important;
}
html[data-theme="light"] .trust-item span,
body[data-theme="light"] .trust-item span {
  opacity: .88;
}

html[data-theme="light"] .home-account-strip,
body[data-theme="light"] .home-account-strip {
  background: linear-gradient(135deg, #1e3a8a 0%, #4f46e5 100%) !important;
  border: 1px solid rgba(147,197,253,.22) !important;
}
html[data-theme="light"] .home-account-strip h2,
body[data-theme="light"] .home-account-strip h2,
html[data-theme="light"] .home-account-strip p,
body[data-theme="light"] .home-account-strip p,
html[data-theme="light"] .home-account-strip .section-kicker,
body[data-theme="light"] .home-account-strip .section-kicker,
html[data-theme="light"] .home-account-strip strong,
body[data-theme="light"] .home-account-strip strong,
html[data-theme="light"] .home-account-strip span,
body[data-theme="light"] .home-account-strip span {
  color: #ffffff !important;
}
html[data-theme="light"] .home-account-strip p,
body[data-theme="light"] .home-account-strip p,
html[data-theme="light"] .home-account-strip .home-account-chip span,
body[data-theme="light"] .home-account-strip .home-account-chip span,
html[data-theme="light"] .home-account-strip .user-zone-stat span,
body[data-theme="light"] .home-account-strip .user-zone-stat span {
  color: rgba(255,255,255,.92) !important;
}

html[data-theme="light"] .conversion-strip,
body[data-theme="light"] .conversion-strip {
  background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
  border: none !important;
}
html[data-theme="light"] .conversion-strip h3,
body[data-theme="light"] .conversion-strip h3,
html[data-theme="light"] .conversion-strip p,
body[data-theme="light"] .conversion-strip p,
html[data-theme="light"] .conversion-strip .section-kicker,
body[data-theme="light"] .conversion-strip .section-kicker {
  color: #ffffff !important;
}
html[data-theme="light"] .conversion-strip .hero-link,
body[data-theme="light"] .conversion-strip .hero-link {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme="light"] .testimonial-card,
body[data-theme="light"] .testimonial-card {
  background: linear-gradient(180deg, #1e293b, #0f172a) !important;
  border: 1px solid rgba(96,165,250,.16) !important;
}
html[data-theme="light"] .testimonial-card p,
body[data-theme="light"] .testimonial-card p,
html[data-theme="light"] .testimonial-card strong,
body[data-theme="light"] .testimonial-card strong {
  color: #f8fbff !important;
}

html[data-theme="light"] .feedback-home-intro,
body[data-theme="light"] .feedback-home-intro {
  background: linear-gradient(135deg, #1e3a8a, #4f46e5) !important;
  border: none !important;
}
html[data-theme="light"] .feedback-home-intro h2,
body[data-theme="light"] .feedback-home-intro h2,
html[data-theme="light"] .feedback-home-intro p,
body[data-theme="light"] .feedback-home-intro p,
html[data-theme="light"] .feedback-home-intro .section-kicker,
body[data-theme="light"] .feedback-home-intro .section-kicker {
  color: #ffffff !important;
}

/* ---------- Marquee / letras que se mueven ---------- */
html[data-theme="light"] .v52-marquee,
body[data-theme="light"] .v52-marquee {
  background: linear-gradient(90deg, rgba(226,232,240,.96), rgba(248,250,252,.98)) !important;
  border-top: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] .v52-marquee-track span,
body[data-theme="light"] .v52-marquee-track span {
  color: #2563eb !important;
  text-shadow: none !important;
}
html[data-theme="light"] .v52-marquee-track span::before,
body[data-theme="light"] .v52-marquee-track span::before {
  color: #22c55e !important;
}

html[data-theme="dark"] .v52-marquee,
body[data-theme="dark"] .v52-marquee {
  background: linear-gradient(90deg, rgba(15,23,42,.96), rgba(30,41,59,.96)) !important;
  border-top: 1px solid rgba(96,165,250,.18) !important;
  border-bottom: 1px solid rgba(96,165,250,.18) !important;
}
html[data-theme="dark"] .v52-marquee-track span,
body[data-theme="dark"] .v52-marquee-track span {
  color: #f8fbff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .v52-marquee-track span::before,
body[data-theme="dark"] .v52-marquee-track span::before {
  color: #4ade80 !important;
}

/* ---------- Encuesta: estrellas doradas y texto legible ---------- */
html[data-theme="light"] .feedback-form label,
body[data-theme="light"] .feedback-form label,
html[data-theme="light"] .rating-card-group small,
body[data-theme="light"] .rating-card-group small,
html[data-theme="light"] .feedback-device-pills span,
body[data-theme="light"] .feedback-device-pills span,
html[data-theme="light"] .feedback-return-pills span,
body[data-theme="light"] .feedback-return-pills span {
  color: #475569 !important;
}

.rating-stars label {
  color: #cbd5e1 !important;
}
.rating-stars input:checked ~ label,
.rating-stars label:hover,
.rating-stars label:hover ~ label,
.rating-stars input:focus-visible + label,
.rating-stars input:checked + label {
  color: #fbbf24 !important;
  text-shadow: 0 6px 18px rgba(251,191,36,.30) !important;
}
.rating-stars input:checked ~ label.rating-na,
.rating-stars input:checked + label.rating-na {
  color: #475569 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .feedback-home-form-wrap textarea,
body[data-theme="light"] .feedback-home-form-wrap textarea,
html[data-theme="light"] .feedback-home-form-wrap input,
body[data-theme="light"] .feedback-home-form-wrap input,
html[data-theme="light"] .feedback-home-form-wrap select,
body[data-theme="light"] .feedback-home-form-wrap select {
  color: #0f172a !important;
}

/* ---------- Cards de oferta/contador y ayuda ---------- */
html[data-theme="light"] .selling-point-card,
body[data-theme="light"] .selling-point-card,
html[data-theme="light"] .footer-help-card,
body[data-theme="light"] .footer-help-card {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid #dbe4f0 !important;
}
html[data-theme="light"] .selling-point-card h3,
body[data-theme="light"] .selling-point-card h3,
html[data-theme="light"] .footer-help-card strong,
body[data-theme="light"] .footer-help-card strong {
  color: #1e293b !important;
}
html[data-theme="light"] .selling-point-card p,
body[data-theme="light"] .selling-point-card p,
html[data-theme="light"] .footer-help-card span,
body[data-theme="light"] .footer-help-card span {
  color: #64748b !important;
}
html[data-theme="light"] .offer-countdown div,
body[data-theme="light"] .offer-countdown div {
  background: linear-gradient(180deg, #0f172a, #172554) !important;
}
html[data-theme="light"] .offer-countdown strong,
body[data-theme="light"] .offer-countdown strong,
html[data-theme="light"] .offer-countdown span,
body[data-theme="light"] .offer-countdown span {
  color: #f8fbff !important;
}

/* ==========================================================
   v335 - FIX checkout: logos Mercado Pago / Webpay legibles
   Soluciona texto blanco o poco visible dentro de los cuadros
   de medios de pago en modo oscuro y modo claro.
   ========================================================== */
.nnx-payment-options .nnx-pay-option{
  grid-template-columns: 22px minmax(96px, 108px) minmax(0, 1fr) auto !important;
}
.nnx-payment-options .nnx-pay-logo,
.nnx-payment-options .nnx-mp-logo,
.nnx-payment-options .nnx-webpay-logo{
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}
.nnx-payment-options .nnx-mp-logo,
.nnx-payment-options .nnx-webpay-logo{
  width: 100% !important;
  min-height: 42px !important;
  padding: 5px 8px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  border: 1px solid rgba(148, 163, 184, .65) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 22px rgba(0,0,0,.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.nnx-payment-options .nnx-mp-logo{
  flex-direction: column !important;
  gap: 0 !important;
  color: #007ebd !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
  line-height: 1.03 !important;
  letter-spacing: -.035em !important;
  text-transform: lowercase !important;
}
.nnx-payment-options .nnx-mp-logo b{
  color: #075985 !important;
  font-weight: 950 !important;
}
.nnx-payment-options .nnx-webpay-logo{
  position: relative !important;
  color: #6d1878 !important;
  font-size: 1.14rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  text-transform: lowercase !important;
}
.nnx-payment-options .nnx-webpay-logo::after{
  content: 'transbank' !important;
  position: absolute !important;
  right: 9px !important;
  bottom: 4px !important;
  color: #e11d48 !important;
  font-size: .52rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
}
html[data-theme="dark"] .nnx-payment-options .nnx-mp-logo,
body[data-theme="dark"] .nnx-payment-options .nnx-mp-logo,
html[data-theme="dark"] .nnx-payment-options .nnx-webpay-logo,
body[data-theme="dark"] .nnx-payment-options .nnx-webpay-logo,
html[data-theme="light"] .nnx-payment-options .nnx-mp-logo,
body[data-theme="light"] .nnx-payment-options .nnx-mp-logo,
html[data-theme="light"] .nnx-payment-options .nnx-webpay-logo,
body[data-theme="light"] .nnx-payment-options .nnx-webpay-logo{
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .nnx-payment-options .nnx-mp-logo,
body[data-theme="dark"] .nnx-payment-options .nnx-mp-logo,
html[data-theme="light"] .nnx-payment-options .nnx-mp-logo,
body[data-theme="light"] .nnx-payment-options .nnx-mp-logo{
  color: #007ebd !important;
}
html[data-theme="dark"] .nnx-payment-options .nnx-mp-logo b,
body[data-theme="dark"] .nnx-payment-options .nnx-mp-logo b,
html[data-theme="light"] .nnx-payment-options .nnx-mp-logo b,
body[data-theme="light"] .nnx-payment-options .nnx-mp-logo b{
  color: #075985 !important;
}
html[data-theme="dark"] .nnx-payment-options .nnx-webpay-logo,
body[data-theme="dark"] .nnx-payment-options .nnx-webpay-logo,
html[data-theme="light"] .nnx-payment-options .nnx-webpay-logo,
body[data-theme="light"] .nnx-payment-options .nnx-webpay-logo{
  color: #6d1878 !important;
}
@media (max-width: 980px){
  .nnx-payment-options .nnx-pay-option{
    grid-template-columns: 22px 92px minmax(0, 1fr) !important;
  }
  .nnx-payment-options .nnx-pay-badge{
    grid-column: 3 !important;
    justify-self: start !important;
  }
}
@media (max-width: 620px){
  .nnx-payment-options .nnx-pay-option{
    grid-template-columns: 22px 74px minmax(0, 1fr) !important;
  }
  .nnx-payment-options .nnx-mp-logo,
  .nnx-payment-options .nnx-webpay-logo{
    min-height: 36px !important;
    padding: 4px 5px !important;
    border-radius: 8px !important;
  }
  .nnx-payment-options .nnx-mp-logo{
    font-size: .66rem !important;
  }
  .nnx-payment-options .nnx-webpay-logo{
    font-size: .86rem !important;
  }
  .nnx-payment-options .nnx-webpay-logo::after{
    right: 6px !important;
    bottom: 3px !important;
    font-size: .42rem !important;
  }
}


/* ==========================================================
   v336 - FIX DEFINITIVO checkout logos de pago
   Se agrega también al CSS global. Checkout.php además incluye
   un bloque inline para saltarse caché del navegador/cPanel.
   ========================================================== */
.page-checkout .nnx-payment-options .nnx-pay-option,
body.page-checkout .nnx-payment-options .nnx-pay-option{grid-template-columns:22px 124px minmax(0,1fr) auto!important;column-gap:14px!important;align-items:center!important;overflow:visible!important}.page-checkout .nnx-payment-options .nnx-pay-logo,.page-checkout .nnx-payment-options .nnx-mp-logo,.page-checkout .nnx-payment-options .nnx-webpay-logo,.page-checkout .nnx-payment-options .nnx-brand-card,body.page-checkout .nnx-payment-options .nnx-pay-logo,body.page-checkout .nnx-payment-options .nnx-mp-logo,body.page-checkout .nnx-payment-options .nnx-webpay-logo,body.page-checkout .nnx-payment-options .nnx-brand-card{box-sizing:border-box!important;width:124px!important;min-width:124px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:5px 10px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.22)!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;filter:none!important;text-shadow:none!important;letter-spacing:0!important;line-height:1.02!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important}.page-checkout .nnx-payment-options .nnx-brand-card span,.page-checkout .nnx-payment-options .nnx-brand-card b,body.page-checkout .nnx-payment-options .nnx-brand-card span,body.page-checkout .nnx-payment-options .nnx-brand-card b{display:block!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;line-height:1.02!important;-webkit-text-fill-color:currentColor!important}.page-checkout .nnx-payment-options .nnx-brand-mp,body.page-checkout .nnx-payment-options .nnx-brand-mp{background:linear-gradient(135deg,#009ee3 0%,#0073c8 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 10px 24px rgba(0,158,227,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;font-size:14px!important;font-weight:950!important;text-transform:none!important}.page-checkout .nnx-payment-options .nnx-brand-mp b,body.page-checkout .nnx-payment-options .nnx-brand-mp b{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:950!important}.page-checkout .nnx-payment-options .nnx-brand-webpay,body.page-checkout .nnx-payment-options .nnx-brand-webpay{position:relative!important;background:linear-gradient(135deg,#4c1d95 0%,#7e22ce 58%,#2563eb 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 10px 24px rgba(126,34,206,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;font-size:17px!important;font-weight:950!important;text-transform:none!important}.page-checkout .nnx-payment-options .nnx-brand-webpay b,body.page-checkout .nnx-payment-options .nnx-brand-webpay b{color:#ffd6ff!important;-webkit-text-fill-color:#ffd6ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}.page-checkout .nnx-payment-options .nnx-webpay-logo::after,body.page-checkout .nnx-payment-options .nnx-webpay-logo::after{content:none!important;display:none!important}.page-checkout .nnx-payment-options .nnx-pay-copy strong,body.page-checkout .nnx-payment-options .nnx-pay-copy strong{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}.page-checkout .nnx-payment-options .nnx-pay-copy small,body.page-checkout .nnx-payment-options .nnx-pay-copy small{color:#dbe7ff!important;-webkit-text-fill-color:#dbe7ff!important}@media(max-width:980px){.page-checkout .nnx-payment-options .nnx-pay-option,body.page-checkout .nnx-payment-options .nnx-pay-option{grid-template-columns:22px 112px minmax(0,1fr)!important}.page-checkout .nnx-payment-options .nnx-brand-card,.page-checkout .nnx-payment-options .nnx-mp-logo,.page-checkout .nnx-payment-options .nnx-webpay-logo,body.page-checkout .nnx-payment-options .nnx-brand-card,body.page-checkout .nnx-payment-options .nnx-mp-logo,body.page-checkout .nnx-payment-options .nnx-webpay-logo{width:112px!important;min-width:112px!important}.page-checkout .nnx-payment-options .nnx-pay-badge,body.page-checkout .nnx-payment-options .nnx-pay-badge{grid-column:3!important;justify-self:start!important}}@media(max-width:620px){.page-checkout .nnx-payment-options .nnx-pay-option,body.page-checkout .nnx-payment-options .nnx-pay-option{grid-template-columns:22px 98px minmax(0,1fr)!important;column-gap:10px!important}.page-checkout .nnx-payment-options .nnx-brand-card,.page-checkout .nnx-payment-options .nnx-mp-logo,.page-checkout .nnx-payment-options .nnx-webpay-logo,body.page-checkout .nnx-payment-options .nnx-brand-card,body.page-checkout .nnx-payment-options .nnx-mp-logo,body.page-checkout .nnx-payment-options .nnx-webpay-logo{width:98px!important;min-width:98px!important;height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:11px!important;padding:4px 6px!important}.page-checkout .nnx-payment-options .nnx-brand-mp,body.page-checkout .nnx-payment-options .nnx-brand-mp{font-size:12px!important}.page-checkout .nnx-payment-options .nnx-brand-mp b,body.page-checkout .nnx-payment-options .nnx-brand-mp b{font-size:13px!important}.page-checkout .nnx-payment-options .nnx-brand-webpay,body.page-checkout .nnx-payment-options .nnx-brand-webpay{font-size:15px!important}.page-checkout .nnx-payment-options .nnx-brand-webpay b,body.page-checkout .nnx-payment-options .nnx-brand-webpay b{font-size:8px!important}}


/* =========================================================
   v337 - CHECKOUT MODO CLARO LEGIBLE
   Corrige textos oscuros sobre tarjetas oscuras en checkout
   y convierte este bloque a diseño claro real cuando el tema
   activo es modo claro. No afecta el modo oscuro.
   ========================================================= */
html[data-theme="light"] body.page-checkout .nnx-checkout-hero h2,
html[data-theme="light"] body.page-checkout .nnx-checkout-hero .section-kicker,
body.page-checkout html[data-theme="light"] .nnx-checkout-hero h2 {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-checkout-hero p {
  color:#475569 !important;
  -webkit-text-fill-color:#475569 !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-checkout-main-card,
html[data-theme="light"] body.page-checkout .nnx-summary-card,
html[data-theme="light"] body.page-checkout .nnx-secure-card,
html[data-theme="light"] body.page-checkout .nnx-support-card,
html[data-theme="light"] body.page-checkout .nnx-benefits-row > div {
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid rgba(37,99,235,.20) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
  color:#0f172a !important;
}
html[data-theme="light"] body.page-checkout .nnx-form-title h3,
html[data-theme="light"] body.page-checkout .nnx-step-title,
html[data-theme="light"] body.page-checkout .nnx-summary-card h3,
html[data-theme="light"] body.page-checkout .nnx-support-card h3,
html[data-theme="light"] body.page-checkout .nnx-secure-card strong,
html[data-theme="light"] body.page-checkout .nnx-benefits-row strong,
html[data-theme="light"] body.page-checkout .nnx-payment-help strong,
html[data-theme="light"] body.page-checkout .nnx-summary-name strong,
html[data-theme="light"] body.page-checkout .nnx-summary-price,
html[data-theme="light"] body.page-checkout .nnx-summary-lines strong,
html[data-theme="light"] body.page-checkout .nnx-support-buttons a {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-title-icon,
html[data-theme="light"] body.page-checkout .nnx-summary-total,
html[data-theme="light"] body.page-checkout .nnx-summary-total span,
html[data-theme="light"] body.page-checkout .nnx-summary-total strong {
  color:#7c3aed !important;
  -webkit-text-fill-color:#7c3aed !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-field label,
html[data-theme="light"] body.page-checkout .nnx-summary-name span,
html[data-theme="light"] body.page-checkout .nnx-summary-lines div,
html[data-theme="light"] body.page-checkout .nnx-secure-card p,
html[data-theme="light"] body.page-checkout .nnx-support-card p,
html[data-theme="light"] body.page-checkout .nnx-benefits-row span {
  color:#475569 !important;
  -webkit-text-fill-color:#475569 !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-field input {
  background:#ffffff !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.05) !important;
}
html[data-theme="light"] body.page-checkout .nnx-field input::placeholder {
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}
html[data-theme="light"] body.page-checkout .nnx-field input:focus {
  border-color:#7c3aed !important;
  box-shadow:0 0 0 3px rgba(124,58,237,.16), inset 0 1px 2px rgba(15,23,42,.04) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-pay-option {
  background:#ffffff !important;
  border:1px solid #d9e2f3 !important;
  color:#0f172a !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-pay-option:hover,
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-pay-option-active {
  background:linear-gradient(90deg,#f4f0ff 0%,#eef7ff 100%) !important;
  border-color:#7c3aed !important;
  box-shadow:0 0 0 2px rgba(124,58,237,.13),0 12px 28px rgba(37,99,235,.10) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-radio-dot {
  border-color:#64748b !important;
  background:#ffffff !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options input:checked + .nnx-radio-dot {
  border-color:#7c3aed !important;
  background:#7c3aed !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-pay-copy strong {
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-pay-copy small {
  color:#475569 !important;
  -webkit-text-fill-color:#475569 !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-bank-logo {
  background:linear-gradient(135deg,#eef2ff,#ffffff) !important;
  border:1px solid #cbd5e1 !important;
  color:#0f766e !important;
  -webkit-text-fill-color:#0f766e !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-mp {
  background:linear-gradient(135deg,#00a8ea 0%,#0076d6 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(255,255,255,.55) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-mp span,
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-mp b,
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-webpay span {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-webpay {
  background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 58%,#2563eb 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(255,255,255,.55) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-options .nnx-brand-webpay b {
  color:#fff7ff !important;
  -webkit-text-fill-color:#fff7ff !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.page-checkout .nnx-pay-badge.green {
  color:#166534 !important;
  -webkit-text-fill-color:#166534 !important;
  background:#dcfce7 !important;
}
html[data-theme="light"] body.page-checkout .nnx-pay-badge.blue {
  color:#075985 !important;
  -webkit-text-fill-color:#075985 !important;
  background:#e0f2fe !important;
}
html[data-theme="light"] body.page-checkout .nnx-pay-badge.purple {
  color:#6b21a8 !important;
  -webkit-text-fill-color:#6b21a8 !important;
  background:#f3e8ff !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-help {
  background:#eff6ff !important;
  border:1px solid rgba(37,99,235,.34) !important;
  color:#1e293b !important;
  -webkit-text-fill-color:#1e293b !important;
  box-shadow:0 10px 24px rgba(37,99,235,.08) !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-help .green-text {
  color:#166534 !important;
  -webkit-text-fill-color:#166534 !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-help .blue-text {
  color:#0369a1 !important;
  -webkit-text-fill-color:#0369a1 !important;
}
html[data-theme="light"] body.page-checkout .nnx-payment-help .purple-text {
  color:#7e22ce !important;
  -webkit-text-fill-color:#7e22ce !important;
}
html[data-theme="light"] body.page-checkout .nnx-summary-item img {
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
}
html[data-theme="light"] body.page-checkout .nnx-summary-lines {
  border-top:1px solid #e2e8f0 !important;
  border-bottom:1px solid #e2e8f0 !important;
}
html[data-theme="light"] body.page-checkout .nnx-secure-card {
  border-color:rgba(22,163,74,.30) !important;
}
html[data-theme="light"] body.page-checkout .nnx-secure-card > span {
  background:#dcfce7 !important;
  border:1px solid #bbf7d0 !important;
}
html[data-theme="light"] body.page-checkout .nnx-support-buttons a {
  background:#ffffff !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
}
html[data-theme="light"] body.page-checkout .nnx-support-buttons a:hover {
  background:#eff6ff !important;
  border-color:#60a5fa !important;
}
html[data-theme="light"] body.page-checkout .nnx-benefits-row > div {
  min-height:82px !important;
}


/* =========================================================
   V341 PUBLICIDAD DESTACADA ÚNICA
   Unifica todos los anuncios activos en un solo carrusel.
========================================================= */
body .nnx-client-ads-section .nnx-featured-ad-carousel,
html body .nnx-client-ads-section .nnx-featured-ad-carousel {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    border: 1.8px solid rgba(37, 99, 235, .72) !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(37,99,235,.24), transparent 36%),
        linear-gradient(135deg, #061529 0%, #031021 100%) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    color: #ffffff !important;
}

body .nnx-client-ads-section .nnx-featured-ad-viewport,
html body .nnx-client-ads-section .nnx-featured-ad-viewport {
    position: relative !important;
    min-height: 430px !important;
}

body .nnx-client-ads-section .nnx-featured-ad-slide,
html body .nnx-client-ads-section .nnx-featured-ad-slide {
    display: none !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr) !important;
    min-height: 430px !important;
    background:
        linear-gradient(135deg, rgba(3,16,33,.96), rgba(6,27,53,.94)) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-slide.is-active,
html body .nnx-client-ads-section .nnx-featured-ad-slide.is-active {
    display: grid !important;
    animation: nnxFeaturedAdFade .34s ease both !important;
}

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

body .nnx-client-ads-section .nnx-featured-ad-media,
html body .nnx-client-ads-section .nnx-featured-ad-media {
    position: relative !important;
    min-height: 430px !important;
    background:
        radial-gradient(circle at 28% 40%, rgba(96,165,250,.25), transparent 34%),
        linear-gradient(135deg, #07111f, #020817) !important;
    overflow: hidden !important;
}

body .nnx-client-ads-section .nnx-featured-ad-media::after,
html body .nnx-client-ads-section .nnx-featured-ad-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(3,16,33,.12) 58%, rgba(3,16,33,.78) 100%) !important;
    pointer-events: none !important;
}

body .nnx-client-ads-section .nnx-featured-ad-media img,
body .nnx-client-ads-section .nnx-featured-ad-media video,
html body .nnx-client-ads-section .nnx-featured-ad-media img,
html body .nnx-client-ads-section .nnx-featured-ad-media video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(1.08) contrast(1.04) brightness(.94) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-placeholder,
html body .nnx-client-ads-section .nnx-featured-ad-placeholder {
    min-height: 430px !important;
    display: grid !important;
    place-items: center !important;
    color: #dbeafe !important;
    font-size: clamp(1.2rem, 2vw, 2rem) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

body .nnx-client-ads-section .nnx-featured-ad-copy,
html body .nnx-client-ads-section .nnx-featured-ad-copy {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: clamp(28px, 4vw, 56px) !important;
    background:
        radial-gradient(circle at 100% 92%, rgba(37,99,235,.22), transparent 36%),
        linear-gradient(135deg, #031021 0%, #061b35 62%, #061428 100%) !important;
    border-left: 1px solid rgba(148,163,184,.18) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-topline,
html body .nnx-client-ads-section .nnx-featured-ad-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 14px !important;
}

body .nnx-client-ads-section .nnx-featured-ad-chip,
html body .nnx-client-ads-section .nnx-featured-ad-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: rgba(29, 19, 31, .92) !important;
    color: #ff2d2d !important;
    border: 1px solid rgba(255, 45, 45, .30) !important;
    box-shadow: 0 12px 30px rgba(255,45,45,.13) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

body .nnx-client-ads-section .nnx-featured-ad-chip::before,
html body .nnx-client-ads-section .nnx-featured-ad-chip::before {
    content: "🔥" !important;
    font-size: 1rem !important;
}

body .nnx-client-ads-section .nnx-featured-ad-count,
html body .nnx-client-ads-section .nnx-featured-ad-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.62) !important;
    border: 1px solid rgba(96,165,250,.28) !important;
    color: #bfdbfe !important;
    font-weight: 900 !important;
    font-size: .86rem !important;
}

body .nnx-client-ads-section .nnx-featured-ad-copy h3,
html body .nnx-client-ads-section .nnx-featured-ad-copy h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(1.75rem, 3vw, 3.05rem) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-shadow: 0 16px 38px rgba(0,0,0,.38) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-description,
html body .nnx-client-ads-section .nnx-featured-ad-description {
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
    font-size: clamp(.98rem, 1.25vw, 1.18rem) !important;
    line-height: 1.65 !important;
    font-weight: 520 !important;
    margin: 0 !important;
    max-width: 560px !important;
}

body .nnx-client-ads-section .nnx-featured-ad-link,
html body .nnx-client-ads-section .nnx-featured-ad-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-width: 178px !important;
    min-height: 56px !important;
    padding: 0 26px !important;
    border-radius: 16px !important;
    border: 2px solid rgba(37,99,235,.95) !important;
    background: linear-gradient(135deg, #071a35 0%, #0f172a 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow:
        0 0 0 1px rgba(96,165,250,.22),
        0 18px 48px rgba(37,99,235,.34) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-link::before,
html body .nnx-client-ads-section .nnx-featured-ad-link::before {
    content: "🛒" !important;
    color: #ff2d55 !important;
    -webkit-text-fill-color: #ff2d55 !important;
    font-size: 1.14rem !important;
}

body .nnx-client-ads-section .nnx-featured-ad-link.is-disabled,
html body .nnx-client-ads-section .nnx-featured-ad-link.is-disabled {
    opacity: .72 !important;
    pointer-events: none !important;
}

body .nnx-client-ads-section .nnx-featured-ad-controls,
html body .nnx-client-ads-section .nnx-featured-ad-controls {
    position: absolute !important;
    left: 50% !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgba(2,8,23,.70) !important;
    border: 1px solid rgba(96,165,250,.30) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.28) !important;
}

body .nnx-client-ads-section .nnx-featured-ad-arrow,
html body .nnx-client-ads-section .nnx-featured-ad-arrow,
body .nnx-client-ads-section .nnx-featured-ad-dots button,
html body .nnx-client-ads-section .nnx-featured-ad-dots button {
    appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
}

body .nnx-client-ads-section .nnx-featured-ad-arrow,
html body .nnx-client-ads-section .nnx-featured-ad-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    place-items: center !important;
    background: rgba(37,99,235,.22) !important;
    color: #ffffff !important;
    font-size: 1.55rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body .nnx-client-ads-section .nnx-featured-ad-dots,
html body .nnx-client-ads-section .nnx-featured-ad-dots {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body .nnx-client-ads-section .nnx-featured-ad-dots button,
html body .nnx-client-ads-section .nnx-featured-ad-dots button {
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    background: rgba(203,213,225,.58) !important;
    transition: width .22s ease, background .22s ease !important;
}

body .nnx-client-ads-section .nnx-featured-ad-dots button.is-active,
html body .nnx-client-ads-section .nnx-featured-ad-dots button.is-active {
    width: 28px !important;
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
}

@media (max-width: 900px) {
    body .nnx-client-ads-section .nnx-featured-ad-slide,
    html body .nnx-client-ads-section .nnx-featured-ad-slide {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-media,
    html body .nnx-client-ads-section .nnx-featured-ad-media,
    body .nnx-client-ads-section .nnx-featured-ad-placeholder,
    html body .nnx-client-ads-section .nnx-featured-ad-placeholder {
        min-height: 260px !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-media img,
    body .nnx-client-ads-section .nnx-featured-ad-media video,
    html body .nnx-client-ads-section .nnx-featured-ad-media img,
    html body .nnx-client-ads-section .nnx-featured-ad-media video {
        min-height: 260px !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-media::after,
    html body .nnx-client-ads-section .nnx-featured-ad-media::after {
        background: linear-gradient(180deg, transparent 0%, rgba(3,16,33,.18) 60%, rgba(3,16,33,.74) 100%) !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-copy,
    html body .nnx-client-ads-section .nnx-featured-ad-copy {
        padding: 24px 20px 82px 20px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(148,163,184,.18) !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-copy h3,
    html body .nnx-client-ads-section .nnx-featured-ad-copy h3 {
        font-size: 1.65rem !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-description,
    html body .nnx-client-ads-section .nnx-featured-ad-description {
        font-size: .95rem !important;
        line-height: 1.55 !important;
        max-width: 100% !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-link,
    html body .nnx-client-ads-section .nnx-featured-ad-link {
        width: 100% !important;
        min-width: 100% !important;
        min-height: 52px !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-controls,
    html body .nnx-client-ads-section .nnx-featured-ad-controls {
        bottom: 18px !important;
    }
}


/* =========================================================
   V344 PRODUCTOS PRIMERO - HOME MÁS VENDEDORA
   El catálogo sube al inicio y las secciones informativas quedan abajo.
========================================================= */
.home-products-first {
    position: relative !important;
    z-index: 2 !important;
    margin: clamp(18px, 3vw, 34px) auto clamp(34px, 5vw, 64px) auto !important;
}

.home-products-first .catalog-header {
    margin-bottom: 14px !important;
}

.home-products-first .catalog-header h2 {
    font-size: clamp(1.55rem, 2.8vw, 2.55rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 6px !important;
}

.home-products-first .catalog-header p {
    max-width: 560px !important;
    margin-top: 4px !important;
}

.home-products-first .client-filter-panel {
    margin: 12px 0 18px 0 !important;
}

.home-products-first .catalog-layout {
    margin-top: 0 !important;
}

.home-products-first .productos-grid {
    align-items: stretch !important;
}

.home-products-first .producto-card {
    min-height: 100% !important;
}

@media (min-width: 1024px) {
    .home-products-first .catalog-layout.has-promos {
        grid-template-columns: minmax(0, 1fr) 280px !important;
        gap: 18px !important;
    }

    .home-products-first .catalog-sidebar .promo-sidebar-list {
        gap: 12px !important;
    }

    .home-products-first .promo-card {
        transform: none !important;
    }
}

@media (max-width: 760px) {
    .home-products-first {
        margin-top: 16px !important;
    }

    .home-products-first .catalog-header,
    .home-products-first .client-filter-panel {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .home-products-first .catalog-header h2 {
        font-size: 1.65rem !important;
    }

    .home-products-first .catalog-header p,
    .home-products-first .client-filter-panel span {
        font-size: .92rem !important;
    }

    .home-products-first .catalog-pills {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .home-products-first .catalog-pill {
        flex: 0 0 auto !important;
    }
}


/* =========================================================
   V345 LIMPIEZA HOME + LOOK MÁS PREMIUM
   Se eliminan bloques duplicados de categorías/novedades y se mejora foco visual en productos.
========================================================= */
.home-products-first {
    padding-top: 8px !important;
}

.home-products-first .catalog-header {
    padding: clamp(18px, 2.5vw, 28px) clamp(16px, 3vw, 30px) !important;
    border-radius: 26px !important;
    border: 1px solid rgba(96,165,250,.20) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(59,130,246,.22), transparent 38%),
        linear-gradient(135deg, rgba(7,18,38,.78), rgba(3,16,33,.46)) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.22) !important;
}

.home-products-first .catalog-header h2 {
    letter-spacing: -0.045em !important;
}

.home-products-first .catalog-header .section-kicker {
    color: #7db7ff !important;
}

.home-products-first .client-filter-panel {
    border-radius: 22px !important;
    background: rgba(248,250,252,.96) !important;
    border: 1px solid rgba(148,163,184,.24) !important;
}

.home-products-first .producto-card,
.home-products-first .premium-product-card {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow:
        0 20px 54px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.60) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.home-products-first .producto-card:hover,
.home-products-first .premium-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.32),
        0 0 0 1px rgba(59,130,246,.18) !important;
}

.home-products-first .product-image-wrap,
.home-products-first .product-img-wrap,
.home-products-first .producto-img-wrap {
    background: linear-gradient(135deg, #eaf2ff, #f8fbff) !important;
}

.home-products-first .product-form-actions {
    gap: 10px !important;
}

.home-products-first .primary-cart-btn,
.home-products-first .quick-buy-btn {
    min-height: 42px !important;
    border-radius: 14px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

.home-products-first .product-buy-box {
    border-top: 1px solid rgba(148,163,184,.18) !important;
    background: linear-gradient(180deg, rgba(248,250,252,.78), rgba(241,245,249,.98)) !important;
}

@media (max-width: 760px) {
    .home-products-first .catalog-header {
        padding: 18px 14px !important;
        border-radius: 20px !important;
    }

    .home-products-first .productos-grid {
        gap: 14px !important;
    }
}


/* =========================================================
   V346 FIX LEGIBILIDAD FILTROS RÁPIDOS
========================================================= */
.home-products-first .client-filter-panel {
    padding: 18px 18px !important;
    color: #0f172a !important;
}

.home-products-first .client-filter-panel > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.home-products-first .client-filter-panel strong {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
    font-size: 1.12rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.home-products-first .client-filter-panel span {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    opacity: 1 !important;
    font-size: .98rem !important;
    line-height: 1.4 !important;
}

.home-products-first .client-filter-actions {
    gap: 10px !important;
}

.home-products-first .client-filter-actions .filter-chip {
    background: rgba(37,99,235,.08) !important;
    color: #1d4ed8 !important;
    border-color: rgba(37,99,235,.16) !important;
}

html[data-theme="dark"] .home-products-first .client-filter-panel,
body[data-theme="dark"] .home-products-first .client-filter-panel {
    background: linear-gradient(135deg, rgba(10,24,45,.96), rgba(15,23,42,.94)) !important;
    border-color: rgba(96,165,250,.22) !important;
    color: #eaf2ff !important;
}

html[data-theme="dark"] .home-products-first .client-filter-panel strong,
body[data-theme="dark"] .home-products-first .client-filter-panel strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .home-products-first .client-filter-panel span,
body[data-theme="dark"] .home-products-first .client-filter-panel span {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

@media (max-width: 760px) {
    .home-products-first .client-filter-panel {
        padding: 16px 14px !important;
    }

    .home-products-first .client-filter-panel strong {
        font-size: 1.02rem !important;
    }

    .home-products-first .client-filter-panel span {
        font-size: .92rem !important;
    }
}


/* =========================================================
   V347 MODO CLARO - LEGIBILIDAD GLOBAL HOME
   Refuerza contraste y lectura en la portada cuando no está en modo oscuro.
========================================================= */
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-box,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-selling-points .selling-point-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .buyer-conversion-strip .buyer-mini-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .trust-strip .trust-item,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v52-side-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-banner-card:not(.is-dark),
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-strip,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .premium-product-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v51-product-card {
    color: #0f172a !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-box {
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,245,249,.98)) !important;
    border: 1px solid rgba(148,163,184,.24) !important;
    box-shadow: 0 18px 52px rgba(15,23,42,.10) !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-copy h2,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-copy p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .selling-point-card h3,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .selling-point-card p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .buyer-mini-card strong,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .buyer-mini-card span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .trust-item strong,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .trust-item span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v52-side-card strong,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v52-side-card p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v52-side-card li,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-banner-card h3,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-banner-card p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-banner-card li,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-strip h2,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-strip p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-chip strong,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-chip span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card-body h4,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card-body p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-card-body h3,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-desc,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-price-label,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-rating-row small,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-trust-row span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-qty-row label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-desc,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-rating-row small,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-trust-row span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-copy p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .selling-point-card p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .trust-item span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .buyer-mini-card span,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card-body p,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-chip span {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .section-kicker,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-price-label,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card-chip {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .selling-point-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .buyer-mini-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .trust-item,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v52-side-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-banner-card:not(.is-dark),
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-strip,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .premium-product-card,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .v51-product-card {
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.98)) !important;
    border-color: rgba(148,163,184,.22) !important;
    box-shadow: 0 18px 50px rgba(15,23,42,.10) !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-chip,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .promo-card-link,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .ghost-link-btn {
    color: #1d4ed8 !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-account-chip {
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(148,163,184,.22) !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-search-form input,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-qty-row input {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(148,163,184,.35) !important;
}

html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .smart-suggestions a,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-category-tag,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .product-shipping-pill,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .home-card-badge,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .stock-badge,
html:not([data-theme="dark"]):not(.dark-mode) body:not([data-theme="dark"]):not(.dark-mode) .discount-chip {
    filter: saturate(1) contrast(1.03) !important;
}


/* =========================================================
   V348 MODO CLARO DEFINITIVO - ADMIN + USUARIO
   Refuerza contraste general en modo claro para evitar textos lavados.
========================================================= */
body:not(.dark-mode):not([data-theme="dark"]) {
    color: #0f172a !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .site-header,
body:not(.dark-mode):not([data-theme="dark"]) .admin-card,
body:not(.dark-mode):not([data-theme="dark"]) .card-box,
body:not(.dark-mode):not([data-theme="dark"]) .order-card,
body:not(.dark-mode):not([data-theme="dark"]) .dashboard-stat-card,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-sidebar,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-main,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-item,
body:not(.dark-mode):not([data-theme="dark"]) .admin-shortcut-btn,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-box,
body:not(.dark-mode):not([data-theme="dark"]) .selling-point-card,
body:not(.dark-mode):not([data-theme="dark"]) .buyer-mini-card,
body:not(.dark-mode):not([data-theme="dark"]) .trust-item,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-strip,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card,
body:not(.dark-mode):not([data-theme="dark"]) .premium-product-card,
body:not(.dark-mode):not([data-theme="dark"]) .v51-product-card,
body:not(.dark-mode):not([data-theme="dark"]) .promo-banner-card:not(.is-dark),
body:not(.dark-mode):not([data-theme="dark"]) .client-filter-panel,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-header,
body:not(.dark-mode):not([data-theme="dark"]) .v52-side-card,
body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-copy {
    color: #0f172a !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-page,
body:not(.dark-mode):not([data-theme="dark"]) .admin-page main,
body:not(.dark-mode):not([data-theme="dark"]) .store-page,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-layout,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-main,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-sidebar {
    color: #0f172a !important;
}

body:not(.dark-mode):not([data-theme="dark"]) h1,
body:not(.dark-mode):not([data-theme="dark"]) h2,
body:not(.dark-mode):not([data-theme="dark"]) h3,
body:not(.dark-mode):not([data-theme="dark"]) h4,
body:not(.dark-mode):not([data-theme="dark"]) h5,
body:not(.dark-mode):not([data-theme="dark"]) h6,
body:not(.dark-mode):not([data-theme="dark"]) strong,
body:not(.dark-mode):not([data-theme="dark"]) label,
body:not(.dark-mode):not([data-theme="dark"]) th,
body:not(.dark-mode):not([data-theme="dark"]) td,
body:not(.dark-mode):not([data-theme="dark"]) .nav-links a,
body:not(.dark-mode):not([data-theme="dark"]) .nav-links span,
body:not(.dark-mode):not([data-theme="dark"]) .header-right a,
body:not(.dark-mode):not([data-theme="dark"]) .header-right .nav-label,
body:not(.dark-mode):not([data-theme="dark"]) .admin-actions a,
body:not(.dark-mode):not([data-theme="dark"]) .admin-page-top h2,
body:not(.dark-mode):not([data-theme="dark"]) .admin-hero h1,
body:not(.dark-mode):not([data-theme="dark"]) .admin-hero h2,
body:not(.dark-mode):not([data-theme="dark"]) .admin-ad-content h4,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-header strong,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-item strong,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-chip strong,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card-body h4,
body:not(.dark-mode):not([data-theme="dark"]) .product-card-body h3,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-header h2,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-copy h2,
body:not(.dark-mode):not([data-theme="dark"]) .selling-point-card h3,
body:not(.dark-mode):not([data-theme="dark"]) .v52-side-card strong,
body:not(.dark-mode):not([data-theme="dark"]) .promo-banner-card h3,
body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-copy h3 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
}

body:not(.dark-mode):not([data-theme="dark"]) p,
body:not(.dark-mode):not([data-theme="dark"]) span,
body:not(.dark-mode):not([data-theme="dark"]) small,
body:not(.dark-mode):not([data-theme="dark"]) li,
body:not(.dark-mode):not([data-theme="dark"]) .table-subtext,
body:not(.dark-mode):not([data-theme="dark"]) .admin-hero p,
body:not(.dark-mode):not([data-theme="dark"]) .admin-ad-meta,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-item-head,
body:not(.dark-mode):not([data-theme="dark"]) .support-thread-meta,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-chip span,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card-body p,
body:not(.dark-mode):not([data-theme="dark"]) .product-desc,
body:not(.dark-mode):not([data-theme="dark"]) .product-rating-row small,
body:not(.dark-mode):not([data-theme="dark"]) .product-trust-row span,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-copy p,
body:not(.dark-mode):not([data-theme="dark"]) .client-filter-panel span,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-header p,
body:not(.dark-mode):not([data-theme="dark"]) .selling-point-card p,
body:not(.dark-mode):not([data-theme="dark"]) .buyer-mini-card span,
body:not(.dark-mode):not([data-theme="dark"]) .trust-item span,
body:not(.dark-mode):not([data-theme="dark"]) .v52-side-card p,
body:not(.dark-mode):not([data-theme="dark"]) .v52-side-card li,
body:not(.dark-mode):not([data-theme="dark"]) .promo-banner-card p,
body:not(.dark-mode):not([data-theme="dark"]) .promo-banner-card li,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-strip p,
body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-description,
body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-count {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .section-kicker,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card-chip,
body:not(.dark-mode):not([data-theme="dark"]) .admin-hero-badge,
body:not(.dark-mode):not([data-theme="dark"]) .product-price-label,
body:not(.dark-mode):not([data-theme="dark"]) .sidebar-title-row .section-kicker,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-pill,
body:not(.dark-mode):not([data-theme="dark"]) .filter-chip,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-chip strong {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-card,
body:not(.dark-mode):not([data-theme="dark"]) .card-box,
body:not(.dark-mode):not([data-theme="dark"]) .order-card,
body:not(.dark-mode):not([data-theme="dark"]) .dashboard-stat-card,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-sidebar,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-main,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-item,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-box,
body:not(.dark-mode):not([data-theme="dark"]) .selling-point-card,
body:not(.dark-mode):not([data-theme="dark"]) .buyer-mini-card,
body:not(.dark-mode):not([data-theme="dark"]) .trust-item,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-strip,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card,
body:not(.dark-mode):not([data-theme="dark"]) .premium-product-card,
body:not(.dark-mode):not([data-theme="dark"]) .v51-product-card,
body:not(.dark-mode):not([data-theme="dark"]) .promo-banner-card:not(.is-dark),
body:not(.dark-mode):not([data-theme="dark"]) .client-filter-panel,
body:not(.dark-mode):not([data-theme="dark"]) .admin-shortcut-btn,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-chip,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-header,
body:not(.dark-mode):not([data-theme="dark"]) .v52-side-card {
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.98)) !important;
    border-color: rgba(148,163,184,.24) !important;
    box-shadow: 0 18px 54px rgba(15,23,42,.10) !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-form input,
body:not(.dark-mode):not([data-theme="dark"]) .admin-form textarea,
body:not(.dark-mode):not([data-theme="dark"]) .admin-form select,
body:not(.dark-mode):not([data-theme="dark"]) .admin-search input,
body:not(.dark-mode):not([data-theme="dark"]) .admin-inline-form input,
body:not(.dark-mode):not([data-theme="dark"]) .admin-inline-form select,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-reply-form textarea,
body:not(.dark-mode):not([data-theme="dark"]) .support-admin-reply-form select,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-form input,
body:not(.dark-mode):not([data-theme="dark"]) .product-qty-row input,
body:not(.dark-mode):not([data-theme="dark"]) .checkout-form input,
body:not(.dark-mode):not([data-theme="dark"]) .checkout-form textarea,
body:not(.dark-mode):not([data-theme="dark"]) .checkout-form select {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid rgba(148,163,184,.35) !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-form input::placeholder,
body:not(.dark-mode):not([data-theme="dark"]) .admin-form textarea::placeholder,
body:not(.dark-mode):not([data-theme="dark"]) .admin-search input::placeholder,
body:not(.dark-mode):not([data-theme="dark"]) .smart-search-form input::placeholder,
body:not(.dark-mode):not([data-theme="dark"]) .checkout-form input::placeholder,
body:not(.dark-mode):not([data-theme="dark"]) .checkout-form textarea::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-table th,
body:not(.dark-mode):not([data-theme="dark"]) .admin-table td,
body:not(.dark-mode):not([data-theme="dark"]) .admin-users-row td,
body:not(.dark-mode):not([data-theme="dark"]) .audit-row td,
body:not(.dark-mode):not([data-theme="dark"]) .attempt-row td {
    color: #0f172a !important;
    border-color: rgba(148,163,184,.22) !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .admin-table th,
body:not(.dark-mode):not([data-theme="dark"]) .admin-users-table thead,
body:not(.dark-mode):not([data-theme="dark"]) .audit-table thead,
body:not(.dark-mode):not([data-theme="dark"]) .attempts-table thead {
    background: rgba(37,99,235,.08) !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .site-header a,
body:not(.dark-mode):not([data-theme="dark"]) .brand-link,
body:not(.dark-mode):not([data-theme="dark"]) .hero-link,
body:not(.dark-mode):not([data-theme="dark"]) .promo-card-link,
body:not(.dark-mode):not([data-theme="dark"]) .ghost-link-btn,
body:not(.dark-mode):not([data-theme="dark"]) .admin-actions a,
body:not(.dark-mode):not([data-theme="dark"]) .home-account-chip,
body:not(.dark-mode):not([data-theme="dark"]) .filter-chip,
body:not(.dark-mode):not([data-theme="dark"]) .catalog-pill {
    color: #1d4ed8 !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-copy {
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,245,249,.98)) !important;
    border-left-color: rgba(148,163,184,.20) !important;
}

body:not(.dark-mode):not([data-theme="dark"]) .nnx-featured-ad-chip {
    background: rgba(239,68,68,.10) !important;
    color: #dc2626 !important;
    border-color: rgba(239,68,68,.18) !important;
}


/* V349 backup same as footer style, solo CSS */


/* V349 - MODO CLARO: fuerza lectura de letras en usuario y admin.
   Esta capa queda al final de la página para ganar a reglas antiguas del proyecto. */
html[data-theme="light"] body,
html[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,label,li,td,th,a,button,input,textarea,select,option,div),
html:not([data-theme="dark"]) body:not(.dark-mode),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,label,li,td,th,a,button,input,textarea,select,option,div) {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

html[data-theme="light"] body :where(p,small,li,.table-subtext,.product-desc,.product-rating-row small,.product-trust-row span,.admin-ad-meta,.support-thread-meta,.catalog-header p,.client-filter-panel span,.smart-search-copy p,.selling-point-card p,.buyer-mini-card span,.trust-item span,.promo-card-body p,.home-account-chip span),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(p,small,li,.table-subtext,.product-desc,.product-rating-row small,.product-trust-row span,.admin-ad-meta,.support-thread-meta,.catalog-header p,.client-filter-panel span,.smart-search-copy p,.selling-point-card p,.buyer-mini-card span,.trust-item span,.promo-card-body p,.home-account-chip span) {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html[data-theme="light"] body :where(input,textarea,select,option),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(input,textarea,select,option) {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border-color: rgba(100,116,139,.38) !important;
}

html[data-theme="light"] body :where(input::placeholder,textarea::placeholder),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(input::placeholder,textarea::placeholder) {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    opacity: 1 !important;
}

/* Mantener letras blancas SOLO donde el fondo sí es oscuro o botón principal. */
html[data-theme="light"] body :where(.btn-primary,.primary-cart-btn,.quick-buy-btn,.admin-form button,.admin-search button,.admin-inline-form button,.support-admin-reply-form button,.filter-chip.is-active,.catalog-pill.is-active,.promo-banner-card.is-dark,.promo-banner-card.is-dark *,.v52-stage,.v52-stage *,.v52-marquee,.v52-marquee *,.hero-link,.hero-link *,.nnx-floating-cart,.nnx-floating-cart *,.support-fab,.support-fab *,.nnx-support-widget,.nnx-support-widget *),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.btn-primary,.primary-cart-btn,.quick-buy-btn,.admin-form button,.admin-search button,.admin-inline-form button,.support-admin-reply-form button,.filter-chip.is-active,.catalog-pill.is-active,.promo-banner-card.is-dark,.promo-banner-card.is-dark *,.v52-stage,.v52-stage *,.v52-marquee,.v52-marquee *,.hero-link,.hero-link *,.nnx-floating-cart,.nnx-floating-cart *,.support-fab,.support-fab *,.nnx-support-widget,.nnx-support-widget *) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

/* Enlaces secundarios y textos de marca en modo claro. */
html[data-theme="light"] body :where(.section-kicker,.promo-card-chip,.product-price-label,.catalog-pill:not(.is-active),.filter-chip:not(.is-active),.ghost-link-btn,.promo-card-link,.admin-actions a,.brand-link),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.section-kicker,.promo-card-chip,.product-price-label,.catalog-pill:not(.is-active),.filter-chip:not(.is-active),.ghost-link-btn,.promo-card-link,.admin-actions a,.brand-link) {
    color: #1d4ed8 !important;
    -webkit-text-fill-color: #1d4ed8 !important;
}

/* Superficies claras para evitar blanco sobre blanco o azul muy bajo contraste. */
html[data-theme="light"] body :where(.admin-card,.card-box,.order-card,.dashboard-stat-card,.support-admin-sidebar,.support-admin-main,.support-admin-item,.admin-shortcut-btn,.client-filter-panel,.smart-search-box,.selling-point-card,.buyer-mini-card,.trust-item,.home-account-strip,.home-account-chip,.promo-card,.premium-product-card,.v51-product-card,.promo-banner-card:not(.is-dark),.catalog-header,.v52-side-card),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.admin-card,.card-box,.order-card,.dashboard-stat-card,.support-admin-sidebar,.support-admin-main,.support-admin-item,.admin-shortcut-btn,.client-filter-panel,.smart-search-box,.selling-point-card,.buyer-mini-card,.trust-item,.home-account-strip,.home-account-chip,.promo-card,.premium-product-card,.v51-product-card,.promo-banner-card:not(.is-dark),.catalog-header,.v52-side-card) {
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.98)) !important;
    border-color: rgba(148,163,184,.26) !important;
}



/* V350 targeted readability backup */


/* V350 - Corrección puntual de letras en modo claro para las zonas de las capturas.
   Se carga DESPUÉS de todo, por eso tiene prioridad real. */

/* 1) Bloques oscuros/azules en modo claro: letras blancas reales */
html[data-theme="light"] body :where(.promo-banner-card.is-dark,.promo-banner-card.is-dark *,.conversion-strip,.conversion-strip *,.v51-conversion-strip,.v51-conversion-strip *,.feedback-home-intro,.feedback-home-intro *,.testimonial-card,.testimonial-card *,.nnx-client-ads-section .nnx-featured-ad-carousel,.nnx-client-ads-section .nnx-featured-ad-carousel *,.nnx-featured-ad-copy,.nnx-featured-ad-copy *,.site-footer,.site-footer *,.footer-pro,.footer-pro *,.store-footer,.store-footer *,.footer,.footer *),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.promo-banner-card.is-dark,.promo-banner-card.is-dark *,.conversion-strip,.conversion-strip *,.v51-conversion-strip,.v51-conversion-strip *,.feedback-home-intro,.feedback-home-intro *,.testimonial-card,.testimonial-card *,.nnx-client-ads-section .nnx-featured-ad-carousel,.nnx-client-ads-section .nnx-featured-ad-carousel *,.nnx-featured-ad-copy,.nnx-featured-ad-copy *,.site-footer,.site-footer *,.footer-pro,.footer-pro *,.store-footer,.store-footer *,.footer,.footer *) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Textos secundarios dentro de esos bloques oscuros */
html[data-theme="light"] body :where(.promo-banner-card.is-dark p,.conversion-strip p,.feedback-home-intro p,.testimonial-card p,.nnx-featured-ad-description,.site-footer p,.site-footer span,.site-footer small,.footer-pro p,.footer-pro span,.footer-pro small,.store-footer p,.store-footer span,.store-footer small),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.promo-banner-card.is-dark p,.conversion-strip p,.feedback-home-intro p,.testimonial-card p,.nnx-featured-ad-description,.site-footer p,.site-footer span,.site-footer small,.footer-pro p,.footer-pro span,.footer-pro small,.store-footer p,.store-footer span,.store-footer small) {
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
}

/* 2) Oferta limitada: tarjetas del contador oscuras con números blancos */
html[data-theme="light"] body .offer-countdown div,
html:not([data-theme="dark"]) body:not(.dark-mode) .offer-countdown div {
    background: #0f172a !important;
    border: 1px solid rgba(15,23,42,.18) !important;
}

html[data-theme="light"] body .offer-countdown div *,
html[data-theme="light"] body .offer-countdown strong,
html[data-theme="light"] body .offer-countdown span,
html:not([data-theme="dark"]) body:not(.dark-mode) .offer-countdown div *,
html:not([data-theme="dark"]) body:not(.dark-mode) .offer-countdown strong,
html:not([data-theme="dark"]) body:not(.dark-mode) .offer-countdown span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* 3) Marquee/franja blanca: letras oscuras, no blancas */
html[data-theme="light"] body .v52-marquee,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-marquee {
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(148,163,184,.28) !important;
}

html[data-theme="light"] body .v52-marquee *,
html[data-theme="light"] body .v52-marquee-track span,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-marquee *,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-marquee-track span {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* 4) Hero: fondo oscuro con texto blanco, pero métricas blancas con texto oscuro */
html[data-theme="light"] body :where(.v52-stage .v52-intro-panel,.v52-stage .v52-intro-panel *,.v52-stage .v52-slide-copy,.v52-stage .v52-slide-copy *),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.v52-stage .v52-intro-panel,.v52-stage .v52-intro-panel *,.v52-stage .v52-slide-copy,.v52-stage .v52-slide-copy *) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] body .v52-stage .v52-intro-panel p,
html[data-theme="light"] body .v52-stage .v52-slide-copy p,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-stage .v52-intro-panel p,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-stage .v52-slide-copy p {
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
}

html[data-theme="light"] body .v52-stat-card,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-stat-card {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(148,163,184,.24) !important;
}

html[data-theme="light"] body .v52-stat-card strong,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-stat-card strong {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body .v52-stat-card span,
html:not([data-theme="dark"]) body:not(.dark-mode) .v52-stat-card span {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

/* 5) Tarjetas de confianza: si el fondo interno es oscuro, letras blancas */
html[data-theme="light"] body .client-trust-badges-v107 div,
html:not([data-theme="dark"]) body:not(.dark-mode) .client-trust-badges-v107 div {
    background: linear-gradient(135deg,#111827,#1e293b) !important;
}

html[data-theme="light"] body .client-trust-badges-v107 div *,
html[data-theme="light"] body .client-trust-badges-v107 strong,
html[data-theme="light"] body .client-trust-badges-v107 span,
html:not([data-theme="dark"]) body:not(.dark-mode) .client-trust-badges-v107 div *,
html:not([data-theme="dark"]) body:not(.dark-mode) .client-trust-badges-v107 strong,
html:not([data-theme="dark"]) body:not(.dark-mode) .client-trust-badges-v107 span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 6) Login/verificación admin: tarjeta oscura con letras claras, input blanco con letra oscura */
html[data-theme="light"] body :where(.store-auth-page .auth-card,.store-auth-page .auth-card *,.admin-login-card,.admin-login-card *,.admin-2fa-card,.admin-2fa-card *,.twofa-card,.twofa-card *),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.store-auth-page .auth-card,.store-auth-page .auth-card *,.admin-login-card,.admin-login-card *,.admin-2fa-card,.admin-2fa-card *,.twofa-card,.twofa-card *) {
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
}

html[data-theme="light"] body :where(.store-auth-page input,.store-auth-page textarea,.admin-login-card input,.admin-2fa-card input,.twofa-card input),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.store-auth-page input,.store-auth-page textarea,.admin-login-card input,.admin-2fa-card input,.twofa-card input) {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body :where(.store-auth-page button,.admin-login-card button,.admin-2fa-card button,.twofa-card button),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.store-auth-page button,.admin-login-card button,.admin-2fa-card button,.twofa-card button) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 7) Admin dashboard: botones claros con texto oscuro o botones gradiente con blanco */
html[data-theme="light"] body .admin-page .admin-shortcut-btn:not(.is-active),
html[data-theme="light"] body .admin-page .admin-card .ghost-link-btn,
html[data-theme="light"] body .admin-page .admin-card .admin-actions a,
html:not([data-theme="dark"]) body:not(.dark-mode) .admin-page .admin-shortcut-btn:not(.is-active),
html:not([data-theme="dark"]) body:not(.dark-mode) .admin-page .admin-card .ghost-link-btn,
html:not([data-theme="dark"]) body:not(.dark-mode) .admin-page .admin-card .admin-actions a {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: rgba(255,255,255,.92) !important;
    border-color: rgba(37,99,235,.20) !important;
}

html[data-theme="light"] body .admin-page :where(.btn-primary,.admin-form button,.admin-search button,.admin-inline-form button,.admin-shortcut-btn.is-active),
html:not([data-theme="dark"]) body:not(.dark-mode) .admin-page :where(.btn-primary,.admin-form button,.admin-search button,.admin-inline-form button,.admin-shortcut-btn.is-active) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 8) Botones principales siempre legibles */
html[data-theme="light"] body :where(.btn-primary,.primary-cart-btn,.quick-buy-btn),
html:not([data-theme="dark"]) body:not(.dark-mode) :where(.btn-primary,.primary-cart-btn,.quick-buy-btn) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 9) Publicidad destacada: bloque oscuro con letras claras */
html[data-theme="light"] body .nnx-client-ads-section .premium-section-head h2,
html[data-theme="light"] body .nnx-client-ads-section .premium-section-head p,
html:not([data-theme="dark"]) body:not(.dark-mode) .nnx-client-ads-section .premium-section-head h2,
html:not([data-theme="dark"]) body:not(.dark-mode) .nnx-client-ads-section .premium-section-head p {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body .nnx-client-ads-section .nnx-featured-ad-carousel,
html:not([data-theme="dark"]) body:not(.dark-mode) .nnx-client-ads-section .nnx-featured-ad-carousel {
    background: linear-gradient(135deg,#031021,#061b35) !important;
}

html[data-theme="light"] body .nnx-client-ads-section .nnx-featured-ad-link,
html:not([data-theme="dark"]) body:not(.dark-mode) .nnx-client-ads-section .nnx-featured-ad-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   V351 - Confianza, envíos, producto y checkout profesional
========================================================= */
.v351-product-assurance,
.v351-cart-trust-strip,
.v351-summary-trust,
.v351-checkout-delivery-note,
.v351-help-actions,
.v351-policy-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.v351-product-assurance {
    margin-top: 16px;
    flex-direction: column;
}

.v351-product-assurance > div,
.v351-cart-trust-strip > div,
.v351-summary-trust,
.v351-checkout-delivery-note {
    border: 1px solid rgba(96,165,250,.22);
    background: linear-gradient(135deg, rgba(15,23,42,.82), rgba(30,41,59,.66));
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.v351-product-assurance strong,
.v351-cart-trust-strip strong,
.v351-summary-trust strong,
.v351-checkout-delivery-note strong {
    display: block;
    color: #f8fbff;
    font-weight: 950;
    margin-bottom: 4px;
}

.v351-product-assurance span,
.v351-cart-trust-strip span,
.v351-summary-trust span,
.v351-checkout-delivery-note p {
    color: #c9d8ee;
    margin: 0;
    line-height: 1.5;
}

.v351-product-confidence,
.v351-product-faq,
.v351-policy-hero,
.v351-policy-panel,
.v351-policy-faq,
.v351-tracking-timeline {
    width: min(1180px, calc(100% - 28px));
    margin: 24px auto;
}

.v351-product-confidence,
.v351-policy-hero,
.v351-policy-panel {
    border: 1px solid rgba(96,165,250,.20);
    border-radius: 24px;
    padding: clamp(20px, 3vw, 34px);
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.20), transparent 34%),
        linear-gradient(135deg, rgba(3,16,33,.94), rgba(8,28,56,.88));
    color: #f8fbff;
}

.v351-product-confidence h2,
.v351-policy-hero h1,
.v351-policy-panel h2 {
    color: #ffffff;
    letter-spacing: -.035em;
    margin: 6px 0 10px;
}

.v351-product-confidence p,
.v351-policy-hero p,
.v351-policy-panel p {
    color: #dbeafe;
    line-height: 1.65;
}

.v351-confidence-grid,
.v351-policy-grid {
    width: min(1180px, calc(100% - 28px));
    margin: 18px auto 24px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.v351-confidence-grid {
    width: 100%;
    margin: 20px 0 0;
}

.v351-confidence-grid article,
.v351-policy-grid article,
.v351-product-faq details,
.v351-policy-faq details,
.v351-tracking-timeline article {
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 18px;
    padding: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 45px rgba(15,23,42,.12);
}

.v351-confidence-grid strong,
.v351-policy-grid strong,
.v351-product-faq summary,
.v351-policy-faq summary,
.v351-tracking-timeline strong {
    color: #0f172a;
    font-weight: 950;
}

.v351-confidence-grid p,
.v351-policy-grid p,
.v351-product-faq p,
.v351-policy-faq p,
.v351-tracking-timeline p,
.v351-policy-list p {
    color: #475569;
    line-height: 1.62;
}

.v351-product-faq,
.v351-policy-faq {
    display: grid;
    gap: 12px;
}

.v351-product-faq details,
.v351-policy-faq details {
    cursor: pointer;
}

.v351-product-faq summary,
.v351-policy-faq summary {
    font-size: 1.02rem;
}

.v351-checkout-delivery-note {
    align-items: center;
    justify-content: space-between;
    margin: 18px 0;
}

.v351-checkout-delivery-note a,
.v351-policy-actions .ghost-link-btn,
.v351-help-actions .ghost-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 900;
}

.v351-checkout-delivery-note a {
    color: #93c5fd;
    border: 1px solid rgba(147,197,253,.38);
}

.v351-summary-trust {
    margin-top: 14px;
}

.v351-cart-hero {
    width: min(1120px, calc(100% - 28px));
    margin: 22px auto 16px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(96,165,250,.20);
    background: linear-gradient(135deg, rgba(3,16,33,.92), rgba(8,47,73,.78));
}

.v351-cart-hero h2 {
    color: #fff;
    margin: 4px 0;
}

.v351-cart-hero p {
    color: #dbeafe;
    margin: 0;
}

.v351-cart-trust-strip {
    margin: 18px 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.v351-policy-actions,
.v351-help-actions {
    margin-top: 18px;
}

.v351-policy-list {
    display: grid;
    gap: 10px;
}

.v351-tracking-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.v351-tracking-timeline article span {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #ffffff;
    font-weight: 950;
    margin-bottom: 10px;
}

html[data-theme="light"] body :where(.v351-product-assurance > div,.v351-cart-trust-strip > div,.v351-summary-trust,.v351-checkout-delivery-note) {
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border-color: rgba(37,99,235,.20) !important;
    box-shadow: 0 16px 36px rgba(15,23,42,.10) !important;
}

html[data-theme="light"] body :where(.v351-product-assurance strong,.v351-cart-trust-strip strong,.v351-summary-trust strong,.v351-checkout-delivery-note strong),
html[data-theme="light"] body :where(.v351-confidence-grid strong,.v351-policy-grid strong,.v351-product-faq summary,.v351-policy-faq summary,.v351-tracking-timeline strong) {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body :where(.v351-product-assurance span,.v351-cart-trust-strip span,.v351-summary-trust span,.v351-checkout-delivery-note p,.v351-confidence-grid p,.v351-policy-grid p,.v351-product-faq p,.v351-policy-faq p,.v351-tracking-timeline p,.v351-policy-list p) {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html[data-theme="light"] body :where(.v351-product-confidence,.v351-policy-hero,.v351-policy-panel,.v351-cart-hero) {
    background: linear-gradient(135deg, #eff6ff, #ffffff) !important;
    border-color: rgba(37,99,235,.20) !important;
}

html[data-theme="light"] body :where(.v351-product-confidence h2,.v351-policy-hero h1,.v351-policy-panel h2,.v351-cart-hero h2) {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body :where(.v351-product-confidence p,.v351-policy-hero p,.v351-policy-panel p,.v351-cart-hero p) {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

@media (max-width: 900px) {
    .v351-confidence-grid,
    .v351-policy-grid,
    .v351-tracking-timeline,
    .v351-cart-trust-strip {
        grid-template-columns: 1fr;
    }

    .v351-checkout-delivery-note {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   V352 - Legibilidad final para tarjetas nuevas v351
========================================================= */
body :where(.v351-policy-grid article,.v351-policy-faq details,.v351-tracking-timeline article,.v351-confidence-grid article,.v351-product-faq details) {
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border-color: rgba(37,99,235,.18) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
}

body :where(.v351-policy-grid article strong,.v351-policy-grid article b,.v351-policy-grid article summary,.v351-policy-faq details summary,.v351-tracking-timeline article strong,.v351-confidence-grid article strong,.v351-product-faq details summary,.v351-product-faq details strong) {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body :where(.v351-policy-grid article p,.v351-policy-faq details p,.v351-tracking-timeline article p,.v351-confidence-grid article p,.v351-product-faq details p) {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body .v351-tracking-timeline article > span {
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

body :where(.v351-policy-grid article *,.v351-policy-faq details *,.v351-tracking-timeline article *,.v351-confidence-grid article *,.v351-product-faq details *) {
    text-shadow: none !important;
    opacity: 1 !important;
}

/* =========================================================
   V353 - Mi cuenta labels blancos sobre tarjetas oscuras
========================================================= */
body.page-mi-cuenta .account-grid .card-box,
body.page-mi-cuenta .account-shell > .card-box {
    background: linear-gradient(180deg, rgba(15,23,42,.94), rgba(10,20,36,.96)) !important;
    border-color: rgba(96,165,250,.30) !important;
}

body.page-mi-cuenta .account-grid .card-box :where(h3,label),
body.page-mi-cuenta .account-shell > .card-box :where(h3,label),
body.page-mi-cuenta .account-grid .checkout-form label,
body.page-mi-cuenta .account-shell .checkout-form label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.page-mi-cuenta .account-grid .checkout-form input,
body.page-mi-cuenta .account-shell .checkout-form input {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border-color: rgba(203,213,225,.92) !important;
}

body.page-mi-cuenta .account-grid .checkout-form input::placeholder,
body.page-mi-cuenta .account-shell .checkout-form input::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

/* =========================================================
   V354 - Efectos premium livianos para sorprender sin perder velocidad
========================================================= */
:root {
    --v354-glow-blue: rgba(56,189,248,.42);
    --v354-glow-purple: rgba(124,58,237,.38);
    --v354-card-ring: rgba(96,165,250,.28);
}

html,
body,
.site-header,
.store-mobile-panel,
.nnx-cart-drawer,
.support-panel,
.card-box,
.producto-card,
.premium-product-card,
.v51-product-card,
.product-detail,
.nnx-checkout-main-card,
.nnx-summary-card {
    transition: background-color .28s ease, background .28s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.producto-card,
.premium-product-card,
.v51-product-card,
.related-product-card,
.promo-card,
.footer-help-card,
.client-trust-badges-v107 div,
.v351-policy-grid article,
.v351-tracking-timeline article,
.v351-product-faq details,
.v351-policy-faq details {
    position: relative !important;
    overflow: hidden !important;
    transform: translateZ(0);
    will-change: transform, box-shadow;
}

.producto-card::before,
.premium-product-card::before,
.v51-product-card::before,
.related-product-card::before,
.promo-card::before,
.v351-policy-grid article::before,
.v351-tracking-timeline article::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 34%, transparent 58%),
        radial-gradient(circle at 18% 0%, var(--v354-glow-blue), transparent 34%),
        radial-gradient(circle at 88% 8%, var(--v354-glow-purple), transparent 30%) !important;
    opacity: 0 !important;
    transform: translateX(-18%) !important;
    transition: opacity .26s ease, transform .6s ease !important;
    z-index: 2 !important;
}

.producto-card:hover,
.premium-product-card:hover,
.v51-product-card:hover,
.related-product-card:hover,
.promo-card:hover,
.footer-help-card:hover,
.client-trust-badges-v107 div:hover,
.v351-policy-grid article:hover,
.v351-tracking-timeline article:hover {
    transform: translateY(-6px) scale(1.012) !important;
    box-shadow: 0 28px 80px rgba(2,6,23,.30), 0 0 0 1px var(--v354-card-ring) !important;
}

.producto-card:hover::before,
.premium-product-card:hover::before,
.v51-product-card:hover::before,
.related-product-card:hover::before,
.promo-card:hover::before,
.v351-policy-grid article:hover::before,
.v351-tracking-timeline article:hover::before {
    opacity: 1 !important;
    transform: translateX(12%) !important;
}

.producto-card:hover :where(.product-image,.pd-image,img),
.premium-product-card:hover :where(.product-image,.pd-image,img),
.v51-product-card:hover :where(.product-image,.pd-image,img),
.related-product-card:hover img {
    transform: scale(1.045) !important;
    filter: saturate(1.09) contrast(1.04) !important;
}

.producto-card :where(.product-image,.pd-image,img),
.premium-product-card :where(.product-image,.pd-image,img),
.v51-product-card :where(.product-image,.pd-image,img),
.related-product-card img,
.nnx-product-media-slide img,
.nnx-product-media-slide video {
    transition: transform .45s ease, filter .35s ease, opacity .25s ease !important;
}

.btn-primary,
.primary-cart-btn,
.quick-buy-btn,
.nnx-pay-button,
.cart-actions a,
.cart-actions button,
.checkout-form button,
.hero-link,
.store-mini-chip,
.ghost-link-btn {
    position: relative !important;
    overflow: hidden !important;
}

.btn-primary::after,
.primary-cart-btn::after,
.quick-buy-btn::after,
.nnx-pay-button::after,
.cart-actions a::after,
.cart-actions button::after,
.checkout-form button::after {
    content: "" !important;
    position: absolute !important;
    top: -60% !important;
    left: -45% !important;
    width: 42% !important;
    height: 220% !important;
    transform: rotate(24deg) translateX(-130%) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.54), transparent) !important;
    pointer-events: none !important;
    animation: v354ButtonShine 4.8s ease-in-out infinite !important;
}

.btn-primary:hover,
.primary-cart-btn:hover,
.quick-buy-btn:hover,
.nnx-pay-button:hover,
.cart-actions a:hover,
.cart-actions button:hover,
.checkout-form button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 42px rgba(37,99,235,.28), 0 0 26px rgba(124,58,237,.20) !important;
}

.home-card-badge,
.discount-chip,
.stock-badge.in,
.product-category-tag,
.featured-badge,
.promo-card-chip {
    animation: v354BadgePulse 2.8s ease-in-out infinite !important;
}

.client-trust-badges-v107 div,
.v351-product-assurance > div,
.v351-cart-trust-strip > div,
.v351-summary-trust {
    animation: v354SoftFloat 5.4s ease-in-out infinite !important;
}

.client-trust-badges-v107 div:nth-child(2),
.v351-product-assurance > div:nth-child(2),
.v351-cart-trust-strip > div:nth-child(2) {
    animation-delay: .5s !important;
}

.client-trust-badges-v107 div:nth-child(3),
.v351-product-assurance > div:nth-child(3),
.v351-cart-trust-strip > div:nth-child(3) {
    animation-delay: 1s !important;
}

.nnx-product-card-media::after,
.nnx-product-detail-slider::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(120deg, transparent 18%, rgba(255,255,255,.18) 42%, transparent 62%) !important;
    opacity: 0 !important;
    transform: translateX(-90%) !important;
    transition: opacity .2s ease !important;
}

.producto-card:hover .nnx-product-card-media::after,
.premium-product-card:hover .nnx-product-card-media::after,
.pd-media:hover .nnx-product-detail-slider::after {
    opacity: 1 !important;
    animation: v354MediaScan 1.2s ease forwards !important;
}

.ui-toast {
    position: fixed !important;
    left: 50% !important;
    bottom: 28px !important;
    z-index: 99999 !important;
    transform: translate(-50%, 24px) scale(.96) !important;
    opacity: 0 !important;
    min-width: min(420px, calc(100vw - 30px)) !important;
    border-radius: 18px !important;
    padding: 14px 18px !important;
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.94)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(96,165,250,.38) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.34), 0 0 38px rgba(37,99,235,.24) !important;
    font-weight: 950 !important;
    text-align: center !important;
    letter-spacing: -.01em !important;
    pointer-events: none !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

.ui-toast.is-visible {
    opacity: 1 !important;
    transform: translate(-50%, 0) scale(1) !important;
}

.v354-cart-fly {
    position: fixed !important;
    z-index: 99998 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    pointer-events: none !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 22px rgba(56,189,248,.42) !important;
    animation: v354FlyToCart .78s cubic-bezier(.22,.85,.36,1) forwards !important;
}

.v354-cart-pop {
    animation: v354CartPop .52s ease !important;
}

.v354-confetti {
    position: fixed !important;
    top: -16px !important;
    left: 50% !important;
    z-index: 999999 !important;
    width: 9px !important;
    height: 14px !important;
    border-radius: 3px !important;
    pointer-events: none !important;
    animation: v354ConfettiFall 1.9s ease-in forwards !important;
}

@keyframes v354ButtonShine {
    0%, 58% { transform: rotate(24deg) translateX(-140%); opacity: 0; }
    66% { opacity: .85; }
    84%, 100% { transform: rotate(24deg) translateX(340%); opacity: 0; }
}

@keyframes v354BadgePulse {
    0%, 100% { filter: brightness(1); transform: translateZ(0) scale(1); }
    50% { filter: brightness(1.12); transform: translateZ(0) scale(1.025); }
}

@keyframes v354SoftFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

@keyframes v354MediaScan {
    from { transform: translateX(-90%); }
    to { transform: translateX(90%); }
}

@keyframes v354FlyToCart {
    from {
        opacity: 1;
        transform: translate(0,0) scale(1) rotate(0deg);
    }
    to {
        opacity: 0;
        transform: translate(var(--fly-x, 180px), var(--fly-y, -120px)) scale(.24) rotate(18deg);
    }
}

@keyframes v354CartPop {
    0%, 100% { transform: scale(1); }
    35% { transform: scale(1.12) rotate(-2deg); }
    70% { transform: scale(.98) rotate(1deg); }
}

@keyframes v354ConfettiFall {
    0% {
        opacity: 1;
        transform: translate3d(var(--x0, 0), -20px, 0) rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(var(--x1, 0), 105vh, 0) rotate(var(--rot, 520deg));
    }
}

@media (prefers-reduced-motion: reduce) {
    .producto-card,
    .premium-product-card,
    .v51-product-card,
    .related-product-card,
    .promo-card,
    .footer-help-card,
    .client-trust-badges-v107 div,
    .v351-policy-grid article,
    .v351-tracking-timeline article,
    .btn-primary,
    .primary-cart-btn,
    .quick-buy-btn,
    .nnx-pay-button,
    .cart-actions a,
    .cart-actions button,
    .checkout-form button,
    .home-card-badge,
    .discount-chip,
    .stock-badge.in,
    .product-category-tag,
    .featured-badge,
    .promo-card-chip {
        animation: none !important;
        transition-duration: .01ms !important;
    }

    .btn-primary::after,
    .primary-cart-btn::after,
    .quick-buy-btn::after,
    .nnx-pay-button::after,
    .cart-actions a::after,
    .cart-actions button::after,
    .checkout-form button::after {
        display: none !important;
    }
}

/* =========================================================
   V356 FINAL LAYER - prioridad real para Luxury UI
========================================================= */
html[data-theme="light"] body.store-page {
    background:
        radial-gradient(circle at 14% 0%, rgba(56,189,248,.16), transparent 32%),
        radial-gradient(circle at 90% 10%, rgba(124,58,237,.13), transparent 34%),
        linear-gradient(180deg, #eef4ff 0%, #f8fbff 42%, #eef4ff 100%) !important;
}

.producto-card,
.premium-product-card,
.v51-product-card,
.product-detail,
.nnx-checkout-main-card,
.nnx-summary-card,
.nnx-cart-drawer {
    backdrop-filter: blur(18px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

.v356-quick-view-btn {
    position: absolute !important;
    right: 14px !important;
    top: 14px !important;
    z-index: 12 !important;
    opacity: 0 !important;
    transform: translateY(-8px) scale(.96) !important;
}

.producto-card:hover .v356-quick-view-btn,
.premium-product-card:hover .v356-quick-view-btn,
.v51-product-card:hover .v356-quick-view-btn {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.v356-modal-backdrop {
    z-index: 100000 !important;
}

.v356-modal {
    position: relative !important;
}

.v356-checkout-steps {
    display: grid !important;
}

.nnx-cart-drawer {
    border-left: 1px solid rgba(96,165,250,.32) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(56,189,248,.16), transparent 32%),
        linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,8,23,.98)) !important;
}

.nnx-cart-item strong,
.nnx-cart-drawer-head strong,
.nnx-cart-drawer-foot strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* V357 final lock: el boton Vista Rapida ya no debe mostrarse ni abrir modal. */
.v356-quick-view-btn,
.v356-modal-backdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   V372 FINAL REAL - Nexa grande con margen normal
========================================================= */
body.store-page .site-header {
    position: sticky !important;
    overflow: hidden !important;
    padding-left: clamp(18px, 14vw, 300px) !important;
}

body.store-page .v369-header-nexa {
    position: absolute !important;
    left: -46px !important;
    top: 0 !important;
    width: 350px !important;
    height: 302px !important;
    display: grid !important;
    place-items: center !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(circle at 55% 22%, rgba(96,165,250,.22), transparent 34%), linear-gradient(135deg, rgba(15,23,42,.80), rgba(30,41,59,.48)) !important;
    border-bottom-right-radius: 22px !important;
}

body.store-page .v369-header-nexa img {
    width: 350px !important;
    height: 302px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    filter: drop-shadow(0 18px 30px rgba(37,99,235,.34)) saturate(1.08) !important;
}

body.store-page .site-header > .header-inner {
    position: relative !important;
    z-index: 2 !important;
}

.nnx-product-card-media,
.product-image-wrap,
.producto-img-wrap {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 230px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 28%, rgba(96,165,250,.16), transparent 40%), linear-gradient(135deg, #f8fbff, #eaf2ff) !important;
}

.nnx-product-card-media .product-image,
.nnx-product-card-media video.product-image,
.producto-card .product-image,
.premium-product-card .product-image,
.v51-product-card .product-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 14px !important;
    background: transparent !important;
}

body .nnx-client-ads-section .nnx-featured-ad-media,
html body .nnx-client-ads-section .nnx-featured-ad-media {
    display: grid !important;
    place-items: center !important;
    padding: clamp(14px, 2vw, 28px) !important;
    min-height: 430px !important;
}

body .nnx-client-ads-section .nnx-featured-ad-media img,
body .nnx-client-ads-section .nnx-featured-ad-media video,
html body .nnx-client-ads-section .nnx-featured-ad-media img,
html body .nnx-client-ads-section .nnx-featured-ad-media video {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 430px !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 24px !important;
    background: rgba(2,6,23,.34) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.25) !important;
}

.nnx-promo-media-slider,
.promo-card-image,
.promo-banner-image {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

.promo-card-image,
.nnx-promo-media-slider .promo-card-image,
.promo-banner-image {
    width: 100% !important;
    height: auto !important;
    min-height: 230px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 12px !important;
    background: radial-gradient(circle at 50% 30%, rgba(96,165,250,.15), transparent 38%), linear-gradient(135deg, #f8fbff, #eaf2ff) !important;
}

@media (max-width: 1280px) {
    body.store-page .site-header {
        padding-left: 16px !important;
    }

    body.store-page .v369-header-nexa {
        display: none !important;
    }
}

/* V374 LOCK FINAL: la waifu no debe tener fondo propio */
body.store-page .v369-header-nexa,
html[data-theme="light"] body.store-page .v369-header-nexa,
body[data-theme="light"].store-page .v369-header-nexa,
html[data-theme="dark"] body.store-page .v369-header-nexa,
body[data-theme="dark"].store-page .v369-header-nexa {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.store-page .v369-header-nexa::before,
body.store-page .v369-header-nexa::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   V375 FINAL REAL - scroll pro responsive sin romper mobile
========================================================= */
body.store-page {
    --nnx-parallax-y: 0px;
}

body.store-page::before {
    transform: translate3d(0, calc(var(--nnx-parallax-y, 0px) * -0.35), 0) !important;
    transition: transform .08s linear !important;
}

body.store-page::after {
    transform: translate3d(0, calc(var(--nnx-parallax-y, 0px) * -0.18), 0) scale(1.03) !important;
    transition: transform .08s linear !important;
}

body.store-page.nnx-is-scrolled .site-header {
    background: linear-gradient(135deg, rgba(2,8,23,.92), rgba(10,18,38,.88), rgba(30,27,75,.88)) !important;
    box-shadow: 0 18px 58px rgba(2,6,23,.34), 0 0 0 1px rgba(96,165,250,.20) inset !important;
}

body.store-page.nnx-scroll-down .site-header {
    transform: translateY(-2px) !important;
}

body.store-page .producto-card.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-scroll-visible,
body.store-page .promo-card.nnx-scroll-visible {
    animation: nnxScrollCardPop .52s cubic-bezier(.2,.75,.24,1) both !important;
}

body.store-page .home-products-first .catalog-header.nnx-scroll-visible,
body.store-page .client-filter-panel.nnx-scroll-visible {
    animation: nnxSectionGlowIn .72s cubic-bezier(.2,.75,.24,1) both !important;
}

@keyframes nnxScrollCardPop {
    0% {
        opacity: .25;
        transform: translateY(24px) scale(.975);
        filter: blur(5px) saturate(.92);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0) saturate(1);
    }
}

@keyframes nnxSectionGlowIn {
    0% {
        opacity: .55;
        transform: translateY(18px);
        box-shadow: 0 8px 30px rgba(37,99,235,.08);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 1281px) {
    body.store-page.nnx-is-scrolled .site-header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body.store-page.nnx-is-scrolled .store-header-top-pro {
        padding-bottom: 9px !important;
    }

    body.store-page.nnx-is-scrolled .store-utility-row {
        transform: translateY(-2px) scale(.985) !important;
        transform-origin: top center !important;
    }

    body.store-page.nnx-is-scrolled .v369-header-nexa img {
        transform: translateY(-3px) scale(.985) !important;
        transition: transform .24s ease !important;
    }
}

@media (max-width: 768px) {
    .nnx-scroll-progress {
        height: 3px !important;
    }

    body.store-page::before,
    body.store-page::after,
    body.store-page .v52-stage-backdrop {
        transform: none !important;
        transition: none !important;
    }

    body.store-page.nnx-is-scrolled .site-header {
        transform: none !important;
        box-shadow: 0 12px 34px rgba(2,6,23,.28), 0 0 0 1px rgba(96,165,250,.16) inset !important;
    }

    body.store-page .nnx-scroll-reveal {
        transform: translateY(12px) !important;
        filter: none !important;
        transition-duration: .34s !important;
    }

    body.store-page .nnx-scroll-reveal.nnx-scroll-visible {
        transform: translateY(0) !important;
    }

    body.store-page .producto-card.nnx-scroll-visible,
    body.store-page .premium-product-card.nnx-scroll-visible,
    body.store-page .promo-card.nnx-scroll-visible,
    body.store-page .home-products-first .catalog-header.nnx-scroll-visible,
    body.store-page .client-filter-panel.nnx-scroll-visible {
        animation: none !important;
    }
}

/* =========================================================
   V376 FINAL REAL - scroll mas notorio y visible
========================================================= */
.nnx-scroll-progress {
    height: 7px !important;
    border-radius: 0 999px 999px 0 !important;
    opacity: 1 !important;
    background: linear-gradient(90deg, #22d3ee 0%, #2563eb 42%, #a855f7 76%, #ff3df2 100%) !important;
    box-shadow: 0 0 22px rgba(34,211,238,.86), 0 0 38px rgba(168,85,247,.50) !important;
}

.nnx-scroll-progress::after {
    content: "" !important;
    position: absolute !important;
    right: -10px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 0 18px rgba(34,211,238,.95), 0 0 28px rgba(168,85,247,.65) !important;
    transform: translateY(-50%) scale(var(--nnx-scroll-dot-scale, 1)) !important;
}

body.store-page.nnx-is-scrolling {
    --nnx-scroll-dot-scale: 1.18;
}

.nnx-scroll-rail {
    position: fixed !important;
    right: 12px !important;
    top: 30vh !important;
    width: 5px !important;
    height: 38vh !important;
    z-index: 99990 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(148,163,184,.18), rgba(37,99,235,.25), rgba(168,85,247,.22)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 0 18px rgba(37,99,235,.18) !important;
}

.nnx-scroll-rail span {
    position: absolute !important;
    left: 50% !important;
    top: calc(var(--nnx-scroll-progress, 0) * 100%) !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 999px !important;
    transform: translate(-50%, -50%) !important;
    background: linear-gradient(135deg, #22d3ee, #a855f7) !important;
    box-shadow: 0 0 16px rgba(34,211,238,.86), 0 0 26px rgba(168,85,247,.52) !important;
    transition: top .08s linear, transform .18s ease !important;
}

body.store-page.nnx-is-scrolling .nnx-scroll-rail span {
    transform: translate(-50%, -50%) scale(1.28) !important;
}

body.store-page .nnx-scroll-reveal {
    opacity: .04 !important;
    transform: translateY(46px) scale(.955) !important;
    filter: blur(10px) saturate(.86) !important;
    transition:
        opacity .78s cubic-bezier(.16,.84,.28,1),
        transform .78s cubic-bezier(.16,.84,.28,1),
        filter .78s ease,
        box-shadow .28s ease !important;
}

body.store-page .nnx-scroll-reveal.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) saturate(1) !important;
}

body.store-page .producto-card.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-scroll-visible,
body.store-page .promo-card.nnx-scroll-visible {
    animation: nnxScrollCardPopStrong .74s cubic-bezier(.16,.84,.28,1) both !important;
}

body.store-page .home-products-first .catalog-header.nnx-scroll-visible,
body.store-page .client-filter-panel.nnx-scroll-visible {
    animation: nnxSectionGlowStrong .86s cubic-bezier(.16,.84,.28,1) both !important;
}

@keyframes nnxScrollCardPopStrong {
    0% {
        opacity: .04;
        transform: translateY(52px) scale(.94);
        filter: blur(10px) saturate(.82);
        box-shadow: 0 4px 22px rgba(37,99,235,.04);
    }
    58% {
        opacity: 1;
        transform: translateY(-6px) scale(1.012);
        filter: blur(0) saturate(1.08);
        box-shadow: 0 30px 80px rgba(37,99,235,.22), 0 0 34px rgba(168,85,247,.12);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0) saturate(1);
    }
}

@keyframes nnxSectionGlowStrong {
    0% {
        opacity: .2;
        transform: translateY(34px) scale(.98);
        box-shadow: 0 8px 28px rgba(37,99,235,.08);
    }
    55% {
        opacity: 1;
        transform: translateY(-3px) scale(1.004);
        box-shadow: 0 28px 80px rgba(37,99,235,.26), 0 0 40px rgba(168,85,247,.14);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (min-width: 1281px) {
    body.store-page.nnx-is-scrolled .site-header {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        border-top-color: rgba(34,211,238,1) !important;
    }

    body.store-page.nnx-is-scrolled .brand-link {
        transform: scale(.96) !important;
        transform-origin: left center !important;
    }
}

@media (max-width: 768px) {
    .nnx-scroll-progress {
        height: 5px !important;
    }

    .nnx-scroll-progress::after {
        width: 12px !important;
        height: 12px !important;
        right: -6px !important;
    }

    .nnx-scroll-rail {
        right: 5px !important;
        top: 36vh !important;
        width: 3px !important;
        height: 28vh !important;
        opacity: .68 !important;
    }

    .nnx-scroll-rail span {
        width: 10px !important;
        height: 10px !important;
    }

    body.store-page .nnx-scroll-reveal {
        opacity: .18 !important;
        transform: translateY(22px) scale(.985) !important;
        filter: none !important;
        transition-duration: .48s !important;
    }

    body.store-page .producto-card.nnx-scroll-visible,
    body.store-page .premium-product-card.nnx-scroll-visible,
    body.store-page .promo-card.nnx-scroll-visible {
        animation: nnxMobileCardRise .48s ease both !important;
    }
}

/* V377 FINAL LOCK - barra lateral eliminada y tarjetas con entrada */
.nnx-scroll-rail,
.nnx-scroll-rail span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 58px, 0) scale(.94) rotateX(6deg) !important;
    filter: blur(10px) saturate(.82) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal {
    transform: translate3d(-34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(-1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
    transform: translate3d(34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: blur(0) saturate(1) !important;
    animation: nnxCardEntranceClean .76s cubic-bezier(.16,.84,.28,1) both !important;
}

@media (max-width: 768px) {
    body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
        transform: translate3d(0, 28px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
        animation: nnxMobileCardRise .48s ease both !important;
    }
}

/* V379 HARD LOCK - productos animan solo al cargar, luego quedan quietos */
body.store-page .producto-card.nnx-product-load-card,
body.store-page .premium-product-card.nnx-product-load-card,
body.store-page .v51-product-card.nnx-product-load-card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    will-change: auto !important;
}

body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
    animation: nnxProductPageLoadEntranceFinal .86s cubic-bezier(.16,.84,.28,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .producto-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .producto-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .producto-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in) {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxProductPageLoadEntranceFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 46px, 0) scale(.92) rotateX(8deg);
        filter: blur(10px) saturate(.82);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1.018) rotateX(0);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        filter: none;
    }
}

@media (max-width: 768px) {
    body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
        animation: nnxProductMobileLoadEntranceFinal .54s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

@keyframes nnxProductMobileLoadEntranceFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.975);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .producto-card.nnx-product-load-card,
    body.store-page .premium-product-card.nnx-product-load-card,
    body.store-page .v51-product-card.nnx-product-load-card {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* V380 FINAL REAL - entrada premium visible en productos */
body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 78px, 0) scale(.86) rotateX(12deg) !important;
    filter: blur(14px) saturate(.72) brightness(.9) !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible) {
    transform: translate3d(-42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(-2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
    transform: translate3d(42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
    animation: nnxProductEntranceV380Final 1.12s cubic-bezier(.14,.9,.18,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter, box-shadow !important;
}

body.store-page .producto-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-done,
body.store-page .producto-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .v51-product-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .producto-card.nnx-product-load-done.v357-reveal,
body.store-page .premium-product-card.nnx-product-load-done.v357-reveal,
body.store-page .v51-product-card.nnx-product-load-done.v357-reveal {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxProductEntranceV380Final {
    0% {
        opacity: 0;
        transform: translate3d(0, 86px, 0) scale(.82) rotateX(16deg) rotateZ(-2deg);
        filter: blur(16px) saturate(.65) brightness(.86);
        box-shadow: 0 0 0 rgba(37,99,235,0);
    }
    42% {
        opacity: 1;
        transform: translate3d(0, -14px, 0) scale(1.045) rotateX(0) rotateZ(.5deg);
        filter: blur(0) saturate(1.18) brightness(1.06);
        box-shadow: 0 26px 60px rgba(37,99,235,.30), 0 0 36px rgba(168,85,247,.22);
    }
    68% {
        transform: translate3d(0, 5px, 0) scale(.992) rotateX(0) rotateZ(0);
        filter: blur(0) saturate(1.04) brightness(1.02);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0);
        filter: none;
    }
}

@media (max-width: 768px) {
    body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
        transform: translate3d(0, 34px, 0) scale(.96) !important;
        filter: blur(4px) saturate(.9) !important;
    }

    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
        animation: nnxProductEntranceMobileV380Final .64s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

/* V381 TRUE EOF PACK - efectos visibles y rapidos */
body.store-page .nnx-v381-product {
    position: relative !important;
    overflow: hidden !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
}

body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 64px, 0) scale(.92) !important;
    filter: blur(8px) saturate(.88) !important;
}

body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
    animation: nnxV381ProductStaggerFinal .78s cubic-bezier(.16,.84,.28,1) var(--nnx-v381-delay, 0ms) both !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-v381-product.nnx-v381-done,
body.store-page .nnx-v381-product.nnx-v381-visible {
    opacity: 1 !important;
    filter: none !important;
}

body.store-page .nnx-v381-product.nnx-v381-done:not(.nnx-v381-tilt-active) {
    transform: translate3d(0, 0, 0) scale(1) !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxV381ProductStaggerFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 72px, 0) scale(.90);
        filter: blur(10px) saturate(.84);
    }
    55% {
        opacity: 1;
        transform: translate3d(0, -8px, 0) scale(1.018);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
    body.store-page .nnx-v381-product.nnx-v381-tilt {
        transition: transform .18s ease, box-shadow .22s ease, filter .22s ease !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-tilt-active {
        transform: perspective(920px) rotateX(var(--nnx-tilt-x, 0deg)) rotateY(var(--nnx-tilt-y, 0deg)) translateY(-8px) scale(1.014) !important;
        box-shadow: 0 26px 62px rgba(37,99,235,.25), 0 0 34px rgba(168,85,247,.18) !important;
        z-index: 3 !important;
    }
}

.nnx-v381-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v381-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -42% auto -42% -72% !important;
    width: 56% !important;
    transform: translateX(-30%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.54), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.nnx-v381-shine:hover::after,
.nnx-v381-shine:focus-visible::after {
    animation: nnxV381ShineFinal .78s ease !important;
}

.nnx-v381-shine:hover,
.nnx-v381-shine:focus-visible {
    box-shadow: 0 14px 34px rgba(37,99,235,.28), 0 0 24px rgba(34,211,238,.18) !important;
}

@keyframes nnxV381ShineFinal {
    0% {
        opacity: 0;
        transform: translateX(-35%) skewX(-22deg);
    }
    22% {
        opacity: .92;
    }
    100% {
        opacity: 0;
        transform: translateX(360%) skewX(-22deg);
    }
}

body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 34px, 0) scale(.985) !important;
    filter: blur(5px) saturate(.94) !important;
}

body.store-page .nnx-v381-section.nnx-v381-section-visible {
    animation: nnxV381SectionRevealFinal .66s cubic-bezier(.2,.75,.24,1) var(--nnx-v381-section-delay, 0ms) both !important;
}

@keyframes nnxV381SectionRevealFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.985);
        filter: blur(5px) saturate(.94);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media,
body.store-page .nnx-v381-skeleton .product-image-wrap,
body.store-page .nnx-v381-skeleton .product-img-wrap,
body.store-page .nnx-v381-skeleton .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media::after,
body.store-page .nnx-v381-skeleton .product-image-wrap::after,
body.store-page .nnx-v381-skeleton .product-img-wrap::after,
body.store-page .nnx-v381-skeleton .producto-img-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.22) 42%, transparent 74%),
        linear-gradient(135deg, rgba(37,99,235,.10), rgba(168,85,247,.12)) !important;
    transform: translateX(-120%) !important;
    animation: nnxV381SkeletonFinal 1.12s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV381SkeletonFinal {
    100% {
        transform: translateX(120%);
    }
}

@media (max-width: 768px) {
    body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
        transform: translate3d(0, 24px, 0) scale(.98) !important;
        filter: none !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
        animation: nnxV381ProductStaggerMobileFinal .42s ease-out var(--nnx-v381-delay, 0ms) both !important;
    }

    body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
        transform: translate3d(0, 20px, 0) !important;
        filter: none !important;
    }
}

@keyframes nnxV381ProductStaggerMobileFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.98);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v381-product,
    body.store-page .nnx-v381-section,
    .nnx-v381-shine,
    .nnx-v381-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* V382 FINAL EXACT - hero, productos, filtros, shine y skeleton */
body.store-page .nnx-v382-hero:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 36px, 0) scale(.965) !important;
    filter: blur(6px) saturate(.92) !important;
}

body.store-page .nnx-v382-hero.nnx-v382-visible {
    animation: nnxV382HeroFadeScale .72s cubic-bezier(.2,.75,.24,1) var(--nnx-v382-delay, 0ms) both !important;
}

@keyframes nnxV382HeroFadeScale {
    0% {
        opacity: 0;
        transform: translate3d(0, 36px, 0) scale(.965);
        filter: blur(6px) saturate(.92);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v382-product:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 58px, 0) scale(.93) !important;
    filter: blur(7px) saturate(.88) !important;
}

body.store-page .nnx-v382-product.nnx-v382-visible:not(.nnx-v382-done) {
    animation: nnxV382ProductStagger .76s cubic-bezier(.16,.84,.28,1) var(--nnx-v382-delay, 0ms) both !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-v382-product.nnx-v382-done,
body.store-page .nnx-v382-product.nnx-v382-visible {
    opacity: 1 !important;
    filter: none !important;
}

body.store-page .nnx-v382-product.nnx-v382-done {
    transform: translate3d(0, 0, 0) scale(1) !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxV382ProductStagger {
    0% {
        opacity: 0;
        transform: translate3d(0, 62px, 0) scale(.92);
        filter: blur(8px) saturate(.86);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1.014);
        filter: blur(0) saturate(1.06);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v382-filter:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 22px, 0) !important;
}

body.store-page .nnx-v382-filter.nnx-v382-visible {
    animation: nnxV382FilterSlideIn .46s cubic-bezier(.2,.75,.24,1) var(--nnx-v382-delay, 0ms) both !important;
}

@keyframes nnxV382FilterSlideIn {
    0% {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.nnx-v382-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v382-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -45% auto -45% -70% !important;
    width: 55% !important;
    transform: translateX(-30%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.nnx-v382-shine:hover::after,
.nnx-v382-shine:focus-visible::after {
    animation: nnxV382ShineHover .72s ease !important;
}

.nnx-v382-shine:hover,
.nnx-v382-shine:focus-visible {
    box-shadow: 0 14px 34px rgba(37,99,235,.28), 0 0 22px rgba(34,211,238,.16) !important;
}

@keyframes nnxV382ShineHover {
    0% {
        opacity: 0;
        transform: translateX(-35%) skewX(-22deg);
    }
    24% {
        opacity: .95;
    }
    100% {
        opacity: 0;
        transform: translateX(360%) skewX(-22deg);
    }
}

body.store-page .nnx-v382-skeleton .nnx-product-card-media,
body.store-page .nnx-v382-skeleton .product-image-wrap,
body.store-page .nnx-v382-skeleton .product-img-wrap,
body.store-page .nnx-v382-skeleton .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v382-skeleton .nnx-product-card-media::after,
body.store-page .nnx-v382-skeleton .product-image-wrap::after,
body.store-page .nnx-v382-skeleton .product-img-wrap::after,
body.store-page .nnx-v382-skeleton .producto-img-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.24) 44%, transparent 76%),
        linear-gradient(135deg, rgba(37,99,235,.12), rgba(168,85,247,.12)) !important;
    transform: translateX(-120%) !important;
    animation: nnxV382SkeletonShimmer 1.06s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV382SkeletonShimmer {
    100% {
        transform: translateX(120%);
    }
}

@media (max-width: 768px) {
    body.store-page .nnx-v382-hero:not(.nnx-v382-visible) {
        transform: translate3d(0, 22px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-v382-product:not(.nnx-v382-visible) {
        transform: translate3d(0, 24px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-v382-product.nnx-v382-visible:not(.nnx-v382-done) {
        animation: nnxV382ProductMobile .42s ease-out var(--nnx-v382-delay, 0ms) both !important;
    }
}

@keyframes nnxV382ProductMobile {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.985);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v382-hero,
    body.store-page .nnx-v382-product,
    body.store-page .nnx-v382-filter,
    .nnx-v382-shine,
    .nnx-v382-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* V383 ADMIN WAIFU + ESPACIADO ABSOLUTE FINAL */
body.admin-page .site-header {
    position: sticky !important;
    top: 0 !important;
    overflow: hidden !important;
    min-height: 250px !important;
    padding: 20px 16px 24px !important;
}

body.admin-page .admin-header-shell {
    position: relative !important;
    z-index: 2 !important;
    width: min(1368px, 100%) !important;
    max-width: 1368px !important;
    margin: 0 auto !important;
    padding-left: clamp(210px, 16vw, 288px) !important;
    padding-right: 28px !important;
    overflow: visible !important;
}

body.admin-page .admin-header-nexa {
    display: block !important;
    position: absolute !important;
    left: clamp(18px, 5vw, 96px) !important;
    top: 12px !important;
    width: clamp(154px, 12vw, 218px) !important;
    height: calc(100% - 20px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.admin-page .admin-header-nexa img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    opacity: .98 !important;
    filter: drop-shadow(0 18px 34px rgba(37,99,235,.26)) !important;
}

body.admin-page main {
    padding-top: 42px !important;
    margin-top: 0 !important;
}

body.admin-page.admin-auth main {
    padding-top: 34px !important;
}

body.admin-page.admin-guest main {
    padding-top: 62px !important;
}

body.admin-page .admin-page-top,
body.admin-page .admin-hero,
body.admin-page main > section:first-of-type,
body.admin-page .smart-fulfillment-board,
body.admin-page .admin-shortcuts {
    margin-top: 0 !important;
}

body.admin-page .admin-login-form {
    position: relative !important;
    z-index: 3 !important;
    width: min(94vw, 470px) !important;
    max-width: 470px !important;
    margin: 0 auto 48px !important;
    transform: none !important;
}

body.admin-page.admin-auth .smart-fulfillment-board {
    margin-top: 18px !important;
}

@media (max-width: 1100px) {
    body.admin-page .site-header {
        min-height: 236px !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.admin-page .admin-header-nexa {
        left: auto !important;
        right: 12px !important;
        top: 18px !important;
        width: 170px !important;
        height: 190px !important;
        opacity: .2 !important;
    }
}

@media (max-width: 760px) {
    body.admin-page .site-header {
        min-height: auto !important;
        padding: 14px 12px 16px !important;
    }

    body.admin-page .admin-header-nexa {
        display: none !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.admin-page main,
    body.admin-page.admin-auth main,
    body.admin-page.admin-guest main {
        padding-top: 24px !important;
    }

    body.admin-page .admin-login-form {
        width: min(94vw, 470px) !important;
        margin-bottom: 34px !important;
    }
}

/* V384 UX/UI PREMIUM EOF FINAL */
body.store-page.nnx-v384-ux {
    --nnx-v384-panel: rgba(8, 16, 34, .88);
    --nnx-v384-panel-strong: rgba(5, 12, 27, .96);
    --nnx-v384-line: rgba(96, 165, 250, .24);
    --nnx-v384-soft: rgba(148, 163, 184, .16);
    --nnx-v384-blue: #2563eb;
    --nnx-v384-cyan: #06b6d4;
    --nnx-v384-radius: 18px;
}

html[data-theme="light"] body.store-page.nnx-v384-ux,
body[data-theme="light"].store-page.nnx-v384-ux {
    --nnx-v384-panel: rgba(255, 255, 255, .94);
    --nnx-v384-panel-strong: rgba(248, 251, 255, .98);
    --nnx-v384-line: rgba(37, 99, 235, .18);
    --nnx-v384-soft: rgba(37, 99, 235, .10);
}

body.store-page.nnx-v384-ux .site-header {
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 16px 46px rgba(2, 6, 23, .24), inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: padding .22s ease, box-shadow .22s ease, background .22s ease !important;
}

body.store-page.nnx-v384-ux.nnx-v384-scrolled .site-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 12px 38px rgba(2, 6, 23, .32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.store-page.nnx-v384-ux .store-header-top-pro {
    gap: 18px !important;
}

body.store-page.nnx-v384-ux .header-search-pro {
    border-radius: 18px !important;
    border-color: var(--nnx-v384-line) !important;
}

body.store-page.nnx-v384-ux .v52-stage,
body.store-page.nnx-v384-ux .catalog-header,
body.store-page.nnx-v384-ux .client-filter-panel,
body.store-page.nnx-v384-ux .catalog-layout,
body.store-page.nnx-v384-ux .trust-strip,
body.store-page.nnx-v384-ux .v52-marquee {
    width: min(1280px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.store-page.nnx-v384-ux .v52-stage-grid {
    border-radius: 22px !important;
    border: 1px solid var(--nnx-v384-line) !important;
    box-shadow: 0 24px 70px rgba(2, 6, 23, .28) !important;
}

body.store-page.nnx-v384-ux .v52-intro-panel,
body.store-page.nnx-v384-ux .v52-side-card,
body.store-page.nnx-v384-ux .client-filter-panel,
body.store-page.nnx-v384-ux .catalog-header {
    background: var(--nnx-v384-panel) !important;
    border: 1px solid var(--nnx-v384-line) !important;
    box-shadow: 0 18px 48px rgba(2, 6, 23, .18) !important;
}

body.store-page.nnx-v384-ux .productos-grid,
body.store-page.nnx-v384-ux .premium-products-grid,
body.store-page.nnx-v384-ux .v52-product-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(218px, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.store-page.nnx-v384-ux .producto-card,
body.store-page.nnx-v384-ux .premium-product-card,
body.store-page.nnx-v384-ux .v51-product-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 100% !important;
    border-radius: 18px !important;
    border: 1px solid var(--nnx-v384-line) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        var(--nnx-v384-panel-strong) !important;
    box-shadow: 0 16px 38px rgba(2, 6, 23, .18) !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
    transition: box-shadow .22s ease, border-color .22s ease, filter .22s ease !important;
}

html[data-theme="light"] body.store-page.nnx-v384-ux .producto-card,
html[data-theme="light"] body.store-page.nnx-v384-ux .premium-product-card,
html[data-theme="light"] body.store-page.nnx-v384-ux .v51-product-card,
body[data-theme="light"].store-page.nnx-v384-ux .producto-card,
body[data-theme="light"].store-page.nnx-v384-ux .premium-product-card,
body[data-theme="light"].store-page.nnx-v384-ux .v51-product-card {
    background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, .10) !important;
}

body.store-page.nnx-v384-ux .producto-card::before,
body.store-page.nnx-v384-ux .premium-product-card::before,
body.store-page.nnx-v384-ux .v51-product-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle at 50% 0%, rgba(34,211,238,.16), transparent 42%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
}

body.store-page.nnx-v384-ux .producto-card:hover,
body.store-page.nnx-v384-ux .premium-product-card:hover,
body.store-page.nnx-v384-ux .v51-product-card:hover {
    border-color: rgba(34, 211, 238, .48) !important;
    box-shadow: 0 24px 58px rgba(37, 99, 235, .22), 0 0 26px rgba(34, 211, 238, .10) !important;
}

body.store-page.nnx-v384-ux .producto-card:hover::before,
body.store-page.nnx-v384-ux .premium-product-card:hover::before,
body.store-page.nnx-v384-ux .v51-product-card:hover::before {
    opacity: 1 !important;
}

body.store-page.nnx-v384-ux .nnx-v384-card.nnx-v384-tilt {
    transform: perspective(900px) rotateX(var(--nnx-v384-tilt-x, 0deg)) rotateY(var(--nnx-v384-tilt-y, 0deg)) translateY(-7px) scale(1.012) !important;
    z-index: 4 !important;
}

body.store-page.nnx-v384-ux .producto-card img,
body.store-page.nnx-v384-ux .premium-product-card img,
body.store-page.nnx-v384-ux .v51-product-card img,
body.store-page.nnx-v384-ux .product-image {
    transition: transform .28s ease, filter .28s ease !important;
}

body.store-page.nnx-v384-ux .producto-card:hover img,
body.store-page.nnx-v384-ux .premium-product-card:hover img,
body.store-page.nnx-v384-ux .v51-product-card:hover img {
    transform: scale(1.035) !important;
    filter: saturate(1.08) contrast(1.02) !important;
}

body.store-page.nnx-v384-ux .primary-cart-btn,
body.store-page.nnx-v384-ux .quick-buy-btn,
body.store-page.nnx-v384-ux .btn-primary,
body.store-page.nnx-v384-ux .v52-slide-link {
    border-radius: 999px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .22) !important;
}

body.store-page.nnx-v384-ux .catalog-pill,
body.store-page.nnx-v384-ux .filter-chip {
    border-radius: 999px !important;
    border: 1px solid var(--nnx-v384-line) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.store-page.nnx-v384-ux .catalog-pill:hover,
body.store-page.nnx-v384-ux .filter-chip:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(34, 211, 238, .52) !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .16) !important;
}

body.store-page .nnx-v384-hero:not(.nnx-v384-in),
body.store-page .nnx-v384-filter:not(.nnx-v384-in),
body.store-page .nnx-v384-card:not(.nnx-v384-in) {
    opacity: 0 !important;
    pointer-events: none !important;
}

body.store-page .nnx-v384-hero:not(.nnx-v384-in) {
    transform: translate3d(0, 34px, 0) scale(.965) !important;
    filter: blur(6px) saturate(.92) !important;
}

body.store-page .nnx-v384-filter:not(.nnx-v384-in) {
    transform: translate3d(0, 22px, 0) !important;
}

body.store-page .nnx-v384-card:not(.nnx-v384-in) {
    transform: translate3d(0, 54px, 0) scale(.94) !important;
    filter: blur(8px) saturate(.86) !important;
}

body.store-page .nnx-v384-hero.nnx-v384-in {
    animation: nnxV384HeroIn .64s cubic-bezier(.2,.78,.22,1) var(--nnx-v384-delay, 0ms) both !important;
}

body.store-page .nnx-v384-filter.nnx-v384-in {
    animation: nnxV384FilterIn .42s cubic-bezier(.2,.78,.22,1) var(--nnx-v384-delay, 0ms) both !important;
}

body.store-page .nnx-v384-card.nnx-v384-in:not(.nnx-v384-tilt) {
    animation: nnxV384CardIn .68s cubic-bezier(.16,.86,.25,1) var(--nnx-v384-delay, 0ms) both !important;
}

@keyframes nnxV384HeroIn {
    0% { opacity: 0; transform: translate3d(0, 34px, 0) scale(.965); filter: blur(6px) saturate(.92); }
    100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: none; }
}

@keyframes nnxV384FilterIn {
    0% { opacity: 0; transform: translate3d(0, 22px, 0); }
    100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes nnxV384CardIn {
    0% { opacity: 0; transform: translate3d(0, 58px, 0) scale(.93); filter: blur(8px) saturate(.86); }
    58% { opacity: 1; transform: translate3d(0, -5px, 0) scale(1.012); filter: blur(0) saturate(1.06); }
    100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: none; }
}

.nnx-v384-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v384-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -45% auto -45% -75% !important;
    width: 58% !important;
    transform: translateX(-35%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.nnx-v384-shine:hover::after,
.nnx-v384-shine:focus-visible::after {
    animation: nnxV384Shine .72s ease !important;
}

@keyframes nnxV384Shine {
    0% { opacity: 0; transform: translateX(-35%) skewX(-22deg); }
    24% { opacity: .95; }
    100% { opacity: 0; transform: translateX(365%) skewX(-22deg); }
}

body.store-page .nnx-v384-skeleton :where(.nnx-product-card-media, .product-image-wrap, .product-img-wrap, .producto-img-wrap),
body.store-page .nnx-v384-skeleton :where(img, video) {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v384-skeleton :where(.nnx-product-card-media, .product-image-wrap, .product-img-wrap, .producto-img-wrap)::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.26) 44%, transparent 76%) !important;
    transform: translateX(-120%) !important;
    animation: nnxV384Skeleton 1.04s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV384Skeleton {
    100% { transform: translateX(120%); }
}

@media (max-width: 900px) {
    body.store-page.nnx-v384-ux .v52-stage,
    body.store-page.nnx-v384-ux .catalog-header,
    body.store-page.nnx-v384-ux .client-filter-panel,
    body.store-page.nnx-v384-ux .catalog-layout,
    body.store-page.nnx-v384-ux .trust-strip,
    body.store-page.nnx-v384-ux .v52-marquee {
        width: min(100% - 20px, 100%) !important;
    }

    body.store-page.nnx-v384-ux .productos-grid,
    body.store-page.nnx-v384-ux .premium-products-grid,
    body.store-page.nnx-v384-ux .v52-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.store-page.nnx-v384-ux .producto-card,
    body.store-page.nnx-v384-ux .premium-product-card,
    body.store-page.nnx-v384-ux .v51-product-card {
        border-radius: 14px !important;
        box-shadow: 0 10px 24px rgba(2, 6, 23, .14) !important;
    }

    body.store-page .nnx-v384-card:not(.nnx-v384-in) {
        transform: translate3d(0, 24px, 0) scale(.98) !important;
        filter: none !important;
    }

    body.store-page .nnx-v384-card.nnx-v384-in:not(.nnx-v384-tilt) {
        animation: nnxV384CardMobileIn .42s ease-out var(--nnx-v384-delay, 0ms) both !important;
    }
}

@keyframes nnxV384CardMobileIn {
    0% { opacity: 0; transform: translate3d(0, 24px, 0) scale(.98); }
    100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (max-width: 430px) {
    body.store-page.nnx-v384-ux .productos-grid,
    body.store-page.nnx-v384-ux .premium-products-grid,
    body.store-page.nnx-v384-ux .v52-product-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v384-hero,
    body.store-page .nnx-v384-filter,
    body.store-page .nnx-v384-card,
    .nnx-v384-shine,
    .nnx-v384-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* V383 ADMIN WAIFU + ESPACIADO FINAL */
body.admin-page .site-header {
    position: sticky !important;
    top: 0 !important;
    overflow: hidden !important;
    min-height: 250px !important;
    padding: 20px 16px 24px !important;
}

body.admin-page .admin-header-shell {
    position: relative !important;
    z-index: 2 !important;
    width: min(1368px, 100%) !important;
    max-width: 1368px !important;
    margin: 0 auto !important;
    padding-left: clamp(210px, 16vw, 288px) !important;
    padding-right: 28px !important;
    overflow: visible !important;
}

body.admin-page .admin-header-nexa {
    display: block !important;
    position: absolute !important;
    left: clamp(18px, 5vw, 96px) !important;
    top: 12px !important;
    width: clamp(154px, 12vw, 218px) !important;
    height: calc(100% - 20px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.admin-page .admin-header-nexa img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    opacity: .98 !important;
    filter: drop-shadow(0 18px 34px rgba(37,99,235,.26)) !important;
}

body.admin-page main {
    padding-top: 42px !important;
    margin-top: 0 !important;
}

body.admin-page.admin-auth main {
    padding-top: 34px !important;
}

body.admin-page.admin-guest main {
    padding-top: 62px !important;
}

body.admin-page .admin-page-top,
body.admin-page .admin-hero,
body.admin-page main > section:first-of-type,
body.admin-page .smart-fulfillment-board,
body.admin-page .admin-shortcuts {
    margin-top: 0 !important;
}

body.admin-page .admin-login-form {
    position: relative !important;
    z-index: 3 !important;
    width: min(94vw, 470px) !important;
    max-width: 470px !important;
    margin: 0 auto 48px !important;
    transform: none !important;
}

body.admin-page.admin-auth .smart-fulfillment-board {
    margin-top: 18px !important;
}

@media (max-width: 1100px) {
    body.admin-page .site-header {
        min-height: 236px !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.admin-page .admin-header-nexa {
        left: auto !important;
        right: 12px !important;
        top: 18px !important;
        width: 170px !important;
        height: 190px !important;
        opacity: .2 !important;
    }
}

@media (max-width: 760px) {
    body.admin-page .site-header {
        min-height: auto !important;
        padding: 14px 12px 16px !important;
    }

    body.admin-page .admin-header-nexa {
        display: none !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.admin-page main,
    body.admin-page.admin-auth main,
    body.admin-page.admin-guest main {
        padding-top: 24px !important;
    }

    body.admin-page .admin-login-form {
        width: min(94vw, 470px) !important;
        margin-bottom: 34px !important;
    }
}

/* V381 FINAL PACK - stagger, tilt, shine, reveal y skeleton */
body.store-page .nnx-v381-product {
    position: relative !important;
    overflow: hidden !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
}

body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 64px, 0) scale(.92) !important;
    filter: blur(8px) saturate(.88) !important;
}

body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
    animation: nnxV381ProductStagger .78s cubic-bezier(.16,.84,.28,1) var(--nnx-v381-delay, 0ms) both !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-v381-product.nnx-v381-done,
body.store-page .nnx-v381-product.nnx-v381-visible {
    opacity: 1 !important;
    filter: none !important;
}

body.store-page .nnx-v381-product.nnx-v381-done:not(.nnx-v381-tilt-active) {
    transform: translate3d(0, 0, 0) scale(1) !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxV381ProductStagger {
    0% {
        opacity: 0;
        transform: translate3d(0, 72px, 0) scale(.90);
        filter: blur(10px) saturate(.84);
    }
    55% {
        opacity: 1;
        transform: translate3d(0, -8px, 0) scale(1.018);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
    body.store-page .nnx-v381-product.nnx-v381-tilt {
        transition: transform .18s ease, box-shadow .22s ease, filter .22s ease !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-tilt-active {
        transform: perspective(920px) rotateX(var(--nnx-tilt-x, 0deg)) rotateY(var(--nnx-tilt-y, 0deg)) translateY(-8px) scale(1.014) !important;
        box-shadow: 0 26px 62px rgba(37,99,235,.25), 0 0 34px rgba(168,85,247,.18) !important;
        z-index: 3 !important;
    }
}

.nnx-v381-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v381-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -42% auto -42% -72% !important;
    width: 56% !important;
    transform: translateX(-30%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.54), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.nnx-v381-shine:hover::after,
.nnx-v381-shine:focus-visible::after {
    animation: nnxV381Shine .78s ease !important;
}

.nnx-v381-shine:hover,
.nnx-v381-shine:focus-visible {
    box-shadow: 0 14px 34px rgba(37,99,235,.28), 0 0 24px rgba(34,211,238,.18) !important;
}

@keyframes nnxV381Shine {
    0% {
        opacity: 0;
        transform: translateX(-35%) skewX(-22deg);
    }
    22% {
        opacity: .92;
    }
    100% {
        opacity: 0;
        transform: translateX(360%) skewX(-22deg);
    }
}

body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 34px, 0) scale(.985) !important;
    filter: blur(5px) saturate(.94) !important;
}

body.store-page .nnx-v381-section.nnx-v381-section-visible {
    animation: nnxV381SectionReveal .66s cubic-bezier(.2,.75,.24,1) var(--nnx-v381-section-delay, 0ms) both !important;
}

@keyframes nnxV381SectionReveal {
    0% {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.985);
        filter: blur(5px) saturate(.94);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media,
body.store-page .nnx-v381-skeleton .product-image-wrap,
body.store-page .nnx-v381-skeleton .product-img-wrap,
body.store-page .nnx-v381-skeleton .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media::after,
body.store-page .nnx-v381-skeleton .product-image-wrap::after,
body.store-page .nnx-v381-skeleton .product-img-wrap::after,
body.store-page .nnx-v381-skeleton .producto-img-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.22) 42%, transparent 74%),
        linear-gradient(135deg, rgba(37,99,235,.10), rgba(168,85,247,.12)) !important;
    transform: translateX(-120%) !important;
    animation: nnxV381Skeleton 1.12s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV381Skeleton {
    100% {
        transform: translateX(120%);
    }
}

@media (max-width: 768px) {
    body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
        transform: translate3d(0, 24px, 0) scale(.98) !important;
        filter: none !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
        animation: nnxV381ProductStaggerMobile .42s ease-out var(--nnx-v381-delay, 0ms) both !important;
    }

    body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
        transform: translate3d(0, 20px, 0) !important;
        filter: none !important;
    }
}

@keyframes nnxV381ProductStaggerMobile {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.98);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v381-product,
    body.store-page .nnx-v381-section,
    .nnx-v381-shine,
    .nnx-v381-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

@keyframes nnxProductEntranceMobileV380Final {
    0% {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.96);
        filter: blur(5px);
    }
    72% {
        opacity: 1;
        transform: translate3d(0, -4px, 0) scale(1.012);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .producto-card.nnx-product-entry-card,
    body.store-page .premium-product-card.nnx-product-entry-card,
    body.store-page .v51-product-card.nnx-product-entry-card,
    body.store-page .producto-card.nnx-product-load-done,
    body.store-page .premium-product-card.nnx-product-load-done,
    body.store-page .v51-product-card.nnx-product-load-done {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* V380 TRUE EOF - entrada premium visible en productos */
body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 78px, 0) scale(.86) rotateX(12deg) !important;
    filter: blur(14px) saturate(.72) brightness(.9) !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible) {
    transform: translate3d(-42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(-2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
    transform: translate3d(42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
    animation: nnxProductEntranceV380 1.12s cubic-bezier(.14,.9,.18,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter, box-shadow !important;
}

body.store-page .producto-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-done,
body.store-page .producto-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .v51-product-card.nnx-product-load-done.nnx-scroll-visible,
body.store-page .producto-card.nnx-product-load-done.v357-reveal,
body.store-page .premium-product-card.nnx-product-load-done.v357-reveal,
body.store-page .v51-product-card.nnx-product-load-done.v357-reveal {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxProductEntranceV380 {
    0% {
        opacity: 0;
        transform: translate3d(0, 86px, 0) scale(.82) rotateX(16deg) rotateZ(-2deg);
        filter: blur(16px) saturate(.65) brightness(.86);
        box-shadow: 0 0 0 rgba(37,99,235,0);
    }
    42% {
        opacity: 1;
        transform: translate3d(0, -14px, 0) scale(1.045) rotateX(0) rotateZ(.5deg);
        filter: blur(0) saturate(1.18) brightness(1.06);
        box-shadow: 0 26px 60px rgba(37,99,235,.30), 0 0 36px rgba(168,85,247,.22);
    }
    68% {
        transform: translate3d(0, 5px, 0) scale(.992) rotateX(0) rotateZ(0);
        filter: blur(0) saturate(1.04) brightness(1.02);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0);
        filter: none;
    }
}

@media (max-width: 768px) {
    body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
        transform: translate3d(0, 34px, 0) scale(.96) !important;
        filter: blur(4px) saturate(.9) !important;
    }

    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
        animation: nnxProductEntranceMobileV380 .64s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

@keyframes nnxProductEntranceMobileV380 {
    0% {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.96);
        filter: blur(5px);
    }
    72% {
        opacity: 1;
        transform: translate3d(0, -4px, 0) scale(1.012);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .producto-card.nnx-product-entry-card,
    body.store-page .premium-product-card.nnx-product-entry-card,
    body.store-page .v51-product-card.nnx-product-entry-card,
    body.store-page .producto-card.nnx-product-load-done,
    body.store-page .premium-product-card.nnx-product-load-done,
    body.store-page .v51-product-card.nnx-product-load-done {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* V379 FINAL - productos animan solo al cargar la pagina */
body.store-page .producto-card.nnx-product-load-card,
body.store-page .premium-product-card.nnx-product-load-card,
body.store-page .v51-product-card.nnx-product-load-card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    will-change: auto !important;
}

body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
    animation: nnxProductPageLoadEntrance .86s cubic-bezier(.16,.84,.28,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .producto-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .producto-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in) {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxProductPageLoadEntrance {
    0% {
        opacity: 0;
        transform: translate3d(0, 46px, 0) scale(.92) rotateX(8deg);
        filter: blur(10px) saturate(.82);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1.018) rotateX(0);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        filter: none;
    }
}

@media (max-width: 768px) {
    body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
        animation: nnxProductMobileLoadEntrance .54s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

@keyframes nnxProductMobileLoadEntrance {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.975);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .producto-card.nnx-product-load-card,
    body.store-page .premium-product-card.nnx-product-load-card,
    body.store-page .v51-product-card.nnx-product-load-card {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* V377 EOF LOCK - sin barra lateral, tarjetas con entrada real */
.nnx-scroll-rail,
.nnx-scroll-rail span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 58px, 0) scale(.94) rotateX(6deg) !important;
    filter: blur(10px) saturate(.82) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal {
    transform: translate3d(-34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(-1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
    transform: translate3d(34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: blur(0) saturate(1) !important;
    animation: nnxCardEntranceClean .76s cubic-bezier(.16,.84,.28,1) both !important;
}

@keyframes nnxCardEntranceClean {
    0% {
        opacity: 0;
        transform: translate3d(var(--nnx-card-x, 0), 58px, 0) scale(.94) rotateX(7deg);
        filter: blur(10px) saturate(.82);
    }
    62% {
        opacity: 1;
        transform: translate3d(0, -7px, 0) scale(1.012) rotateX(0);
        filter: blur(0) saturate(1.08);
        box-shadow: 0 30px 90px rgba(37,99,235,.22), 0 0 34px rgba(168,85,247,.14);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0) saturate(1);
    }
}

body.store-page .nnx-enter-left.nnx-scroll-visible {
    --nnx-card-x: -34px;
}

body.store-page .nnx-enter-right.nnx-scroll-visible {
    --nnx-card-x: 34px;
}

@media (max-width: 768px) {
    body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
        transform: translate3d(0, 28px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
        animation: nnxMobileCardRise .48s ease both !important;
    }
}

@keyframes nnxMobileCardRise {
    from {
        opacity: .2;
        transform: translateY(22px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page::before,
    body.store-page::after,
    body.store-page.nnx-scroll-down .site-header,
    body.store-page.nnx-is-scrolled .v369-header-nexa img,
    body.store-page.nnx-is-scrolled .store-utility-row {
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   V374 FINAL REAL - waifu transparente + scroll premium
========================================================= */
html {
    scroll-behavior: smooth !important;
}

body.store-page .v369-header-nexa,
html[data-theme="light"] body.store-page .v369-header-nexa,
body[data-theme="light"].store-page .v369-header-nexa,
html[data-theme="dark"] body.store-page .v369-header-nexa,
body[data-theme="dark"].store-page .v369-header-nexa {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.store-page .v369-header-nexa::before,
body.store-page .v369-header-nexa::after {
    content: none !important;
    display: none !important;
}

.nnx-scroll-progress {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: calc(var(--nnx-scroll-progress, 0) * 100%) !important;
    height: 4px !important;
    z-index: 100000 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, #22d3ee, #2563eb 48%, #a855f7) !important;
    box-shadow: 0 0 18px rgba(34,211,238,.72), 0 0 28px rgba(168,85,247,.38) !important;
    transform-origin: left center !important;
    transition: width .08s linear !important;
}

body.store-page .site-header {
    transition: box-shadow .24s ease, background .24s ease, transform .24s ease !important;
}

body.store-page.nnx-is-scrolled .site-header {
    box-shadow: 0 18px 58px rgba(2,6,23,.28), 0 0 0 1px rgba(96,165,250,.18) inset !important;
}

body.store-page .nnx-scroll-reveal {
    opacity: 0 !important;
    transform: translateY(22px) scale(.985) !important;
    filter: blur(5px) saturate(.96) !important;
    transition:
        opacity .62s cubic-bezier(.2,.75,.24,1),
        transform .62s cubic-bezier(.2,.75,.24,1),
        filter .62s ease,
        box-shadow .22s ease !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-scroll-reveal.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) saturate(1) !important;
}

body.store-page .v52-stage-backdrop {
    transform: translateY(calc(var(--nnx-scroll-progress, 0) * -18px)) !important;
    transition: transform .08s linear !important;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    .nnx-scroll-progress {
        transition: none !important;
    }

    body.store-page .nnx-scroll-reveal {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}

@media (max-width: 900px) {
    body .nnx-client-ads-section .nnx-featured-ad-media,
    html body .nnx-client-ads-section .nnx-featured-ad-media {
        min-height: 260px !important;
        padding: 14px !important;
    }

    body .nnx-client-ads-section .nnx-featured-ad-media img,
    body .nnx-client-ads-section .nnx-featured-ad-media video,
    html body .nnx-client-ads-section .nnx-featured-ad-media img,
    html body .nnx-client-ads-section .nnx-featured-ad-media video {
        max-height: 260px !important;
    }
}

@media (max-width: 620px) {
    .nnx-product-card-media,
    .product-image-wrap,
    .producto-img-wrap {
        min-height: 190px !important;
    }

    .promo-card-image,
    .nnx-promo-media-slider .promo-card-image,
    .promo-banner-image {
        min-height: 190px !important;
    }
}

/* =========================================================
   V373 FINAL REAL - waifu anterior + sin espacio vacio banner
========================================================= */
body.store-page main,
body.store-page.page-index main {
    padding-top: 0 !important;
}

body.store-page .site-header {
    position: sticky !important;
    overflow: hidden !important;
    padding-left: clamp(18px, 16vw, 310px) !important;
}

body.store-page .v369-header-nexa {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 286px !important;
    height: 302px !important;
    display: grid !important;
    place-items: center !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background:
        radial-gradient(circle at 55% 22%, rgba(96,165,250,.22), transparent 34%),
        linear-gradient(135deg, rgba(15,23,42,.80), rgba(30,41,59,.48)) !important;
    border-bottom-right-radius: 22px !important;
}

body.store-page .v369-header-nexa img {
    width: 286px !important;
    height: 302px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    filter: drop-shadow(0 18px 30px rgba(37,99,235,.34)) saturate(1.08) !important;
}

body.store-page .v52-stage {
    margin: 0 auto 18px auto !important;
    padding: 0 !important;
}

body.store-page .v52-stage-backdrop {
    inset: 0 4% auto !important;
    height: 120px !important;
}

body.store-page .v52-stage-grid {
    margin-top: 0 !important;
}

body.store-page .home-products-first {
    margin-top: 12px !important;
}

@media (max-width: 1280px) {
    body.store-page .site-header {
        padding-left: 16px !important;
    }

    body.store-page .v369-header-nexa {
        display: none !important;
    }
}

/* V374 LOCK EOF: la waifu no debe tener fondo propio */
body.store-page .v369-header-nexa,
html[data-theme="light"] body.store-page .v369-header-nexa,
body[data-theme="light"].store-page .v369-header-nexa,
html[data-theme="dark"] body.store-page .v369-header-nexa,
body[data-theme="dark"].store-page .v369-header-nexa {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.store-page .v369-header-nexa::before,
body.store-page .v369-header-nexa::after {
    content: none !important;
    display: none !important;
}

/* V375 EOF LOCK - scroll pro final y mobile seguro */
body.store-page {
    --nnx-parallax-y: 0px;
}

body.store-page::before {
    transform: translate3d(0, calc(var(--nnx-parallax-y, 0px) * -0.35), 0) !important;
    transition: transform .08s linear !important;
}

body.store-page::after {
    transform: translate3d(0, calc(var(--nnx-parallax-y, 0px) * -0.18), 0) scale(1.03) !important;
    transition: transform .08s linear !important;
}

body.store-page.nnx-is-scrolled .site-header {
    background: linear-gradient(135deg, rgba(2,8,23,.92), rgba(10,18,38,.88), rgba(30,27,75,.88)) !important;
    box-shadow: 0 18px 58px rgba(2,6,23,.34), 0 0 0 1px rgba(96,165,250,.20) inset !important;
}

body.store-page.nnx-scroll-down .site-header {
    transform: translateY(-2px) !important;
}

body.store-page .producto-card.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-scroll-visible,
body.store-page .promo-card.nnx-scroll-visible {
    animation: nnxScrollCardPop .52s cubic-bezier(.2,.75,.24,1) both !important;
}

@media (min-width: 1281px) {
    body.store-page.nnx-is-scrolled .site-header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body.store-page.nnx-is-scrolled .store-header-top-pro {
        padding-bottom: 9px !important;
    }

    body.store-page.nnx-is-scrolled .store-utility-row {
        transform: translateY(-2px) scale(.985) !important;
        transform-origin: top center !important;
    }
}

@media (max-width: 768px) {
    .nnx-scroll-progress {
        height: 3px !important;
    }

    body.store-page::before,
    body.store-page::after,
    body.store-page .v52-stage-backdrop {
        transform: none !important;
        transition: none !important;
    }

    body.store-page.nnx-is-scrolled .site-header,
    body.store-page.nnx-scroll-down .site-header {
        transform: none !important;
        box-shadow: 0 12px 34px rgba(2,6,23,.28), 0 0 0 1px rgba(96,165,250,.16) inset !important;
    }

    body.store-page .nnx-scroll-reveal {
        transform: translateY(12px) !important;
        filter: none !important;
        transition-duration: .34s !important;
    }

    body.store-page .nnx-scroll-reveal.nnx-scroll-visible {
        transform: translateY(0) !important;
    }

    body.store-page .producto-card.nnx-scroll-visible,
    body.store-page .premium-product-card.nnx-scroll-visible,
    body.store-page .promo-card.nnx-scroll-visible,
    body.store-page .home-products-first .catalog-header.nnx-scroll-visible,
    body.store-page .client-filter-panel.nnx-scroll-visible {
        animation: none !important;
    }
}

/* V376 EOF LOCK - efectos visibles confirmados */
.nnx-scroll-progress {
    height: 7px !important;
    border-radius: 0 999px 999px 0 !important;
    opacity: 1 !important;
    background: linear-gradient(90deg, #22d3ee 0%, #2563eb 42%, #a855f7 76%, #ff3df2 100%) !important;
    box-shadow: 0 0 22px rgba(34,211,238,.86), 0 0 38px rgba(168,85,247,.50) !important;
}

.nnx-scroll-progress::after {
    content: "" !important;
    position: absolute !important;
    right: -10px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 0 18px rgba(34,211,238,.95), 0 0 28px rgba(168,85,247,.65) !important;
    transform: translateY(-50%) scale(var(--nnx-scroll-dot-scale, 1)) !important;
}

body.store-page.nnx-is-scrolling {
    --nnx-scroll-dot-scale: 1.18;
}

.nnx-scroll-rail {
    position: fixed !important;
    right: 12px !important;
    top: 30vh !important;
    width: 5px !important;
    height: 38vh !important;
    z-index: 99990 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(148,163,184,.18), rgba(37,99,235,.25), rgba(168,85,247,.22)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 0 18px rgba(37,99,235,.18) !important;
}

.nnx-scroll-rail span {
    position: absolute !important;
    left: 50% !important;
    top: calc(var(--nnx-scroll-progress, 0) * 100%) !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 999px !important;
    transform: translate(-50%, -50%) !important;
    background: linear-gradient(135deg, #22d3ee, #a855f7) !important;
    box-shadow: 0 0 16px rgba(34,211,238,.86), 0 0 26px rgba(168,85,247,.52) !important;
    transition: top .08s linear, transform .18s ease !important;
}

body.store-page.nnx-is-scrolling .nnx-scroll-rail span {
    transform: translate(-50%, -50%) scale(1.28) !important;
}

body.store-page .nnx-scroll-reveal {
    opacity: .04 !important;
    transform: translateY(46px) scale(.955) !important;
    filter: blur(10px) saturate(.86) !important;
    transition:
        opacity .78s cubic-bezier(.16,.84,.28,1),
        transform .78s cubic-bezier(.16,.84,.28,1),
        filter .78s ease,
        box-shadow .28s ease !important;
}

body.store-page .nnx-scroll-reveal.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) saturate(1) !important;
}

body.store-page .producto-card.nnx-scroll-visible,
body.store-page .premium-product-card.nnx-scroll-visible,
body.store-page .promo-card.nnx-scroll-visible {
    animation: nnxScrollCardPopStrong .74s cubic-bezier(.16,.84,.28,1) both !important;
}

body.store-page .home-products-first .catalog-header.nnx-scroll-visible,
body.store-page .client-filter-panel.nnx-scroll-visible {
    animation: nnxSectionGlowStrong .86s cubic-bezier(.16,.84,.28,1) both !important;
}

@media (max-width: 768px) {
    .nnx-scroll-progress {
        height: 5px !important;
    }

    .nnx-scroll-progress::after {
        width: 12px !important;
        height: 12px !important;
        right: -6px !important;
    }

    .nnx-scroll-rail {
        right: 5px !important;
        top: 36vh !important;
        width: 3px !important;
        height: 28vh !important;
        opacity: .68 !important;
    }

    .nnx-scroll-rail span {
        width: 10px !important;
        height: 10px !important;
    }

    body.store-page .nnx-scroll-reveal {
        opacity: .18 !important;
        transform: translateY(22px) scale(.985) !important;
        filter: none !important;
        transition-duration: .48s !important;
    }

    body.store-page .producto-card.nnx-scroll-visible,
    body.store-page .premium-product-card.nnx-scroll-visible,
    body.store-page .promo-card.nnx-scroll-visible {
        animation: nnxMobileCardRise .48s ease both !important;
    }
}

/* V377 HARD LOCK - barra lateral eliminada despues de todos los efectos */
.nnx-scroll-rail,
.nnx-scroll-rail span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 58px, 0) scale(.94) rotateX(6deg) !important;
    filter: blur(10px) saturate(.82) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal {
    transform: translate3d(-34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(-1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
    transform: translate3d(34px, 58px, 0) scale(.94) rotateX(6deg) rotateZ(1.2deg) !important;
}

body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: blur(0) saturate(1) !important;
    animation: nnxCardEntranceClean .76s cubic-bezier(.16,.84,.28,1) both !important;
}

@media (max-width: 768px) {
    body.store-page .nnx-card-scroll-enter.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-reveal,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-reveal {
        transform: translate3d(0, 28px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-card-scroll-enter.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-left.nnx-scroll-visible,
    body.store-page .nnx-card-scroll-enter.nnx-enter-right.nnx-scroll-visible {
        animation: nnxMobileCardRise .48s ease both !important;
    }
}

/* V379 TRUE EOF LOCK - productos animan al cargar y despues quedan estaticos */
body.store-page .producto-card.nnx-product-load-card,
body.store-page .premium-product-card.nnx-product-load-card,
body.store-page .v51-product-card.nnx-product-load-card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    will-change: auto !important;
}

body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
    animation: nnxProductPageLoadEntranceTrue .86s cubic-bezier(.16,.84,.28,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-card.nnx-product-load-done,
body.store-page .producto-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.nnx-scroll-reveal:not(.nnx-product-load-in),
body.store-page .producto-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.v357-reveal:not(.nnx-product-load-in),
body.store-page .producto-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in),
body.store-page .premium-product-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in),
body.store-page .v51-product-card.nnx-product-load-card.nnx-card-scroll-enter:not(.nnx-product-load-in) {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxProductPageLoadEntranceTrue {
    0% {
        opacity: 0;
        transform: translate3d(0, 46px, 0) scale(.92) rotateX(8deg);
        filter: blur(10px) saturate(.82);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1.018) rotateX(0);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        filter: none;
    }
}

@media (max-width: 768px) {
    body.store-page.nnx-products-loading .producto-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .premium-product-card.nnx-product-load-card.nnx-product-load-in,
    body.store-page.nnx-products-loading .v51-product-card.nnx-product-load-card.nnx-product-load-in {
        animation: nnxProductMobileLoadEntranceTrue .54s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

@keyframes nnxProductMobileLoadEntranceTrue {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.975);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .producto-card.nnx-product-load-card,
    body.store-page .premium-product-card.nnx-product-load-card,
    body.store-page .v51-product-card.nnx-product-load-card {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* V380 ABSOLUTE EOF - este bloque manda sobre los anteriores */
body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 78px, 0) scale(.86) rotateX(12deg) !important;
    filter: blur(14px) saturate(.72) brightness(.9) !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible) {
    transform: translate3d(-42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(-2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
    transform: translate3d(42px, 78px, 0) scale(.86) rotateX(12deg) rotateZ(2.2deg) !important;
}

body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
    animation: nnxProductEntranceV380Final 1.12s cubic-bezier(.14,.9,.18,1) var(--nnx-load-delay, 0ms) both !important;
    transform-origin: center bottom !important;
    will-change: opacity, transform, filter, box-shadow !important;
}

body.store-page .producto-card.nnx-product-load-done,
body.store-page .premium-product-card.nnx-product-load-done,
body.store-page .v51-product-card.nnx-product-load-done {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0) rotateZ(0) !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
}

@media (max-width: 768px) {
    body.store-page .producto-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-left:not(.nnx-product-entry-visible),
    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible),
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-right:not(.nnx-product-entry-visible) {
        transform: translate3d(0, 34px, 0) scale(.96) !important;
        filter: blur(4px) saturate(.9) !important;
    }

    body.store-page .producto-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .premium-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in,
    body.store-page .v51-product-card.nnx-product-entry-card.nnx-product-entry-visible.nnx-product-load-in {
        animation: nnxProductEntranceMobileV380Final .64s ease-out var(--nnx-load-delay, 0ms) both !important;
    }
}

/* V381 ABSOLUTE FINAL PACK - efectos visibles y rapidos */
body.store-page .nnx-v381-product {
    position: relative !important;
    overflow: hidden !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
}

body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 64px, 0) scale(.92) !important;
    filter: blur(8px) saturate(.88) !important;
}

body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
    animation: nnxV381ProductStaggerAbsolute .78s cubic-bezier(.16,.84,.28,1) var(--nnx-v381-delay, 0ms) both !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-v381-product.nnx-v381-done,
body.store-page .nnx-v381-product.nnx-v381-visible {
    opacity: 1 !important;
    filter: none !important;
}

body.store-page .nnx-v381-product.nnx-v381-done:not(.nnx-v381-tilt-active) {
    transform: translate3d(0, 0, 0) scale(1) !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxV381ProductStaggerAbsolute {
    0% {
        opacity: 0;
        transform: translate3d(0, 72px, 0) scale(.90);
        filter: blur(10px) saturate(.84);
    }
    55% {
        opacity: 1;
        transform: translate3d(0, -8px, 0) scale(1.018);
        filter: blur(0) saturate(1.08);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
    body.store-page .nnx-v381-product.nnx-v381-tilt {
        transition: transform .18s ease, box-shadow .22s ease, filter .22s ease !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-tilt-active {
        transform: perspective(920px) rotateX(var(--nnx-tilt-x, 0deg)) rotateY(var(--nnx-tilt-y, 0deg)) translateY(-8px) scale(1.014) !important;
        box-shadow: 0 26px 62px rgba(37,99,235,.25), 0 0 34px rgba(168,85,247,.18) !important;
        z-index: 3 !important;
    }
}

.nnx-v381-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v381-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -42% auto -42% -72% !important;
    width: 56% !important;
    transform: translateX(-30%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.54), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.nnx-v381-shine:hover::after,
.nnx-v381-shine:focus-visible::after {
    animation: nnxV381ShineAbsolute .78s ease !important;
}

.nnx-v381-shine:hover,
.nnx-v381-shine:focus-visible {
    box-shadow: 0 14px 34px rgba(37,99,235,.28), 0 0 24px rgba(34,211,238,.18) !important;
}

@keyframes nnxV381ShineAbsolute {
    0% {
        opacity: 0;
        transform: translateX(-35%) skewX(-22deg);
    }
    22% {
        opacity: .92;
    }
    100% {
        opacity: 0;
        transform: translateX(360%) skewX(-22deg);
    }
}

body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 34px, 0) scale(.985) !important;
    filter: blur(5px) saturate(.94) !important;
}

body.store-page .nnx-v381-section.nnx-v381-section-visible {
    animation: nnxV381SectionRevealAbsolute .66s cubic-bezier(.2,.75,.24,1) var(--nnx-v381-section-delay, 0ms) both !important;
}

@keyframes nnxV381SectionRevealAbsolute {
    0% {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.985);
        filter: blur(5px) saturate(.94);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media,
body.store-page .nnx-v381-skeleton .product-image-wrap,
body.store-page .nnx-v381-skeleton .product-img-wrap,
body.store-page .nnx-v381-skeleton .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v381-skeleton .nnx-product-card-media::after,
body.store-page .nnx-v381-skeleton .product-image-wrap::after,
body.store-page .nnx-v381-skeleton .product-img-wrap::after,
body.store-page .nnx-v381-skeleton .producto-img-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.22) 42%, transparent 74%),
        linear-gradient(135deg, rgba(37,99,235,.10), rgba(168,85,247,.12)) !important;
    transform: translateX(-120%) !important;
    animation: nnxV381SkeletonAbsolute 1.12s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV381SkeletonAbsolute {
    100% {
        transform: translateX(120%);
    }
}

@media (max-width: 768px) {
    body.store-page .nnx-v381-product.nnx-v381-stagger:not(.nnx-v381-visible) {
        transform: translate3d(0, 24px, 0) scale(.98) !important;
        filter: none !important;
    }

    body.store-page .nnx-v381-product.nnx-v381-visible:not(.nnx-v381-done) {
        animation: nnxV381ProductStaggerMobileAbsolute .42s ease-out var(--nnx-v381-delay, 0ms) both !important;
    }

    body.store-page .nnx-v381-section:not(.nnx-v381-section-visible) {
        transform: translate3d(0, 20px, 0) !important;
        filter: none !important;
    }
}

@keyframes nnxV381ProductStaggerMobileAbsolute {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.98);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v381-product,
    body.store-page .nnx-v381-section,
    .nnx-v381-shine,
    .nnx-v381-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* V382 ABSOLUTE FINAL - hero, productos, filtros, shine y skeleton */
body.store-page .nnx-v382-hero:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 36px, 0) scale(.965) !important;
    filter: blur(6px) saturate(.92) !important;
}

body.store-page .nnx-v382-hero.nnx-v382-visible {
    animation: nnxV382HeroFadeScaleFinal .72s cubic-bezier(.2,.75,.24,1) var(--nnx-v382-delay, 0ms) both !important;
}

@keyframes nnxV382HeroFadeScaleFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 36px, 0) scale(.965);
        filter: blur(6px) saturate(.92);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v382-product:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 58px, 0) scale(.93) !important;
    filter: blur(7px) saturate(.88) !important;
}

body.store-page .nnx-v382-product.nnx-v382-visible:not(.nnx-v382-done) {
    animation: nnxV382ProductStaggerFinal .76s cubic-bezier(.16,.84,.28,1) var(--nnx-v382-delay, 0ms) both !important;
    will-change: opacity, transform, filter !important;
}

body.store-page .nnx-v382-product.nnx-v382-done,
body.store-page .nnx-v382-product.nnx-v382-visible {
    opacity: 1 !important;
    filter: none !important;
}

body.store-page .nnx-v382-product.nnx-v382-done {
    transform: translate3d(0, 0, 0) scale(1) !important;
    animation: none !important;
    will-change: auto !important;
}

@keyframes nnxV382ProductStaggerFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 62px, 0) scale(.92);
        filter: blur(8px) saturate(.86);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, -6px, 0) scale(1.014);
        filter: blur(0) saturate(1.06);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
    }
}

body.store-page .nnx-v382-filter:not(.nnx-v382-visible) {
    opacity: 0 !important;
    transform: translate3d(0, 22px, 0) !important;
}

body.store-page .nnx-v382-filter.nnx-v382-visible {
    animation: nnxV382FilterSlideInFinal .46s cubic-bezier(.2,.75,.24,1) var(--nnx-v382-delay, 0ms) both !important;
}

@keyframes nnxV382FilterSlideInFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.nnx-v382-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v382-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -45% auto -45% -70% !important;
    width: 55% !important;
    transform: translateX(-30%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.nnx-v382-shine:hover::after,
.nnx-v382-shine:focus-visible::after {
    animation: nnxV382ShineHoverFinal .72s ease !important;
}

.nnx-v382-shine:hover,
.nnx-v382-shine:focus-visible {
    box-shadow: 0 14px 34px rgba(37,99,235,.28), 0 0 22px rgba(34,211,238,.16) !important;
}

@keyframes nnxV382ShineHoverFinal {
    0% {
        opacity: 0;
        transform: translateX(-35%) skewX(-22deg);
    }
    24% {
        opacity: .95;
    }
    100% {
        opacity: 0;
        transform: translateX(360%) skewX(-22deg);
    }
}

body.store-page .nnx-v382-skeleton .nnx-product-card-media,
body.store-page .nnx-v382-skeleton .product-image-wrap,
body.store-page .nnx-v382-skeleton .product-img-wrap,
body.store-page .nnx-v382-skeleton .producto-img-wrap {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v382-skeleton .nnx-product-card-media::after,
body.store-page .nnx-v382-skeleton .product-image-wrap::after,
body.store-page .nnx-v382-skeleton .product-img-wrap::after,
body.store-page .nnx-v382-skeleton .producto-img-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.24) 44%, transparent 76%),
        linear-gradient(135deg, rgba(37,99,235,.12), rgba(168,85,247,.12)) !important;
    transform: translateX(-120%) !important;
    animation: nnxV382SkeletonShimmerFinal 1.06s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes nnxV382SkeletonShimmerFinal {
    100% {
        transform: translateX(120%);
    }
}

@media (max-width: 768px) {
    body.store-page .nnx-v382-hero:not(.nnx-v382-visible) {
        transform: translate3d(0, 22px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-v382-product:not(.nnx-v382-visible) {
        transform: translate3d(0, 24px, 0) scale(.985) !important;
        filter: none !important;
    }

    body.store-page .nnx-v382-product.nnx-v382-visible:not(.nnx-v382-done) {
        animation: nnxV382ProductMobileFinal .42s ease-out var(--nnx-v382-delay, 0ms) both !important;
    }
}

@keyframes nnxV382ProductMobileFinal {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(.985);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v382-hero,
    body.store-page .nnx-v382-product,
    body.store-page .nnx-v382-filter,
    .nnx-v382-shine,
    .nnx-v382-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* V383 ADMIN WAIFU + ESPACIADO EOF FINAL */
body.admin-page .site-header {
    position: sticky !important;
    top: 0 !important;
    overflow: hidden !important;
    min-height: 250px !important;
    padding: 20px 16px 24px !important;
}

body.admin-page .admin-header-shell {
    position: relative !important;
    z-index: 2 !important;
    width: min(1368px, 100%) !important;
    max-width: 1368px !important;
    margin: 0 auto !important;
    padding-left: clamp(210px, 16vw, 288px) !important;
    padding-right: 28px !important;
    overflow: visible !important;
}

body.admin-page .admin-header-nexa {
    display: block !important;
    position: absolute !important;
    left: clamp(18px, 5vw, 96px) !important;
    top: 12px !important;
    width: clamp(154px, 12vw, 218px) !important;
    height: calc(100% - 20px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.admin-page .admin-header-nexa img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    opacity: .98 !important;
    filter: drop-shadow(0 18px 34px rgba(37,99,235,.26)) !important;
}

body.admin-page main {
    padding-top: 42px !important;
    margin-top: 0 !important;
}

body.admin-page.admin-auth main {
    padding-top: 34px !important;
}

body.admin-page.admin-guest main {
    padding-top: 62px !important;
}

body.admin-page .admin-page-top,
body.admin-page .admin-hero,
body.admin-page main > section:first-of-type,
body.admin-page .smart-fulfillment-board,
body.admin-page .admin-shortcuts {
    margin-top: 0 !important;
}

body.admin-page .admin-login-form {
    position: relative !important;
    z-index: 3 !important;
    width: min(94vw, 470px) !important;
    max-width: 470px !important;
    margin: 0 auto 48px !important;
    transform: none !important;
}

body.admin-page.admin-auth .smart-fulfillment-board {
    margin-top: 18px !important;
}

@media (max-width: 1100px) {
    body.admin-page .site-header {
        min-height: 236px !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.admin-page .admin-header-nexa {
        left: auto !important;
        right: 12px !important;
        top: 18px !important;
        width: 170px !important;
        height: 190px !important;
        opacity: .2 !important;
    }
}

@media (max-width: 760px) {
    body.admin-page .site-header {
        min-height: auto !important;
        padding: 14px 12px 16px !important;
    }

    body.admin-page .admin-header-nexa {
        display: none !important;
    }

    body.admin-page .admin-header-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.admin-page main,
    body.admin-page.admin-auth main,
    body.admin-page.admin-guest main {
        padding-top: 24px !important;
    }

    body.admin-page .admin-login-form {
        width: min(94vw, 470px) !important;
        margin-bottom: 34px !important;
    }
}

/* V384 UX/UI PREMIUM EOF LOCK */
body.store-page.nnx-v384-ux {
    --nnx-v384-panel: rgba(8, 16, 34, .88);
    --nnx-v384-panel-strong: rgba(5, 12, 27, .96);
    --nnx-v384-line: rgba(96, 165, 250, .24);
}

html[data-theme="light"] body.store-page.nnx-v384-ux,
body[data-theme="light"].store-page.nnx-v384-ux {
    --nnx-v384-panel: rgba(255, 255, 255, .94);
    --nnx-v384-panel-strong: rgba(248, 251, 255, .98);
    --nnx-v384-line: rgba(37, 99, 235, .18);
}

body.store-page.nnx-v384-ux .site-header {
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 16px 46px rgba(2, 6, 23, .24), inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: padding .22s ease, box-shadow .22s ease, background .22s ease !important;
}

body.store-page.nnx-v384-ux.nnx-v384-scrolled .site-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 12px 38px rgba(2, 6, 23, .32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.store-page.nnx-v384-ux .v52-stage,
body.store-page.nnx-v384-ux .catalog-header,
body.store-page.nnx-v384-ux .client-filter-panel,
body.store-page.nnx-v384-ux .catalog-layout,
body.store-page.nnx-v384-ux .trust-strip,
body.store-page.nnx-v384-ux .v52-marquee {
    width: min(1280px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.store-page.nnx-v384-ux .v52-stage-grid,
body.store-page.nnx-v384-ux .v52-intro-panel,
body.store-page.nnx-v384-ux .v52-side-card,
body.store-page.nnx-v384-ux .client-filter-panel,
body.store-page.nnx-v384-ux .catalog-header {
    border: 1px solid var(--nnx-v384-line) !important;
    box-shadow: 0 22px 62px rgba(2, 6, 23, .20) !important;
}

body.store-page.nnx-v384-ux .productos-grid,
body.store-page.nnx-v384-ux .premium-products-grid,
body.store-page.nnx-v384-ux .v52-product-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(218px, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.store-page.nnx-v384-ux .producto-card,
body.store-page.nnx-v384-ux .premium-product-card,
body.store-page.nnx-v384-ux .v51-product-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid var(--nnx-v384-line) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        var(--nnx-v384-panel-strong) !important;
    box-shadow: 0 16px 38px rgba(2, 6, 23, .18) !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
    transition: box-shadow .22s ease, border-color .22s ease, filter .22s ease !important;
}

html[data-theme="light"] body.store-page.nnx-v384-ux .producto-card,
html[data-theme="light"] body.store-page.nnx-v384-ux .premium-product-card,
html[data-theme="light"] body.store-page.nnx-v384-ux .v51-product-card,
body[data-theme="light"].store-page.nnx-v384-ux .producto-card,
body[data-theme="light"].store-page.nnx-v384-ux .premium-product-card,
body[data-theme="light"].store-page.nnx-v384-ux .v51-product-card {
    background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, .10) !important;
}

body.store-page.nnx-v384-ux .producto-card:hover,
body.store-page.nnx-v384-ux .premium-product-card:hover,
body.store-page.nnx-v384-ux .v51-product-card:hover {
    border-color: rgba(34, 211, 238, .48) !important;
    box-shadow: 0 24px 58px rgba(37, 99, 235, .22), 0 0 26px rgba(34, 211, 238, .10) !important;
}

body.store-page.nnx-v384-ux .nnx-v384-card.nnx-v384-tilt {
    transform: perspective(900px) rotateX(var(--nnx-v384-tilt-x, 0deg)) rotateY(var(--nnx-v384-tilt-y, 0deg)) translateY(-7px) scale(1.012) !important;
    z-index: 4 !important;
}

body.store-page.nnx-v384-ux .producto-card:hover img,
body.store-page.nnx-v384-ux .premium-product-card:hover img,
body.store-page.nnx-v384-ux .v51-product-card:hover img {
    transform: scale(1.035) !important;
    filter: saturate(1.08) contrast(1.02) !important;
}

body.store-page.nnx-v384-ux .primary-cart-btn,
body.store-page.nnx-v384-ux .quick-buy-btn,
body.store-page.nnx-v384-ux .btn-primary,
body.store-page.nnx-v384-ux .v52-slide-link {
    border-radius: 999px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .22) !important;
}

body.store-page .nnx-v384-hero:not(.nnx-v384-in),
body.store-page .nnx-v384-filter:not(.nnx-v384-in),
body.store-page .nnx-v384-card:not(.nnx-v384-in) {
    opacity: 0 !important;
    pointer-events: none !important;
}

body.store-page .nnx-v384-hero:not(.nnx-v384-in) {
    transform: translate3d(0, 34px, 0) scale(.965) !important;
    filter: blur(6px) saturate(.92) !important;
}

body.store-page .nnx-v384-filter:not(.nnx-v384-in) {
    transform: translate3d(0, 22px, 0) !important;
}

body.store-page .nnx-v384-card:not(.nnx-v384-in) {
    transform: translate3d(0, 54px, 0) scale(.94) !important;
    filter: blur(8px) saturate(.86) !important;
}

body.store-page .nnx-v384-hero.nnx-v384-in {
    animation: nnxV384HeroIn .64s cubic-bezier(.2,.78,.22,1) var(--nnx-v384-delay, 0ms) both !important;
}

body.store-page .nnx-v384-filter.nnx-v384-in {
    animation: nnxV384FilterIn .42s cubic-bezier(.2,.78,.22,1) var(--nnx-v384-delay, 0ms) both !important;
}

body.store-page .nnx-v384-card.nnx-v384-in:not(.nnx-v384-tilt) {
    animation: nnxV384CardIn .68s cubic-bezier(.16,.86,.25,1) var(--nnx-v384-delay, 0ms) both !important;
}

.nnx-v384-shine {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.nnx-v384-shine::after {
    content: "" !important;
    position: absolute !important;
    inset: -45% auto -45% -75% !important;
    width: 58% !important;
    transform: translateX(-35%) skewX(-22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.nnx-v384-shine:hover::after,
.nnx-v384-shine:focus-visible::after {
    animation: nnxV384Shine .72s ease !important;
}

body.store-page .nnx-v384-skeleton :where(.nnx-product-card-media, .product-image-wrap, .product-img-wrap, .producto-img-wrap) {
    position: relative !important;
    overflow: hidden !important;
}

body.store-page .nnx-v384-skeleton :where(.nnx-product-card-media, .product-image-wrap, .product-img-wrap, .producto-img-wrap)::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.26) 44%, transparent 76%) !important;
    transform: translateX(-120%) !important;
    animation: nnxV384Skeleton 1.04s ease-in-out infinite !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {
    body.store-page.nnx-v384-ux .v52-stage,
    body.store-page.nnx-v384-ux .catalog-header,
    body.store-page.nnx-v384-ux .client-filter-panel,
    body.store-page.nnx-v384-ux .catalog-layout,
    body.store-page.nnx-v384-ux .trust-strip,
    body.store-page.nnx-v384-ux .v52-marquee {
        width: min(100% - 20px, 100%) !important;
    }

    body.store-page.nnx-v384-ux .productos-grid,
    body.store-page.nnx-v384-ux .premium-products-grid,
    body.store-page.nnx-v384-ux .v52-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.store-page .nnx-v384-card:not(.nnx-v384-in) {
        transform: translate3d(0, 24px, 0) scale(.98) !important;
        filter: none !important;
    }

    body.store-page .nnx-v384-card.nnx-v384-in:not(.nnx-v384-tilt) {
        animation: nnxV384CardMobileIn .42s ease-out var(--nnx-v384-delay, 0ms) both !important;
    }
}

@media (max-width: 430px) {
    body.store-page.nnx-v384-ux .productos-grid,
    body.store-page.nnx-v384-ux .premium-products-grid,
    body.store-page.nnx-v384-ux .v52-product-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.store-page .nnx-v384-hero,
    body.store-page .nnx-v384-filter,
    body.store-page .nnx-v384-card,
    .nnx-v384-shine,
    .nnx-v384-shine::after {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   V388 FIX ADMIN CATALOGO DROPSHIPPING
   - Numeros de stock/precio legibles
   - Tabla mas ancha y sin scroll horizontal innecesario
   - Mejor adaptacion para catalogo dropshipping
========================================================= */
body.admin-page main,
html[data-theme="dark"] body.admin-page main {
  max-width: 1680px !important;
  width: min(100% - 24px, 1680px) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  overflow-x: visible !important;
}

body.admin-page .admin-grid {
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: start !important;
}

body.admin-page .admin-card {
  min-width: 0 !important;
  overflow: visible !important;
}

body.admin-page .admin-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
  border-radius: 18px !important;
}

body.admin-page .admin-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.admin-page .admin-table th,
body.admin-page .admin-table td {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  color: #0f172a !important;
}

body.admin-page .admin-table th:nth-child(1),
body.admin-page .admin-table td:nth-child(1) { width: 56px !important; }
body.admin-page .admin-table th:nth-child(2),
body.admin-page .admin-table td:nth-child(2) { width: 86px !important; }
body.admin-page .admin-table th:nth-child(3),
body.admin-page .admin-table td:nth-child(3) { width: 34% !important; }
body.admin-page .admin-table th:nth-child(4),
body.admin-page .admin-table td:nth-child(4) { width: 14% !important; }
body.admin-page .admin-table th:nth-child(5),
body.admin-page .admin-table td:nth-child(5) { width: 118px !important; }
body.admin-page .admin-table th:nth-child(6),
body.admin-page .admin-table td:nth-child(6) { width: 76px !important; }
body.admin-page .admin-table th:nth-child(7),
body.admin-page .admin-table td:nth-child(7) { width: 100px !important; }
body.admin-page .admin-table th:nth-child(8),
body.admin-page .admin-table td:nth-child(8) { width: 170px !important; }

body.admin-page .admin-table td:nth-child(5),
body.admin-page .admin-table td:nth-child(6),
body.admin-page .admin-table td:nth-child(7),
body.admin-page .admin-table .stock-pill {
  font-weight: 950 !important;
  letter-spacing: .01em !important;
}

body.admin-page .stock-pill,
body.admin-page .stock-pill.ok,
body.admin-page .stock-pill.warning,
body.admin-page .stock-pill.critical {
  min-width: 74px !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  text-shadow: none !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .12) !important;
}

body.admin-page .stock-pill.ok {
  background: #bbf7d0 !important;
  color: #052e16 !important;
  border-color: #22c55e !important;
}

body.admin-page .stock-pill.warning {
  background: #fed7aa !important;
  color: #7c2d12 !important;
  border-color: #fb923c !important;
}

body.admin-page .stock-pill.critical {
  background: #fecaca !important;
  color: #7f1d1d !important;
  border-color: #ef4444 !important;
}

html[data-theme="dark"] body.admin-page .admin-table th,
html[data-theme="dark"] body.admin-page .admin-table td,
body[data-theme="dark"].admin-page .admin-table th,
body[data-theme="dark"].admin-page .admin-table td {
  color: #eaf2ff !important;
}

html[data-theme="dark"] body.admin-page .stock-pill.ok,
body[data-theme="dark"].admin-page .stock-pill.ok {
  background: #bbf7d0 !important;
  color: #052e16 !important;
  border-color: #4ade80 !important;
}

html[data-theme="dark"] body.admin-page .stock-pill.warning,
body[data-theme="dark"].admin-page .stock-pill.warning {
  background: #fed7aa !important;
  color: #7c2d12 !important;
  border-color: #fb923c !important;
}

html[data-theme="dark"] body.admin-page .stock-pill.critical,
body[data-theme="dark"].admin-page .stock-pill.critical {
  background: #fecaca !important;
  color: #7f1d1d !important;
  border-color: #f87171 !important;
}

@media (max-width: 1180px) {
  body.admin-page .admin-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  body.admin-page main {
    width: min(100% - 14px, 100%) !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  body.admin-page .admin-table-wrap {
    overflow-x: visible !important;
  }
  body.admin-page .admin-table tr.admin-product-row {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }
  body.admin-page .stock-pill,
  body.admin-page .stock-pill.ok,
  body.admin-page .stock-pill.warning,
  body.admin-page .stock-pill.critical {
    color: #052e16 !important;
    background: #bbf7d0 !important;
  }
}


/* =========================================================
   v389 FIX REAL ADMIN DROPSHIPPING
   - Numeros legibles en stats y stock
   - Panel mas ancho
   - Reduce scroll horizontal en escritorio
========================================================= */
html, body {
  max-width: 100% !important;
}
body.admin-page,
body.page-admin-dropshipping,
body:has(.nnx-ds-admin-page) {
  overflow-x: hidden !important;
}
body.admin-page main.nnx-ds-admin-page,
body.page-admin-dropshipping main.nnx-ds-admin-page,
.nnx-ds-admin-page.nnx-pro-max {
  width: min(98vw, 1840px) !important;
  max-width: 1840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}
.nnx-ds-stats,
.nnx-pro-stats {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
}
.nnx-ds-stats article,
.nnx-pro-stats article {
  min-width: 0 !important;
  overflow: hidden !important;
}
.nnx-ds-stats strong,
.nnx-pro-stats strong,
.nnx-ds-order-head b,
.nnx-ds-copy-box b {
  color: #ffffff !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
  -webkit-text-fill-color: #ffffff !important;
}
.nnx-ds-stats small,
.nnx-pro-stats small {
  color: #dbeafe !important;
  font-weight: 950 !important;
}
.stock-pill,
.stock-pill.ok,
.stock-pill.warning,
.stock-pill.critical,
body.admin-page .stock-pill,
body.admin-page .stock-pill.ok,
body.admin-page .stock-pill.warning,
body.admin-page .stock-pill.critical,
.nnx-ds-admin-page .stock-pill,
.nnx-ds-admin-page .stock-pill.ok,
.nnx-ds-admin-page .stock-pill.warning,
.nnx-ds-admin-page .stock-pill.critical {
  min-width: 78px !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .96rem !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
  -webkit-text-fill-color: currentColor !important;
}
.stock-pill.ok,
body.admin-page .stock-pill.ok,
.nnx-ds-admin-page .stock-pill.ok {
  background: #86efac !important;
  color: #052e16 !important;
  border: 2px solid #16a34a !important;
}
.stock-pill.warning,
body.admin-page .stock-pill.warning,
.nnx-ds-admin-page .stock-pill.warning {
  background: #fdba74 !important;
  color: #431407 !important;
  border: 2px solid #ea580c !important;
}
.stock-pill.critical,
body.admin-page .stock-pill.critical,
.nnx-ds-admin-page .stock-pill.critical {
  background: #fca5a5 !important;
  color: #450a0a !important;
  border: 2px solid #dc2626 !important;
}
.admin-table-wrap,
body.admin-page .admin-table-wrap,
.nnx-ds-admin-page .admin-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  box-sizing: border-box !important;
}
body.admin-page .admin-table,
.admin-table {
  width: 100% !important;
  table-layout: auto !important;
}
.nnx-ds-orders,
.nnx-ds-order-card,
.nnx-pro-order-card,
.nnx-ds-copy-box,
.nnx-ds-admin-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.nnx-pro-flow-steps {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
}
@media (min-width: 1200px) {
  body.admin-page .admin-grid {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
  }
  body.admin-page main:not(.nnx-ds-admin-page) {
    width: min(98vw, 1840px) !important;
    max-width: 1840px !important;
  }
}
@media (max-width: 760px) {
  body.admin-page main.nnx-ds-admin-page,
  body.page-admin-dropshipping main.nnx-ds-admin-page,
  .nnx-ds-admin-page.nnx-pro-max {
    width: min(100% - 14px, 100%) !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .nnx-ds-stats,
  .nnx-pro-stats {
    grid-template-columns: 1fr 1fr !important;
  }
  .nnx-ds-stats strong,
  .nnx-pro-stats strong {
    font-size: 1.55rem !important;
  }
}
@media (max-width: 480px) {
  .nnx-ds-stats,
  .nnx-pro-stats {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   v390 FIX REAL CATALOGO ADMIN - STOCK LEGIBLE + ANCHO
   Esta correccion apunta directamente a admin.php > Catalogo administrable.
========================================================= */
body.admin-page {
  overflow-x: hidden !important;
}
body.admin-page .admin-page-top,
body.admin-page .admin-shortcuts,
body.admin-page .admin-section,
body.admin-page #sec-productos,
body.admin-page #sec-productos .admin-grid,
body.admin-page #sec-productos .admin-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* En escritorio dejamos Agregar producto arriba y Catalogo abajo para que la tabla ocupe todo el ancho */
body.admin-page #sec-productos .admin-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
}
body.admin-page #sec-productos .admin-card:nth-child(2) {
  max-width: 100% !important;
  overflow: hidden !important;
}
body.admin-page #sec-productos .admin-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
  padding-bottom: 0 !important;
}
body.admin-page #sec-productos table.admin-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}
body.admin-page #sec-productos table.admin-table th,
body.admin-page #sec-productos table.admin-table td {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  vertical-align: middle !important;
}
body.admin-page #sec-productos table.admin-table th:nth-child(1),
body.admin-page #sec-productos table.admin-table td:nth-child(1) { width: 70px !important; }
body.admin-page #sec-productos table.admin-table th:nth-child(2),
body.admin-page #sec-productos table.admin-table td:nth-child(2) { width: 96px !important; }
body.admin-page #sec-productos table.admin-table th:nth-child(5),
body.admin-page #sec-productos table.admin-table td:nth-child(5) { width: 120px !important; }
body.admin-page #sec-productos table.admin-table th:nth-child(6),
body.admin-page #sec-productos table.admin-table td:nth-child(6) { width: 95px !important; text-align:center !important; }
body.admin-page #sec-productos table.admin-table th:nth-child(7),
body.admin-page #sec-productos table.admin-table td:nth-child(7) { width: 115px !important; text-align:center !important; }
body.admin-page #sec-productos table.admin-table th:nth-child(8),
body.admin-page #sec-productos table.admin-table td:nth-child(8) { width: 170px !important; }
/* Stock: contraste fuerte, eliminando el lila claro que no se ve */
body.admin-page #sec-productos .admin-table .stock-pill,
body.admin-page .dashboard-mini-list .stock-pill,
html body.admin-page .stock-pill {
  min-width: 76px !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  text-shadow: none !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
  opacity: 1 !important;
}
html body.admin-page #sec-productos .admin-table .stock-pill.ok,
html body.admin-page .dashboard-mini-list .stock-pill.ok,
html body.admin-page .stock-pill.ok {
  background: #bbf7d0 !important;
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
  border: 2px solid #22c55e !important;
}
html body.admin-page #sec-productos .admin-table .stock-pill.warning,
html body.admin-page .dashboard-mini-list .stock-pill.warning,
html body.admin-page .stock-pill.warning {
  background: #fed7aa !important;
  color: #431407 !important;
  -webkit-text-fill-color: #431407 !important;
  border: 2px solid #f97316 !important;
}
html body.admin-page #sec-productos .admin-table .stock-pill.critical,
html body.admin-page .dashboard-mini-list .stock-pill.critical,
html body.admin-page .stock-pill.critical {
  background: #fecaca !important;
  color: #450a0a !important;
  -webkit-text-fill-color: #450a0a !important;
  border: 2px solid #ef4444 !important;
}
@media (max-width: 900px) {
  body.admin-page #sec-productos .admin-table-wrap {
    overflow-x: auto !important;
  }
  body.admin-page #sec-productos table.admin-table {
    min-width: 820px !important;
  }
}

/* =========================================================
   v391 FIX REAL ADMIN PRODUCTOS - 2 COLUMNAS + SELECT + CATEGORIAS
   Objetivo: Agregar producto y catalogo lado a lado en escritorio,
   mismo alto visual, sin barra horizontal, y dropdown legible.
========================================================= */
@media (min-width: 1180px) {
  html body.admin-page main,
  html body.admin-page .admin-container,
  html body.admin-page .admin-page,
  html body.admin-page .admin-page-top,
  html body.admin-page .admin-section,
  html body.admin-page #sec-productos {
    width: 100% !important;
    max-width: none !important;
  }

  html body.admin-page #sec-productos .admin-grid {
    display: grid !important;
    grid-template-columns: minmax(360px, 0.43fr) minmax(640px, 0.57fr) !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
  }

  html body.admin-page #sec-productos .admin-card {
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  html body.admin-page #sec-productos .admin-card:nth-child(2) {
    overflow: hidden !important;
  }

  html body.admin-page #sec-productos .admin-form {
    flex: 1 1 auto !important;
  }

  html body.admin-page #sec-productos .admin-table-wrap {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.admin-page #sec-productos table.admin-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-spacing: 0 8px !important;
  }

  html body.admin-page #sec-productos table.admin-table th,
  html body.admin-page #sec-productos table.admin-table td {
    padding: 8px 7px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body.admin-page #sec-productos table.admin-table th:nth-child(1),
  html body.admin-page #sec-productos table.admin-table td:nth-child(1) { width: 42px !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(2),
  html body.admin-page #sec-productos table.admin-table td:nth-child(2) { width: 58px !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(3),
  html body.admin-page #sec-productos table.admin-table td:nth-child(3) { width: 31% !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(4),
  html body.admin-page #sec-productos table.admin-table td:nth-child(4) { width: 92px !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(5),
  html body.admin-page #sec-productos table.admin-table td:nth-child(5) { width: 86px !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(6),
  html body.admin-page #sec-productos table.admin-table td:nth-child(6) { width: 54px !important; text-align:center !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(7),
  html body.admin-page #sec-productos table.admin-table td:nth-child(7) { width: 72px !important; text-align:center !important; }
  html body.admin-page #sec-productos table.admin-table th:nth-child(8),
  html body.admin-page #sec-productos table.admin-table td:nth-child(8) { width: 112px !important; }

  html body.admin-page #sec-productos .admin-thumb {
    width: 42px !important;
    height: 42px !important;
    object-fit: cover !important;
  }

  html body.admin-page #sec-productos .table-subtext {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.25 !important;
    font-size: 11px !important;
  }

  html body.admin-page #sec-productos .admin-actions {
    display: flex !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  html body.admin-page #sec-productos .admin-actions a,
  html body.admin-page #sec-productos .admin-actions button {
    padding: 6px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

@media (min-width: 1500px) {
  html body.admin-page #sec-productos .admin-grid {
    grid-template-columns: minmax(440px, 0.40fr) minmax(860px, 0.60fr) !important;
    gap: 22px !important;
  }
}

/* Select/dropdown oscuro legible en admin */
html body.admin-page select,
html body.admin-page select:focus {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border-color: rgba(56,189,248,.45) !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body.admin-page select option,
html body.admin-page select optgroup {
  background-color: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.admin-page select option:checked,
html body.admin-page select option:hover {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Stock siempre legible */
html body.admin-page #sec-productos .stock-pill,
html body.admin-page .stock-pill,
html body.admin-page span.stock-pill.ok {
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
  font-weight: 950 !important;
}


/* =========================================================
   v392 FIX REAL: CATEGORIAS COMPLETAS + BOTONES ADMIN GRANDES
   - Select de categorias con todas las categorias para dropshipping.
   - Editar / Eliminar mas grandes y visibles.
========================================================= */
html body.admin-page #sec-productos .admin-actions,
html body.admin-page .admin-table .admin-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  min-width: 190px !important;
}
html body.admin-page #sec-productos .admin-actions a,
html body.admin-page .admin-table .admin-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border: 1px solid rgba(125, 211, 252, .55) !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .25) !important;
}
html body.admin-page #sec-productos .admin-actions button,
html body.admin-page .admin-table .admin-actions button,
html body.admin-page #sec-productos .danger-btn,
html body.admin-page .admin-table .danger-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  border: 1px solid rgba(252, 165, 165, .6) !important;
  box-shadow: 0 8px 20px rgba(239, 68, 68, .25) !important;
}
html body.admin-page #sec-productos .admin-actions form,
html body.admin-page .admin-table .admin-actions form {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}
@media (min-width: 1180px) {
  html body.admin-page #sec-productos table.admin-table th:nth-child(8),
  html body.admin-page #sec-productos table.admin-table td:nth-child(8) {
    width: 210px !important;
  }
  html body.admin-page #sec-productos table.admin-table th:nth-child(3),
  html body.admin-page #sec-productos table.admin-table td:nth-child(3) {
    width: 28% !important;
  }
  html body.admin-page #sec-productos table.admin-table th:nth-child(4),
  html body.admin-page #sec-productos table.admin-table td:nth-child(4) {
    width: 110px !important;
  }
}
@media (max-width: 1179px) {
  html body.admin-page #sec-productos .admin-actions,
  html body.admin-page .admin-table .admin-actions {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}
html body.admin-page select option {
  padding: 10px 12px !important;
  font-size: 15px !important;
}


/* =========================================================
   v393 FIX REAL ROBERTO: SOLO 9 CATEGORIAS + BOTONES LEGIBLES
   - Botones Editar/Eliminar no se cortan.
   - Acción más ancha y texto en una sola línea.
   - Select de categorías legible.
========================================================= */
html body.admin-page #sec-productos .admin-table-wrap {
  overflow-x: visible !important;
  width: 100% !important;
  max-width: 100% !important;
}
html body.admin-page #sec-productos table.admin-table {
  width: 100% !important;
  table-layout: fixed !important;
}
html body.admin-page #sec-productos table.admin-table th:nth-child(1),
html body.admin-page #sec-productos table.admin-table td:nth-child(1) { width: 46px !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(2),
html body.admin-page #sec-productos table.admin-table td:nth-child(2) { width: 64px !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(3),
html body.admin-page #sec-productos table.admin-table td:nth-child(3) { width: auto !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(4),
html body.admin-page #sec-productos table.admin-table td:nth-child(4) { width: 112px !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(5),
html body.admin-page #sec-productos table.admin-table td:nth-child(5) { width: 92px !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(6),
html body.admin-page #sec-productos table.admin-table td:nth-child(6) { width: 58px !important; text-align:center !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(7),
html body.admin-page #sec-productos table.admin-table td:nth-child(7) { width: 78px !important; text-align:center !important; }
html body.admin-page #sec-productos table.admin-table th:nth-child(8),
html body.admin-page #sec-productos table.admin-table td:nth-child(8) { width: 210px !important; min-width: 210px !important; }

html body.admin-page #sec-productos .admin-actions,
html body.admin-page .admin-table .admin-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  min-width: 210px !important;
  width: 210px !important;
}
html body.admin-page #sec-productos .admin-actions a,
html body.admin-page .admin-table .admin-actions a,
html body.admin-page #sec-productos .admin-actions button,
html body.admin-page .admin-table .admin-actions button,
html body.admin-page #sec-productos .danger-btn,
html body.admin-page .admin-table .danger-btn {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}
html body.admin-page #sec-productos .admin-actions a::before { content: '⚙ '; }
html body.admin-page #sec-productos .admin-actions button::before { content: '🗑 '; }
html body.admin-page #sec-productos .admin-actions a {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border: 1px solid rgba(125, 211, 252, .70) !important;
  box-shadow: 0 8px 22px rgba(37, 99, 235, .32) !important;
}
html body.admin-page #sec-productos .admin-actions button,
html body.admin-page #sec-productos .danger-btn {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  border: 1px solid rgba(252, 165, 165, .75) !important;
  box-shadow: 0 8px 22px rgba(239, 68, 68, .32) !important;
}
html body.admin-page #sec-productos .admin-actions form { margin:0 !important; padding:0 !important; display:inline-flex !important; }
html body.admin-page select,
html body.admin-page select option {
  background-color: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1350px) {
  html body.admin-page #sec-productos .admin-table-wrap { overflow-x: auto !important; }
  html body.admin-page #sec-productos table.admin-table { min-width: 980px !important; }
}
@media (max-width: 700px) {
  html body.admin-page #sec-productos .admin-actions,
  html body.admin-page .admin-table .admin-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
}

/* =========================================================
   V397 PRODUCTO DROPSHIPPING - FICHA LIMPIA + IMAGENES PROPIAS
   Ajusta la página de detalle para que no se vea angosta/desordenada.
========================================================= */
.product-detail-wrap{
  width:min(1560px,96vw)!important;
  max-width:1560px!important;
  margin:18px auto 34px!important;
  padding:0!important;
}
.product-detail.product-detail-enhanced,
.product-detail{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(440px, 48%) minmax(520px, 1fr)!important;
  gap:28px!important;
  align-items:start!important;
  padding:24px!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:linear-gradient(135deg, rgba(2,8,23,.98), rgba(15,23,42,.96))!important;
  border:1px solid rgba(96,165,250,.28)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.36)!important;
}
.product-detail .pd-media{
  display:block!important;
  padding:16px!important;
  border-radius:24px!important;
  background:radial-gradient(circle at top left, rgba(59,130,246,.20), transparent 45%), rgba(15,23,42,.78)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  position:sticky!important;
  top:18px!important;
}
.product-detail .nnx-product-detail-slider,
.product-detail .v114-product-detail-gallery{
  min-height:520px!important;
  height:520px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#020617,#0f172a)!important;
  border:1px solid rgba(96,165,250,.18)!important;
}
.product-detail .nnx-product-media-slide img.pd-image,
.product-detail .nnx-product-media-slide video.pd-image,
.nnx-product-detail-slider .pd-image,
.nnx-product-detail-slider video.pd-image{
  width:100%!important;
  height:100%!important;
  min-height:520px!important;
  max-height:520px!important;
  object-fit:contain!important;
  padding:18px!important;
  border-radius:22px!important;
}
.product-detail .pd-mini-gallery{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(74px, 1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(2,6,23,.55)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.product-detail .pd-mini-gallery button{
  width:100%!important;
  height:86px!important;
  padding:4px!important;
  border-radius:14px!important;
  background:#0b1220!important;
  border:2px solid rgba(148,163,184,.24)!important;
  box-shadow:none!important;
}
.product-detail .pd-mini-gallery button.is-active{
  border-color:#38bdf8!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;
}
.product-detail .pd-mini-gallery img,
.product-detail .pd-mini-gallery video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#0f172a!important;
}
.product-detail .pd-info{
  padding:8px 8px 8px 0!important;
  min-width:0!important;
}
.product-detail .pd-title{
  font-size:clamp(1.8rem,2.4vw,3rem)!important;
  line-height:1.08!important;
  color:#ffffff!important;
  margin:10px 0 18px!important;
  letter-spacing:-.04em!important;
}
.product-detail .pd-price{
  padding:18px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.74)!important;
  border:1px solid rgba(96,165,250,.22)!important;
}
.product-detail .price-new{font-size:2rem!important;color:#67e8f9!important;font-weight:1000!important;}
.product-detail .pd-stock.in{color:#86efac!important;}
.product-detail .product-extra-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;}
.product-detail .product-extra-meta span{border-radius:999px!important;padding:8px 10px!important;background:rgba(59,130,246,.13)!important;border:1px solid rgba(96,165,250,.22)!important;color:#dbeafe!important;font-weight:800!important;}
.product-detail .v351-product-assurance{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:14px!important;}
.product-detail .v351-product-assurance>div{padding:12px!important;border-radius:14px!important;background:rgba(2,6,23,.45)!important;border:1px solid rgba(148,163,184,.18)!important;}
.product-detail .v351-product-assurance strong{display:block!important;color:#fff!important;margin-bottom:4px!important;}
.product-detail .v351-product-assurance span{color:#cbd5e1!important;font-size:.88rem!important;}
.product-detail .pd-desc{
  margin:18px 0!important;
  padding:22px!important;
  border-radius:22px!important;
  background:rgba(2,6,23,.55)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#e5e7eb!important;
  font-size:1.02rem!important;
  line-height:1.82!important;
  white-space:pre-line!important;
  max-height:none!important;
}
.nnx-provider-box{
  display:grid!important;
  gap:10px!important;
  padding:18px!important;
  margin:18px 0!important;
  border-radius:20px!important;
  border:1px solid rgba(34,197,94,.35)!important;
  background:linear-gradient(135deg,rgba(22,163,74,.18),rgba(14,165,233,.10))!important;
}
.nnx-provider-box strong{color:#dcfce7!important;font-size:1.04rem!important;}
.nnx-provider-box span{color:#dbeafe!important;line-height:1.5!important;}
.nnx-provider-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  font-weight:1000!important;
  color:#03131f!important;
  background:linear-gradient(135deg,#86efac,#22d3ee)!important;
  text-decoration:none!important;
  box-shadow:0 12px 32px rgba(34,211,238,.20)!important;
}
.product-detail .pd-form{display:grid!important;grid-template-columns:120px 1fr 1fr!important;gap:12px!important;align-items:end!important;}
.product-detail .pd-form .btn-primary,
.product-detail .pd-quick-buy{height:48px!important;border-radius:14px!important;font-size:1rem!important;font-weight:1000!important;margin:0!important;}
.product-detail .pd-qty input{height:48px!important;background:#020617!important;border-color:rgba(96,165,250,.35)!important;color:#fff!important;}
.product-detail .ghost-link-btn,.product-detail .pd-back{font-size:1rem!important;color:#dbeafe!important;}
@media(max-width:1100px){
  .product-detail.product-detail-enhanced,.product-detail{grid-template-columns:1fr!important;padding:16px!important;}
  .product-detail .pd-media{position:relative!important;top:auto!important;}
  .product-detail .pd-info{padding:0!important;}
}
@media(max-width:720px){
  .product-detail-wrap{width:96vw!important;margin-top:10px!important;}
  .product-detail .nnx-product-detail-slider,.product-detail .v114-product-detail-gallery{height:360px!important;min-height:360px!important;}
  .product-detail .nnx-product-media-slide img.pd-image,.product-detail .nnx-product-media-slide video.pd-image,.nnx-product-detail-slider .pd-image,.nnx-product-detail-slider video.pd-image{height:360px!important;min-height:360px!important;max-height:360px!important;padding:10px!important;}
  .product-detail .pd-mini-gallery{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;}
  .product-detail .pd-mini-gallery button{height:64px!important;}
  .product-detail .v351-product-assurance{grid-template-columns:1fr!important;}
  .product-detail .pd-form{grid-template-columns:1fr!important;}
}

/* =========================================================
   V398 FIX REAL PRODUCTO: galería compacta + sin espacio muerto
   - Hace la ficha más ancha y limpia.
   - Imagen principal grande pero sin obligar a bajar tanto.
   - Miniaturas al lado en escritorio y debajo en móvil.
========================================================= */
html body .product-detail-wrap{
  width:min(1480px, 98vw) !important;
  max-width:1480px !important;
  margin:14px auto 30px !important;
  padding:0 10px !important;
}
html body .product-detail.product-detail-enhanced,
html body .product-detail{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(360px, 42%) minmax(0, 58%) !important;
  gap:22px !important;
  align-items:start !important;
  padding:20px !important;
  overflow:visible !important;
  border-radius:24px !important;
}
html body .product-detail .pd-media{
  position:relative !important;
  top:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 92px !important;
  gap:12px !important;
  align-items:start !important;
  padding:12px !important;
  min-height:0 !important;
  height:auto !important;
}
html body .product-detail .nnx-product-detail-slider,
html body .product-detail .v114-product-detail-gallery,
html body .product-detail .v133-product-gallery[data-gallery-context="detail"]{
  width:100% !important;
  height:clamp(300px, 36vw, 470px) !important;
  min-height:300px !important;
  max-height:470px !important;
  position:relative !important;
  overflow:hidden !important;
  display:block !important;
  border-radius:20px !important;
}
html body .product-detail .nnx-product-media-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}
html body .product-detail .nnx-product-media-slide.is-active{
  display:flex !important;
}
html body .product-detail .nnx-product-media-slide img.pd-image,
html body .product-detail .nnx-product-media-slide video.pd-image,
html body .product-detail .nnx-product-detail-slider .pd-image,
html body .product-detail .nnx-product-detail-slider video.pd-image{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:10px !important;
  margin:0 !important;
  border-radius:18px !important;
}
html body .product-detail .pd-mini-gallery{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:8px !important;
  max-height:clamp(300px, 36vw, 470px) !important;
  overflow:auto !important;
  align-content:start !important;
  border-radius:18px !important;
}
html body .product-detail .pd-mini-gallery button{
  width:74px !important;
  height:74px !important;
  min-width:74px !important;
  min-height:74px !important;
  padding:4px !important;
  border-radius:14px !important;
}
html body .product-detail .pd-mini-gallery img,
html body .product-detail .pd-mini-gallery video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:10px !important;
}
html body .product-detail .pd-info{
  min-width:0 !important;
  padding:4px 2px !important;
}
html body .product-detail .pd-title{
  font-size:clamp(1.45rem, 2vw, 2.45rem) !important;
  line-height:1.12 !important;
  margin:8px 0 12px !important;
  max-width:100% !important;
}
html body .product-detail .pd-price{
  padding:14px !important;
  margin:0 0 12px !important;
}
html body .product-detail .v351-product-assurance{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
}
html body .product-detail .v351-product-assurance > div{
  padding:10px !important;
}
html body .product-detail .pd-desc{
  margin:12px 0 !important;
  padding:16px !important;
  font-size:.98rem !important;
  line-height:1.65 !important;
}
html body .product-detail .nnx-provider-box{
  margin:12px 0 !important;
  padding:14px !important;
}
html body .product-detail .pd-form{
  grid-template-columns:110px 1fr 1fr !important;
  gap:10px !important;
}
@media (max-width: 980px){
  html body .product-detail.product-detail-enhanced,
  html body .product-detail{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:14px !important;
  }
  html body .product-detail .pd-media{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  html body .product-detail .nnx-product-detail-slider,
  html body .product-detail .v114-product-detail-gallery,
  html body .product-detail .v133-product-gallery[data-gallery-context="detail"]{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
  }
  html body .product-detail .pd-mini-gallery{
    grid-template-columns:repeat(5, minmax(56px, 1fr)) !important;
    max-height:none !important;
    overflow:visible !important;
  }
  html body .product-detail .pd-mini-gallery button{
    width:100% !important;
    height:64px !important;
    min-width:0 !important;
  }
  html body .product-detail .v351-product-assurance{grid-template-columns:1fr !important;}
}
@media (max-width: 560px){
  html body .product-detail-wrap{width:100% !important; padding:0 8px !important;}
  html body .product-detail .nnx-product-detail-slider,
  html body .product-detail .v114-product-detail-gallery,
  html body .product-detail .v133-product-gallery[data-gallery-context="detail"]{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
  html body .product-detail .pd-mini-gallery{grid-template-columns:repeat(4, 1fr) !important;}
  html body .product-detail .pd-form{grid-template-columns:1fr !important;}
}

/* =========================================================
   v399 - FICHA PRODUCTO PREMIUM DROPSHIPPING REAL
   Objetivo: imagen grande, galería compacta, descripción legible,
   menos espacio vacío y layout tipo tienda profesional.
   ========================================================= */
html body .product-detail-wrap{
  width:min(100%, 1560px) !important;
  max-width:1560px !important;
  margin:0 auto !important;
  padding:22px clamp(10px,2vw,26px) 42px !important;
}
html body .product-detail.v399-product-premium,
html body .product-detail.product-detail-enhanced{
  width:100% !important;
  max-width:1560px !important;
  display:grid !important;
  grid-template-columns:minmax(500px, 620px) minmax(560px, 1fr) !important;
  gap:clamp(22px,3vw,42px) !important;
  align-items:start !important;
  padding:clamp(18px,2vw,30px) !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(7,12,29,.96), rgba(11,27,51,.94) 52%, rgba(38,17,70,.78)) !important;
  border:1px solid rgba(96,165,250,.28) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07) !important;
  overflow:visible !important;
}
html body .product-detail.v399-product-premium .pd-media,
html body .product-detail.product-detail-enhanced .pd-media{
  width:100% !important;
  min-width:0 !important;
  position:sticky !important;
  top:86px !important;
  align-self:start !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html body .product-detail.v399-product-premium .nnx-product-detail-slider,
html body .product-detail.product-detail-enhanced .nnx-product-detail-slider{
  width:100% !important;
  height:clamp(460px, 45vw, 620px) !important;
  min-height:460px !important;
  max-height:620px !important;
  border-radius:26px !important;
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.16), rgba(15,23,42,.82) 44%, rgba(2,6,23,.96)) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  overflow:hidden !important;
  box-shadow:0 24px 70px rgba(2,6,23,.42) !important;
}
html body .product-detail.v399-product-premium .nnx-product-detail-slider .pd-image,
html body .product-detail.product-detail-enhanced .nnx-product-detail-slider .pd-image,
html body .product-detail.v399-product-premium .nnx-product-detail-slider video.pd-image,
html body .product-detail.product-detail-enhanced .nnx-product-detail-slider video.pd-image{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  padding:clamp(18px,2vw,34px) !important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.35)) !important;
  background:transparent !important;
}
html body .product-detail.v399-product-premium .pd-media:hover .nnx-product-zoom-img,
html body .product-detail.product-detail-enhanced .pd-media:hover .nnx-product-zoom-img{
  transform:scale(1.08) !important;
}
html body .product-detail.v399-product-premium .pd-mini-gallery,
html body .product-detail.product-detail-enhanced .pd-mini-gallery{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
  padding:12px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body .product-detail.v399-product-premium .pd-mini-gallery button,
html body .product-detail.product-detail-enhanced .pd-mini-gallery button{
  width:100% !important;
  height:92px !important;
  border-radius:16px !important;
  padding:5px !important;
  border:1px solid rgba(148,163,184,.28) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
html body .product-detail.v399-product-premium .pd-mini-gallery button:hover,
html body .product-detail.v399-product-premium .pd-mini-gallery button.is-active,
html body .product-detail.product-detail-enhanced .pd-mini-gallery button:hover,
html body .product-detail.product-detail-enhanced .pd-mini-gallery button.is-active{
  transform:translateY(-2px) !important;
  border-color:#38bdf8 !important;
  box-shadow:0 12px 30px rgba(56,189,248,.18) !important;
}
html body .product-detail.v399-product-premium .pd-mini-gallery img,
html body .product-detail.v399-product-premium .pd-mini-gallery video,
html body .product-detail.product-detail-enhanced .pd-mini-gallery img,
html body .product-detail.product-detail-enhanced .pd-mini-gallery video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:#fff !important;
}
html body .product-detail.v399-product-premium .pd-info,
html body .product-detail.product-detail-enhanced .pd-info{
  min-width:0 !important;
  width:100% !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  color:#f8fafc !important;
}
html body .product-detail.v399-product-premium .pd-title,
html body .product-detail.product-detail-enhanced .pd-title{
  font-size:clamp(1.8rem, 2.6vw, 3.15rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  margin:0 !important;
  color:#ffffff !important;
  text-wrap:balance !important;
}
html body .product-detail.v399-product-premium .product-category-tag.large,
html body .product-detail.product-detail-enhanced .product-category-tag.large{
  width:max-content !important;
  padding:8px 13px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  color:#fff !important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4) !important;
  box-shadow:0 12px 28px rgba(124,58,237,.28) !important;
}
html body .product-detail.v399-product-premium .pd-price,
html body .product-detail.product-detail-enhanced .pd-price{
  display:grid !important;
  gap:12px !important;
  padding:16px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.20) !important;
}
html body .product-detail.v399-product-premium .price-new,
html body .product-detail.product-detail-enhanced .price-new{
  font-size:clamp(1.9rem,2.7vw,3.25rem) !important;
  color:#67e8f9 !important;
  font-weight:1000 !important;
  text-shadow:0 12px 32px rgba(34,211,238,.18) !important;
}
html body .product-detail.v399-product-premium .product-extra-meta,
html body .product-detail.product-detail-enhanced .product-extra-meta{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
html body .product-detail.v399-product-premium .product-extra-meta span,
html body .product-detail.product-detail-enhanced .product-extra-meta span{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  background:rgba(59,130,246,.12) !important;
  color:#dbeafe !important;
  border:1px solid rgba(96,165,250,.24) !important;
  font-weight:800 !important;
  font-size:.86rem !important;
}
html body .product-detail.v399-product-premium .v351-product-assurance,
html body .product-detail.product-detail-enhanced .v351-product-assurance{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
html body .product-detail.v399-product-premium .v351-product-assurance div,
html body .product-detail.product-detail-enhanced .v351-product-assurance div{
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(2,6,23,.40) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}
html body .product-detail.v399-product-premium .v351-product-assurance strong,
html body .product-detail.product-detail-enhanced .v351-product-assurance strong{color:#fff !important;display:block !important;margin-bottom:5px !important;}
html body .product-detail.v399-product-premium .v351-product-assurance span,
html body .product-detail.product-detail-enhanced .v351-product-assurance span{color:#cbd5e1 !important;line-height:1.45 !important;}
html body .product-detail.v399-product-premium .pd-desc,
html body .product-detail.product-detail-enhanced .pd-desc{
  padding:18px 20px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  color:#e5e7eb !important;
  font-size:1.02rem !important;
  line-height:1.72 !important;
  max-height:360px !important;
  overflow:auto !important;
  white-space:normal !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body .product-detail.v399-product-premium .pd-desc::-webkit-scrollbar,
html body .product-detail.product-detail-enhanced .pd-desc::-webkit-scrollbar{width:8px !important;}
html body .product-detail.v399-product-premium .pd-desc::-webkit-scrollbar-thumb,
html body .product-detail.product-detail-enhanced .pd-desc::-webkit-scrollbar-thumb{background:#38bdf8 !important;border-radius:999px !important;}
html body .product-detail.v399-product-premium .nnx-provider-box,
html body .product-detail.product-detail-enhanced .nnx-provider-box{
  padding:18px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg, rgba(34,197,94,.18), rgba(14,165,233,.13)) !important;
  border:1px solid rgba(34,197,94,.35) !important;
  display:grid !important;
  gap:10px !important;
}
html body .product-detail.v399-product-premium .nnx-provider-btn,
html body .product-detail.product-detail-enhanced .nnx-provider-btn{
  width:100% !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  color:#fff !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  background:linear-gradient(135deg,#16a34a,#06b6d4) !important;
  box-shadow:0 18px 40px rgba(34,197,94,.22) !important;
}
html body .product-detail.v399-product-premium .pd-form,
html body .product-detail.product-detail-enhanced .pd-form{
  display:grid !important;
  grid-template-columns:130px 1fr 1fr !important;
  gap:12px !important;
  align-items:end !important;
}
html body .product-detail.v399-product-premium .pd-qty,
html body .product-detail.product-detail-enhanced .pd-qty{margin:0 !important;}
html body .product-detail.v399-product-premium .pd-qty input,
html body .product-detail.product-detail-enhanced .pd-qty input{
  height:52px !important;
  border-radius:14px !important;
  text-align:center !important;
  font-size:1.05rem !important;
  color:#fff !important;
  background:rgba(2,6,23,.58) !important;
  border:1px solid rgba(148,163,184,.26) !important;
}
html body .product-detail.v399-product-premium .btn-primary,
html body .product-detail.v399-product-premium .quick-buy-btn,
html body .product-detail.product-detail-enhanced .btn-primary,
html body .product-detail.product-detail-enhanced .quick-buy-btn{
  min-height:54px !important;
  border-radius:16px !important;
  font-weight:1000 !important;
  font-size:1rem !important;
  box-shadow:0 18px 42px rgba(14,165,233,.22) !important;
}
html body .product-detail.v399-product-premium .pd-favorite-form .ghost-link-btn,
html body .product-detail.product-detail-enhanced .pd-favorite-form .ghost-link-btn{
  min-height:48px !important;
  border-radius:16px !important;
  padding:0 18px !important;
  font-weight:950 !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(148,163,184,.24) !important;
}
html body .v351-product-confidence,
html body .v351-product-faq,
html body .product-reviews-section,
html body .related-products-section{
  width:min(100%, 1560px) !important;
  max-width:1560px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (max-width:1180px){
  html body .product-detail.v399-product-premium,
  html body .product-detail.product-detail-enhanced{grid-template-columns:1fr !important;}
  html body .product-detail.v399-product-premium .pd-media,
  html body .product-detail.product-detail-enhanced .pd-media{position:relative !important;top:auto !important;}
  html body .product-detail.v399-product-premium .nnx-product-detail-slider,
  html body .product-detail.product-detail-enhanced .nnx-product-detail-slider{height:clamp(360px,70vw,560px) !important;min-height:360px !important;}
}
@media (max-width:760px){
  html body .product-detail-wrap{padding:12px 8px 34px !important;}
  html body .product-detail.v399-product-premium,
  html body .product-detail.product-detail-enhanced{padding:12px !important;border-radius:20px !important;gap:16px !important;}
  html body .product-detail.v399-product-premium .nnx-product-detail-slider,
  html body .product-detail.product-detail-enhanced .nnx-product-detail-slider{height:330px !important;min-height:330px !important;border-radius:20px !important;}
  html body .product-detail.v399-product-premium .pd-mini-gallery,
  html body .product-detail.product-detail-enhanced .pd-mini-gallery{grid-template-columns:repeat(4,1fr) !important;gap:8px !important;padding:8px !important;}
  html body .product-detail.v399-product-premium .pd-mini-gallery button,
  html body .product-detail.product-detail-enhanced .pd-mini-gallery button{height:70px !important;}
  html body .product-detail.v399-product-premium .product-extra-meta,
  html body .product-detail.product-detail-enhanced .product-extra-meta,
  html body .product-detail.v399-product-premium .v351-product-assurance,
  html body .product-detail.product-detail-enhanced .v351-product-assurance{grid-template-columns:1fr !important;}
  html body .product-detail.v399-product-premium .pd-form,
  html body .product-detail.product-detail-enhanced .pd-form{grid-template-columns:1fr !important;}
  html body .product-detail.v399-product-premium .pd-desc,
  html body .product-detail.product-detail-enhanced .pd-desc{max-height:none !important;font-size:.96rem !important;}
}

/* v401 - Ficha de producto tipo tienda premium (NerdyNexus) */
html body .v401-product-page{
  width:min(100% - 24px, 1540px) !important;
  max-width:1540px !important;
  margin:18px auto 42px !important;
  color:#f8fafc !important;
}
html body .v401-product-hero{
  display:grid !important;
  grid-template-columns:minmax(520px, 1.05fr) minmax(430px, .95fr) !important;
  gap:28px !important;
  align-items:start !important;
  padding:24px !important;
  border:1px solid rgba(56,189,248,.25) !important;
  border-radius:24px !important;
  background:radial-gradient(circle at 25% 0%, rgba(124,58,237,.18), transparent 35%), linear-gradient(180deg, rgba(2,6,23,.94), rgba(7,15,30,.98)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body .v401-gallery-card{min-width:0 !important;}
html body .v401-main-media{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1 / .86 !important;
  min-height:520px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#020617 !important;
  border:1px solid rgba(96,165,250,.25) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.40) !important;
}
html body .v401-media-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .25s ease, transform .25s ease !important;
  transform:scale(1.015) !important;
}
html body .v401-media-slide.is-active{opacity:1 !important;pointer-events:auto !important;transform:scale(1) !important;}
html body .v401-main-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .35s ease, filter .35s ease !important;
}
html body .v401-main-media:hover .v401-main-img{transform:scale(1.055) !important;filter:saturate(1.08) contrast(1.04) !important;}
html body .v401-discount-badge{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:5 !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  color:#fff !important;
  font-weight:1000 !important;
  background:linear-gradient(135deg,#ec4899,#ef4444) !important;
  box-shadow:0 16px 34px rgba(236,72,153,.35) !important;
}
html body .v401-floating-btn{
  position:absolute !important;
  left:24px !important;
  z-index:5 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  padding:13px 18px !important;
  color:#fff !important;
  font-weight:900 !important;
  background:rgba(30,16,66,.72) !important;
  backdrop-filter:blur(14px) !important;
  cursor:pointer !important;
  box-shadow:0 16px 36px rgba(0,0,0,.25) !important;
}
html body .v401-zoom-btn{bottom:112px !important;}
html body .v401-video-btn{bottom:54px !important;}
html body .v401-thumbs{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(70px, 1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
}
html body .v401-thumb{
  height:96px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  padding:0 !important;
  border:2px solid rgba(56,189,248,.20) !important;
  background:#07111f !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(0,0,0,.25) !important;
}
html body .v401-thumb.is-active{border-color:#a855f7 !important;box-shadow:0 0 0 3px rgba(168,85,247,.25),0 16px 38px rgba(168,85,247,.20) !important;}
html body .v401-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
html body .v401-thumb-video{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;font-size:1.4rem !important;color:#fff !important;background:linear-gradient(135deg,#7c3aed,#06b6d4) !important;}
html body .v401-buy-card{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:16px !important;}
html body .v401-badges{display:flex !important;gap:10px !important;flex-wrap:wrap !important;}
html body .v401-badge{display:inline-flex !important;align-items:center !important;min-height:34px !important;padding:8px 13px !important;border-radius:10px !important;color:#fff !important;font-weight:1000 !important;font-size:.92rem !important;}
html body .v401-badge.stock{background:linear-gradient(135deg,#16a34a,#15803d) !important;}
html body .v401-badge.ship{background:linear-gradient(135deg,#1d4ed8,#334155) !important;}
html body .v401-buy-card h1{margin:0 !important;color:#fff !important;font-size:clamp(2rem,3vw,3.25rem) !important;line-height:1.02 !important;letter-spacing:-.045em !important;text-wrap:balance !important;}
html body .v401-rating{display:flex !important;align-items:center !important;gap:10px !important;color:#cbd5e1 !important;font-weight:800 !important;flex-wrap:wrap !important;}
html body .v401-rating span{color:#fbbf24 !important;letter-spacing:1px !important;}
html body .v401-rating strong{color:#fff !important;}
html body .v401-rating i{display:block !important;width:1px !important;height:20px !important;background:rgba(148,163,184,.5) !important;}
html body .v401-price-row{display:flex !important;align-items:center !important;gap:18px !important;flex-wrap:wrap !important;}
html body .v401-price-row strong{font-size:clamp(2.3rem,3.8vw,4rem) !important;color:#fff !important;letter-spacing:-.04em !important;line-height:1 !important;}
html body .v401-price-row del{font-size:1.35rem !important;color:#94a3b8 !important;font-weight:900 !important;}
html body .v401-price-row span{padding:8px 12px !important;border-radius:10px !important;color:#fff !important;font-weight:1000 !important;background:linear-gradient(135deg,#ec4899,#e11d48) !important;}
html body .v401-pay-strip{display:flex !important;align-items:center !important;justify-content:center !important;min-height:54px !important;padding:12px 18px !important;border-radius:14px !important;color:#f8fafc !important;font-weight:900 !important;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(15,23,42,.80)) !important;border:1px solid rgba(168,85,247,.45) !important;}
html body .v401-service-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important;}
html body .v401-service-grid article{min-height:110px !important;padding:14px 10px !important;border-radius:16px !important;background:rgba(15,23,42,.72) !important;border:1px solid rgba(148,163,184,.16) !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;}
html body .v401-service-grid b{font-size:1.55rem !important;line-height:1 !important;}
html body .v401-service-grid strong{color:#fff !important;font-weight:1000 !important;}
html body .v401-service-grid span{color:#cbd5e1 !important;font-size:.88rem !important;line-height:1.25 !important;}
html body .v401-cart-box{padding:16px !important;border-radius:18px !important;background:rgba(15,23,42,.64) !important;border:1px solid rgba(148,163,184,.18) !important;}
html body .v401-form{display:grid !important;gap:13px !important;}
html body .v401-qty-line{display:grid !important;grid-template-columns:auto 150px 1fr !important;align-items:center !important;gap:14px !important;}
html body .v401-qty-line label{font-size:1rem !important;color:#fff !important;font-weight:1000 !important;}
html body .v401-qty-line span{color:#22c55e !important;font-weight:1000 !important;}
html body .v401-qty-control{height:46px !important;display:grid !important;grid-template-columns:44px 1fr 44px !important;border:1px solid rgba(96,165,250,.32) !important;border-radius:12px !important;overflow:hidden !important;background:#07111f !important;}
html body .v401-qty-control button{border:0 !important;background:transparent !important;color:#dbeafe !important;font-size:1.25rem !important;font-weight:1000 !important;cursor:pointer !important;}
html body .v401-qty-control input{width:100% !important;border:0 !important;background:transparent !important;color:#fff !important;text-align:center !important;font-weight:1000 !important;font-size:1.04rem !important;}
html body .v401-add,
html body .v401-buy-now{width:100% !important;min-height:58px !important;border:0 !important;border-radius:14px !important;color:#fff !important;font-size:1.06rem !important;font-weight:1000 !important;cursor:pointer !important;box-shadow:0 18px 42px rgba(14,165,233,.25) !important;}
html body .v401-add{background:linear-gradient(135deg,#7c3aed,#06b6d4) !important;}
html body .v401-buy-now{background:linear-gradient(135deg,#6366f1,#06b6d4) !important;}
html body .v401-disabled{width:100% !important;min-height:58px !important;border:0 !important;border-radius:14px !important;background:#334155 !important;color:#cbd5e1 !important;font-weight:1000 !important;}
html body .v401-fav-form{margin:12px 0 0 !important;text-align:center !important;}
html body .v401-fav-form button{background:transparent !important;border:0 !important;color:#f9a8d4 !important;font-weight:900 !important;cursor:pointer !important;}
html body .v401-info-grid{display:grid !important;grid-template-columns:1.05fr .95fr 1fr !important;gap:18px !important;margin-top:18px !important;}
html body .v401-card{border-radius:20px !important;padding:22px !important;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.72)) !important;border:1px solid rgba(56,189,248,.20) !important;box-shadow:0 18px 55px rgba(0,0,0,.25) !important;}
html body .v401-card h2{margin:0 0 14px !important;color:#fff !important;font-size:1.35rem !important;}
html body .v401-card p{color:#dbeafe !important;line-height:1.68 !important;margin:0 0 16px !important;}
html body .v401-desc-card{grid-column:span 1 !important;}
html body .v401-feature-list{display:grid !important;gap:12px !important;}
html body .v401-feature-list div{display:grid !important;grid-template-columns:42px 1fr !important;gap:12px !important;align-items:center !important;}
html body .v401-feature-list span{width:42px !important;height:42px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(124,58,237,.32) !important;}
html body .v401-feature-list strong{color:#f8fafc !important;line-height:1.4 !important;}
html body .v401-spec-card dl{display:grid !important;grid-template-columns:140px 1fr !important;gap:10px 18px !important;margin:0 !important;color:#e5e7eb !important;}
html body .v401-spec-card dt{font-weight:1000 !important;color:#fff !important;}
html body .v401-spec-card dd{margin:0 !important;color:#dbeafe !important;}
html body .v401-security-row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;margin-top:18px !important;}
html body .v401-security-row span{padding:12px !important;border-radius:14px !important;background:rgba(59,130,246,.12) !important;border:1px solid rgba(96,165,250,.22) !important;color:#e0f2fe !important;font-weight:900 !important;text-align:center !important;}
html body .v401-small-card ul{margin:0 !important;padding-left:0 !important;list-style:none !important;display:grid !important;gap:9px !important;}
html body .v401-small-card li{color:#dbeafe !important;font-weight:800 !important;}
html body .v401-small-card li:before{content:'✓' !important;color:#22c55e !important;margin-right:8px !important;font-weight:1000 !important;}
html body .v401-pay-methods{display:flex !important;flex-wrap:wrap !important;gap:9px !important;}
html body .v401-pay-methods span{padding:8px 10px !important;border-radius:8px !important;background:#fff !important;color:#0f172a !important;font-weight:1000 !important;font-size:.86rem !important;}
html body .v401-provider-link{display:flex !important;align-items:center !important;justify-content:center !important;margin-top:14px !important;min-height:46px !important;border-radius:12px !important;text-decoration:none !important;color:#fff !important;font-weight:1000 !important;background:linear-gradient(135deg,#16a34a,#06b6d4) !important;}
html body .v401-related{margin-top:18px !important;padding:22px !important;border-radius:22px !important;background:rgba(2,6,23,.78) !important;border:1px solid rgba(56,189,248,.20) !important;}
html body .v401-related h2{margin:0 0 16px !important;color:#fff !important;}
html body .v401-related-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:16px !important;}
html body .v401-related-card{display:block !important;overflow:hidden !important;border-radius:18px !important;text-decoration:none !important;background:rgba(15,23,42,.86) !important;border:1px solid rgba(96,165,250,.20) !important;}
html body .v401-related-card img,
html body .v401-related-placeholder{width:100% !important;height:150px !important;object-fit:cover !important;background:#0f172a !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#cbd5e1 !important;}
html body .v401-related-card div{padding:13px !important;}
html body .v401-related-card h3{margin:0 0 8px !important;color:#fff !important;font-size:.98rem !important;line-height:1.25 !important;}
html body .v401-related-card strong{color:#fff !important;font-size:1.2rem !important;display:block !important;margin-bottom:5px !important;}
html body .v401-related-card span{color:#fbbf24 !important;}
@media (max-width:1180px){
  html body .v401-product-hero{grid-template-columns:1fr !important;}
  html body .v401-main-media{min-height:440px !important;}
  html body .v401-info-grid{grid-template-columns:1fr 1fr !important;}
  html body .v401-desc-card{grid-column:span 2 !important;}
}
@media (max-width:760px){
  html body .v401-product-page{width:min(100% - 14px, 1540px) !important;margin-top:10px !important;}
  html body .v401-product-hero{padding:12px !important;border-radius:18px !important;gap:16px !important;}
  html body .v401-main-media{min-height:330px !important;aspect-ratio:1/1 !important;border-radius:16px !important;}
  html body .v401-thumbs{grid-template-columns:repeat(4,1fr) !important;gap:8px !important;}
  html body .v401-thumb{height:76px !important;}
  html body .v401-service-grid{grid-template-columns:repeat(2,1fr) !important;}
  html body .v401-qty-line{grid-template-columns:1fr !important;}
  html body .v401-info-grid{grid-template-columns:1fr !important;}
  html body .v401-desc-card{grid-column:auto !important;}
  html body .v401-spec-card dl{grid-template-columns:1fr !important;}
  html body .v401-security-row{grid-template-columns:1fr !important;}
  html body .v401-related-grid{grid-template-columns:1fr 1fr !important;}
  html body .v401-floating-btn{left:14px !important;padding:10px 13px !important;}
}
@media (max-width:480px){html body .v401-related-grid{grid-template-columns:1fr !important;}}


/* v402 - Rediseño reforzado: ficha igual a referencia visual enviada */
html body .v402-reference-product-page,
html body main.v402-reference-product-page{
  width:min(100% - 32px, 1500px) !important;
  max-width:1500px !important;
  margin:20px auto 46px !important;
  color:#f8fafc !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html body .v402-reference-product-page *{box-sizing:border-box !important;}
html body .v402-reference-product-page .v401-product-hero{
  display:grid !important;
  grid-template-columns:minmax(560px, 1.03fr) minmax(470px, .97fr) !important;
  gap:32px !important;
  align-items:start !important;
  padding:28px !important;
  margin:0 !important;
  border-radius:26px !important;
  border:1px solid rgba(56,189,248,.28) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(124,58,237,.22), transparent 32%),
    radial-gradient(circle at 96% 8%, rgba(6,182,212,.10), transparent 28%),
    linear-gradient(180deg, rgba(3,10,23,.98), rgba(2,6,23,.97)) !important;
  box-shadow:0 30px 95px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body .v402-reference-product-page .v401-gallery-card{
  min-width:0 !important;
  display:grid !important;
  gap:16px !important;
}
html body .v402-reference-product-page .v401-main-media{
  width:100% !important;
  min-height:560px !important;
  height:auto !important;
  aspect-ratio:1.16 / 1 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#050b16,#130a2a) !important;
  border:1px solid rgba(96,165,250,.30) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.02) inset !important;
}
html body .v402-reference-product-page .v401-main-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .38s ease, filter .38s ease !important;
}
html body .v402-reference-product-page .v401-main-media:hover .v401-main-img{
  transform:scale(1.06) !important;
  filter:saturate(1.12) contrast(1.06) brightness(1.02) !important;
}
html body .v402-reference-product-page .v401-discount-badge{
  top:18px !important; right:20px !important;
  padding:10px 15px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#ff3ea5,#ef4444) !important;
  box-shadow:0 16px 40px rgba(236,72,153,.40) !important;
  color:#fff !important;
  font-size:1.06rem !important;
  font-weight:1000 !important;
}
html body .v402-reference-product-page .v401-floating-btn{
  left:26px !important;
  min-width:128px !important;
  min-height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:rgba(44,22,91,.74) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:blur(16px) !important;
  font-weight:1000 !important;
  box-shadow:0 20px 46px rgba(0,0,0,.34) !important;
}
html body .v402-reference-product-page .v401-zoom-btn{bottom:118px !important;}
html body .v402-reference-product-page .v401-video-btn{bottom:54px !important;}
html body .v402-reference-product-page .v401-thumbs{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(72px, 1fr)) !important;
  gap:14px !important;
  margin-top:0 !important;
}
html body .v402-reference-product-page .v401-thumb{
  height:86px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#07111f !important;
  border:2px solid rgba(56,189,248,.22) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.30) !important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
html body .v402-reference-product-page .v401-thumb:hover{transform:translateY(-2px) !important;}
html body .v402-reference-product-page .v401-thumb.is-active{
  border-color:#a855f7 !important;
  box-shadow:0 0 0 3px rgba(168,85,247,.28), 0 15px 35px rgba(124,58,237,.25) !important;
}
html body .v402-reference-product-page .v401-thumb img{object-fit:cover !important;}
html body .v402-reference-product-page .v401-buy-card{
  min-width:0 !important;
  display:grid !important;
  gap:16px !important;
  align-content:start !important;
}
html body .v402-reference-product-page .v401-badges{gap:10px !important;}
html body .v402-reference-product-page .v401-badge{
  min-height:34px !important;
  padding:8px 14px !important;
  border-radius:9px !important;
  font-weight:1000 !important;
  color:#fff !important;
}
html body .v402-reference-product-page .v401-buy-card h1{
  max-width:760px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(2.15rem,3.15vw,3.45rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:1000 !important;
}
html body .v402-reference-product-page .v401-rating{
  font-size:1.02rem !important;
  gap:11px !important;
}
html body .v402-reference-product-page .v401-rating span{color:#fbbf24 !important;font-size:1.25rem !important;}
html body .v402-reference-product-page .v401-price-row{gap:18px !important;}
html body .v402-reference-product-page .v401-price-row strong{
  color:#fff !important;
  font-size:clamp(2.8rem,4vw,4.45rem) !important;
  line-height:.95 !important;
  letter-spacing:-.05em !important;
}
html body .v402-reference-product-page .v401-price-row del{font-size:1.45rem !important;color:#94a3b8 !important;}
html body .v402-reference-product-page .v401-price-row span{
  padding:8px 13px !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,#ec4899,#e11d48) !important;
}
html body .v402-reference-product-page .v401-pay-strip{
  min-height:60px !important;
  border-radius:13px !important;
  justify-content:flex-start !important;
  gap:13px !important;
  padding:14px 20px !important;
  font-size:1.06rem !important;
  color:#f8fafc !important;
  border:1px solid rgba(168,85,247,.55) !important;
  background:linear-gradient(135deg,rgba(61,18,116,.78),rgba(16,22,41,.90)) !important;
}
html body .v402-reference-product-page .v401-pay-strip span{
  width:36px !important;height:36px !important;border-radius:50% !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:rgba(59,130,246,.18) !important;
}
html body .v402-reference-product-page .v401-service-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(96,165,250,.18) !important;
}
html body .v402-reference-product-page .v401-service-grid article{
  min-height:108px !important;
  border-radius:0 !important;
  border:0 !important;
  border-right:1px solid rgba(96,165,250,.15) !important;
  background:rgba(15,23,42,.58) !important;
}
html body .v402-reference-product-page .v401-service-grid article:last-child{border-right:0 !important;}
html body .v402-reference-product-page .v401-cart-box{
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.60) !important;
  border:1px solid rgba(96,165,250,.20) !important;
}
html body .v402-reference-product-page .v401-qty-line{
  grid-template-columns:105px 150px 1fr !important;
  gap:16px !important;
}
html body .v402-reference-product-page .v401-qty-control{
  height:48px !important;
  border-radius:11px !important;
  grid-template-columns:46px 1fr 46px !important;
}
html body .v402-reference-product-page .v401-add,
html body .v402-reference-product-page .v401-buy-now{
  min-height:60px !important;
  border-radius:13px !important;
  font-size:1.12rem !important;
  font-weight:1000 !important;
}
html body .v402-reference-product-page .v401-add{background:linear-gradient(100deg,#8b3dff 0%,#1d8cff 52%,#00c7dd 100%) !important;}
html body .v402-reference-product-page .v401-buy-now{background:linear-gradient(100deg,#7454ff 0%,#3b7cff 48%,#00c7dd 100%) !important;}
html body .v402-reference-product-page .v401-info-grid{
  display:grid !important;
  grid-template-columns:1.05fr .90fr .95fr !important;
  gap:18px !important;
  margin-top:20px !important;
  align-items:stretch !important;
}
html body .v402-reference-product-page .v401-card{
  border-radius:18px !important;
  padding:22px 24px !important;
  background:linear-gradient(180deg,rgba(7,15,30,.88),rgba(2,6,23,.86)) !important;
  border:1px solid rgba(56,189,248,.20) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html body .v402-reference-product-page .v401-card h2{font-size:1.38rem !important;margin:0 0 16px !important;color:#fff !important;}
html body .v402-reference-product-page .v401-card p{font-size:1rem !important;line-height:1.65 !important;color:#e0e7ff !important;}
html body .v402-reference-product-page .v401-desc-card{grid-column:auto !important;}
html body .v402-reference-product-page .v401-feature-list{gap:14px !important;margin-top:16px !important;}
html body .v402-reference-product-page .v401-feature-list div{
  grid-template-columns:44px 1fr !important;
  padding:0 !important;
}
html body .v402-reference-product-page .v401-feature-list span{
  width:44px !important;height:44px !important;border-radius:14px !important;
  background:linear-gradient(135deg,rgba(124,58,237,.70),rgba(59,130,246,.28)) !important;
}
html body .v402-reference-product-page .v401-feature-list strong{font-size:.98rem !important;color:#fff !important;}
html body .v402-reference-product-page .v401-spec-card dl{grid-template-columns:140px 1fr !important;gap:9px 18px !important;}
html body .v402-reference-product-page .v401-security-row{grid-template-columns:repeat(3,1fr) !important;gap:8px !important;}
html body .v402-reference-product-page .v401-small-card:nth-of-type(3){grid-column:auto !important;}
html body .v402-reference-product-page .v401-small-card:nth-of-type(4){grid-column:span 1 !important;}
html body .v402-reference-product-page .v401-small-card:nth-of-type(5){grid-column:span 1 !important;}
html body .v402-reference-product-page .v401-pay-methods span{
  min-width:72px !important;
  text-align:center !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
}
html body .v402-reference-product-page .v401-related{
  margin-top:20px !important;
  padding:22px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(7,15,30,.88),rgba(2,6,23,.90)) !important;
  border:1px solid rgba(56,189,248,.22) !important;
}
html body .v402-reference-product-page .v401-related-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
}
html body .v402-reference-product-page .v401-related-card{
  position:relative !important;
  min-height:260px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.82) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  box-shadow:0 15px 40px rgba(0,0,0,.22) !important;
  transition:transform .2s ease,border-color .2s ease !important;
}
html body .v402-reference-product-page .v401-related-card:hover{transform:translateY(-4px) !important;border-color:rgba(168,85,247,.45) !important;}
html body .v402-reference-product-page .v401-related-card img,
html body .v402-reference-product-page .v401-related-placeholder{
  height:150px !important;
  object-fit:cover !important;
}
html body .v402-reference-product-page .v401-related-card div{position:relative !important;padding:13px 68px 15px 14px !important;}
html body .v402-reference-product-page .v401-related-card h3{font-size:1rem !important;min-height:40px !important;}
html body .v402-reference-product-page .v401-related-card strong{font-size:1.28rem !important;}
html body .v402-reference-product-page .v402-related-cart{
  position:absolute !important;right:14px !important;bottom:16px !important;
  width:48px !important;height:48px !important;border-radius:12px !important;
  border:1px solid rgba(96,165,250,.30) !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  font-style:normal !important;background:rgba(15,23,42,.95) !important;color:#93c5fd !important;
}
@media (max-width:1180px){
  html body .v402-reference-product-page .v401-product-hero{grid-template-columns:1fr !important;}
  html body .v402-reference-product-page .v401-main-media{min-height:520px !important;}
  html body .v402-reference-product-page .v401-info-grid{grid-template-columns:1fr 1fr !important;}
  html body .v402-reference-product-page .v401-desc-card{grid-column:span 2 !important;}
}
@media (max-width:760px){
  html body .v402-reference-product-page{width:min(100% - 12px,1500px) !important;margin-top:10px !important;}
  html body .v402-reference-product-page .v401-product-hero{padding:12px !important;gap:16px !important;}
  html body .v402-reference-product-page .v401-main-media{min-height:340px !important;aspect-ratio:1/1 !important;}
  html body .v402-reference-product-page .v401-thumbs{grid-template-columns:repeat(4,1fr) !important;gap:8px !important;}
  html body .v402-reference-product-page .v401-thumb{height:76px !important;}
  html body .v402-reference-product-page .v401-buy-card h1{font-size:2rem !important;}
  html body .v402-reference-product-page .v401-service-grid{grid-template-columns:repeat(2,1fr) !important;}
  html body .v402-reference-product-page .v401-service-grid article{border-right:0 !important;border-bottom:1px solid rgba(96,165,250,.13) !important;}
  html body .v402-reference-product-page .v401-qty-line{grid-template-columns:1fr !important;}
  html body .v402-reference-product-page .v401-info-grid{grid-template-columns:1fr !important;}
  html body .v402-reference-product-page .v401-desc-card{grid-column:auto !important;}
  html body .v402-reference-product-page .v401-spec-card dl{grid-template-columns:1fr !important;}
  html body .v402-reference-product-page .v401-security-row{grid-template-columns:1fr !important;}
  html body .v402-reference-product-page .v401-related-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:480px){html body .v402-reference-product-page .v401-related-grid{grid-template-columns:1fr !important;}}

/* V405 TRANSICIONES DE CARGA PREMIUM */
body.nnx-v405-preload::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:99998;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 36%, rgba(37,99,235,.26), transparent 28%),
    radial-gradient(circle at 72% 18%, rgba(168,85,247,.18), transparent 28%),
    rgba(3,7,18,.82);
  opacity:1;
  transition:opacity .48s ease, visibility .48s ease;
}

body.nnx-v405-loaded::before {
  opacity:0;
  visibility:hidden;
}

body.nnx-v405-preload::after {
  content:"";
  position:fixed;
  left:50%;
  top:50%;
  z-index:99999;
  width:70px;
  height:4px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,#2563eb,#22d3ee,#a855f7);
  box-shadow:0 0 22px rgba(34,211,238,.48);
  animation:nnxV405Loader .72s ease-in-out infinite alternate;
  pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}

body.nnx-v405-loaded::after {
  opacity:0;
  visibility:hidden;
}

@keyframes nnxV405Loader {
  0% { width:54px; filter:saturate(.9); }
  100% { width:118px; filter:saturate(1.35); }
}

.nnx-v405-header-in:not(.nnx-v405-visible),
.nnx-v405-hero-in:not(.nnx-v405-visible),
.nnx-v405-filter-in:not(.nnx-v405-visible),
.nnx-v405-card-in:not(.nnx-v405-visible),
.nnx-v405-side-in:not(.nnx-v405-visible) {
  opacity:0 !important;
  pointer-events:none !important;
}

.nnx-v405-header-in:not(.nnx-v405-visible) {
  transform:translate3d(0,-22px,0) scale(.985) !important;
  filter:blur(6px) saturate(.92) !important;
}

.nnx-v405-hero-in:not(.nnx-v405-visible) {
  transform:translate3d(0,42px,0) scale(.96) !important;
  filter:blur(10px) saturate(.88) !important;
}

.nnx-v405-filter-in:not(.nnx-v405-visible) {
  transform:translate3d(0,24px,0) scale(.98) !important;
  filter:blur(4px) !important;
}

.nnx-v405-card-in:not(.nnx-v405-visible) {
  transform:translate3d(0,64px,0) scale(.91) rotateX(7deg) !important;
  transform-origin:center bottom !important;
  filter:blur(12px) saturate(.82) !important;
}

.nnx-v405-side-in:not(.nnx-v405-visible) {
  transform:translate3d(34px,28px,0) scale(.965) !important;
  filter:blur(8px) saturate(.88) !important;
}

.nnx-v405-header-in.nnx-v405-visible {
  animation:nnxV405HeaderDrop .56s cubic-bezier(.2,.8,.2,1) var(--nnx-v405-delay,0ms) both !important;
}

.nnx-v405-hero-in.nnx-v405-visible {
  animation:nnxV405HeroRise .72s cubic-bezier(.16,.86,.22,1) var(--nnx-v405-delay,0ms) both !important;
}

.nnx-v405-filter-in.nnx-v405-visible {
  animation:nnxV405FilterCascade .46s cubic-bezier(.2,.8,.2,1) var(--nnx-v405-delay,0ms) both !important;
}

.nnx-v405-card-in.nnx-v405-visible {
  animation:nnxV405ProductCascade .72s cubic-bezier(.14,.9,.18,1) var(--nnx-v405-delay,0ms) both !important;
}

.nnx-v405-side-in.nnx-v405-visible {
  animation:nnxV405SideReveal .62s cubic-bezier(.18,.82,.22,1) var(--nnx-v405-delay,0ms) both !important;
}

@keyframes nnxV405HeaderDrop {
  0% { opacity:0; transform:translate3d(0,-22px,0) scale(.985); filter:blur(6px) saturate(.92); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV405HeroRise {
  0% { opacity:0; transform:translate3d(0,42px,0) scale(.96); filter:blur(10px) saturate(.88); }
  58% { opacity:1; transform:translate3d(0,-6px,0) scale(1.012); filter:blur(0) saturate(1.05); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV405FilterCascade {
  0% { opacity:0; transform:translate3d(0,24px,0) scale(.98); filter:blur(4px); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

@keyframes nnxV405ProductCascade {
  0% { opacity:0; transform:translate3d(0,64px,0) scale(.91) rotateX(7deg); filter:blur(12px) saturate(.82); }
  56% { opacity:1; transform:translate3d(0,-7px,0) scale(1.015) rotateX(0); filter:blur(0) saturate(1.08); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1) rotateX(0); filter:none; }
}

@keyframes nnxV405SideReveal {
  0% { opacity:0; transform:translate3d(34px,28px,0) scale(.965); filter:blur(8px) saturate(.88); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }
}

.nnx-v405-shine {
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.nnx-v405-shine::after {
  content:"" !important;
  position:absolute !important;
  inset:-45% auto -45% -80% !important;
  width:60% !important;
  transform:translateX(-40%) skewX(-22deg) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:3 !important;
}

.nnx-v405-shine:hover::after,
.nnx-v405-shine:focus-visible::after {
  animation:nnxV405ShineSweep .72s ease !important;
}

@keyframes nnxV405ShineSweep {
  0% { opacity:0; transform:translateX(-35%) skewX(-22deg); }
  24% { opacity:.95; }
  100% { opacity:0; transform:translateX(370%) skewX(-22deg); }
}

body.store-page .producto-card.nnx-v405-card-in,
body.store-page .premium-product-card.nnx-v405-card-in,
body.store-page .v51-product-card.nnx-v405-card-in {
  will-change:opacity,transform,filter;
  transform-style:preserve-3d !important;
  backface-visibility:hidden !important;
}

@media (max-width:760px) {
  .nnx-v405-hero-in:not(.nnx-v405-visible),
  .nnx-v405-filter-in:not(.nnx-v405-visible),
  .nnx-v405-card-in:not(.nnx-v405-visible),
  .nnx-v405-side-in:not(.nnx-v405-visible) {
    transform:translate3d(0,24px,0) scale(.98) !important;
    filter:none !important;
  }

  .nnx-v405-card-in.nnx-v405-visible {
    animation:nnxV405MobileRise .42s ease-out var(--nnx-v405-delay,0ms) both !important;
  }
}

@keyframes nnxV405MobileRise {
  0% { opacity:0; transform:translate3d(0,24px,0) scale(.98); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); }
}

@media (prefers-reduced-motion:reduce) {
  body.nnx-v405-preload::before,
  body.nnx-v405-preload::after,
  .nnx-v405-header-in,
  .nnx-v405-hero-in,
  .nnx-v405-filter-in,
  .nnx-v405-card-in,
  .nnx-v405-side-in,
  .nnx-v405-shine,
  .nnx-v405-shine::after {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
  }
}

/* V406 TRANSICIONES NOTORIAS - EOF LOCK */
body.nnx-v406-loading::before{content:""!important;position:fixed!important;inset:0!important;z-index:100000!important;pointer-events:none!important;background:radial-gradient(circle at 50% 42%,rgba(34,211,238,.30),transparent 18%),radial-gradient(circle at 50% 42%,rgba(37,99,235,.34),transparent 34%),radial-gradient(circle at 72% 16%,rgba(168,85,247,.24),transparent 30%),rgba(2,6,23,.92)!important;opacity:1!important;transition:opacity .58s ease,visibility .58s ease!important}
body.nnx-v406-reveal-start::before,body.nnx-v406-loaded::before{opacity:0!important;visibility:hidden!important}
body.nnx-v406-loading::after{content:"NerdyNexus"!important;position:fixed!important;left:50%!important;top:50%!important;z-index:100001!important;min-width:190px!important;padding:14px 22px 18px!important;border-radius:22px!important;transform:translate(-50%,-50%) scale(.92)!important;color:#f8fbff!important;font-weight:1000!important;letter-spacing:-.04em!important;text-align:center!important;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent),linear-gradient(135deg,rgba(37,99,235,.34),rgba(34,211,238,.20))!important;background-size:180% 100%,100% 100%!important;border:1px solid rgba(125,211,252,.35)!important;box-shadow:0 0 46px rgba(34,211,238,.34),0 22px 70px rgba(0,0,0,.45)!important;animation:nnxV406LoaderPulse .82s ease-in-out infinite alternate,nnxV406LoaderSweep 1.05s ease-in-out infinite!important;pointer-events:none!important;transition:opacity .42s ease,visibility .42s ease,transform .42s ease!important}
body.nnx-v406-reveal-start::after,body.nnx-v406-loaded::after{opacity:0!important;visibility:hidden!important;transform:translate(-50%,-50%) scale(1.08)!important}
.nnx-v406-header:not(.nnx-v406-visible),.nnx-v406-hero:not(.nnx-v406-visible),.nnx-v406-filter:not(.nnx-v406-visible),.nnx-v406-product:not(.nnx-v406-visible),.nnx-v406-side:not(.nnx-v406-visible){opacity:0!important;pointer-events:none!important;will-change:opacity,transform,filter!important}
.nnx-v406-header:not(.nnx-v406-visible){transform:translate3d(0,-64px,0) scale(.94)!important;filter:blur(14px) saturate(.72)!important}
.nnx-v406-hero:not(.nnx-v406-visible){transform:translate3d(0,86px,0) scale(.88)!important;filter:blur(18px) saturate(.70) brightness(.82)!important}
.nnx-v406-filter:not(.nnx-v406-visible){transform:translate3d(0,48px,0) scale(.92)!important;filter:blur(10px) saturate(.78)!important}
.nnx-v406-product:not(.nnx-v406-visible){transform:translate3d(0,96px,0) scale(.82) rotateX(13deg)!important;transform-origin:center bottom!important;filter:blur(18px) saturate(.65) brightness(.78)!important}
.nnx-v406-side:not(.nnx-v406-visible){transform:translate3d(76px,42px,0) scale(.88)!important;filter:blur(16px) saturate(.70)!important}
.nnx-v406-header.nnx-v406-visible{animation:nnxV406HeaderDrop .86s cubic-bezier(.15,.9,.18,1) both!important}
.nnx-v406-hero.nnx-v406-visible{animation:nnxV406HeroPop .98s cubic-bezier(.13,.88,.18,1) both!important}
.nnx-v406-filter.nnx-v406-visible{animation:nnxV406FilterCascade .62s cubic-bezier(.16,.86,.22,1) both!important}
.nnx-v406-product.nnx-v406-visible{animation:nnxV406ProductEntrance .92s cubic-bezier(.12,.92,.18,1) both!important}
.nnx-v406-side.nnx-v406-visible{animation:nnxV406SideEntrance .82s cubic-bezier(.16,.86,.22,1) both!important}
.nnx-v406-shine{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.nnx-v406-shine::after{content:""!important;position:absolute!important;inset:-55% auto -55% -92%!important;width:72%!important;transform:translateX(-45%) skewX(-22deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent)!important;opacity:0!important;pointer-events:none!important;z-index:5!important}
.nnx-v406-shine:hover::after,.nnx-v406-shine:focus-visible::after{animation:nnxV406ShineStrong .88s ease!important}
@media(max-width:760px){body.nnx-v406-loading::after{min-width:150px!important;padding:12px 18px 15px!important;border-radius:18px!important}.nnx-v406-hero:not(.nnx-v406-visible),.nnx-v406-filter:not(.nnx-v406-visible),.nnx-v406-product:not(.nnx-v406-visible),.nnx-v406-side:not(.nnx-v406-visible){transform:translate3d(0,42px,0) scale(.94)!important;filter:blur(6px) saturate(.88)!important}.nnx-v406-product.nnx-v406-visible{animation:nnxV406MobileProduct .58s ease-out both!important}}
@media(prefers-reduced-motion:reduce){body.nnx-v406-loading::before,body.nnx-v406-loading::after,.nnx-v406-header,.nnx-v406-hero,.nnx-v406-filter,.nnx-v406-product,.nnx-v406-side,.nnx-v406-shine,.nnx-v406-shine::after{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}}

/* =========================================================
   V412 CARRUSEL PRINCIPAL MÓVIL — CORRECCIÓN REAL
   Evita título comprimido, imagen superpuesta y texto amontonado.
========================================================= */
@media (max-width: 900px) {
    html body.store-page.page-index .v52-stage .v52-slider-window,
    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        min-height: 0 !important;
        height: auto !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "promo-chip"
            "promo-title"
            "promo-image"
            "promo-description"
            "promo-link" !important;
        grid-auto-rows: auto !important;
        align-items: start !important;
        gap: 18px !important;
        padding: 24px !important;
        overflow: hidden !important;
    }

    /* Los elementos internos pasan a formar parte del grid del slide. */
    html body.store-page.page-index .v52-stage .v52-slide-copy,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy {
        display: contents !important;
    }

    html body.store-page.page-index .v52-stage .v52-mini-chip {
        grid-area: promo-chip !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 13px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        justify-self: start !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy h3,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy h3 {
        grid-area: promo-title !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(1.75rem, 7.4vw, 2.15rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: balance !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-art {
        grid-area: promo-image !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art img {
        display: block !important;
        width: min(100%, 390px) !important;
        max-width: 390px !important;
        height: clamp(240px, 64vw, 320px) !important;
        min-height: 0 !important;
        max-height: 320px !important;
        margin: 0 auto !important;
        padding: 8px !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 42px rgba(2, 6, 23, .25) !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy p,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy p {
        grid-area: promo-description !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1rem !important;
        line-height: 1.65 !important;
        letter-spacing: 0 !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-link {
        grid-area: promo-link !important;
        width: fit-content !important;
        min-width: 136px !important;
        margin: 2px 0 0 !important;
        padding: 0 20px !important;
        justify-self: start !important;
    }
}

@media (max-width: 520px) {
    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        gap: 16px !important;
        padding: 22px 20px 24px !important;
        border-radius: 26px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy h3,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy h3 {
        font-size: clamp(1.72rem, 7.7vw, 2rem) !important;
        line-height: 1.13 !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art img {
        width: 100% !important;
        height: clamp(230px, 66vw, 300px) !important;
        max-height: 300px !important;
        border-radius: 20px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy p,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy p {
        font-size: .98rem !important;
        line-height: 1.62 !important;
    }
}


/* =========================================================
   V413 HERO / CARRUSEL EN PANTALLA COMPLETA
   Da espacio real al texto y a la imagen en escritorio.
   La corrección móvil V412 se mantiene intacta hasta 900px.
========================================================= */
@media (min-width: 901px) {
    html body.store-page.page-index .v52-stage .v52-stage-grid {
        grid-template-columns: minmax(330px, .88fr) minmax(0, 1.62fr) !important;
        grid-template-areas:
            "hero-intro hero-slider"
            "hero-side hero-side" !important;
        gap: 22px !important;
        align-items: stretch !important;
        padding: 28px !important;
    }

    html body.store-page.page-index .v52-stage .v52-intro-panel {
        grid-area: hero-intro !important;
        min-width: 0 !important;
        min-height: 590px !important;
        padding: 30px !important;
        justify-content: center !important;
    }

    html body.store-page.page-index .v52-stage .v52-intro-panel h1 {
        width: 100% !important;
        max-width: 13ch !important;
        margin: 12px 0 18px !important;
        font-size: clamp(2.35rem, 3vw, 3.25rem) !important;
        line-height: 1.02 !important;
        letter-spacing: -.035em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: balance !important;
    }

    html body.store-page.page-index .v52-stage .v52-intro-panel p {
        max-width: 42ch !important;
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }

    html body.store-page.page-index .v52-stage .v52-slider-shell {
        grid-area: hero-slider !important;
        min-width: 0 !important;
        min-height: 590px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slider-window,
    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        min-height: 590px !important;
        height: 100% !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        grid-template-columns: minmax(0, 1.12fr) minmax(290px, .88fr) !important;
        gap: 28px !important;
        align-items: center !important;
        padding: 34px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy {
        min-width: 0 !important;
        padding-right: 0 !important;
        justify-content: center !important;
    }

    html body.store-page.page-index .v52-stage .v52-mini-chip {
        margin-bottom: 18px !important;
        padding: 8px 14px !important;
        line-height: 1.2 !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy h3,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy h3 {
        width: 100% !important;
        max-width: 16ch !important;
        margin: 0 0 18px !important;
        font-size: clamp(2rem, 2.3vw, 2.75rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -.028em !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: balance !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy p,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy p {
        width: 100% !important;
        max-width: 44ch !important;
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1.62 !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-link {
        margin-top: 22px !important;
        min-width: 140px !important;
        padding: 0 22px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-art {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 360px !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: visible !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art img {
        display: block !important;
        width: min(100%, 390px) !important;
        max-width: 390px !important;
        height: 360px !important;
        max-height: 360px !important;
        margin: 0 auto !important;
        padding: 10px !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        box-shadow: 0 24px 52px rgba(2, 6, 23, .28) !important;
    }

    html body.store-page.page-index .v52-stage .v52-art-card,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-art-card {
        width: 100% !important;
        max-width: 330px !important;
        margin: 0 auto !important;
        padding: 22px !important;
    }

    html body.store-page.page-index .v52-stage .v52-side-stack {
        grid-area: hero-side !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr) !important;
        gap: 18px !important;
        min-height: 0 !important;
    }

    html body.store-page.page-index .v52-stage .v52-side-card {
        min-height: 170px !important;
        padding: 24px 26px !important;
    }

    html body.store-page.page-index .v52-stage .v52-feature-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 12px !important;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    html body.store-page.page-index .v52-stage .v52-stage-grid {
        grid-template-columns: minmax(300px, .82fr) minmax(0, 1.48fr) !important;
        padding: 24px !important;
        gap: 18px !important;
    }

    html body.store-page.page-index .v52-stage .v52-intro-panel,
    html body.store-page.page-index .v52-stage .v52-slider-shell,
    html body.store-page.page-index .v52-stage .v52-slider-window,
    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        min-height: 560px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) {
        grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr) !important;
        gap: 20px !important;
        padding: 28px !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-copy h3,
    html body.store-page.page-index .v52-stage .v52-slide:nth-child(3) .v52-slide-copy h3 {
        max-width: 15ch !important;
        font-size: clamp(1.8rem, 2.4vw, 2.35rem) !important;
    }

    html body.store-page.page-index .v52-stage .v52-slide-art img {
        height: 320px !important;
        max-height: 320px !important;
    }
}