:root{--bg:#050507;--panel:#0d0d12;--card:#121219;--green:#93ff16;--purple:#9d35ff;--purple2:#4b127c;--txt:#fff;--muted:#bdb6ca;--line:rgba(147,255,22,.25)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(157,53,255,.19),transparent 35%),radial-gradient(circle at 90% 10%,rgba(147,255,22,.12),transparent 30%),var(--bg);color:var(--txt);font-family:Rajdhani,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,3,5,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(157,53,255,.25)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Orbitron;font-weight:800}.brand img{width:54px;height:54px;object-fit:cover;border-radius:14px;box-shadow:0 0 22px rgba(147,255,22,.35)}.brand b{color:var(--green)}.nav{display:flex;gap:24px;align-items:center;font-weight:800}.nav a:hover{color:var(--green)}.cart-badge{background:var(--green);color:#070707;border-radius:50%;padding:2px 7px;margin-left:3px}.admin-pill{border:1px solid var(--purple);border-radius:999px;padding:10px 16px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:30px}.hero{min-height:620px;display:flex;align-items:center;border-bottom:1px solid rgba(147,255,22,.18)}.hero-bg{background:linear-gradient(90deg,rgba(5,5,7,.97) 0%,rgba(5,5,7,.86) 34%,rgba(5,5,7,.25) 70%),url('../img/ui/hero-banner.webp') center/cover no-repeat}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow{display:inline-block;color:var(--green);font-family:Orbitron;font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px}.hero h1{font-family:Orbitron;font-size:clamp(46px,7vw,92px);line-height:.95;margin:0;text-transform:uppercase}.hero h1 span{display:block;color:var(--green);text-shadow:0 0 24px rgba(147,255,22,.35)}.hero p,.page-head p{font-size:23px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-neon,.btn-purple{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:900;border:1px solid transparent}.btn-neon{background:var(--green);color:#050505;box-shadow:0 0 28px rgba(147,255,22,.4)}.btn-purple{border-color:var(--purple);background:rgba(157,53,255,.13)}.btn-neon:hover,.btn-purple:hover{transform:translateY(-2px)}.section{padding:70px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-title h2,.page-head h1{font-family:Orbitron;font-size:42px;text-transform:uppercase;margin:0}.section-title span,.page-head h1 span{color:var(--green)}.category-grid,.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.category-card,.product-card,.glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(157,53,255,.35);border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.35)}.category-card{height:200px;position:relative;padding:20px;display:flex;align-items:end}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transition:.25s}.category-card strong{position:relative;font-family:Orbitron;font-size:18px}.category-card:hover img{opacity:.65;transform:scale(1.05)}.promo-banner{min-height:330px;border-radius:30px;padding:44px;background-size:cover;background-position:center;border:1px solid rgba(147,255,22,.25);box-shadow:0 0 50px rgba(157,53,255,.15)}.promo-banner div{max-width:520px}.promo-banner h2{font-family:Orbitron;font-size:40px;margin:0 0 10px}.promo-banner p{font-size:21px;color:#ddd}.product-card{padding:14px;transition:.25s}.product-card:hover{transform:translateY(-6px);border-color:var(--green);box-shadow:0 0 34px rgba(147,255,22,.16)}.product-img-wrap{display:block;background:#050505;border-radius:18px;overflow:hidden}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.product-body{padding:14px}.tag{display:inline-flex;border:1px solid rgba(147,255,22,.35);color:var(--green);border-radius:999px;padding:4px 10px;font-weight:900;font-size:12px;text-transform:uppercase}.product-body h3{font-family:Orbitron;font-size:18px}.product-body p{color:var(--muted)}.price{font-size:25px;color:var(--green);font-weight:900}.old-price{text-decoration:line-through;color:#777;margin-right:9px}.card-actions{display:flex;gap:10px;margin-top:14px}.btn-mini{flex:1;text-align:center;padding:10px;border:1px solid var(--purple);border-radius:14px;font-weight:800}.btn-green{background:var(--green);color:#050505;border-color:var(--green)}.page{padding:70px 0;min-height:65vh}.page-head{margin-bottom:35px}.filters{display:grid;grid-template-columns:1fr 260px auto;gap:14px;margin-bottom:28px}.filters input,.filters select,.admin-form input,.admin-form textarea,.admin-form select,.login-card input{background:#09090d;border:1px solid rgba(157,53,255,.4);border-radius:14px;color:#fff;padding:14px;font:inherit}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-img img{width:100%;border-radius:28px;border:1px solid rgba(157,53,255,.4)}.price-big{font-size:42px;color:var(--green);font-weight:900;margin:18px 0}.cart-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.cart-row img{width:90px;height:90px;object-fit:cover;border-radius:14px}.site-footer{margin-top:60px;background:#050506;border-top:1px solid rgba(157,53,255,.25);padding-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-logo{width:90px;border-radius:18px}.site-footer a{display:block;color:var(--muted);margin:8px 0}.footer-bottom{text-align:center;padding:22px;border-top:1px solid rgba(255,255,255,.06);margin-top:35px;color:#aaa}.footer-bottom a{display:inline;color:var(--green)}.promo-pop{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:100}.promo-pop.show{display:flex}.promo-box{position:relative;display:grid;grid-template-columns:260px 1fr;max-width:760px;background:#0b0b10;border:1px solid var(--purple);border-radius:28px;overflow:hidden}.promo-box img{width:100%;height:100%;object-fit:cover}.promo-content{padding:28px}.promo-close{position:absolute;right:14px;top:12px;background:var(--green);border:0;border-radius:50%;width:32px;height:32px;font-size:22px;font-weight:900}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:min(420px,92vw);padding:32px;border:1px solid rgba(157,53,255,.45);border-radius:28px;background:#09090d;display:grid;gap:14px}.login-card img{width:110px;margin:auto;border-radius:20px}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-side{background:#07070a;border-right:1px solid rgba(157,53,255,.25);padding:22px;position:sticky;top:0;height:100vh}.admin-side img{width:90px;border-radius:18px}.admin-side a{display:block;padding:13px;border-radius:12px;margin:6px 0;background:rgba(255,255,255,.03)}.admin-main{padding:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats div{background:#111;border:1px solid rgba(147,255,22,.25);border-radius:20px;padding:26px}.stats strong{font-size:42px;color:var(--green);display:block}.admin-form{display:grid;gap:14px;max-width:900px}.admin-form label{display:grid;gap:6px;color:var(--muted);font-weight:700}.admin-form textarea{min-height:100px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px}.preview{max-width:250px;border-radius:18px}.preview.wide{max-width:600px}.thumb{width:64px;height:64px;object-fit:cover;border-radius:10px}.table-wrap{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;background:#0b0b10;border:1px solid rgba(157,53,255,.25)}td,th{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.alert{background:rgba(255,0,80,.15);border:1px solid rgba(255,0,80,.35);padding:12px;border-radius:12px}@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#050507;padding:18px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:720px;background-position:68% center}.hero-grid,.product-detail,.footer-grid,.promo-box{grid-template-columns:1fr}.category-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.hero p{font-size:20px}.admin-layout{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.form-row,.stats{grid-template-columns:1fr}}@media(max-width:560px){.category-grid,.products-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.section-title h2,.page-head h1{font-size:30px}}

/* ===== Ajustes Pixaweb: cantidades, carrito, contacto, footer y legales ===== */
.page-head-accent .eyebrow,
.contact-hero .section-kicker,
.legal-card .eyebrow {
  color: var(--green) !important;
  font-family: Orbitron, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 900;
}

.page-head-accent h1,
.contact-hero h1,
.legal-card h1 {
  color: var(--green);
  text-shadow: 0 0 24px rgba(147,255,22,.18);
}

.qty-control {
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
}

.qty-btn,
.qty-input {
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(157,53,255,.42);
  background: rgba(0,0,0,.45);
  color: #fff;
  font: inherit;
  font-weight: 900;
  text-align: center;
}

.qty-btn {
  cursor: pointer;
  background: linear-gradient(180deg, rgba(157,53,255,.26), rgba(157,53,255,.10));
  color: var(--green);
  font-size: 22px;
  line-height: 1;
}

.qty-btn:hover {
  border-color: var(--green);
  box-shadow: 0 0 18px rgba(147,255,22,.20);
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty-input { appearance: textfield; }

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

.product-actions .btn-mini {
  cursor: pointer;
  font-family: Rajdhani, Arial, sans-serif;
  font-size: 15px;
}

.btn-cart-link {
  background: rgba(157,53,255,.15);
  border-color: rgba(157,53,255,.65);
}

.product-detail-link {
  display: block;
  margin-top: 12px;
  text-align: center;
  color: var(--muted);
  font-weight: 800;
}

.product-detail-link:hover { color: var(--green); }

.detail-buy-box {
  display: grid;
  grid-template-columns: 180px auto auto;
  gap: 12px;
  align-items: center;
  margin-top: 24px;
}
.detail-buy-box .qty-control { margin-top: 0; }

.cart-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  padding: 15px 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(147,255,22,.98), rgba(112,218,0,.98));
  color: #050505;
  font-weight: 900;
  box-shadow: 0 0 34px rgba(147,255,22,.35);
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: .22s ease;
}
.cart-toast.show { opacity: 1; transform: translateY(0); }
.cart-toast.error { background: #ff4b7d; color: #fff; box-shadow: 0 0 30px rgba(255,75,125,.35); }

.cart-page { padding-top: 85px; }
.cart-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 360px;
  gap: 28px;
  align-items: start;
}
.cart-panel, .cart-summary, .empty-cart, .legal-card {
  background:
    radial-gradient(circle at 10% 0, rgba(157,53,255,.15), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(10,10,14,.94);
  border: 1px solid rgba(157,53,255,.42);
  border-radius: 28px;
  box-shadow: 0 18px 55px rgba(0,0,0,.38);
}
.cart-panel { padding: 22px; }
.cart-panel-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:16px;
  margin-bottom:10px;
}
.cart-panel-head h2, .cart-summary h2, .empty-cart h2, .legal-card h1 { font-family: Orbitron, sans-serif; margin:0; }
.cart-panel-head span { color: var(--green); font-weight: 900; }
.cart-list { display:grid; gap:14px; }
.cart-item {
  display:grid;
  grid-template-columns: 110px minmax(0,1fr) 150px 130px;
  gap:18px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(147,255,22,.13);
  border-radius:22px;
  background:rgba(0,0,0,.22);
}
.cart-item-img img { width:110px; height:110px; object-fit:cover; border-radius:18px; display:block; border:1px solid rgba(157,53,255,.35); }
.cart-category { color:var(--green); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.cart-item-info h3 { font-family:Orbitron, sans-serif; margin:6px 0; font-size:18px; }
.cart-item-info p { color:var(--muted); margin:0; }
.cart-item-qty { display:grid; gap:8px; }
.cart-qty-control { grid-template-columns:36px 1fr 36px; margin:0; }
.cart-remove { color:#ff7ba2; font-weight:900; text-align:center; }
.cart-item-price { text-align:right; display:grid; gap:6px; }
.cart-item-price span { color:var(--muted); }
.cart-item-price strong { color:var(--green); font-size:20px; }
.cart-summary {
  padding:26px;
  position: sticky;
  top: 100px;
  display:grid;
  gap:14px;
}
.summary-row, .summary-total {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.summary-total { font-size:24px; color:var(--green); border-bottom:0; }
.full { width:100%; display:flex; justify-content:center; text-align:center; }
.btn-outline, .btn-danger {
  border-radius:999px;
  padding:14px 22px;
  font-weight:900;
  border:1px solid rgba(157,53,255,.55);
  background:rgba(157,53,255,.08);
  color:#fff;
  cursor:pointer;
}
.btn-danger { border-color:rgba(255,75,125,.55); color:#ff8baa; background:rgba(255,75,125,.09); }
.empty-cart { padding:50px; text-align:center; max-width:760px; margin:auto; }
.empty-cart-icon { font-size:54px; margin-bottom:14px; }
.empty-cart p { color:var(--muted); font-size:20px; }

.contact-info-item { grid-template-columns:54px 1fr !important; align-items:start; }
.contact-icon {
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg, var(--green), #6bea00) !important;
  box-shadow:0 0 22px rgba(147,255,22,.35) !important;
}
.contact-icon svg { width:26px; height:26px; fill:none; stroke:#050505; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
.contact-icon-box { background:linear-gradient(135deg, var(--purple), #5f18aa) !important; }
.contact-icon-box svg { stroke:#fff; }
.contact-icon-search { background:linear-gradient(135deg, #00d4ff, var(--green)) !important; }

.site-footer {
  position:relative;
  overflow:hidden;
  background:#040405;
  isolation:isolate;
}
.footer-bg-layer {
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('../img/ui/footer-bg.webp') center/cover no-repeat;
  opacity:.22;
  filter:saturate(1.15) contrast(1.05);
}
.site-footer::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(5,5,7,.95), rgba(5,5,7,.78), rgba(5,5,7,.95));
}
.footer-brand-col { text-align:center; }
.footer-brand-col p { max-width:460px; margin:18px auto 0; }
.footer-logo { display:block; margin:0 auto; width:120px; box-shadow:0 0 28px rgba(157,53,255,.25); }
.footer-legal-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px 14px;
  margin-top:16px;
}
.footer-legal-links a { color:var(--green); font-weight:800; }
.legal-card { padding:42px; max-width:900px; }
.legal-card p { color:var(--muted); font-size:20px; line-height:1.65; }

@media(max-width:900px){
  .detail-buy-box, .cart-layout { grid-template-columns:1fr; }
  .cart-summary { position:relative; top:auto; }
  .cart-item { grid-template-columns:90px 1fr; }
  .cart-item-qty, .cart-item-price { grid-column:2; text-align:left; }
  .cart-item-img img { width:90px; height:90px; }
  .footer-brand-col { text-align:left; }
  .footer-logo { margin:0; }
}
@media(max-width:560px){
  .product-actions { grid-template-columns:1fr; }
  .cart-item { grid-template-columns:1fr; }
  .cart-item-qty, .cart-item-price { grid-column:auto; }
  .cart-item-img img { width:100%; height:auto; aspect-ratio:1/1; }
  .footer-legal-links { grid-template-columns:1fr; }
}
.contact-page-head .eyebrow {
  color: var(--green-neon);
}

.contact-page-head h1 {
  color: #fff;
}

.contact-icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(135deg, var(--green-neon), var(--purple-neon));
  box-shadow:
    0 0 18px rgba(166, 255, 42, .38),
    0 0 28px rgba(155, 53, 255, .26);
  border: 1px solid rgba(255,255,255,.16);
}

.contact-icon svg {
  width: 23px;
  height: 23px;
  fill: #050505;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.22));
}

.contact-icon-chat {
  background: linear-gradient(135deg, #a6ff2a, #34e4ff);
}

.contact-icon-box {
  background: linear-gradient(135deg, #9b35ff, #a6ff2a);
}

.contact-icon-star {
  background: linear-gradient(135deg, #ffcf33, #9b35ff);
}
/* =====================================================
   AJUSTE SOLO DEL FONDO / CUERPO DE LA PAGINA
   No toca navbar, hero/header ni footer
===================================================== */

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(155, 53, 255, 0.22), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(166, 255, 42, 0.12), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(155, 53, 255, 0.14), transparent 36%),
    linear-gradient(180deg, #241032 0%, #2f1744 42%, #21102f 100%) !important;
  color: #ffffff;
}

/* Fondo de las secciones internas, sin tocar hero/header/footer */
main,
.page,
.home-sections,
.catalog-section,
.products-section,
.categories-section,
.contact-section,
.cart-section,
.promos-section {
  background: transparent !important;
}

/* Bloques grandes del cuerpo con morado más claro */
.section,
.content-section {
  background: transparent !important;
}

/* Mantiene las tarjetas como estaban, pero con mejor contraste sobre fondo morado */
.product-card,
.category-card,
.contact-card,
.cart-card,
.summary-card,
.promo-card {
  background: rgba(12, 10, 18, 0.86);
  border-color: rgba(155, 53, 255, 0.38);
}

/* Para que el área entre secciones no se vea negra */
.categories-wrap,
.products-wrap,
.featured-products,
.catalog-content,
.promos-content,
.contact-content,
.cart-content {
  background: transparent !important;
}
/* =====================================================
   AJUSTES RESPONSIVE SOLO TELEFONO
   LoboZoldyck Store
===================================================== */

@media (max-width: 768px) {

  /* HOME HERO / BANNER */
  .hero,
  .home-hero,
  .hero-section {
    min-height: auto !important;
    padding: 38px 0 34px !important;
    background-position: center top !important;
    background-size: cover !important;
    overflow: hidden !important;
  }

  .hero .container,
  .home-hero .container,
  .hero-section .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-content,
  .home-hero-content {
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .hero h1,
  .home-hero h1,
  .hero-title {
    font-size: clamp(34px, 11vw, 52px) !important;
    line-height: .95 !important;
    max-width: 92% !important;
  }

  .hero p,
  .home-hero p,
  .hero-text {
    font-size: 15px !important;
    line-height: 1.35 !important;
    max-width: 92% !important;
  }

  /* Si el banner está como imagen dentro del hero */
  .hero img,
  .home-hero img,
  .hero-banner-img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* Si el banner está como background */
  .home-hero,
  .hero-section {
    background-size: auto 100% !important;
    background-position: 70% center !important;
  }

  /* Capa oscura para que el texto no pierda lectura */
  .home-hero::before,
  .hero-section::before,
  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.62) 42%,
      rgba(0,0,0,.18) 100%
    );
    pointer-events: none;
    z-index: 1;
  }

  .home-hero > *,
  .hero-section > *,
  .hero > * {
    position: relative;
    z-index: 2;
  }

  /* CATEGORIAS EN 2 COLUMNAS */
  .categories-grid,
  .category-grid,
  .categorias-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .category-card,
  .categoria-card {
    min-height: 118px !important;
    border-radius: 16px !important;
  }

  .category-card img,
  .categoria-card img {
    height: 118px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  .category-card h3,
  .categoria-card h3,
  .category-title {
    font-size: 12px !important;
    line-height: 1.05 !important;
    padding: 8px !important;
  }

  /* PRODUCTOS DESTACADOS EN 2 COLUMNAS */
  .products-grid,
  .product-grid,
  .productos-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .product-card {
    border-radius: 16px !important;
    padding: 9px !important;
  }

  .product-card img,
  .product-img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px !important;
  }

  .product-card h3,
  .product-card h2,
  .product-title {
    font-size: 13px !important;
    line-height: 1.15 !important;
    min-height: 32px !important;
  }

  .product-card p,
  .product-category,
  .product-description {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .price,
  .product-price {
    font-size: 16px !important;
  }

  .old-price {
    font-size: 12px !important;
  }

  /* Botones dentro de productos más compactos */
  .product-actions,
  .card-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .product-card .btn-neon,
  .product-card .btn-purple,
  .product-card .btn-secondary,
  .product-card button,
  .product-card a {
    font-size: 11px !important;
    padding: 9px 10px !important;
    border-radius: 999px !important;
  }

  /* Cantidad + y - más compactos */
  .qty-control,
  .qty-box,
  .product-qty {
    display: grid !important;
    grid-template-columns: 30px 1fr 30px !important;
    align-items: center !important;
    gap: 4px !important;
  }

  .qty-btn,
  .qty-minus,
  .qty-plus {
    width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
    padding: 0 !important;
  }

  .qty-input,
  .product-qty input {
    height: 30px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  /* SECCIONES MÁS COMPACTAS */
  .section,
  .home-section,
  .categories-section,
  .products-section,
  .catalog-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .section-title,
  .categories-title,
  .products-title,
  .page-head h1 {
    font-size: clamp(24px, 7vw, 34px) !important;
    line-height: 1.05 !important;
  }

  .page-head p {
    font-size: 15px !important;
  }

  .container {
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* BANNER PROMOCIONAL DEL HOME */
  .promo-banner,
  .home-promo,
  .banner-promo {
    min-height: 190px !important;
    border-radius: 18px !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .promo-banner h2,
  .home-promo h2,
  .banner-promo h2 {
    font-size: 22px !important;
  }

  .promo-banner p,
  .home-promo p,
  .banner-promo p {
    font-size: 13px !important;
    max-width: 90% !important;
  }
}

/* =====================================================
   TELEFONOS MUY PEQUEÑOS
===================================================== */

@media (max-width: 420px) {

  .products-grid,
  .product-grid,
  .productos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .categories-grid,
  .category-grid,
  .categorias-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .product-card {
    padding: 8px !important;
  }

  .product-card h3,
  .product-card h2,
  .product-title {
    font-size: 12px !important;
  }

  .product-card .btn-neon,
  .product-card .btn-purple,
  .product-card .btn-secondary,
  .product-card button,
  .product-card a {
    font-size: 10px !important;
    padding: 8px 8px !important;
  }

  .home-hero,
  .hero-section {
    background-position: 74% center !important;
  }
}
/* =====================================================
   CORRECCION BANNER HOME EN TELEFONO
   Evita que el logo/imagen principal se corte demasiado
===================================================== */

@media (max-width: 768px) {

  .home-hero,
  .hero-section,
  .hero {
    min-height: 520px !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: 78% center !important;
    background-color: #07030d !important;
    position: relative !important;
  }

  .home-hero::before,
  .hero-section::before,
  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.90) 0%,
        rgba(0, 0, 0, 0.72) 42%,
        rgba(0, 0, 0, 0.22) 100%
      ),
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0.10) 45%,
        rgba(0, 0, 0, 0.65) 100%
      );
    z-index: 1;
    pointer-events: none;
  }

  .home-hero .container,
  .hero-section .container,
  .hero .container,
  .hero-content,
  .home-hero-content {
    position: relative !important;
    z-index: 2 !important;
  }

  .hero-title,
  .home-hero h1,
  .hero h1 {
    max-width: 92% !important;
  }
}