/* ===== COLORES DE TU MARCA ===== */
:root{
  --brand:#0591B5; --brand-dark:#036A86; --blue:#0095D9;
  --green:#A8CD3A; --pink:#EE1450; --yellow:#FFF001;
  --ink:#16231f; --muted:#5a6b66; --soft:#e6f4fa; --line:#dde6e2;
}
/* ================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Manrope",system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
section{scroll-margin-top:90px}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
button,.btn{font:inherit;font-weight:700;border-radius:999px;padding:11px 20px;cursor:pointer;text-align:center;text-decoration:none;border:2px solid var(--brand);color:var(--brand);background:transparent;display:inline-block}
.fill{background:var(--brand);color:#fff}
.yellow{background:var(--yellow);border-color:var(--yellow);color:#1b1b1b}
.ghost{border-color:#fff;color:#fff}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.hero :focus-visible{outline-color:#fff}

/* Encabezado */
.top{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.top::after{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--green) 25%,var(--blue) 0 50%,var(--pink) 0 75%,var(--yellow) 0)}
.bar{max-width:1040px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:16px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand)}
.brand img{height:46px;width:auto;display:block}
.brand span{display:flex;flex-direction:column;line-height:1.05}
.brand b{font-size:1.2rem;font-weight:800}
.brand small{font-size:.72rem;font-weight:600;color:var(--muted)}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px 16px;gap:4px;box-shadow:0 8px 14px rgba(0,0,0,.1)}
nav.open{display:flex}
nav a{text-decoration:none;font-weight:700;padding:10px 4px;border-bottom:1px solid var(--line)}
nav a.wa-link{background:#1faa59;color:#fff;border:0;border-radius:999px;text-align:center;margin-top:8px}
.tools{margin-left:auto;display:flex;gap:8px}
.icon{width:44px;height:44px;padding:0;border-radius:50%;border:0;background:var(--soft);color:var(--ink);display:grid;place-items:center}
.icon svg{width:22px;height:22px}
#searchRow{max-width:1040px;margin:0 auto;padding:0 20px 10px}
#q{width:100%;font:inherit;padding:11px 16px;border:2px solid var(--line);border-radius:999px}
@media (min-width:1000px){
  .bar{max-width:1240px}
  nav{display:flex;position:static;flex-direction:row;padding:0;box-shadow:none;margin-left:auto;align-items:center;gap:22px}
  nav a{border:0;padding:6px 2px}
  nav a:not(.wa-link):hover{box-shadow:0 2px 0 var(--brand)}
  nav a.wa-link{padding:8px 18px;margin:0}
  .tools{margin-left:0}.menu-btn{display:none}
}

/* Banner carrusel */
.hero{position:relative;color:#fff;overflow:hidden;
  background:
   radial-gradient(circle at 10% 90%,rgba(255,255,255,.16) 0 20%,transparent 20.2%),
   radial-gradient(circle at 95% 10%,rgba(255,255,255,.12) 0 26%,transparent 26.2%),
   linear-gradient(160deg,var(--brand-dark),var(--brand))}
.slide{max-width:1040px;margin:0 auto;padding:56px 64px 80px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.slide[hidden]{display:none}
.slide h2{font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;margin:0 0 12px;font-weight:800;letter-spacing:-.02em}
.slide p{margin:0 0 22px;font-size:1.1rem;font-weight:600}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.disc-hero{background:#fff;border-radius:50%;aspect-ratio:1/1;width:100%;max-width:380px;justify-self:center;display:grid;place-items:center;padding:8%;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.disc-hero img{max-width:100%;max-height:100%;object-fit:contain;border-radius:50%}
.disc-hero span{font-size:5rem}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:2px solid #fff;color:#fff;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.arrow.prev{left:10px}.arrow.next{right:10px}
.dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.dot{width:12px;height:12px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5)}
.dot[aria-current="true"]{width:36px;background:#fff}
@media (max-width:760px){
  .slide{grid-template-columns:1fr;text-align:center;padding:40px 54px 80px}
  .cta{justify-content:center}
  .disc-hero{max-width:260px;order:2}
}

/* Productos */
.sec{padding:56px 0}
.sec h2.t{font-size:clamp(1.7rem,4.5vw,2.4rem);margin:0 0 6px;text-align:center;color:var(--brand);font-weight:800;letter-spacing:-.01em}
.sub{color:var(--muted);text-align:center;margin:0 0 24px}
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.tab{padding:11px 22px}
.tab[aria-selected="true"]{background:var(--brand);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px 22px}
.card{display:flex;flex-direction:column;align-items:center;text-align:center}
.disc{background:#f1f4f6;border-radius:50%;width:min(100%,250px);aspect-ratio:1/1;display:grid;place-items:center;padding:12%;margin-bottom:14px}
.disc img{max-width:100%;max-height:100%;object-fit:contain;border-radius:50%}
.disc span{font-size:4rem}
.card h3{margin:0;font-size:1.2rem}
.tags{color:var(--brand);font-size:.9rem;margin:2px 0 6px}
.card p{margin:0 0 6px;color:var(--muted);font-size:.9rem;max-width:30ch;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price{font-weight:800;font-size:1.35rem;margin-bottom:10px}
.btns{display:grid;gap:8px;width:min(100%,250px)}
.empty{text-align:center;color:var(--muted);grid-column:1/-1}

/* Cómo comprar y asesoría */
.how{background:#f7f9fa}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;margin-bottom:10px}
.steps b{display:block}.steps span{color:var(--muted);font-size:.93rem}
.help{background:var(--soft);text-align:center}
.help h2{margin:0 0 8px;font-size:clamp(1.6rem,4.5vw,2.3rem);color:var(--brand);font-weight:800}
.help p{margin:0 auto 22px;max-width:44ch}

/* Pie de página */
footer{background:linear-gradient(170deg,var(--brand),var(--brand-dark));color:#fff;border-radius:36px 36px 0 0;padding:44px 0 90px}
.foot{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.logo-box{background:#fff;border-radius:20px;padding:14px;display:inline-block;max-width:220px}
.logo-box img{width:100%;display:block}
footer h3{margin:0 0 6px}
footer p{margin:4px 0}
.social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.social a{border:2px solid #fff;border-radius:999px;padding:6px 14px;text-decoration:none;font-weight:700;font-size:.9rem}
.libro{display:inline-block;margin-top:14px;background:#fff;color:var(--pink);font-weight:800;text-decoration:none;border-radius:14px;padding:10px 16px}
.copy{text-align:center;margin-top:30px;font-size:.85rem;opacity:.85}
.legal{text-align:center;font-size:.8rem;opacity:.8;max-width:60ch;margin:18px auto 0}
@media (max-width:700px){.foot{grid-template-columns:1fr;text-align:center}.logo-box{margin:0 auto}.social{justify-content:center}}

.wa{position:fixed;right:16px;bottom:16px;background:#1faa59;color:#fff;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:30}

/* Ventana de pago */
dialog{border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);width:min(440px,calc(100% - 24px));padding:22px}
dialog::backdrop{background:rgba(0,0,0,.55)}
dialog h3{margin:0 0 2px;font-size:1.2rem}
.amount{font-size:1.8rem;font-weight:800;margin:0 0 14px;color:var(--brand)}
.dtabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:14px}.dtab[hidden],#sendWa[hidden],.note[hidden]{display:none}
.dtab{border-color:var(--line);color:var(--ink)}
.dtab[aria-selected="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
.panel{background:#f5f8fa;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0}
.row span{color:var(--muted);font-size:.85rem}.row b{word-break:break-all}
.cp{padding:6px 12px;font-size:.8rem;border-color:var(--line);color:var(--ink)}
.qr{display:block;width:170px;max-width:100%;margin:0 auto 8px;border-radius:10px}
.note{color:var(--muted);font-size:.85rem;margin:0 0 14px}
.send{display:block;margin-bottom:8px;width:100%}.close{width:100%}
.disc,.disc-hero{position:relative;padding:0;overflow:hidden}
.disc{background:#fff;border:10px solid #f1f4f6}
.disc img,.disc-hero img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;border-radius:0}

/* v4: carrito, filtros, secciones nuevas */
.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:99px;background:var(--pink);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;padding:0 5px}
.icon{position:relative}
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:-14px 0 30px}
.filters select{font:inherit;padding:9px 14px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}
.chip{position:absolute;top:6px;left:6px;z-index:2;background:var(--pink);color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:99px}
.chip.new{background:var(--green);color:#1b1b1b;left:auto;right:6px}
.cardtop{position:relative;width:min(100%,250px)}
.old{color:var(--muted);text-decoration:line-through;font-weight:600;font-size:.95rem;margin-right:6px}
.link{border:0;background:none;padding:2px;color:var(--brand);text-decoration:underline;font-size:.9rem}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.box h3{margin:0 0 6px;color:var(--brand);font-size:1.05rem}.box p{margin:0;color:var(--muted);font-size:.93rem}
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 20px;align-items:center;justify-items:center}
.brands div{height:80px;width:100%;display:grid;place-items:center}
.brands img{max-width:150px;max-height:64px;object-fit:contain}
.brands span{font-weight:800;color:var(--muted);text-align:center}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{margin:8px 0 0;color:var(--muted)}
.crow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.crow span{color:var(--muted);font-size:.85rem}
.qty{display:flex;align-items:center;gap:8px}.qty button{width:32px;height:32px;padding:0;line-height:1}
.ctotal{display:flex;justify-content:space-between;font-weight:800;font-size:1.3rem;margin:14px 0}
#cartAct{display:grid;gap:8px;margin-bottom:8px}#cartAct[hidden]{display:none}
#toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:99px;font-weight:700;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s}
#toast.on{opacity:1}
.dl{margin:0 0 10px;font-size:.93rem}.dl b{color:var(--brand)}

/* v6: página de producto */
.favf{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--muted);padding:0 8px}
.disc[role=link]{cursor:pointer}.disc[role=link]:hover{box-shadow:0 0 0 3px var(--brand)}
#pdp{padding:0 0 50px}.crumbs{background:var(--bg2,#eef2f5);margin:0 -20px 28px;padding:16px 20px;color:var(--muted);font-size:.95rem}
.crumbs a{color:var(--muted)}
.pgrid{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.pside h3{margin:0 0 10px}.pside ul{list-style:none;margin:0;padding:0}.pside a{display:block;padding:7px 0;color:var(--ink);text-decoration:none}.pside a:hover{color:var(--brand)}
.pimg{position:relative}.pbox{border:1px solid var(--line);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;padding:6%;background:#fff}
.pbox img{max-width:100%;max-height:100%;object-fit:contain}.pbox span{font-size:7rem}
.pimg .chip{top:10px;left:10px;font-size:.85rem}.pimg .chip.new{left:auto;right:10px}
.pinfo h1{margin:0 0 10px;font-size:1.7rem;line-height:1.15}.pinfo p{margin:6px 0}.mut{color:var(--muted)}
.pprice{font-size:2rem;font-weight:800;color:var(--brand);margin:14px 0 4px!important}.stock{color:#6b8e23;font-weight:600}
.qrow{display:flex;gap:12px;align-items:center;margin:14px 0 8px;flex-wrap:wrap}
.ptabs{display:grid;grid-template-columns:1fr 1fr;margin-top:36px}.ptabs button{border-radius:0;border:0;background:#e3e7ea;color:var(--ink);padding:14px}
.ptabs button[aria-selected=true]{background:var(--brand);color:#fff}
.ptab{border:1px solid var(--line);border-top:0;padding:20px}.ptab table{border-collapse:collapse;width:100%}.ptab td{padding:9px 6px;border-bottom:1px solid var(--line)}.ptab td:first-child{font-weight:700;width:38%}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}.pside{display:none}}

/* v7: promociones (tarjetas propias) */
.promo{background:radial-gradient(circle at 92% 8%,rgba(61,181,74,.35) 0 18%,transparent 18.3%),radial-gradient(circle at 4% 96%,rgba(255,255,255,.08) 0 22%,transparent 22.3%),linear-gradient(150deg,#0f2a5e,#1d4f9c);color:#fff}
.promo-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:30px}
.promo-head img{height:46px;width:auto;filter:brightness(0) invert(1)}
.promo-head .kicker{display:inline-block;background:#3db54a;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:99px}
.promo-head h2{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.01em}
.promo-head p{margin:0;opacity:.85;max-width:46ch}
.pgallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
@media (max-width:700px){.pgallery{grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 14px;margin:0 -20px}.pcard{scroll-snap-align:center}}
.pcard{--c1:#12306a;--c2:#2f62b8;background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 34px rgba(0,0,0,.3);transition:transform .2s}
.pcard:hover{transform:translateY(-4px)}
.pvis{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;place-items:center;aspect-ratio:5/4;padding:44px 18px 16px;background:radial-gradient(ellipse at 50% 70%,rgba(255,255,255,.38),transparent 62%),linear-gradient(155deg,var(--c1),var(--c2))}
.pvis::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.25)}
.pvis img{position:absolute;left:18px;right:18px;top:44px;bottom:14px;width:calc(100% - 36px);height:calc(100% - 58px);object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35));transition:transform .25s}
.pcard:hover .pvis img{transform:scale(1.04) rotate(-1deg)}
.pvis:focus-visible{outline:3px solid #3db54a;outline-offset:-3px}
.pbadge{position:absolute;top:12px;left:12px;background:#fff;color:var(--c1);font-weight:800;font-size:.76rem;padding:5px 12px;border-radius:99px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.pspecies{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.28);color:#fff;font-weight:700;font-size:.74rem;padding:5px 11px;border-radius:99px}
.pcard .pb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard h3{margin:0;font-size:1.3rem;color:var(--c1);font-weight:800;line-height:1.1}
.ptag{margin:-4px 0 0;color:var(--muted);font-size:.9rem}
.pcomp{display:flex;flex-wrap:wrap;gap:6px}
.pcomp span{background:color-mix(in srgb,var(--c2) 12%,#fff);color:var(--c1);font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:99px}
.pben{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1;align-content:start}
.pben li{position:relative;padding-left:24px;font-size:.88rem;line-height:1.35}
.pben li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:#3db54a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.pact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.pact .btn,.pact button{padding:10px 8px;font-size:.88rem}
.pact .more{border-color:var(--c1);color:var(--c1)}
.wa-btn{background:#1faa59!important;border-color:#1faa59!important;color:#fff!important}
.promo-note{text-align:center;font-size:.8rem;opacity:.75;margin:22px 0 0}
#fichaDlg{--c1:#12306a;--c2:#2f62b8;width:min(760px,96vw);max-width:none;padding:0;overflow:hidden;background:#fff}
.fhead{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;align-items:center;padding:22px;color:#fff;background:radial-gradient(ellipse at 25% 70%,rgba(255,255,255,.35),transparent 60%),linear-gradient(155deg,var(--c1),var(--c2))}
.fhead img{width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35))}
.fhead h3{margin:0 0 6px;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.05}
.fhead p{margin:0 0 10px;opacity:.9}
.fhead .pbadge,.fhead .pspecies{position:static;display:inline-block;margin:0 6px 6px 0}
.fbody{padding:18px 22px 22px;max-height:52vh;overflow:auto}
.fbody h4{margin:14px 0 8px;color:var(--c1);font-size:1rem}.fbody h4:first-child{margin-top:0}
.fpres{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.fpres span{border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:.85rem;text-align:center}
.fpres b{display:block;color:var(--c1)}
.fuse{background:#f3f7f4;border-left:4px solid #3db54a;border-radius:10px;padding:10px 14px;font-size:.9rem;margin:0}
.ffoot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 20px}
@media (max-width:600px){.fhead{grid-template-columns:1fr;text-align:center}.fhead img{max-height:170px}}
nav a{white-space:nowrap}
@media (min-width:1000px){nav{gap:16px!important}nav a{font-size:.95rem}}
/* v7: varias tiendas */
footer .dirs-t{font-weight:800;margin-top:6px}
footer .dirs{list-style:none;margin:2px 0 8px;padding:0;display:grid;gap:5px}
footer .dirs li{position:relative;padding-left:20px;font-size:.92rem}
footer .dirs li::before{content:"";position:absolute;left:2px;top:4px;width:11px;height:11px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--yellow)}
footer .dirs a{text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.5)}
footer .dirs a:hover{border-bottom-style:solid}
@media (max-width:700px){footer .dirs{width:fit-content;max-width:100%;margin:2px auto 8px;text-align:left}}
/* v7: banners del inicio */
.hero.banners{background:#eaf6fb}
.bslide{display:block}
#slides{position:relative;overflow:hidden}
.bslide.out-l,.bslide.out-r{position:absolute;inset:0 0 auto 0}
.bslide.in-r{animation:inR .65s cubic-bezier(.4,0,.2,1)}.bslide.in-l{animation:inL .65s cubic-bezier(.4,0,.2,1)}
.bslide.out-l{animation:outL .65s cubic-bezier(.4,0,.2,1) forwards}.bslide.out-r{animation:outR .65s cubic-bezier(.4,0,.2,1) forwards}
@keyframes inR{from{transform:translateX(100%)}to{transform:none}}@keyframes inL{from{transform:translateX(-100%)}to{transform:none}}
@keyframes outL{from{transform:none}to{transform:translateX(-100%)}}@keyframes outR{from{transform:none}to{transform:translateX(100%)}}
.bslide[hidden]{display:none}
.bslide img{display:block;width:100%;height:auto;aspect-ratio:1916/821;object-fit:cover}
@keyframes bfade{from{opacity:.25}to{opacity:1}}
.hero.banners .arrow{background:rgba(15,42,94,.45);border-color:rgba(255,255,255,.9);backdrop-filter:blur(2px)}
.hero.banners .arrow:hover{background:rgba(15,42,94,.7)}
.hero.banners .dots{bottom:12px}
.hero.banners .dot{background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(15,42,94,.35)}
.hero.banners .dot[aria-current="true"]{background:var(--brand)}
@media (max-width:760px){.hero.banners .arrow{width:32px;height:32px}.hero.banners .arrow svg{width:16px;height:16px}.hero.banners .arrow.prev{left:6px}.hero.banners .arrow.next{right:6px}.hero.banners .dots{bottom:6px}.hero.banners .dot{width:8px;height:8px}.hero.banners .dot[aria-current="true"]{width:22px}}
@media (prefers-reduced-motion:reduce){.bslide{animation:none}}
/* v7: adaptación por dispositivo */
/* Celular vertical */
@media (max-width:600px){
  .sec{padding:40px 0}
  .sec h2.t{font-size:1.6rem}
  .sub{margin-bottom:18px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 -20px 22px;padding:0 20px 4px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{white-space:nowrap;flex:none;padding:9px 16px;font-size:.92rem}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-6px 0 24px}
  .filters select{width:100%;min-width:0;font-size:.88rem;padding:9px 10px}
  .favf{grid-column:1/-1;justify-content:center}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .cardtop,.card .btns{width:100%}
  .disc{border-width:6px;margin-bottom:8px}
  .chip{font-size:.66rem;padding:2px 8px}
  .card h3{font-size:.98rem;line-height:1.2}
  .tags{font-size:.76rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card p{display:none}
  .price{font-size:1.1rem;margin:2px 0 8px}
  .old{font-size:.8rem}
  .card .btns{gap:6px}
  .card .btns button,.card .btns .btn{padding:9px 6px;font-size:.82rem}
  .card .btns .det,.card .btns .ask{display:none}
  .steps{gap:10px}.steps li{padding:14px;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
  .steps li::before{margin:0;grid-row:span 2}
  #envios .cgrid{grid-template-columns:1fr 1fr;gap:10px}
  .box{padding:14px}.box h3{font-size:.95rem}.box p{font-size:.84rem}
  .brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
  .brands div{height:52px}.brands img{max-width:100%;max-height:40px}
  details{padding:10px 14px}
  footer{padding:34px 0 90px;border-radius:26px 26px 0 0}
  .logo-box{max-width:170px}
  .wa{padding:11px 15px;font-size:.92rem}
}
/* Tablet */
@media (min-width:601px) and (max-width:1000px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
  .card .btns,.cardtop{width:100%}
  .brands{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Celular en horizontal (pantalla baja) */
@media (orientation:landscape) and (max-height:500px){
  .bar{padding:4px 20px}.brand img{height:34px}.brand b{font-size:1rem}.brand small{display:none}
  .icon{width:38px;height:38px}
  #searchRow{padding-bottom:6px}
  .hero.banners .bslide img{max-height:calc(100vh - 60px);object-fit:contain;background:#eaf6fb}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
  .card .btns,.cardtop{width:100%}
  .card .btns .det,.card .btns .ask{display:none}
  .fbody{max-height:40vh}
  .fhead{grid-template-columns:.8fr 1.2fr;padding:14px}.fhead img{max-height:120px}
  #fichaDlg,#payDlg,#cartDlg{max-height:92vh;overflow:auto}
  .wa{bottom:10px;padding:9px 14px}
}
/* v7: franja de beneficios */
.beneficios{background:#eef2f6;padding:52px 0}
.bgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bitem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 12px;border-radius:18px;text-decoration:none;color:var(--ink);height:100%;transition:background .2s,transform .2s}
a.bitem:hover{background:#fff;transform:translateY(-3px)}
.bico{width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--brand);box-shadow:0 6px 16px rgba(5,145,181,.14);margin-bottom:6px}
.bico svg{width:40px;height:40px}
.bitem b{font-size:.98rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.btxt{color:var(--muted);font-size:.95rem;line-height:1.45;max-width:26ch}
.bnote{text-align:center;color:var(--muted);font-size:.8rem;margin:18px 0 0}
@media (max-width:860px){.bgrid{grid-template-columns:1fr 1fr;gap:8px 10px}}
@media (max-width:600px){.beneficios{padding:34px 0}.bitem{padding:12px 6px;gap:6px}.bico{width:60px;height:60px}.bico svg{width:32px;height:32px}.bitem b{font-size:.82rem}.btxt{font-size:.82rem}}
/* v7: varias cuentas de depósito */
.dcta+.dcta{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}
.cta-h{margin:0 0 2px;font-weight:800;color:var(--brand)}
#panelDep{max-height:46vh;overflow:auto}
.panel{text-align:left}.panel .row>div{flex:1;min-width:0}.cta-h{text-align:left}
/* v7: correos como enlaces */
footer .mails{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
footer .mails a{text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.5);overflow-wrap:anywhere}
footer .mails a:hover{border-bottom-style:solid}
@media (max-width:700px){footer .mails{align-items:center}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* v7: marca con texto al lado del logo; "Farmacia Veterinaria" centrado */
.brand span{align-items:center;text-align:center}
.logo-box{display:inline-flex;align-items:center;gap:12px;max-width:none;padding:14px 20px}
.logo-box img{width:auto;height:64px}
.fbrand{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.05;color:var(--brand)}
.fbrand b{font-size:1.45rem;font-weight:800}
.fbrand small{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:3px}
.brand b,.brand small{white-space:nowrap}
@media (max-width:380px){.brand img{height:34px}.brand b{font-size:.92rem!important}.brand small{font-size:.6rem!important}.icon{width:36px!important;height:36px!important}.bar{padding:8px 12px!important}}
@media (max-width:600px){.bar{gap:8px}.brand{gap:7px;min-width:0}.brand img{height:40px}.brand b{font-size:1.02rem}.brand small{font-size:.66rem}.tools{gap:6px}.icon{width:40px;height:40px}.logo-box{max-width:none;padding:12px 16px}.logo-box img{height:52px}.fbrand b{font-size:1.25rem}}
/* v7: pie de página con marca de agua de mascotas y logo más grande */
footer{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300' viewBox='0 0 520 300'%3E%3Cdefs%3E%3Cg id='paw'%3E%3Cellipse cx='0' cy='6' rx='9' ry='8'/%3E%3Ccircle cx='-10' cy='-6' r='4'/%3E%3Ccircle cx='-3.5' cy='-11' r='4'/%3E%3Ccircle cx='3.5' cy='-11' r='4'/%3E%3Ccircle cx='10' cy='-6' r='4'/%3E%3C/g%3E%3Cg id='dog'%3E%3Cpath d='M18 46 C18 40 24 38 32 38 L46 34 C50 22 60 14 74 14 C88 14 96 24 96 36 C96 44 94 50 92 56 C100 66 108 76 116 84 C132 98 140 120 138 140 C137 150 134 158 130 164 C128 172 120 178 110 178 L80 178 L64 178 C58 178 56 172 62 170 L64 120 C62 104 60 92 58 84 C54 74 50 66 46 60 L30 58 C22 57 18 52 18 46 Z'/%3E%3Cpath d='M70 26 C84 24 94 36 92 54 C91 66 84 72 79 66 C74 58 72 44 64 34 Z'/%3E%3Cpath d='M128 160 C146 164 160 154 164 136 C165 129 159 128 157 134 C153 148 144 154 128 152 Z'/%3E%3Cpath d='M86 150 C92 160 94 170 92 178 L84 178 Z'/%3E%3C/g%3E%3Cg id='cat'%3E%3Cpath d='M30 40 L26 8 L44 26 C48 25 56 25 60 26 L78 8 L74 40 C78 48 78 58 72 64 C88 76 94 100 90 124 C88 136 80 142 70 142 L34 142 C24 142 16 136 14 124 C10 100 16 76 32 64 C26 58 26 48 30 40 Z'/%3E%3Cpath d='M86 132 C104 134 116 122 112 104 C110 96 104 96 104 102 C108 116 100 124 84 122 Z'/%3E%3C/g%3E%3Cg id='kitten'%3E%3Cpath d='M10 46 L8 26 L20 36 C24 34 30 34 34 36 L44 26 L44 44 C46 50 44 56 40 60 L76 58 C88 58 96 66 96 76 L96 88 C96 92 92 92 90 88 L88 80 L84 92 C83 95 78 95 78 92 L78 80 L48 80 L46 92 C45 95 40 95 40 92 L38 80 C30 78 26 72 26 66 C16 64 8 58 10 46 Z'/%3E%3Cpath d='M94 66 C108 60 114 46 108 36 C106 32 101 34 103 38 C106 46 100 54 92 58 Z'/%3E%3C/g%3E%3Cg id='bone'%3E%3Cpath d='M-22 -4 a7 7 0 1 1 6 -8 L16 -12 a7 7 0 1 1 6 8 a7 7 0 1 1 -6 8 L-16 4 a7 7 0 1 1 -6 -8z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='%23fff' fill-opacity='.09'%3E%3Cuse href='%23dog' transform='translate%2820 80%29 scale%281.05%29'/%3E%3Cuse href='%23cat' transform='translate%28250 30%29 scale%28.8%29'/%3E%3Cuse href='%23cat' transform='translate%28452 196%29 scale%28-.55 .55%29'/%3E%3Cuse href='%23dog' transform='translate%28500 40%29 scale%28-.62 .62%29'/%3E%3Cuse href='%23paw' transform='translate%28205 70%29 rotate%28-20%29'/%3E%3Cuse href='%23paw' transform='translate%28222 105%29 rotate%28-10%29 scale%28.8%29'/%3E%3Cuse href='%23paw' transform='translate%28410 40%29 rotate%2825%29 scale%28.9%29'/%3E%3Cuse href='%23paw' transform='translate%28222 278%29 rotate%2810%29'/%3E%3Cuse href='%23paw' transform='translate%28320 270%29 rotate%28-30%29 scale%28.7%29'/%3E%3Cuse href='%23bone' transform='translate%28240 200%29 rotate%28-25%29'/%3E%3Cuse href='%23bone' transform='translate%28360 150%29 rotate%2815%29 scale%28.8%29'/%3E%3C/g%3E%3C/svg%3E ") center top/520px 300px repeat,linear-gradient(170deg,var(--brand),var(--brand-dark))}
.logo-box{gap:16px;padding:18px 26px;border-radius:24px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.logo-box img{height:96px}
.fbrand b{font-size:2rem}
.fbrand small{font-size:1rem}
@media (max-width:600px){.logo-box{padding:14px 18px;gap:12px}.logo-box img{height:70px}.fbrand b{font-size:1.45rem}.fbrand small{font-size:.82rem}}
/* v7: página propia de Marcas */
.only-mp{display:none}
nav.crumbs{display:block;position:static;flex-direction:row;box-shadow:none;background:var(--bg2,#eef2f5);gap:0}
nav.crumbs a{display:inline;padding:0;border:0;font-weight:400}
body.solo-marcas #shop>*:not(#marcas){display:none!important}
body.solo-marcas #marcas{background:#fff;padding:0 0 60px;min-height:60vh}
body.solo-marcas .only-mp{display:block}
body.solo-marcas #marcas .brands{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}
body.solo-marcas #marcas .brands div{height:110px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
body.solo-marcas #marcas .brands img{max-height:70px;max-width:90%}
.mp-back{text-align:center;margin:36px 0 0}
@media (max-width:600px){body.solo-marcas #marcas .brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.solo-marcas #marcas .brands div{height:84px}body.solo-marcas #marcas .brands img{max-height:50px}}
/* v7: lista de texto de todas las marcas */
.mp-list{margin-top:44px}
.mp-list h3{text-align:center;color:var(--brand);font-size:1.4rem;margin:0 0 14px}
#mq{display:block;width:min(100%,360px);margin:0 auto 26px;font:inherit;padding:10px 16px;border:2px solid var(--line);border-radius:999px}
#brandList{list-style:none;margin:0;padding:0;columns:4 180px;column-gap:28px}
#brandList li{break-inside:avoid;padding:9px 2px;font-weight:700;color:#2b2f33;border-bottom:1px solid #eef1f3}
#brandList li[hidden]{display:none}
@media (max-width:600px){#brandList{columns:2;column-gap:16px}#brandList li{font-size:.92rem;padding:8px 2px}}
/* v7: teléfono, correos y horario con íconos */
footer .fblk{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0}
footer .fico{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;color:var(--yellow)}
footer .fico svg{width:18px;height:18px}
footer .fbd{display:flex;flex-direction:column;gap:2px;min-width:0}
footer .fbd b{font-weight:800;margin-bottom:1px}
footer .fbd a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.5);width:fit-content;overflow-wrap:anywhere}
footer .fbd a:hover{border-bottom-style:solid}
footer .fnote{font-size:.85rem;opacity:.8;font-style:italic}
footer .fbd span:not(.fnote){white-space:nowrap}
@media (max-width:700px){footer .fblk{text-align:left;width:min(100%,320px);margin-left:auto;margin-right:auto}}
/* v7: pie de página — logo arriba, tiendas y contacto en dos columnas */
.foot2{display:grid;gap:30px}
.ftop{display:flex;justify-content:center}
.fcols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:start}
.fcols .fcol+.fcol{border-left:1px solid rgba(255,255,255,.22);padding-left:44px}
footer .fcol .dirs-t{font-size:1.1rem;margin:0 0 10px}
footer #footInfo .fblk:first-child{margin-top:0}
footer .fcol .social{margin-top:18px}
@media (max-width:760px){
  .fcols{grid-template-columns:1fr;gap:26px}
  .fcols .fcol+.fcol{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:24px}
  footer .fcol{text-align:center}
  footer .fcol .social{justify-content:center}
}
/* v7: compra, envío y rastreo */
.co-h{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 18px;color:var(--brand)}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.co-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:0 0 16px;min-width:0}
fieldset.co-card legend{float:left;width:100%;padding:0;margin:0 0 12px;font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:10px}
fieldset.co-card legend+*{clear:both}
fieldset.co-card legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:.9rem}
.co-row{display:grid;gap:12px;margin:0 0 12px}.co-row.two{grid-template-columns:1fr 1fr}.co-row.three{grid-template-columns:1fr 1fr 1fr}
.co-row label{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:700;color:#3b4a46}
.co-row input,.co-row select,.co-row textarea{font:inherit;font-weight:400;padding:11px 13px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.co-row input:focus,.co-row select:focus,.co-row textarea:focus{outline:none;border-color:var(--brand)}
.co-opts{display:grid;gap:10px;margin:0 0 12px}
.co-opt{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer}
.co-opt input{grid-row:span 2;width:18px;height:18px;accent-color:var(--brand)}
.co-opt small{color:var(--muted)}.co-opt.on{border-color:var(--brand);background:#f0f9fc}.co-opt[hidden]{display:none}
.co-sub{border-left:3px solid var(--brand);padding-left:14px;margin:4px 0 6px}.co-sub[hidden]{display:none}
.co-note{color:var(--muted);font-size:.86rem;margin:6px 0 0}
.co-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:#3b4a46}.co-check input{margin-top:3px;accent-color:var(--brand);width:17px;height:17px;flex:none}
.co-side{position:sticky;top:96px}
.co-sum h2{margin:0 0 10px;font-size:1.15rem}
.co-items{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:300px;overflow:auto}
.co-items li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;font-size:.9rem}
.co-th{position:relative;width:48px;height:48px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff}
.co-th img{max-width:90%;max-height:90%;object-fit:contain}.co-th i{position:absolute;top:-7px;right:-7px;background:var(--brand);color:#fff;font-style:normal;font-size:.7rem;font-weight:800;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center}
.co-tot{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;display:grid;gap:6px}
.co-tot div{display:flex;justify-content:space-between;gap:10px}.co-tot span{color:var(--muted)}.co-tot .big{font-size:1.2rem;font-weight:800}.co-tot .big span{color:var(--ink)}.co-tot .big b{color:var(--brand)}
.co-go{width:100%;margin-top:14px;padding:14px}
.co-err{background:#fff1f3;color:#b0103b;border-radius:10px;padding:10px 12px;font-size:.88rem;margin:12px 0 0}
.co-safe{font-size:.78rem;color:var(--muted);text-align:center;margin:10px 0 0}
.co-empty,.co-done{text-align:center;padding:60px 20px}
.co-done{max-width:760px}
.co-ok{width:70px;height:70px;border-radius:50%;background:#1faa59;color:#fff;font-size:2.2rem;display:grid;place-items:center;margin:0 auto 12px}
.co-done h1{margin:0 0 8px;color:var(--brand)}
.co-code{font-size:1.1rem}.co-code b{font-size:1.4rem;letter-spacing:.06em;color:var(--ink)}
.co-steps{display:grid;gap:14px;margin-top:22px;text-align:left}
.co-steps .co-card{display:grid;grid-template-columns:36px 1fr;gap:14px;margin:0}
.co-steps .n{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center}
.co-steps h3{margin:2px 0 6px}.co-steps p{margin:0 0 10px;color:var(--muted)}
.co-wa{background:#1faa59!important;border-color:#1faa59!important}
.co-warn{background:#fff8db;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#6b5600!important}
.co-steps .panel{margin:8px 0}
.tr-box{max-width:720px;margin:0 auto;text-align:center;padding:10px 0 50px}
.tr-box h1{color:var(--brand);margin:0 0 6px}
.tr-form{display:flex;gap:8px;max-width:440px;margin:18px auto 10px}
.tr-form input{flex:1;min-width:0;font:inherit;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:12px 16px;border:2px solid var(--line);border-radius:999px}
.tr-mis{font-size:.88rem;color:var(--muted)}.tr-mis a{margin:0 4px;font-weight:700;color:var(--brand)}
.tr-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:18px;text-align:left}
.tr-card h3{margin:0 0 8px}.tr-card p{color:var(--muted)}
.tr-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tr-head b{font-size:1.3rem;letter-spacing:.05em}.tr-head small{color:var(--muted);margin-left:auto}
.tr-line{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.tr-line li{position:relative;text-align:center;font-size:.8rem;color:var(--muted);padding-top:34px}
.tr-line li span{position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:#e3e9ec;border:3px solid #fff;box-shadow:0 0 0 2px #e3e9ec}
.tr-line li::before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:3px;background:#e3e9ec;z-index:-1}.tr-line li:first-child::before{display:none}
.tr-line li.ok,.tr-line li.now{color:var(--ink);font-weight:700}
.tr-line li.ok span{background:#1faa59;box-shadow:0 0 0 2px #1faa59}.tr-line li.ok::before,.tr-line li.now::before{background:#1faa59}
.tr-line li.now span{background:#1faa59;box-shadow:0 0 0 2px #1faa59,0 0 0 7px rgba(31,170,89,.2)}
/* Paso siguiente (en curso): anillo celeste que late y la línea verde hasta la mitad (donde está el perrito) */
.tr-line li.next{color:var(--brand);font-weight:700}
.tr-line li.next span{background:var(--surf,#fff);box-shadow:0 0 0 2px var(--brand);animation:trLate 1.6s ease-in-out infinite}

@keyframes trLate{0%,100%{box-shadow:0 0 0 2px var(--brand),0 0 0 0 rgba(5,145,181,.35)}50%{box-shadow:0 0 0 2px var(--brand),0 0 0 8px rgba(5,145,181,0)}}
@media (prefers-color-scheme: dark){.tr-line{--tl-gris:#2a3a3f}}
/* Golden que camina por la línea */
.tr-track{position:relative;padding-top:36px}
.tr-track .tr-line{position:relative;z-index:0}
.tr-dog{position:absolute;top:-8px;left:0;width:64px;height:46px;transform:translateX(-50%);pointer-events:none;z-index:2}
.tr-dog.fin{top:-8px}
@media (max-width:600px){.tr-dog{width:50px;height:36px;top:2px}.tr-dog.fin{top:2px}}
.tr-dog svg{display:block;width:100%;height:100%;overflow:visible}
.tr-dog .dg-p{transform-box:fill-box;transform-origin:50% 12%;animation:dgPata 1s ease-in-out infinite}
.tr-dog .dg-p.p2{animation-delay:-.5s}
.tr-dog .dg-cola{transform-box:fill-box;transform-origin:100% 85%;animation:dgCola .6s ease-in-out infinite}
.tr-dog .dg-lengua{opacity:0}
.tr-dog .dg-sentado{display:none}
.tr-dog:not(.anda):not(.fin) .dg-cuerpo{display:none}
.tr-dog:not(.anda):not(.fin) .dg-sentado{display:inline}
.tr-dog .dg-cola2{transform-box:fill-box;transform-origin:100% 80%;animation:dgCola2 .45s ease-in-out infinite}
.tr-dog .dg-lengua2{transform-box:fill-box;transform-origin:50% 0;animation:dgJadeo .5s ease-in-out infinite}
.tr-dog .dg-cabeza2{transform-box:fill-box;transform-origin:30% 90%;animation:dgCabeza 3.2s ease-in-out infinite}
@keyframes dgCola2{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
@keyframes dgJadeo{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.25)}}
@keyframes dgCabeza{0%,60%,100%{transform:rotate(0)}70%,85%{transform:rotate(-8deg)}}
.tr-dog.anda .dg-p{animation-duration:.34s}.tr-dog.anda .dg-p.p2{animation-delay:-.17s}
.tr-dog.anda .dg-cuerpo{animation:dgTrote .34s ease-in-out infinite}
.tr-dog.anda .dg-lengua,.tr-dog.fin .dg-lengua{opacity:1}
.tr-dog.fin .dg-p{animation:none}
.tr-dog.fin .dg-cola{animation-duration:.28s}
.tr-dog.fin .dg-cuerpo{animation:dgSalto 1.6s ease-in-out infinite}
@keyframes dgPata{0%,100%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}
@keyframes dgCola{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}
@keyframes dgTrote{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes dgSalto{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-5px)}90%{transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){.tr-dog,.tr-dog *,.tr-line li.next span{animation:none!important;transition:none!important}}
.tr-guia{color:var(--ink)!important}.tr-cancel{color:#b0103b!important;font-weight:700}
.tr-card .btn{margin:6px 6px 0 0}
#checkout,#rastreo{padding:0 0 40px}
.co-payinfo{border:2px dashed var(--line);border-radius:14px;padding:14px;margin:0 0 14px;background:#fbfdfe}
.co-payinfo h4{margin:0 0 10px;font-size:1rem}.co-payinfo .panel{margin:0;flex:1;min-width:0}
.brands div{min-width:0}.brands img{max-width:min(150px,100%)}
.co-payflex{display:flex;gap:14px;align-items:flex-start}.co-payflex .qr{width:150px;margin:0;flex:none}
@media (max-width:600px){.co-payflex{flex-direction:column;align-items:stretch}.co-payflex .qr{margin:0 auto}}
@media (max-width:900px){.co-grid{grid-template-columns:1fr}.co-side{position:static}}
@media (max-width:600px){.co-row.two,.co-row.three{grid-template-columns:1fr}.co-card{padding:16px}.tr-line li{font-size:.68rem}}
/* v7: modo oscuro automático (sigue el tema del teléfono / computadora) */
@media (prefers-color-scheme: dark){
:root{color-scheme:dark;--ink:#e6eef0;--muted:#9fb2b6;--line:#2a3a3f;--soft:#1a3440;--bg2:#131e21;--surf:#172327;--surf2:#1e2d32}
body{background:#0e1618}
.top,nav,dialog,.steps li,.box,details,.filters select,.co-card,.co-row input,.co-row select,.co-row textarea,.tr-card,.tr-form input,#mq,#q,body.solo-marcas #marcas{background:var(--surf);color:var(--ink)}
body.solo-marcas #marcas,.how,.beneficios{background:#111b1e}
a.bitem:hover{background:var(--surf)}.bico{background:var(--surf2)}
.panel,.ptabs button{background:var(--surf2)}.co-payinfo{background:#132024}
.co-opt.on{background:#10303a}.co-row label,.co-check{color:#c3d1d4}
#brandList li{color:var(--ink);border-color:var(--line)}
.co-err{background:#3b1520;color:#ff9fb5}.co-warn{background:#352d0c;color:#ffe48a!important}
.fuse{background:#14281a}.stock{color:#a5d24f}
.tr-line li span{background:#2a3a3f;border-color:var(--surf);box-shadow:0 0 0 2px #2a3a3f}.tr-line li::before{background:#2a3a3f}
.hero.banners,.hero.banners .bslide img{background:#0e1618}
.brands div{background:#fff;border-radius:14px;padding:8px 14px;box-sizing:border-box;overflow:hidden;min-width:0}.brands img{max-width:100%;max-height:60px;object-fit:contain}
body.solo-marcas #marcas .brands img{max-height:70px}
@media (max-width:600px){.brands div{padding:5px 8px}.brands img{max-height:40px}body.solo-marcas #marcas .brands img{max-height:60px}}
.pcard,#fichaDlg{--ink:#16231f;--muted:#5a6b66;--line:#dde6e2;--soft:#e6f4fa;background:#fff;color:#16231f}
}
/* v7: menú desplegable */
nav .dd{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}
nav .dd > a{flex:1;border:0}
.dd-btn{border:0;background:none;color:var(--ink);padding:8px 10px;border-radius:10px;display:grid;place-items:center}
.dd-btn svg{width:18px;height:18px;transition:transform .2s}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-menu{display:none;flex-basis:100%;flex-direction:column;padding:0 0 8px 12px}
.dd.open .dd-menu{display:flex}
nav .dd-menu a{border:0;font-weight:600;padding:8px 10px;border-radius:8px;font-size:.95rem}
nav .dd-menu a:hover{background:var(--soft);box-shadow:none!important}
nav .dd-menu a.dd-all{color:var(--brand);font-weight:800}
.dd-h{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 10px 2px}
@media (min-width:1000px){
  nav .dd{position:relative;border:0;flex-wrap:nowrap;gap:0}
  .dd-btn{padding:4px 2px 4px 3px}
  .dd-btn svg{width:15px;height:15px}
  .dd-menu{position:absolute;top:100%;left:-16px;min-width:250px;max-height:70vh;overflow:auto;background:#fff;border-radius:0 0 14px 14px;border-top:3px solid var(--brand);
    box-shadow:0 14px 30px rgba(0,0,0,.16);padding:8px;margin-top:10px;z-index:30}
  .dd::after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:20px;display:none}
  .dd:hover::after{display:block}
  .dd-menu{display:flex;visibility:hidden;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease .25s,transform .15s ease .25s,visibility 0s linear .4s}
  .dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
  .dd:hover .dd-btn svg{transform:rotate(180deg)}
  nav .dd > a:hover{box-shadow:0 2px 0 var(--brand)}
  nav .dd-menu a{white-space:nowrap}
}
@media (prefers-color-scheme: dark) and (min-width:1000px){.dd-menu{background:var(--surf)}}
@media (min-width:1000px) and (hover:hover){.dd.hold .dd-menu{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important}}
/* v7: Mundo canino / Mundo felino */
.mundos{padding:34px 0 0}
.mundos .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mundo{position:relative;display:block;height:clamp(190px,20vw,240px);border-radius:24px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 12px 28px rgba(3,60,90,.18);isolation:isolate;transition:transform .25s,box-shadow .25s}
.mundo.canino{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2838 46%29 rotate%28-35%29'%3E%3Crect x='-26' y='-11' width='52' height='22' rx='11'/%3E%3Cpath d='M0 -11v22'/%3E%3C/g%3E%3Cg transform='translate%28180 40%29 rotate%2812%29'%3E%3Crect x='-22' y='-30' width='44' height='60' rx='8'/%3E%3Ccircle cx='-9' cy='-15' r='5'/%3E%3Ccircle cx='9' cy='-15' r='5'/%3E%3Ccircle cx='-9' cy='0' r='5'/%3E%3Ccircle cx='9' cy='0' r='5'/%3E%3Ccircle cx='-9' cy='15' r='5'/%3E%3Ccircle cx='9' cy='15' r='5'/%3E%3C/g%3E%3Cg transform='translate%2870 170%29 rotate%28-12%29'%3E%3Cpath d='M-8 -34h16v8h-16z'/%3E%3Crect x='-16' y='-26' width='32' height='52' rx='7'/%3E%3Cpath d='M-8 0h16M0 -8v16'/%3E%3C/g%3E%3Cg transform='translate%28196 182%29 rotate%2820%29'%3E%3Cellipse cx='0' cy='8' rx='12' ry='10'/%3E%3Ccircle cx='-14' cy='-8' r='5'/%3E%3Ccircle cx='-5' cy='-15' r='5'/%3E%3Ccircle cx='5' cy='-15' r='5'/%3E%3Ccircle cx='14' cy='-8' r='5'/%3E%3C/g%3E%3Cg transform='translate%28128 112%29 rotate%2840%29'%3E%3Cpath d='M-30 0h44M14 -7v14M14 0h12M-30 -5v10M-22 -5v5M-14 -5v5M-6 -5v5'/%3E%3Crect x='-30' y='-5' width='36' height='10' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0/240px 240px,radial-gradient(circle at 78% 60%,rgba(255,255,255,.22),transparent 55%),linear-gradient(135deg,#0591B5,#035a7a)}
.mundo.felino{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2838 46%29 rotate%28-35%29'%3E%3Crect x='-26' y='-11' width='52' height='22' rx='11'/%3E%3Cpath d='M0 -11v22'/%3E%3C/g%3E%3Cg transform='translate%28180 40%29 rotate%2812%29'%3E%3Crect x='-22' y='-30' width='44' height='60' rx='8'/%3E%3Ccircle cx='-9' cy='-15' r='5'/%3E%3Ccircle cx='9' cy='-15' r='5'/%3E%3Ccircle cx='-9' cy='0' r='5'/%3E%3Ccircle cx='9' cy='0' r='5'/%3E%3Ccircle cx='-9' cy='15' r='5'/%3E%3Ccircle cx='9' cy='15' r='5'/%3E%3C/g%3E%3Cg transform='translate%2870 170%29 rotate%28-12%29'%3E%3Cpath d='M-8 -34h16v8h-16z'/%3E%3Crect x='-16' y='-26' width='32' height='52' rx='7'/%3E%3Cpath d='M-8 0h16M0 -8v16'/%3E%3C/g%3E%3Cg transform='translate%28196 182%29 rotate%2820%29'%3E%3Cellipse cx='0' cy='8' rx='12' ry='10'/%3E%3Ccircle cx='-14' cy='-8' r='5'/%3E%3Ccircle cx='-5' cy='-15' r='5'/%3E%3Ccircle cx='5' cy='-15' r='5'/%3E%3Ccircle cx='14' cy='-8' r='5'/%3E%3C/g%3E%3Cg transform='translate%28128 112%29 rotate%2840%29'%3E%3Cpath d='M-30 0h44M14 -7v14M14 0h12M-30 -5v10M-22 -5v5M-14 -5v5M-6 -5v5'/%3E%3Crect x='-30' y='-5' width='36' height='10' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 120px 60px/240px 240px,radial-gradient(circle at 78% 60%,rgba(255,255,255,.2),transparent 55%),linear-gradient(135deg,#EE1450,#a10b36)}
.mundo img{position:absolute;bottom:0;right:3%;height:93%;width:auto;max-width:56%;object-fit:contain;object-position:bottom right;transform-origin:bottom center;transition:transform .3s;z-index:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.mundo.felino img{right:9%}
.mundo .mt{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mundo .mh{font-weight:800;font-size:clamp(1.7rem,2.8vw,2.35rem);line-height:1.02;letter-spacing:-.01em;text-shadow:0 3px 12px rgba(0,0,0,.25)}
.mundo .mcta{font-weight:800;font-size:clamp(.9rem,1.3vw,1.05rem);padding:8px 20px;border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:transform .2s}
.mundo.canino .mcta{background:var(--pink);color:#fff}
.mundo.felino .mcta{background:var(--yellow);color:#1b1b1b}
.mundo:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(3,60,90,.26)}
.mundo:hover img{transform:scale(1.04)}.mundo:hover .mcta{transform:scale(1.06)}
.mundo:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.espbar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;background:var(--soft);border-radius:14px;padding:10px 16px;margin:0 0 22px;font-size:.95rem}
.espbar[hidden]{display:none}
@media (max-width:700px){
  .mundos{padding:22px 0 0}.mundos .wrap{grid-template-columns:1fr;gap:14px}
  .mundo{height:170px;border-radius:20px}.mundo .mh{font-size:1.75rem}.mundo .mt{left:22px;gap:10px}
  .mundo img{height:94%;right:4%}.mundo.felino img{right:8%}
}
/* v7: barra de productos simple + páginas Mundo */
.filters{display:none!important}
.tabs{margin-bottom:22px}
.tabs .tab{padding:9px 18px;font-size:.95rem}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.pcount{color:var(--muted);font-size:.92rem;font-weight:600}
.tright{display:flex;align-items:center;gap:10px}
.favbtn{padding:7px 14px;font-size:.9rem;border:1.5px solid var(--line);color:var(--ink);background:transparent}
.favbtn[aria-pressed="true"]{border-color:var(--pink);color:var(--pink)}
.sortw{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);font-weight:600}
.sortw select{appearance:none;-webkit-appearance:none;font:inherit;font-weight:700;font-size:.9rem;color:var(--ink);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b66' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/13px no-repeat;border:1.5px solid var(--line);border-radius:999px;padding:7px 34px 7px 14px;cursor:pointer}
.sortw select:focus-visible,.favbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#espBar{gap:8px}
.fchip{display:inline-flex;align-items:center;gap:4px;background:var(--surf,#fff);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px;font-weight:700;font-size:.88rem}
.fchip button{border:0;background:none;color:var(--muted);padding:2px 6px;font-size:.8rem;line-height:1}
.mundo-head{height:clamp(200px,24vw,290px);margin:0 0 26px;cursor:default}
.mundo-head:hover{transform:none;box-shadow:0 12px 28px rgba(3,60,90,.18)}.mundo-head:hover img{transform:none}
.mundo-head img{max-width:46%;right:6%}
.mundo .msub{font-size:clamp(.92rem,1.4vw,1.08rem);font-weight:600;max-width:30ch;opacity:.95;line-height:1.4}
.mundo-otro{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:36px}
#mundo{padding:0 0 40px}
@media (max-width:600px){
  .tabs .tab{padding:8px 14px;font-size:.88rem}
  .sortw span{display:none}
  .toolbar{flex-wrap:nowrap}.favbtn .fl{display:none}.favbtn{padding:7px 12px}
  .mundo-head{height:190px}.mundo-head .mh{font-size:1.7rem}.mundo-head .msub{display:none}.mundo-head img{max-width:48%;right:3%}
}
/* v7: vitrina del inicio, catálogo y similares */
.vtabs{display:flex;justify-content:center;gap:28px;margin:-6px 0 28px;border-bottom:1px solid var(--line)}
.vtabs[hidden]{display:none}
.vtabs button{border:0;border-radius:0;background:none;color:var(--muted);font-weight:800;font-size:1.05rem;padding:6px 2px 12px;border-bottom:3px solid transparent;margin-bottom:-1px}
.vtabs button[aria-selected="true"]{color:var(--brand);border-bottom-color:var(--brand)}
.vtabs button:hover{color:var(--ink)}
.vmore{text-align:center;margin-top:30px}.vmore[hidden]{display:none}
#tienda{padding:0 0 40px}
.similares{margin-top:46px;border-top:1px solid var(--line);padding-top:30px}
.similares[hidden]{display:none}
.shead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.shead h2{margin:0;font-size:1.45rem}.shead a{color:var(--brand);font-weight:700;text-decoration:none}
@media (min-width:900px){.sgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sgrid .card .btns .det,.sgrid .card .btns .ask{display:none}.sgrid .card p{display:none}}
@media (max-width:600px){.vtabs{gap:18px}.vtabs button{font-size:.95rem}}
/* v7: beneficios para clientes */
.anuncio{background:var(--brand-dark);color:#fff;text-align:center;font-size:.86rem;font-weight:600;padding:7px 14px;line-height:1.4}
.anuncio a{color:var(--yellow);font-weight:800}.anuncio[hidden]{display:none}
.dosisbar{display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;background:#e9f8ef;color:#14653a;font-size:.92rem;padding:10px 16px;text-align:center}
.dosisbar[hidden]{display:none}.dosisbar .fill{padding:7px 16px;font-size:.88rem;background:#1faa59;border-color:#1faa59}.dosisbar .link{color:#14653a;text-decoration:none}
.premio{background:#fff8db;border-radius:12px;padding:10px 12px;margin:12px 0}
.premio p{margin:0 0 7px;font-size:.88rem;color:#5b4a00}
.premio.ok{background:#e9f8ef}.premio.ok p{color:#14653a;font-weight:700}
.pbar{height:7px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd500,#f5a800);border-radius:99px;transition:width .4s}
.premio.ok .pbar i{background:#1faa59}
.co-club legend small{font-weight:600;color:var(--muted);font-size:.85rem}
.co-club legend span{background:#fff4c2!important;font-size:1rem!important}
.co-bday{display:flex;gap:8px}.co-bday select{flex:1;min-width:0}
.club .clubg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;align-items:flex-start}
.ccard .ci{font-size:2.2rem;line-height:1}.ccard h3{margin:10px 0 6px;font-size:1.08rem}.ccard p{color:var(--muted);margin:0 0 12px;font-size:.92rem;flex:1}
.ccard .btn{padding:8px 14px;font-size:.88rem}
.club .cond{font-size:.8rem;color:var(--muted);text-align:center;margin:18px 0 0}
@media (max-width:980px){.club .clubg{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.club .clubg{grid-template-columns:1fr}.anuncio{font-size:.8rem}}
@media (prefers-color-scheme: dark){
  .premio{background:#352d0c}.premio p{color:#ffe48a}.premio.ok{background:#12301f}.premio.ok p{color:#8be0ad}
  .ccard{background:var(--surf)}.dosisbar{background:#12301f;color:#8be0ad}.dosisbar .link{color:#8be0ad}
  .co-club legend span{background:#3a3210!important}
}
/* v7: códigos de descuento */
.cup-msg{display:block;font-size:.82rem;font-weight:700;min-height:1em;margin-top:2px}
.cup-msg.ok{color:#178a48}.cup-msg.bad{color:#c0143c}
.co-desc b{color:#178a48}
@media (prefers-color-scheme: dark){.cup-msg.ok,.co-desc b{color:#6ee09c}.cup-msg.bad{color:#ff8fa8}}
/* v7: menú completo desde 1000px */
@media (min-width:1000px){nav .dd:nth-last-child(-n+2) .dd-menu{left:auto;right:-16px}}
@media (min-width:1000px) and (max-width:1179px){nav{gap:12px!important}nav .dd>a{font-size:.9rem}.brand b{font-size:1.05rem}.brand img{height:40px}}
/* v7: stock y comprobante */
.chip.stk{top:auto;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap}
.chip.stk.pocas{background:#f59e0b;color:#1b1b1b}
.chip.stk.agotado{background:#5a6b66}
.card.agot .disc img{filter:grayscale(.85);opacity:.6}
.card .btns button:disabled,#pAdd:disabled,#pPay:disabled{opacity:.5;cursor:not-allowed}
.co-lbl{font-size:.88rem;font-weight:700;color:#3b4a46}
.co-seg{display:flex;gap:10px;flex-wrap:wrap}
.co-seg label{display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:12px;padding:9px 14px;font-weight:700;cursor:pointer}
.co-seg input{accent-color:var(--brand);width:17px;height:17px}
.co-seg label:has(input:checked){border-color:var(--brand);background:#f0f9fc}
.co-fact{border-left:3px solid var(--brand);padding-left:14px;margin:0 0 6px}.co-fact[hidden]{display:none}
.co-stock{background:#fff1f3;color:#8a0f30;border-radius:10px;padding:10px 12px;font-size:.88rem;margin:12px 0 0}
.co-stock p{margin:0 0 6px}.co-stock ul,.co-err ul{margin:4px 0 6px;padding-left:18px}
.co-stock[hidden]{display:none}
.co-res{background:#eaf6fb;border-radius:12px;padding:10px 14px;max-width:560px;margin:14px auto 0;font-size:.95rem}
@media (prefers-color-scheme: dark){.co-lbl{color:#c3d1d4}.co-seg label:has(input:checked){background:#10303a}.co-stock{background:#3b1520;color:#ff9fb5}.co-res{background:#10303a}}
/* v7: cabecera al bajar (logo centrado y más grande, menú debajo junto a la franja de colores) */
@media (min-width:1000px){
  .top .bar{transition:padding .25s ease}
  .top .brand img{transition:height .25s ease}
  .top .brand b{transition:font-size .25s ease}
  .top.scrolled .bar{flex-wrap:wrap;justify-content:center;row-gap:2px;padding:10px 20px 0}
  .top.scrolled .brand{order:1;margin:0 auto}
  .top.scrolled .brand img{height:58px}
  .top.scrolled .brand b{font-size:1.5rem}
  .top.scrolled .brand small{font-size:.8rem}
  .top.scrolled .tools{position:absolute;right:20px;top:20px}
  .top.scrolled nav{order:3;flex-basis:100%;justify-content:center;margin:0;padding:0 0 4px;gap:22px!important}
  .top.scrolled nav .dd>a{font-size:.86rem;padding:4px 2px}
  .top.scrolled .dd-btn svg{width:13px;height:13px}
  .top.scrolled::after{height:6px}
}
/* v7: estado del pedido en vivo */
.tr-aviso{background:#eaf6fb;border-radius:10px;padding:10px 12px;font-size:.92rem;color:var(--ink)!important;margin:0 0 12px}
.live{font-size:.72rem;font-weight:700;color:#1faa59;margin-left:6px;vertical-align:middle}
#coLive .tr-card{margin:8px 0 12px;padding:14px;border:0;background:transparent}
#coLive .tr-card>.btn.fill{display:none}
#coLive .tr-head{margin-bottom:12px}
@media (prefers-color-scheme: dark){.tr-aviso{background:#10303a}}
@media (max-width:600px){#coLive .tr-card{padding:6px 0}#coLive .tr-line li{font-size:.62rem}}
.cup-msg.wait{color:var(--muted)}
/* v7: botón de tema */
.tema-nav{display:none}
@media (max-width:999px){
  #btnTema{display:none}
  .tema-nav{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:0;background:none;color:var(--ink);font:inherit;font-weight:700;padding:12px 4px;text-align:left;justify-content:flex-start}
}