*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#faf7f5;color:#292323}header{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #0001}.logo{font-size:25px;font-weight:800}.logo small{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;gap:20px;align-items:center}nav a{color:#292323;text-decoration:none;font-weight:bold}nav button{border:0;border-radius:22px;padding:11px 16px;background:#292323;color:white}.hero{min-height:430px;padding:80px 9%;display:flex;align-items:center;background:linear-gradient(100deg,#eee2db,#fbf7f5)}.hero p{font-size:11px;letter-spacing:3px;font-weight:bold}.hero h1{font-size:62px;line-height:1;margin:15px 0}.hero span{font-size:18px}.btn{display:inline-block;margin-top:25px;background:#292323;color:white;text-decoration:none;padding:14px 25px;border-radius:28px;font-weight:bold}.categorias,#productos{padding:55px 7%}h2{text-align:center;font-size:34px}.cats,.yapes{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.cats a,.yapes div{background:white;padding:18px 25px;border-radius:12px;text-decoration:none;color:#292323;font-weight:bold;box-shadow:0 4px 15px #0001}.tools{display:flex;gap:12px;max-width:900px;margin:0 auto 30px}.tools input,.tools select,.caja input{padding:13px;border:1px solid #ddd;border-radius:8px;background:white;flex:1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #0001}.card img{width:100%;height:250px;object-fit:cover}.body{padding:16px}.body h3{margin:0 0 8px}.desc{color:#777;font-size:14px;height:38px}.price{font-size:21px;font-weight:bold;margin:15px 0}.add{width:100%;padding:12px;border:0;background:#292323;color:white;border-radius:8px;font-weight:bold}.oferta,.pago{margin:10px 7% 50px;padding:40px;border-radius:18px;background:#eee2db;text-align:center}.pago{background:#f1ece8}.nota{color:#777;font-size:13px}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:20;align-items:center;justify-content:center}.caja{background:white;padding:28px;border-radius:18px;width:min(500px,92%);position:relative}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}.item{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.caja label{display:block;margin:10px 0}.caja input{width:100%;margin-top:5px}.wa{width:100%;padding:14px;border:0;border-radius:8px;background:#25d366;color:white;font-weight:bold;font-size:16px;margin-top:10px}footer{background:#292323;color:white;text-align:center;padding:35px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}nav a{display:none}.hero h1{font-size:48px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.tools{flex-direction:column}}\n.acciones{display:flex;align-items:center;gap:7px}.acciones button{border:1px solid #ddd;background:#f7f4f2;border-radius:6px;min-width:28px;height:28px;cursor:pointer;font-weight:bold}.acciones .eliminar{background:#fff0f0;border-color:#f0caca}.item small{color:#777}
.admin{padding:55px 7%;background:#f4efeb}.admin-form{max-width:1000px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-form input,.admin-form select{padding:12px;border:1px solid #ddd;border-radius:8px}.admin-form button{grid-column:1/-1;padding:13px;background:#292323;color:#fff;border:0;border-radius:8px;font-weight:bold}.admin-item{max-width:1000px;margin:8px auto;background:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;gap:12px}.admin-item img{width:55px;height:55px;object-fit:cover;border-radius:7px}.admin-item div{flex:1}.admin-item button{border:1px solid #ddd;background:#f7f4f2;padding:8px;border-radius:7px;cursor:pointer}@media(max-width:600px){.admin-form{grid-template-columns:1fr}.admin-item{flex-wrap:wrap}}

.login-box{min-height:300px;display:none;align-items:center;justify-content:center;background:#f4efeb}.login-card{background:#fff;padding:30px;border-radius:18px;width:min(420px,92%);box-shadow:0 8px 25px #0002;position:relative}.login-card input{width:100%;padding:13px;margin:7px 0;border:1px solid #ddd;border-radius:8px}.login-card>button:not(.x){width:100%;padding:13px;background:#292323;color:#fff;border:0;border-radius:8px;font-weight:bold;margin:8px 0}.login-card small{display:block;color:#777;margin-top:10px}.admin-head{display:flex;align-items:center;justify-content:center;gap:20px}.admin-head h2{margin:0}.admin-head button{padding:9px 14px;border:0;border-radius:8px;background:#292323;color:#fff}

.caja select{width:100%;padding:13px;border:1px solid #ddd;border-radius:8px;background:#fff;margin-top:5px}

.qr-card{margin:25px auto 0;background:#fff;border-radius:16px;padding:20px;max-width:360px;box-shadow:0 4px 15px #0001}.qr-card img{width:250px;max-width:100%;display:block;margin:12px auto;border-radius:8px}.qr-card h3{margin:0}.qr-card p{margin:8px 0}

.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,360px));gap:20px;justify-content:center;margin:25px auto 10px}.qr-card{margin:0!important}.qr-card p{margin:8px 0}@media(max-width:650px){.qr-grid{grid-template-columns:1fr;max-width:360px}}

/* KILLARY V10 — responsive polish */
*{box-sizing:border-box}
body{overflow-x:hidden}
.menu-toggle{display:none;border:0;background:#292323;color:#fff;border-radius:8px;padding:8px 11px;font-size:20px;cursor:pointer}
.venta-banner{max-width:900px;margin:18px auto;padding:16px 20px;border-radius:14px;background:#f1e4dc;text-align:center;display:flex;flex-direction:column;gap:5px}
.venta-banner strong{font-size:18px}
.venta-banner span{font-size:14px}
button,.btn{transition:transform .15s ease,opacity .15s ease}
button:hover,.btn:hover{transform:translateY(-1px)}
@media(max-width:760px){
  header{position:sticky;top:0;z-index:50;padding:10px 14px;display:flex;align-items:center;gap:10px}
  .menu-toggle{display:block}
  header nav{display:none;position:absolute;left:10px;right:10px;top:58px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 10px 25px #0002;flex-direction:column;gap:8px}
  header nav.open{display:flex}
  header nav a{padding:10px 8px}
  .logo{flex:1}
  .hero{padding:28px 16px}
  .hero h1{font-size:32px}
  .tools{grid-template-columns:1fr!important}
  .productos,.products,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .producto,.product-card{min-width:0}
  .producto img,.product-card img{height:180px;object-fit:cover}
  .carrito,.modal,.caja{width:calc(100% - 24px);max-width:none}
  .qr-grid{grid-template-columns:1fr!important}
  .qr-card img{width:min(280px,100%)}
}
@media(max-width:480px){
  .productos,.products,.grid{grid-template-columns:1fr!important}
  .producto img,.product-card img{height:230px}
  .venta-banner{margin:12px 10px;padding:14px}
}

.seguridad-nota{display:block;margin-top:10px;opacity:.75;font-size:12px}


/* Ofertas V13 */
.ofertas-grid{margin-top:24px}.oferta-card{position:relative}.badge-oferta{position:absolute;top:12px;left:12px;background:#111;color:#fff;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:700;z-index:2}.price del{opacity:.6;margin-right:7px}.price strong{font-size:1.15em}.check-oferta{display:flex;align-items:center;gap:8px;font-weight:600}.check-oferta input{width:auto}

/* KILLARY V16 — diseño premium y móvil */
:root{
  --k-ink:#241d1f;
  --k-soft:#f8f3f0;
  --k-rose:#ead7d1;
  --k-gold:#b58a55;
  --k-white:#fff;
  --k-shadow:0 12px 35px rgba(45,30,30,.10);
  --k-shadow-hover:0 18px 42px rgba(45,30,30,.16);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#fcfaf9 0%,#f8f3f0 100%);color:var(--k-ink)}
header{height:76px;padding:0 6%;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 4px 22px rgba(35,25,25,.08)}
.logo{font-size:27px;letter-spacing:.3px;color:var(--k-ink)}
.logo small{color:#9b7b68;font-size:9px;letter-spacing:2.5px;margin-top:2px}
nav{gap:10px}
nav a{padding:10px 12px;border-radius:20px;transition:.2s}
nav a:hover{background:var(--k-soft)}
nav button{padding:12px 18px;box-shadow:0 7px 18px rgba(36,29,31,.16);cursor:pointer}
.hero{min-height:480px;padding:76px 8%;background:radial-gradient(circle at 80% 35%,#fff 0,#f6eae5 28%,#eee1db 67%,#e7d9d2 100%);position:relative;overflow:hidden}
.hero:after{content:'✦';position:absolute;right:8%;top:13%;font-size:130px;color:rgba(181,138,85,.12);line-height:1;transform:rotate(12deg)}
.hero p{color:#8c6b59;font-size:12px;letter-spacing:4px}
.hero h1{font-size:clamp(42px,7vw,72px);letter-spacing:-2px;max-width:760px}
.hero span{display:block;max-width:620px;color:#62575a;line-height:1.6}
.btn{margin-top:28px;padding:15px 28px;box-shadow:0 10px 24px rgba(36,29,31,.18);transition:.2s}
.btn:hover{box-shadow:0 14px 30px rgba(36,29,31,.22)}
.categorias,#productos{padding:64px 6%}
h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.5px;margin:0 0 28px}
.cats{gap:12px}
.cats a{padding:13px 20px;border:1px solid #eee3de;box-shadow:0 6px 18px rgba(45,30,30,.06);transition:.2s}
.cats a:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(45,30,30,.11);border-color:#ddc7bd}
.tools{max-width:1050px;margin:0 auto 34px;align-items:center}
.tools input,.tools select,.caja input,.caja select{min-height:46px;border:1px solid #e3d8d3;box-shadow:inset 0 1px 2px rgba(0,0,0,.02);outline:none;transition:.2s}
.tools input:focus,.tools select:focus,.caja input:focus,.caja select:focus{border-color:#b58a55;box-shadow:0 0 0 3px rgba(181,138,85,.12)}
.grid{gap:22px;max-width:1200px;margin:0 auto}
.card{border:1px solid #eee5e1;border-radius:18px;box-shadow:var(--k-shadow);transition:transform .22s ease,box-shadow .22s ease;position:relative}
.card:hover{transform:translateY(-6px);box-shadow:var(--k-shadow-hover)}
.card img{height:280px;background:#f4efec;transition:transform .35s ease}
.card:hover img{transform:scale(1.025)}
.body{padding:19px}
.body h3{font-size:18px;line-height:1.25}
.desc{height:auto;min-height:38px;line-height:1.45}
.price{margin:16px 0;font-size:22px}
.price strong{color:#2b2224}
.add{min-height:46px;border-radius:11px;font-size:15px;cursor:pointer;box-shadow:0 7px 16px rgba(36,29,31,.12);transition:.2s}
.add:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(36,29,31,.18)}
.oferta,.pago{margin:16px auto 56px;max-width:1200px;padding:44px 6%;border:1px solid #eadbd4;box-shadow:var(--k-shadow)}
.oferta{background:linear-gradient(135deg,#f1e1da,#f9f2ef)}
.pago{background:#f4efeb}
.ofertas-grid{max-width:1200px;margin:26px auto 0}
.oferta-card{border:1px solid #e7d7d0}
.badge-oferta{background:linear-gradient(135deg,#241d1f,#4a3a38);box-shadow:0 5px 12px rgba(0,0,0,.15);letter-spacing:.3px}
.venta-banner{max-width:1100px;margin:22px auto;padding:19px 24px;border:1px solid #eadbd4;background:linear-gradient(90deg,#f4e6df,#fbf7f5,#f4e6df);box-shadow:0 8px 22px rgba(45,30,30,.07)}
.venta-banner strong{font-size:19px}
.qr-grid{max-width:780px;gap:24px}
.qr-card{border:1px solid #eee1dc;box-shadow:var(--k-shadow);transition:.2s}
.qr-card:hover{transform:translateY(-3px);box-shadow:var(--k-shadow-hover)}
.qr-card img{background:#fff;padding:6px;border:1px solid #eee5e1}
.modal{background:rgba(24,18,19,.68);backdrop-filter:blur(4px)}
.caja{border:1px solid #eee3de;box-shadow:0 25px 70px rgba(0,0,0,.24);max-height:92vh;overflow:auto}
.x{cursor:pointer;color:#6b5d5f}
.item{gap:14px;align-items:center}
.acciones button{min-width:34px;height:34px;border-radius:9px;cursor:pointer}
.acciones button:hover{transform:scale(1.05)}
.wa{min-height:48px;border-radius:11px;box-shadow:0 8px 18px rgba(37,211,102,.20);cursor:pointer;transition:.2s}
.wa:hover{transform:translateY(-2px)}
.admin{background:linear-gradient(180deg,#f5efeb,#efe6e1)}
.login-card{box-shadow:var(--k-shadow);border:1px solid #eee1dc}
.admin-item{box-shadow:0 5px 16px rgba(45,30,30,.07);border:1px solid #eee5e1}
footer{padding:42px 6%;background:linear-gradient(135deg,#241d1f,#332a2b);margin-top:30px}
footer h3{margin-top:0;font-size:21px}
.seguridad-nota{color:#756b6d}

@media(max-width:760px){
  header{height:64px;padding:8px 12px}
  .logo{font-size:21px;line-height:1.05}
  .logo small{font-size:7px;letter-spacing:1.8px}
  .menu-toggle{padding:8px 10px;border-radius:9px;box-shadow:0 5px 12px rgba(36,29,31,.14)}
  header nav{top:60px;left:8px;right:8px;border:1px solid #eee3de;padding:10px;box-shadow:0 16px 35px rgba(0,0,0,.14)}
  header nav a{width:100%;text-align:center}
  header nav button{width:100%}
  .hero{min-height:430px;padding:48px 18px 55px}
  .hero:after{right:-20px;top:15%;font-size:90px}
  .hero h1{font-size:40px;letter-spacing:-1.3px;margin:13px 0}
  .hero span{font-size:15px;max-width:90%}
  .btn{width:100%;text-align:center;margin-top:23px}
  .categorias,#productos{padding:45px 14px}
  h2{margin-bottom:22px}
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .cats a{text-align:center;padding:12px 8px;font-size:14px}
  .tools{gap:9px;margin-bottom:22px}
  .grid{gap:12px!important}
  .card{border-radius:14px}
  .card img{height:190px}
  .body{padding:13px}
  .body h3{font-size:16px}
  .desc{font-size:13px;min-height:36px}
  .price{font-size:18px;margin:12px 0}
  .add{min-height:44px;padding:10px 8px;font-size:14px}
  .oferta,.pago{margin:10px 10px 38px;padding:30px 14px;border-radius:16px}
  .ofertas-grid{gap:12px!important}
  .venta-banner{margin:12px 10px;padding:15px 12px}
  .venta-banner strong{font-size:16px}
  .venta-banner span{font-size:13px;line-height:1.4}
  .qr-card{padding:17px}
  .qr-card img{width:220px}
  .caja{padding:22px 16px;border-radius:16px}
  .item{align-items:flex-start}
  .item strong{font-size:14px}
  .acciones{flex-shrink:0}
  .acciones button{min-width:36px;height:36px}
  .wa{min-height:50px}
}
@media(max-width:480px){
  .grid,.ofertas-grid{grid-template-columns:1fr!important}
  .card img{height:250px}
  .cats{grid-template-columns:1fr 1fr}
  .hero h1{font-size:37px}
  .hero:after{display:none}
  .qr-card img{width:240px}
}

/* KILLARY V17 — tienda boutique / conversión / móvil */
:root{
  --k-line:#eadfda;
  --k-muted:#75696b;
  --k-accent:#a87945;
  --k-accent-soft:#f3e5dc;
}
section{scroll-margin-top:82px}
.hero{isolation:isolate}
.hero:before{content:'';position:absolute;inset:auto -8% -42% 48%;height:300px;border-radius:50%;background:rgba(255,255,255,.38);filter:blur(2px);z-index:-1}
.categorias{background:rgba(255,255,255,.58)}
.cats a{min-width:145px;text-align:center}
#productos{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(248,243,240,.72))}
.tools input::placeholder{color:#9a8d8f}
.grid{align-items:stretch}
.card{display:flex;flex-direction:column;height:100%}
.card .body{display:flex;flex-direction:column;flex:1}
.card .body .add{margin-top:auto}
.card img{aspect-ratio:1/1;object-fit:cover}
.card:focus-within{outline:3px solid rgba(181,138,85,.18);outline-offset:2px}
.badge-oferta{font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.oferta-card .body{padding-top:18px}
.price del{font-size:.72em;color:#8f8180}
.price strong{font-weight:800}
.add{letter-spacing:.1px}
.add:active,.btn:active,.wa:active,nav button:active{transform:scale(.98)}
.oferta{position:relative;overflow:hidden}
.oferta:before{content:'🔥';position:absolute;right:25px;top:18px;font-size:28px;opacity:.75}
.oferta h2{margin-bottom:10px}
.oferta .nota{max-width:650px;margin:0 auto}
.pago h2{margin-bottom:10px}
.qr-card h3{font-size:18px}
.qr-card p b{font-size:18px;letter-spacing:.5px}
.caja h2{font-size:26px;text-align:left;padding-right:30px}
.caja input,.caja select{font-size:15px}
.item{border-bottom:1px solid var(--k-line)}
.item:last-of-type{border-bottom:0}
.acciones button{font-size:16px}
.acciones .eliminar{color:#8b3f3f}
footer{border-top:1px solid rgba(255,255,255,.08)}

/* Sensación de tienda en pantallas grandes */
@media(min-width:1000px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .card img{height:285px}
  .hero{padding-left:9%;padding-right:9%}
  .hero h1{max-width:720px}
}

/* Móvil: compra rápida y lectura cómoda */
@media(max-width:760px){
  body{font-size:14px}
  header{box-shadow:0 4px 18px rgba(35,25,25,.10)}
  .hero{border-bottom:1px solid #eee1dc}
  .hero p{font-size:10px;letter-spacing:2.7px}
  .categorias{padding-top:38px;padding-bottom:38px}
  .cats a{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center}
  #productos{padding-top:40px}
  .tools input,.tools select{min-height:48px;font-size:14px}
  .card{box-shadow:0 8px 22px rgba(45,30,30,.09)}
  .card img{aspect-ratio:1/1;height:auto}
  .body h3{min-height:40px;display:flex;align-items:center}
  .desc{font-size:12px;color:var(--k-muted)}
  .price{font-size:19px}
  .add{font-size:13px;min-height:46px}
  .oferta:before{right:15px;top:12px}
  .qr-grid{margin-top:18px}
  .qr-card{box-shadow:0 8px 24px rgba(45,30,30,.09)}
}

@media(max-width:480px){
  .hero{min-height:405px;padding-top:42px}
  .hero h1{font-size:38px}
  .categorias,#productos{padding-left:12px;padding-right:12px}
  .cats{gap:8px}
  .cats a{font-size:13px;padding:11px 6px}
  .grid{gap:14px!important}
  .card{border-radius:16px}
  .body{padding:14px}
  .body h3{font-size:16px}
  .price{font-size:20px}
  .add{min-height:48px}
  .oferta,.pago{margin-left:8px;margin-right:8px}
}

/* KILLARY V18 — experiencia comercial */
section#productos{max-width:1280px;margin:0 auto;padding-top:72px;padding-bottom:72px}
#productos h2{margin-bottom:30px}
.tools{max-width:940px;margin-bottom:34px;position:relative}
.tools input,.tools select{height:48px;border:1px solid #e5d8d2;box-shadow:0 5px 16px rgba(45,30,30,.05);transition:.2s}
.tools input:focus,.tools select:focus{outline:none;border-color:#b58a55;box-shadow:0 0 0 3px rgba(181,138,85,.12)}
.grid{align-items:stretch}
.card{position:relative;border:1px solid rgba(90,60,50,.07);box-shadow:0 9px 28px rgba(45,30,30,.08);transition:transform .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-7px);box-shadow:var(--k-shadow-hover)}
.card img{height:270px;display:block;transition:transform .35s ease}
.card:hover img{transform:scale(1.035)}
.card .body{padding:18px 18px 20px;display:flex;flex-direction:column;min-height:205px}
.card h3{font-size:18px;line-height:1.25;color:var(--k-ink)}
.desc{line-height:1.45;min-height:40px}
.price{display:flex;align-items:baseline;gap:8px;margin:14px 0 16px;font-size:15px}
.price del{font-size:14px;color:#8b7d78}
.price strong{font-size:25px;color:var(--k-ink);letter-spacing:-.4px}
.add{margin-top:auto;padding:13px 16px;border-radius:10px;background:var(--k-ink);box-shadow:0 7px 16px rgba(36,29,31,.14);cursor:pointer;transition:.2s}
.add:hover{background:#3a3033;transform:translateY(-2px);box-shadow:0 10px 20px rgba(36,29,31,.18)}

/* Destacar visualmente los productos en oferta */
.oferta{position:relative;overflow:hidden;background:linear-gradient(135deg,#f0dfd7 0%,#fbf6f3 60%,#efe0d8 100%);border:1px solid #ead8d0}
.oferta>span{display:inline-block;background:var(--k-ink);color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1.5px;box-shadow:0 6px 15px rgba(36,29,31,.14)}
.oferta h2{margin-top:14px;margin-bottom:8px}
.oferta>p{color:#66595a}
.ofertas-grid{max-width:1100px;margin:28px auto 0}
.oferta-card{border-color:#e5cec5}
.badge-oferta{top:14px;left:14px;background:#241d1f;padding:7px 11px;letter-spacing:.7px;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.oferta-card .price strong{font-size:27px}
.oferta-card .price strong:after{content:'  ✨';font-size:14px}

/* Pequeño refuerzo de confianza */
.venta-banner{border:1px solid #ead8d0;box-shadow:0 8px 22px rgba(45,30,30,.05)}
.pago{border:1px solid #eaded9;box-shadow:0 8px 25px rgba(45,30,30,.05)}
.qr-card{border:1px solid #eaded9;box-shadow:0 10px 28px rgba(45,30,30,.08);transition:.2s}
.qr-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(45,30,30,.12)}

/* Carrito más cómodo */
.caja{box-shadow:0 24px 70px rgba(0,0,0,.25)}
.item{gap:12px;align-items:center}
.acciones{flex-shrink:0}
.acciones button{width:34px;height:34px;min-width:34px;border-radius:9px;font-size:16px}
.wa{border-radius:10px;box-shadow:0 8px 18px rgba(37,211,102,.18);cursor:pointer}

@media(max-width:800px){
  section#productos{padding:54px 5%}
  .card img{height:230px}
  .card .body{min-height:200px;padding:15px}
  .card h3{font-size:16px}
  .price strong{font-size:22px}
}
@media(max-width:500px){
  section#productos{padding:48px 14px}
  .card img{height:245px}
  .card .body{min-height:0}
  .tools{margin-bottom:22px}
  .oferta{margin-left:10px;margin-right:10px;padding:28px 16px}
  .oferta h2{font-size:28px}
  .oferta-card .price strong{font-size:24px}
}


/* KILLARY V21 — logo y banner visual */
header{min-height:76px}
.logo{display:flex;align-items:center;gap:10px}
.logo-arte-moda{width:52px;height:52px;object-fit:cover;border-radius:12px;flex:none;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.hero{position:relative;overflow:hidden;background-image:url("imagenes/banner-perfumes-killary.png");background-repeat:no-repeat;background-position:right center;background-size:auto 100%;}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,247,245,1) 0%,rgba(250,247,245,.92) 33%,rgba(250,247,245,.28) 58%,rgba(250,247,245,0) 78%)}
.hero>div{position:relative;z-index:1;max-width:620px}
@media(max-width:760px){
  header{min-height:68px}
  .logo-arte-moda{width:44px;height:44px;border-radius:10px}
  .hero{background-size:auto 100%;background-position:72% center}
  .hero:after{background:linear-gradient(90deg,rgba(250,247,245,.98) 0%,rgba(250,247,245,.88) 55%,rgba(250,247,245,.35) 100%)}
}
@media(max-width:480px){
  .logo-arte-moda{width:38px;height:38px;border-radius:9px}
  .logo{gap:7px}
  .hero{background-position:68% center;background-size:auto 100%}
  .hero:after{background:linear-gradient(90deg,rgba(250,247,245,.99) 0%,rgba(250,247,245,.91) 62%,rgba(250,247,245,.45) 100%)}
}


/* KILLARY V22 — menú móvil visible y fácil de tocar */
@media(max-width:760px){
  header{position:sticky;top:0;z-index:100;overflow:visible}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;padding:0!important;font-size:22px;line-height:1;flex:0 0 46px;position:relative;z-index:102}
  header nav#mainNav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:10px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #eadfd9!important;
    border-radius:16px!important;
    box-shadow:0 18px 40px rgba(36,29,31,.18)!important;
    z-index:101!important;
  }
  header nav#mainNav.open{display:flex!important}
  header nav#mainNav a,
  header nav#mainNav button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border-radius:11px!important;
    font-size:15px!important;
    text-decoration:none!important;
  }
  header nav#mainNav a:active,
  header nav#mainNav button:active{background:#f7eee9!important;transform:scale(.99)}
}

@media(max-width:480px){
  header nav#mainNav{left:8px!important;right:8px!important;top:calc(100% + 7px)!important}
  header nav#mainNav a,
  header nav#mainNav button{min-height:50px!important;font-size:15px!important}
}


/* KILLARY V23 — botón de atención por WhatsApp */
.wa-atencion{
  position:fixed;right:18px;bottom:18px;z-index:90;
  display:flex;align-items:center;gap:10px;
  padding:10px 15px 10px 10px;
  background:#25d366;color:#fff;text-decoration:none;
  border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.20);
  transition:transform .2s,box-shadow .2s;
}
.wa-atencion:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.24)}
.wa-atencion-icon{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.wa-atencion-text{display:flex;flex-direction:column;line-height:1.15}
.wa-atencion-text b{font-size:14px}
.wa-atencion-text small{font-size:11px;margin-top:3px}
@media(max-width:500px){
  .wa-atencion{right:12px;bottom:12px;padding:9px 12px 9px 9px;gap:8px}
  .wa-atencion-icon{width:36px;height:36px;font-size:18px}
  .wa-atencion-text b{font-size:13px}
  .wa-atencion-text small{font-size:10px}
}

/* KILLARY V25 — gestión dinámica de categorías */
.gestion-categorias{margin:18px 0 22px;padding:18px;border:1px solid #eadfd9;border-radius:16px;background:#fffaf8;box-shadow:0 8px 22px rgba(36,29,31,.07)}
.gestion-cat-head h3{margin:0 0 5px;font-size:20px}
.gestion-cat-head p{margin:0 0 14px;color:#6f6462}
.gestion-cat-form{display:grid;grid-template-columns:1.4fr .8fr .55fr auto;gap:10px;align-items:center;margin-bottom:14px}
.gestion-cat-form input{min-height:44px;padding:10px 12px;border:1px solid #e4d8d2;border-radius:10px;background:#fff;font:inherit}
.gestion-cat-form button{min-height:44px;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}
.categoria-admin-item{display:grid;grid-template-columns:42px 1fr auto auto auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #eee3df}
.categoria-admin-item.inactiva{opacity:.58}
.categoria-admin-icon{font-size:24px;text-align:center}
.categoria-admin-info{display:flex;flex-direction:column;gap:3px}
.categoria-admin-info small{color:#7b706d}
.categoria-admin-item button{border:1px solid #e4d8d2;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}
@media(max-width:760px){
  .gestion-cat-form{grid-template-columns:1fr 1fr}
  .gestion-cat-form button{grid-column:1/-1;width:100%}
  .categoria-admin-item{grid-template-columns:36px 1fr auto auto auto}
  .categoria-admin-item button{padding:8px 7px}
}
@media(max-width:480px){
  .gestion-cat-form{grid-template-columns:1fr}
  .gestion-cat-form button{grid-column:auto}
  .categoria-admin-item{grid-template-columns:34px 1fr;}
  .categoria-admin-item button{width:100%}
}