/* Tienda2Go v4 — identidad visual con modo claro y oscuro. Solo presentación. */
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/diseno/fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/diseno/fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/diseno/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-style:normal;font-display:swap;src:url(/assets/diseno/fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}
:root{color-scheme:light;
--bg:#FBF8F3;--surface:#fff;--field:#F7F5F0;--ink:#0F2F2C;--t2:#374151;--mut:#566562;--line:#E9E5DC;--mint:#E3F4EE;--mint-h:#CDEBE1;
--g:#0E7C66;--g-h:#0A5F4F;--tealtxt:#0E7C66;--tagtxt:#0A5F4F;--wa:#0F7A3F;--wa-h:#0B5F31;--cta:#0F2F2C;--mg:#FFB020;--two:#B45309;--sh:0 1px 2px rgba(15,47,44,.06),0 6px 18px rgba(15,47,44,.05);
--or-bg:#FFEDD5;--or-t:#C2410C;--warn:#B45309;--bad:#B91C1C;--e-bg:#FEE2E2;--e-t:#991B1B;--w-bg:#FEF3C7;--w-t:#92400E;--n-bg:#E0F2FE;--n-t:#075985;--o-bg:#DCFCE7;--o-t:#166534;--i-search:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23566562%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m20 20-3.5-3.5%22/%3E%3C/svg%3E");--i-chev:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23566562%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230E7C66%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){:root:not([data-tema="light"]){color-scheme:dark;--bg:#0B1B19;--surface:#10262A;--field:#0B1B19;--ink:#EAF4F1;--t2:#C5D6D2;--mut:#93ADA8;--line:#1F3B37;--mint:#133630;--mint-h:#1A4A42;--or-bg:#3B2A14;--or-t:#FDBA74;--warn:#FBBF24;--bad:#F87171;--e-bg:#4A1D1D;--e-t:#FCA5A5;--w-bg:#4A3A12;--w-t:#FCD34D;--n-bg:#12354A;--n-t:#7DD3FC;--o-bg:#12391F;--o-t:#86EFAC;--g:#0E7C66;--g-h:#12937A;--tealtxt:#6EE7CF;--tagtxt:#7DE0C8;--wa:#15803D;--wa-h:#16A34A;--cta:#0E3B35;--two:#FFB020;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.25);--i-search:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2393ADA8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m20 20-3.5-3.5%22/%3E%3C/svg%3E");--i-chev:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2393ADA8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%236EE7CF%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E")}}
:root[data-tema="dark"]{color-scheme:dark;--bg:#0B1B19;--surface:#10262A;--field:#0B1B19;--ink:#EAF4F1;--t2:#C5D6D2;--mut:#93ADA8;--line:#1F3B37;--mint:#133630;--mint-h:#1A4A42;--or-bg:#3B2A14;--or-t:#FDBA74;--warn:#FBBF24;--bad:#F87171;--e-bg:#4A1D1D;--e-t:#FCA5A5;--w-bg:#4A3A12;--w-t:#FCD34D;--n-bg:#12354A;--n-t:#7DD3FC;--o-bg:#12391F;--o-t:#86EFAC;--g:#0E7C66;--g-h:#12937A;--tealtxt:#6EE7CF;--tagtxt:#7DE0C8;--wa:#15803D;--wa-h:#16A34A;--cta:#0E3B35;--two:#FFB020;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.25);--i-search:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2393ADA8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m20 20-3.5-3.5%22/%3E%3C/svg%3E");--i-chev:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2393ADA8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%236EE7CF%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E")}
[hidden]{display:none!important}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:16px/1.55 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--tealtxt)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
.wrap{max-width:1152px;margin:0 auto;padding:0 16px}.block{padding-top:32px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surface);padding:8px;z-index:20}
/* Encabezado */
.top{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;min-height:60px;padding-top:8px;padding-bottom:8px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.wm{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink)}.wm b{color:var(--two)}.wm i{font-style:normal;color:var(--tealtxt)}
.bar nav{order:3;flex:1 0 100%;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}
.bar nav a{padding:9px 12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem;border-radius:10px}.bar nav a:hover{color:var(--tealtxt);background:var(--mint)}.bar nav a:first-child{color:var(--tealtxt)}
.theme-toggle,.menu-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.menu-toggle{display:none;margin-left:0}.theme-toggle:hover,.menu-toggle:hover{background:var(--mint)}.menu-toggle svg{width:22px;height:22px}.theme-toggle svg{width:20px;height:20px}.theme-toggle .i-sun{display:none}
:root[data-tema="dark"] .theme-toggle .i-sun{display:block}:root[data-tema="dark"] .theme-toggle .i-moon{display:none}
/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;min-height:44px;border-radius:10px;background:var(--g);color:#fff;font-family:inherit;font-weight:700;font-size:.9rem;line-height:1.2;text-decoration:none;border:1.5px solid var(--g);cursor:pointer;text-align:center;transition:background .15s,border-color .15s}
.btn:hover{background:var(--g-h);border-color:var(--g-h)}
.bar .btn.sm{min-height:42px;padding:8px 12px;font-size:.82rem;background:var(--mint);color:var(--tealtxt);border-color:var(--mint)}.bar .btn.sm:hover{background:var(--mint-h);border-color:var(--mint-h)}
.btn.ghost{background:transparent;color:var(--tealtxt);border-color:var(--g)}.btn.ghost:hover{background:var(--mint)}
.btn.wa{background:var(--wa);border-color:var(--wa)}.btn.wa:hover{background:var(--wa-h);border-color:var(--wa-h)}
.btn.wa::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12a9 9 0 0 1-13.3 7.9L3 21l1.2-4.5A9 9 0 1 1 21 12z%22/%3E%3C/svg%3E") center/16px no-repeat}
.btn.amber{background:var(--mg);border-color:var(--mg);color:#0F2F2C}.btn.amber:hover{background:#F59E0B;border-color:#F59E0B}
/* Portada */
.hero2{display:grid;grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:20px}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;color:var(--tealtxt);margin-bottom:8px}
.eyebrow::before{content:"";width:14px;height:14px;background:var(--i-pin) center/14px no-repeat}
.hero2 h1{margin:0 0 14px;font-size:clamp(2.1rem,8.5vw,3rem);line-height:1.08;letter-spacing:-.03em;font-weight:800}
.lead{margin:0 0 22px;font-size:1.1rem;font-weight:500;line-height:1.55;color:var(--t2);max-width:34em}
.search{display:grid;gap:8px;grid-template-columns:1fr;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--sh)}
.search input,.search select{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:8px;font-family:inherit;font-weight:500;font-size:.95rem;background-color:var(--field);color:var(--ink)}
.search input{padding-left:42px;background-image:var(--i-search);background-repeat:no-repeat;background-position:13px center;background-size:20px}
.search input::placeholder{color:var(--mut);opacity:1}
.search select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:var(--i-chev);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.search .btn{min-height:48px;padding:0 24px}
.steps{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;padding:0;margin:22px 0 0;font-weight:700;font-size:.88rem}
.steps li{display:flex;align-items:center;gap:6px}.steps b{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--tealtxt);font-size:.75rem}
h2{font-size:1.5rem;margin:0 0 6px;font-weight:800}
/* Categorías */
.cat-panel{background:var(--mint);border-radius:24px;padding:24px;align-self:center}
.cat-panel h2{font-size:1.25rem;margin:0 0 16px}
.cat-grid{display:flex;flex-wrap:wrap;gap:10px}
.cat{display:inline-flex;align-items:baseline;gap:8px;padding:8px 16px;background:var(--surface);color:var(--ink);border-radius:99px;box-shadow:var(--sh);text-decoration:none;font-weight:700;font-size:.92rem;min-height:40px;align-items:center}
.cat::before{content:"";flex:none;width:16px;height:16px;background:var(--tealtxt);-webkit-mask:var(--ci,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9l1.5-5h13L20 9M4 9v11h16V9M4 9h16M9 20v-6h6v6%22/%3E%3C/svg%3E")) center/16px no-repeat;mask:var(--ci,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9l1.5-5h13L20 9M4 9v11h16V9M4 9h16M9 20v-6h6v6%22/%3E%3C/svg%3E")) center/16px no-repeat}.cat:hover::before{background:#fff}
.ci-comida{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3v8a2 2 0 0 0 2 2v8M10 3v8M18 3c-2 2-3 5-3 8h3v10%22/%3E%3C/svg%3E")}.ci-hogar{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11l9-8 9 8M5 10v10h14V10M10 20v-6h4v6%22/%3E%3C/svg%3E")}.ci-salud{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-2.5A4.5 4.5 0 0 1 20 9c0 6-8 11-8 11z%22/%3E%3C/svg%3E")}.ci-servicios{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 6a4 4 0 0 0 5 5l-9 9a2 2 0 0 1-3-3z%22/%3E%3C/svg%3E")}.ci-moda{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 3l5 4-3 3-2-1v12H8V9l-2 1-3-3 5-4a4 4 0 0 0 8 0z%22/%3E%3C/svg%3E")}.ci-regalos{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 8h18v4H3zM12 8v13M5 12v9h14v-9M12 8c-2 0-4-1-4-3s3-2 4 3zm0 0c2 0 4-1 4-3s-3-2-4 3z%22/%3E%3C/svg%3E")}.ci-tecnologia{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H4zM2 19h20%22/%3E%3C/svg%3E")}.ci-mascotas{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%2211%22 r=%222%22/%3E%3Ccircle cx=%2210%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2215%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2219%22 cy=%2211%22 r=%222%22/%3E%3Cpath d=%22M12 12c-3 0-5 3-5 5 0 1.5 1.5 2 3 1.5l2-.5 2 .5c1.5.5 3 0 3-1.5 0-2-2-5-5-5z%22/%3E%3C/svg%3E")}.ci-autos{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 16l1.5-6h11L19 16M3 16h18v3H3zM7 19v2M17 19v2%22/%3E%3C/svg%3E")}.ci-educacion{--ci:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z%22/%3E%3C/svg%3E")}
.cat strong{font-weight:700}.cat span{font-size:.75rem;font-weight:600;color:var(--mut)}
.cat:hover{background:var(--g);color:#fff}.cat:hover span{color:#E3F4EE}
.muns{margin:18px 0 0;color:var(--t2);font-size:.88rem;font-weight:600}
.chip{display:inline-block;margin:3px 2px;padding:6px 14px;border-radius:99px;background:transparent;border:1.5px solid var(--g);color:var(--tealtxt);text-decoration:none;font-size:.85rem;font-weight:700}.chip:hover{background:var(--g);color:#fff}
.filters{color:var(--mut);margin:0 0 16px}
/* Tarjetas */
.grid{display:grid;gap:20px;grid-template-columns:1fr;padding-bottom:24px;margin-top:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sh);position:relative}
.card-cover{display:block;height:112px;background:linear-gradient(135deg,#CFEDE5,#FFE9B8)}.card-cover img{width:100%;height:112px;object-fit:cover}
.card-cover.none{height:4px;background:linear-gradient(90deg,#FDE68A,#FEF3C7)}
.grid .card:nth-child(3n+2) .card-cover.none{background:linear-gradient(90deg,#99F6E4,#CCFBF1)}.grid .card:nth-child(3n) .card-cover.none{background:linear-gradient(90deg,#DDD6FE,#EDE9FE)}
.card-head{display:flex;gap:12px;align-items:flex-start;padding:18px 20px 0}
.card-logo{flex:none;display:block;border-radius:12px;overflow:hidden;line-height:0}
.logo-img,.logo-ph{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#F3F4F6}
.logo-ph{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:var(--tealtxt);background:var(--mint)}
.grid .card:nth-child(3n+2) .logo-ph{background:var(--or-bg);color:var(--or-t)}
.card-head h3{margin:0 0 4px;font-size:1.1rem;font-weight:800;line-height:1.2}.card-head h3 a{color:var(--ink);text-decoration:none}.card-head h3 a:hover{color:var(--tealtxt)}
.card-body{padding:12px 20px 4px;flex:1}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:0}
.tag{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:var(--mint);color:var(--tagtxt)}.tag.alt{background:#EEF2FF;color:#3730A3}.tag.star{background:#FEF3C7;color:#92400E}
.loc{margin:0 0 8px;color:var(--mut);font-size:.78rem;font-weight:600;padding-left:18px;background:var(--i-pin) left 3px/12px no-repeat}
.desc{color:var(--t2);font-size:.9rem;font-weight:500;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feat{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.feat li{display:flex;justify-content:space-between;gap:8px;font-size:.88rem;font-weight:700}.feat b{color:var(--tealtxt);white-space:nowrap}
.more{margin:-4px 0 12px;font-size:.78rem;color:var(--mut);font-weight:500}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 20px 20px}
.card-actions .btn{min-height:42px;font-size:.88rem}
.card-actions .btn.wa{grid-column:1/-1}.card-actions>.btn:last-child:nth-child(odd),.card-actions>.btn:last-child:nth-child(4){grid-column:1/-1}
.empty{text-align:center;background:var(--surface);border:2px dashed var(--line);border-radius:16px;padding:36px 16px;margin:8px 0 32px}.empty p{margin:0 0 10px}
/* Para empresas */
.biz-cta{margin:40px auto 0;width:calc(100% - 24px);max-width:1152px;border-radius:24px;background:var(--cta);color:#fff;padding:32px 0}
.cta-in{display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding:0 20px}.biz-cta h2{margin-bottom:12px;font-size:1.65rem;max-width:18em;color:#fff}.biz-cta p{margin:0;color:#D1E5E0;max-width:38em;line-height:1.55;font-weight:500}
.biz-cta ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-weight:600;font-size:.95rem}
.biz-cta li{padding-left:28px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFB020%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 5 5 9-10%22/%3E%3C/svg%3E") left 3px/18px no-repeat}
/* Páginas interiores */
.crumbs{font-size:.85rem;color:var(--mut);padding:16px 0 12px;font-weight:600}.crumbs a{text-decoration:none}
.page-h1{margin:4px 0 6px;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.lead-dark{color:var(--t2);margin:0 0 8px;font-weight:500}
.cover img{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:24px}
.biz{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;margin:12px 0 28px;position:relative;box-shadow:var(--sh)}
.cover+.biz{margin-top:-44px;margin-left:12px;margin-right:12px}
.biz-logo .logo-img,.biz-logo .logo-ph{width:96px;height:96px;border-radius:24px;font-size:2.4rem}
.biz h1{margin:0 0 8px;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.biz-main>p{color:var(--t2);font-weight:500}.biz .tag{font-size:.7rem}
.actions{display:grid;gap:10px;margin:14px 0}
.info{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:.93rem;color:var(--mut);font-weight:500}.info strong{color:var(--ink)}
#catalogo{scroll-margin-top:110px}#catalogo h2{margin:8px 0 14px}
.prod .pimg img,.pimg.ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.pimg.ph{display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--tealtxt);font-size:.9rem;font-weight:600}
.prod .card-body{padding-top:16px}.prod .card-body h3{margin:0 0 6px;font-size:1.05rem;font-weight:800}.prod .tags{margin-bottom:8px}
.prod .card-actions{grid-template-columns:1fr}
.price{font-weight:800;font-size:1.35rem;color:var(--tealtxt);margin:10px 0 0}
.qty{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--mut);font-weight:600}.qty input{width:76px;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-weight:600;font-size:1rem;color:var(--ink);background:var(--field)}
/* Pie */
.foot{background:var(--mint);padding:40px 0 20px;color:var(--t2);font-size:.9rem;margin-top:48px}
.foot-grid{display:grid;gap:24px;grid-template-columns:1fr;padding-bottom:28px;border-bottom:1px solid rgba(14,124,102,.28)}.foot strong{color:var(--ink);display:block;margin-bottom:8px}.foot ul{list-style:none;padding:0;margin:0}.foot li{padding:4px 0}.foot a{color:var(--t2);text-decoration:none;font-weight:600}.foot a:hover{color:var(--tealtxt)}.foot .logo{color:var(--ink)}.foot p{margin:12px 0 0;max-width:30em;font-weight:500}.foot .fine{max-width:none}.foot .logo{display:inline-flex}.foot .wm{font-size:1.3rem}.fine{font-size:.78rem;margin:20px 0 0;text-align:center;color:var(--mut);font-weight:500}
.wa-float{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9;box-shadow:0 8px 22px rgba(0,0,0,.3)}
body:has(.wa-float) .foot{padding-bottom:88px}
:focus-visible{outline:3px solid #F59E0B;outline-offset:2px}

/* Menú móvil (solo con JavaScript; sin JS el menú queda visible como antes) */
@media(max-width:639.98px){.js .menu-toggle{display:inline-flex}.js .bar nav{display:none;flex-direction:column;overflow:visible;padding:6px 0 10px}.js .top.nav-open nav{display:flex}.js .bar nav a{padding:12px;font-size:1rem}.js .bar nav button.nav-install{margin:6px 0;padding:12px;font-size:1rem;text-align:left}.js .bar .btn.sm{display:none}}
/* Volver arriba y avisos */
.to-top{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:8;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.to-top.show{opacity:1;pointer-events:auto}.to-top svg{width:22px;height:22px}
body:has(.wa-float) .to-top,body.has-cart .to-top{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:30;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:12px;font-weight:700;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .2s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1}
/* Pedido de varios productos */
.cart-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:11;display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:var(--cta);color:#fff;font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.cart-n{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:99px;background:var(--mg);color:#0F2F2C;font-size:.85rem}.cart-sum{margin-left:auto}
body.has-cart .wa-float{display:none}body.has-cart .foot{padding-bottom:96px}
.pedido{border:0;border-radius:20px;padding:0;width:calc(100% - 24px);max-width:520px;max-height:calc(100% - 24px);overflow:auto;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.4)}.pedido::backdrop{background:rgba(0,0,0,.6)}
.p-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px;margin:0}.p-head h2{margin:0;font-size:1.3rem}.p-x{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}
.p-lista{list-style:none;margin:0;padding:6px 20px}.p-lista li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.p-n{flex:1 1 100%;font-weight:700}.p-q{display:inline-flex;align-items:center;gap:4px}.p-q button,.p-d{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:1.15rem;cursor:pointer}.p-q output{min-width:32px;text-align:center;font-weight:800}.p-s{margin-left:auto;font-weight:800;color:var(--tealtxt)}.p-d{border-color:transparent;background:transparent;color:var(--mut)}
.p-total{margin:0;padding:12px 20px 0;font-weight:800;font-size:1.1rem}
.p-nota{display:block;padding:12px 20px 0;font-size:.88rem;font-weight:600;color:var(--mut)}.p-nota textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit;resize:vertical}
.p-act{display:grid;gap:8px;padding:14px 20px 6px}.p-aviso{margin:0;padding:6px 20px 18px;font-size:.78rem;color:var(--mut)}
/* Instalar app */
.bar nav button.nav-install{padding:9px 12px;border:0;border-radius:10px;background:var(--mint);color:var(--tealtxt);font:inherit;font-weight:800;font-size:.9rem;cursor:pointer;white-space:nowrap}.bar nav button.nav-install:hover{background:var(--mint-h)}
.link-btn{padding:0;border:0;background:none;color:var(--tealtxt);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.inst-pasos{margin:0;padding:6px 20px 22px 42px;display:grid;gap:12px;line-height:1.45}.inst-pasos strong{color:var(--tealtxt)}
#sin-conexion{margin-top:48px}
/* Diagnóstico */
.diag-login{max-width:420px;margin:48px auto}.diag-in{display:block;width:100%;min-height:48px;margin:8px 0 14px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit}.diag-msg{color:var(--bad);font-weight:700}
.diag-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.diag h2{margin:28px 0 10px}.diag h3{margin:18px 0 8px;font-size:1.05rem}
.diag-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.diag-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.diag-card b{display:block;font-size:1.8rem;line-height:1.1}.diag-card span{color:var(--mut);font-size:.85rem;font-weight:600}.diag-card.good b{color:var(--tealtxt)}.diag-card.warn b{color:var(--warn)}.diag-card.bad b{color:var(--bad)}
.diag-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.diag-t{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}.diag-t th,.diag-t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.diag-t th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}.diag-t tr:last-child td{border-bottom:0}
.lv{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.lv.error{background:var(--e-bg);color:var(--e-t)}.lv.aviso{background:var(--w-bg);color:var(--w-t)}.lv.info{background:var(--n-bg);color:var(--n-t)}.lv.ok{background:var(--o-bg);color:var(--o-t)}
.diag-note{color:var(--mut);font-size:.85rem;margin:8px 0}.diag-okmsg{font-weight:700;color:var(--tealtxt)}
@media(min-width:640px){
.diag-cards{grid-template-columns:repeat(4,1fr)}.cart-bar{left:auto;right:24px;width:auto;min-width:300px}
.wrap{padding:0 24px}.bar nav{order:0;flex:1 0 auto;padding:0;margin-left:16px}.theme-toggle{margin-left:0;width:44px;height:44px}.bar .btn.sm{margin-left:0;min-height:44px;padding:9px 16px;font-size:.9rem}.bar{min-height:72px;gap:2px 12px}.wm{font-size:1.5rem}
.search{grid-template-columns:repeat(4,1fr)}.search input{grid-column:1/4;grid-row:1}.search .btn{grid-column:4;grid-row:1}.search #mun{grid-column:1/3;grid-row:2}.search #cat{grid-column:3/5;grid-row:2}
.grid{grid-template-columns:repeat(2,1fr);gap:24px}
.cat-panel{padding:32px}.biz-cta{padding:44px 0;width:calc(100% - 48px)}.cta-in{flex-direction:row;align-items:center;justify-content:space-between;padding:0 36px}.biz-cta h2{font-size:1.9rem}
.foot-grid{grid-template-columns:1.6fr 1fr 1fr}.wa-float{display:none}
.biz{padding:28px}.cover+.biz{margin-top:-60px;margin-left:24px;margin-right:24px}
h2{font-size:1.65rem}.hero2{padding-top:48px;padding-bottom:28px}
}
@media(min-width:900px){
.hero2:has(.cat-panel){grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.biz{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}
.biz-main{display:grid;grid-template-columns:1fr 280px;column-gap:28px;align-items:start}.biz-main>*{grid-column:1}.biz-main>.actions{grid-column:2;grid-row:1/span 5;margin:0}
}
@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.grid.prod{grid-template-columns:repeat(4,1fr)}}
/* En celulares muy angostos el menú ya incluye "Negocios" (mismo destino); se omite el botón para no apilar el encabezado */
@media(max-width:400px){.bar .btn.sm{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}