:root{font-family:'Segoe UI',Arial,sans-serif;color:#243c33;background:#fff;font-synthesis:none;--green:#175c45;--light:#e9f1e8;--muted:#748078;--line:#e6eae5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;flex-shrink:0}button svg,a svg{vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ca9636;outline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2{letter-spacing:-1.8px;font-weight:650}h2{font-size:34px;margin-bottom:16px}small{font-size:12px}.topbar{background:var(--green);color:white;display:flex;justify-content:space-between;padding:10px max(4.5%,calc((100vw - 1340px)/2));font-size:12px}.topbar span{display:flex;align-items:center;gap:8px}.topbar svg{width:14px;height:14px}header{max-width:1460px;margin:auto;display:flex;gap:48px;align-items:center;padding:28px 4.5%}.logo{font-weight:750;font-size:29px;letter-spacing:-1.5px;white-space:nowrap;display:inline-flex;align-items:center;color:var(--green)}.logo>span:not(.logo-cross){font-weight:400}.logo-cross{font-size:36px;margin-right:7px;line-height:1}.logo i{width:6px;height:6px;background:#b7ca84;border-radius:50%;align-self:flex-end;margin-bottom:6px;margin-left:2px}.search{background:#f5f6f3;border:1px solid #e8ebe5;border-radius:6px;padding:12px 17px;display:flex;align-items:center;gap:12px;flex:1;max-width:530px;color:#79847b}.search input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px}.header-actions{display:flex;gap:25px;margin-left:auto}.header-actions button{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.header-actions b{background:var(--green);color:#fff;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;font-size:11px}nav{border-block:1px solid var(--line);padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.nav-categories{display:flex;gap:30px}.nav-categories button{padding:17px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-categories button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.nav-store{display:flex;gap:6px;align-items:center;white-space:nowrap}main{max-width:1460px;margin:auto;padding:28px 4.5% 0}.hero{background:#edf2e8;min-height:440px;border-radius:12px;display:grid;grid-template-columns:1.06fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:48px 0 40px 48px;z-index:2}.hero-tag{display:inline-flex;gap:7px;align-items:center;background:#fff9;border:1px solid #dce5d7;padding:6px 12px;border-radius:30px;font-size:11px;color:#496549}.hero-tag>span{height:6px;width:6px;background:#739b66;border-radius:50%}.hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.08;margin:23px 0 18px;letter-spacing:-3px;color:#194d39}.hero-copy>p{font-size:14px;color:#68756a;max-width:385px;margin-bottom:27px}.primary{background:var(--green);color:white;border-radius:6px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:600;min-height:46px}.primary:hover{background:#0d4834}.primary svg{width:18px}.hero-note{margin-top:20px;display:flex;align-items:center;gap:7px;font-size:11px;color:#687769}.hero-note svg{width:14px}.hero-note>span{margin:0 4px}.hero-art{position:relative;isolation:isolate;min-height:420px}.orbit{position:absolute;border-radius:50%;z-index:-2}.orbit-one{width:450px;height:450px;background:#dce7d1;top:30px;left:5%}.orbit-two{width:330px;height:330px;border:1px solid #f5f9ee;top:80px;left:15%}.art-spark{position:absolute;right:11%;top:48px;font-size:59px;color:#94aa80;font-weight:200}.pedestal{width:86%;height:64px;border-radius:50% 50% 10px 10px;background:#d2ddc5;position:absolute;bottom:55px;left:5%;box-shadow:0 22px 0 #c5d3b6;z-index:-1}.hero-product{position:absolute;bottom:100px;filter:drop-shadow(7px 14px 7px #29432c18)}.hero-product-one{left:11%;transform:rotate(-9deg);z-index:1}.hero-product-two{left:43%;bottom:93px;transform:rotate(7deg);z-index:2}.hero-product-three{right:5%;bottom:90px;transform:rotate(5deg);z-index:3}.pickup-badge{position:absolute;bottom:21px;left:17%;display:flex;gap:12px;align-items:center;background:#fffffff2;border:1px solid #e4e8df;border-radius:10px;box-shadow:0 6px 20px #2038220a;padding:13px 19px;z-index:4}.pickup-badge>svg{width:32px;height:32px;color:#537850;background:#edf3e7;border-radius:50%;padding:6px}.pickup-badge b{font-size:11px;display:block}.pickup-badge span{font-size:10px;color:#75816e}.art-disclaimer{position:absolute;right:12px;bottom:5px;font-size:9px;color:#606f59}.pack{--accent:#db9c40;width:100px;height:152px;background:linear-gradient(90deg,#e9ece7,#fff 30%,#fafbf9 70%,#e4e8e0);border:1px solid #e0e3dc;border-radius:11px 11px 15px 15px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:3px 9px 11px #29372812}.pack .cap{position:absolute;height:25px;top:-14px;left:3%;width:94%;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#e7e9e4,#fff,#dce0d8);border-bottom:1px solid #ddd}.pack-label{padding:13px 8px 3px;text-align:center;width:100%;color:#345045}.pack-label>b{font-size:14px;letter-spacing:-.6px;display:block}.pack-line{display:block;height:17px;background:var(--accent);margin:9px -8px 8px;opacity:.85}.pack-label small{font-size:8px;display:block;line-height:1.4}.pack-detail{display:block;font-size:5px;letter-spacing:.8px;margin:7px 0}.pack-label em{font-size:6px;font-style:normal}.tone-0{--accent:#d7728f}.tone-1{--accent:#e5a330}.tone-2{--accent:#57a391}.tone-3{--accent:#488eaf}.tone-4{--accent:#708fa9}.pack.pump{height:178px;width:103px;border-radius:14px 14px 8px 8px}.pump .cap{width:26px;left:38%;top:-27px;height:27px;border-radius:3px}.pump .cap:before{content:'';position:absolute;top:-5px;left:-9px;width:52px;height:9px;background:#e1e4dc;border-radius:3px}.pack.jar{height:84px;width:127px;border-radius:5px 5px 15px 15px}.jar .cap{height:23px;background:linear-gradient(90deg,#648095,#8b9eaa,#57788b);top:-17px;width:102%;left:-1%;border-radius:6px}.jar .pack-label{padding-top:0}.jar .pack-line{height:8px;margin-block:4px}.jar .pack-detail,.jar em{display:none}.pack.dropper{width:74px;height:125px;background:linear-gradient(90deg,#5194b9,#98c7d9 40%,#4f8aab)}.dropper .cap{width:43%;left:28%;height:39px;top:-33px;border-radius:15px 15px 2px 2px}.dropper .pack-label{background:#f4f7f2;padding-block:8px}.dropper .pack-label>b{font-size:9px}.dropper .pack-line{height:5px;margin-block:4px}.pack.tube{width:79px;height:151px;border-radius:0 0 11px 11px;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}.tube .cap{top:auto;bottom:0;height:17px;left:0;width:100%;background:var(--accent)}.large{width:133px;height:219px}.large .pack-label>b{font-size:21px}.large .pack-label small{font-size:11px}.large .pack-detail{font-size:6px}.large .pack-line{height:24px}.large.pump{height:252px;width:139px}.large.jar{width:160px;height:112px}.large.jar .pack-label>b{font-size:19px}.large.jar .pack-label small{font-size:9px}.large.jar .pack-line{height:9px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 10px;border-bottom:1px solid var(--line);margin-bottom:43px}.benefits>div{display:flex;gap:15px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits svg{width:27px;height:27px;color:#537453}.benefits b{font-size:12px;font-weight:600;display:block}.benefits small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-kicker{font-size:12px;color:#7b8777;display:block;margin-bottom:8px}.section-heading h2{font-size:29px;letter-spacing:-1px}.sort-label{font-size:11px;display:flex;align-items:center;gap:10px;color:#7c857b}.sort-label select{background:#fff;border:1px solid var(--line);border-radius:5px;padding:10px 28px 10px 12px;color:#465342;font-size:11px}.filters{display:flex;gap:10px;margin:12px 0 17px;overflow:auto;padding-bottom:4px}.filters button{border:1px solid #e4e8e0;border-radius:6px;padding:10px 15px;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.filters svg{width:16px;height:16px}.filters .selected{background:var(--green);color:white;border-color:var(--green)}.results-count{color:#7f887d;font-size:11px;margin-bottom:16px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:1px solid #e8ebe4;border-radius:9px;overflow:hidden;transition:border-color .2s}.product:hover{border-color:#a3b49b}.product-picture{position:relative;background:#f6f7f3;height:220px;display:flex;width:100%;align-items:center;justify-content:center;padding-top:15px}.discount{position:absolute;left:13px;top:13px;color:#37613e;background:#e4ecd9;padding:5px 8px;font-size:11px;font-weight:700;border-radius:4px}.product-info{padding:19px 16px 17px}.brand{color:#73816d;font-weight:600;font-size:10px;letter-spacing:1px}.product-title{font-size:14px;line-height:1.45;display:block;text-align:left;padding:0;margin:7px 0;min-height:40px;font-weight:600}.product-size{font-size:11px;color:#7c877a}.price-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:20px}.price-row strong{font-size:20px;letter-spacing:-.7px}.price-row del{font-size:11px;color:#87917f;margin-left:4px}.add-button{background:#ecf2e8;color:#295d3d;display:flex;align-items:center;gap:5px;border-radius:5px;padding:9px;font-size:11px}.add-button svg{width:15px;height:15px}.add-button:hover{background:#d5e4ca}.stock{display:flex;align-items:center;gap:5px;font-size:10px;color:#6d8167;margin-top:12px}.stock:before{content:'';width:5px;height:5px;border-radius:50%;background:#7b9b60}.stock.out{color:#915b46}.stock.out:before{background:#b37961}.pickup-section{margin:60px 0;display:grid;grid-template-columns:1fr 1fr;background:#f3f5f0;border-radius:10px;overflow:hidden}.pickup-section>div:last-child{padding:42px 48px}.pickup-section h2{font-size:33px}.pickup-section p{font-size:13px;color:#727c6c;max-width:380px}.pickup-illustration{display:flex;align-items:center;justify-content:center;gap:35px;color:#42684e;background:#e2ebdc}.pickup-illustration>svg{width:100px;height:120px;stroke-width:.8}.pickup-illustration span{font-size:36px;line-height:1.3;letter-spacing:-1.8px;font-weight:600}.text-button{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;padding:0}.text-button svg{width:17px}footer{padding:40px 4.5% 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr .7fr;gap:30px;max-width:1460px;margin:auto;font-size:12px}footer .logo{font-size:25px}footer p{color:#7d8876;font-size:12px;margin:12px 0}footer button,footer>div>a:not(.logo){display:block;padding:0;margin-top:12px;font-size:12px;color:#62735f}footer b{font-weight:600}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;color:#858e80;font-size:10px}dialog{border:1px solid var(--line);border-radius:14px;padding:34px;width:min(560px,calc(100vw - 28px));max-height:90vh;color:#243c33;box-shadow:0 20px 80px #14372430}dialog::backdrop{background:#17302777;backdrop-filter:blur(3px)}dialog h2{font-size:27px;letter-spacing:-1px;padding-right:24px}dialog>p{font-size:13px;color:#71806a}.modal-close{position:absolute;right:15px;top:15px;padding:6px;border-radius:50%;background:#f2f5ef}.modal-close svg{width:18px;height:18px}.full{width:100%;margin-top:12px}.empty{grid-column:1/-1;text-align:center;padding:45px 15px}.empty>svg{width:45px;height:45px;color:#6f8b62;margin-bottom:20px}.empty h3{font-size:18px}.empty p{font-size:13px;color:#71806a}.cart-item{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.cart-item>div:first-child{width:50px;height:70px;overflow:hidden;display:flex;justify-content:center;align-items:center}.cart-item .pack{transform:scale(.33);flex-shrink:0}.cart-item b{font-size:12px}.cart-item small{display:block;color:#75816e;margin:6px 0}.cart-item strong{font-size:13px}.quantity{display:flex;align-items:center;gap:10px;font-size:12px}.quantity button:not(.remove){border:1px solid var(--line);width:27px;height:27px;border-radius:4px}.quantity .remove{font-size:10px;color:#886b5f;text-decoration:underline}.total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.total strong{font-size:23px}.total small{display:block;color:#75816e;font-size:10px;margin-top:5px}.notice{padding:15px;background:#f0f4eb;border:1px solid #e1e8d8;font-size:12px;line-height:1.7;border-radius:6px;margin:15px 0;color:#5f7058}.notice svg{width:15px;height:15px;vertical-align:middle;margin-right:7px}form>label,.form-row label{font-size:12px;display:block;margin:15px 0 0}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d9e1d4;border-radius:5px;background:#fff;margin-top:7px;color:#31462d}form textarea{min-height:80px;resize:vertical}.checkbox{display:flex!important;gap:10px;align-items:flex-start;line-height:1.6}.checkbox input{margin-top:4px;accent-color:var(--green)}.form-error{color:#a2392f;font-size:12px;margin:12px 0}.form-row{display:flex;gap:12px}.form-row>label{flex:1;min-width:0}.inline{text-decoration:underline;color:var(--green);padding:0;font-size:inherit}.muted{color:#7b8777;font-size:11px}.order-lines p{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:10px;gap:14px}.order-lines b{white-space:nowrap}.status-label{display:inline-block;background:#e9f0e1;color:#4a6740;padding:6px 10px;border-radius:4px;font-size:11px;margin-bottom:9px}.token{font-size:11px;overflow-wrap:anywhere}details{font-size:12px;line-height:1.6;margin-top:20px}summary{cursor:pointer}.detail-picture{height:280px;background:#f4f6ef;display:flex;align-items:center;justify-content:center;margin:10px 0 22px;border-radius:6px}.detail-picture .dropper{transform:scale(1.3)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1c4f3b;color:white;padding:13px 24px;border-radius:8px;box-shadow:0 5px 20px #16372220;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.admin-layout{display:flex;min-height:100vh;background:#f7f8f4}.admin-layout aside{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;gap:14px}.admin-layout aside .logo{font-size:25px}.admin-layout aside>p{font-size:12px;color:#7d8876}.admin-layout aside>small{color:#7d8876;margin:15px 0}.admin-layout aside>button,.admin-layout aside>a:not(.logo){display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:5px;font-size:13px}.admin-layout aside .selected{background:#e8efdf;color:var(--green)}.admin-layout aside>a:not(.logo){margin-top:auto}.admin-main{padding:44px 40px;width:100%;min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-heading h1{font-size:36px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats>div{padding:22px;background:white;border:1px solid var(--line);border-radius:7px}.stats small{color:#7d8876;display:block}.stats b{display:block;font-size:29px;margin-top:10px;font-weight:600}.table-wrap{margin-top:25px;background:white;border:1px solid var(--line);border-radius:7px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#eff3e9;color:#6d7d61;font-size:11px;font-weight:600}td,th{padding:16px;border-bottom:1px solid var(--line)}td small{display:block;margin-top:6px;color:#829074}.secondary{padding:8px 12px;border:1px solid #dce4d5;border-radius:5px;font-size:11px;background:#fff;white-space:nowrap}.login-page{min-height:100vh;background:#edf2e8;padding:40px}.login-card{width:min(420px,100%);margin:70px auto;background:white;border:1px solid var(--line);padding:36px;border-radius:12px}.login-card h1{font-size:36px;line-height:1.15}.login-card p{font-size:13px;color:#7b8777}.login-card>a{display:block;margin-top:22px;font-size:12px;text-align:center}
@media(min-width:1500px){nav{padding-inline:calc((100vw - 1328px)/2)}}@media(max-width:1100px){header{gap:24px}.nav-categories{gap:18px;font-size:11px}.nav-store{font-size:11px}.hero-copy{padding-left:32px}.hero-product-one{left:0}.hero-product-two{left:33%}.hero-product-three{right:2%}.hero-product{transform:scale(.9)}.product-grid{gap:14px}.product-info{padding:15px 12px}.add-button span{display:none}.hero-tag{font-size:10px}.price-row del{display:block;margin:4px 0 0}.pickup-illustration span{font-size:29px}.admin-layout aside{width:200px}.admin-main{padding:30px 22px}}@media(max-width:760px){.topbar{justify-content:center;font-size:10px}.topbar>span:last-child{display:none}header{padding:18px 5%;gap:15px;flex-wrap:wrap}.logo{font-size:26px}.header-actions{gap:14px}.header-actions button{padding:3px;gap:5px}.header-actions button>span{display:none}.header-actions b{width:18px;height:18px}.search{order:3;max-width:none;flex-basis:100%;padding:10px 12px}nav{padding-inline:5%;overflow:auto}.nav-categories{gap:23px}.nav-categories button{padding:13px 0}.nav-store{display:none}main{padding:18px 5% 0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 26px 0}.hero h1{font-size:47px;letter-spacing:-2.2px;margin-top:20px}.hero-copy>p{font-size:13px;max-width:340px}.hero-tag{font-size:9px;padding:5px 9px}.hero-note{font-size:10px;margin-top:15px}.hero-art{min-height:310px;margin-top:8px}.orbit-one{width:320px;height:320px;top:15px;left:calc(50% - 160px)}.orbit-two{width:250px;height:250px;top:45px;left:calc(50% - 125px)}.hero-product{transform:scale(.77);transform-origin:bottom}.hero-product-one{left:12%;bottom:76px;transform:scale(.77) rotate(-8deg)}.hero-product-two{left:40%;bottom:66px;transform:scale(.77) rotate(6deg)}.hero-product-three{right:5%;bottom:62px;transform:scale(.7)}.pedestal{bottom:30px;left:9%;width:83%;height:55px}.pickup-badge{bottom:12px;left:calc(50% - 133px);padding:9px 13px}.art-spark{top:12px;font-size:43px}.benefits{grid-template-columns:1fr;padding:20px 0;gap:18px;margin-bottom:28px}.benefits>div{justify-content:flex-start;border:0;padding-left:12px;gap:12px}.benefits b{font-size:12px}.benefits small{font-size:11px;margin-top:3px}.benefits svg{width:25px;height:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.section-heading h2{font-size:26px;letter-spacing:-1px}.section-kicker{font-size:11px}.sort-label{align-self:flex-end;margin:0 0 12px}.filters{margin-top:3px}.filters button{padding:9px 12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-picture{height:188px}.product-picture .pack{transform:scale(.85)}.product-info{padding:13px 11px}.product-title{font-size:12px;min-height:36px}.price-row{margin-top:15px}.price-row strong{font-size:18px}.add-button{padding:8px}.stock{font-size:9px}.product-size{font-size:10px}.pickup-section{grid-template-columns:1fr;margin-block:36px}.pickup-illustration{padding:27px;gap:30px}.pickup-illustration span{font-size:25px;letter-spacing:-.8px}.pickup-illustration>svg{width:70px;height:90px}.pickup-section>div:last-child{padding:28px}.pickup-section h2{font-size:29px}footer{grid-template-columns:1fr 1fr;padding:28px 5%;gap:23px}footer>div:first-child{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:12px;font-size:9px}dialog{padding:28px 21px}.form-row{flex-wrap:wrap}.form-row>label{min-width:100px}.admin-layout{display:block}.admin-layout aside{width:100%;padding:18px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);gap:6px}.admin-layout aside>p,.admin-layout aside>small{display:none}.admin-layout aside .logo{width:100%;margin-bottom:12px}.admin-layout aside>button,.admin-layout aside>a:not(.logo){font-size:11px;padding:9px}.admin-layout aside>a:not(.logo){margin-top:0}.admin-main{padding:25px 15px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:16px}.stats b{font-size:24px}.admin-heading h1{font-size:29px}.admin-heading .primary{font-size:11px;padding:10px}.login-page{padding:25px}.login-card{margin-top:45px;padding:26px}.cart-item{grid-template-columns:40px 1fr auto;gap:8px}.cart-item strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Estilos adicionales para las nuevas funcionalidades */

/* Autocompletado del buscador */
.search-container{position:relative;flex:1;max-width:530px}
.search{width:100%}
.autocomplete-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e0e6de;border-radius:10px;box-shadow:0 12px 36px rgba(22,92,69,0.12);z-index:90;max-height:360px;overflow-y:auto}
.autocomplete-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f4ee;transition:background .15s}
.autocomplete-item:hover{background:#f3f7f0}
.autocomplete-thumb{width:42px;height:42px;border-radius:6px;object-fit:contain;background:#f6f8f5;padding:2px;flex-shrink:0}
.autocomplete-thumb-pack{transform:scale(0.24);transform-origin:center;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
.autocomplete-info{flex:1;min-width:0}
.autocomplete-title{font-size:12.5px;font-weight:600;color:#243c33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.autocomplete-brand{font-size:11px;color:#788673}
.autocomplete-price{font-size:13px;font-weight:700;color:var(--green);white-space:nowrap}
.autocomplete-footer{padding:10px 14px;text-align:center;font-size:12px;font-weight:600;color:var(--green);background:#edf3e8;cursor:pointer}
.autocomplete-footer:hover{background:#e3ebd9}

/* Imágenes de producto */
.product-img{max-height:160px;max-width:85%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(25,60,45,0.08))}
.cart-item-img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#f6f8f5}

/* Previsualización en edición de producto */
.image-upload-field{margin-top:14px}
.image-preview-box{margin-top:10px;padding:12px;background:#f7f9f5;border:1px dashed #ced8cb;border-radius:8px;text-align:center}
.image-preview-box img{max-height:140px;max-width:100%;object-fit:contain;border-radius:6px;display:block;margin:0 auto 8px}
.remove-image-btn{font-size:11px;color:#9b382d;text-decoration:underline;cursor:pointer}

/* Stepper de estado de pedido */
.order-stepper{display:flex;justify-content:space-between;position:relative;margin:28px 0 24px;padding:0 5px}
.order-stepper-bg{position:absolute;top:18px;left:28px;right:28px;height:3px;background:#e5ebe2;z-index:1}
.order-stepper-fill{position:absolute;top:18px;left:28px;height:3px;background:var(--green);z-index:2;transition:width .4s ease}
.step-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:72px}
.step-circle{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #cbd4c8;display:grid;place-items:center;font-size:12px;font-weight:700;color:#7b8877;transition:all .2s}
.step-circle svg{width:16px;height:16px}
.step-node.done .step-circle{background:var(--green);border-color:var(--green);color:#fff}
.step-node.active .step-circle{background:#fff;border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px #e4edd8}
.step-name{font-size:10.5px;color:#788673;margin-top:8px;font-weight:500;line-height:1.25}
.step-node.active .step-name{color:var(--green);font-weight:700}
.step-node.done .step-name{color:#2a4435;font-weight:600}

/* Badges de preparación de producto */
.item-status-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:8px;white-space:nowrap}
.item-status-tag.ready{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.item-status-tag.pending{background:#fef9c3;color:#854d0e;border:1px solid #fef08a}
.item-ready-btn{padding:5px 9px;font-size:11px;border-radius:5px;border:1px solid #c9d7c4;background:#fff;cursor:pointer;transition:all .15s}
.item-ready-btn.is-ready{background:#166534;color:#fff;border-color:#166534}

/* Botón de peligro / eliminar */
.danger{background:#fff;color:#a83228;border:1px solid #f0cac6;padding:8px 14px;border-radius:5px;font-size:11px;margin-top:8px}
.danger:hover{background:#fdf2f1;border-color:#a83228}

/* Menú corporativo superior */
.nav-links{display:flex;gap:26px}
.nav-links button{padding:17px 0;font-size:13px;font-weight:500;color:#35493b;border-bottom:2px solid transparent}
.nav-links button:hover{color:var(--green);border-bottom-color:var(--green)}
.nav-links button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}

/* Pasos cómo funciona */
.how-steps{display:grid;grid-template-columns:1fr;gap:14px;margin:16px 0}
.how-step{display:flex;gap:14px;padding:14px;background:#f7f9f5;border-radius:8px;border:1px solid #e7ebe3}
.how-step-num{width:28px;height:28px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}
.how-step-text b{display:block;font-size:13px;color:#1f3f30;margin-bottom:2px}
.how-step-text p{margin:0;font-size:12px;color:#617260}

/* Ayuda en formulario */
.field-help{font-size:11.5px;color:#546850;margin-top:6px;display:flex;align-items:center;gap:6px;line-height:1.3}
.field-help svg{width:15px;height:15px;flex-shrink:0;color:#355c3c;vertical-align:middle}