@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{color:#4b4039;font-synthesis:none;--rose:#c99090;--rose-dark:#a96f72;--cream:#faf7f2;--sand:#e8d7c6;--olive:#aeb69b;--brown:#8a7464;--ink:#40352f;background:#faf7f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.logo{color:var(--ink);align-items:center;gap:10px;display:flex}.logo>span{border:1px solid var(--rose);border-radius:50%;place-items:center;width:42px;height:42px;font-family:Playfair Display;font-size:15px;display:grid}.logo div{flex-direction:column;line-height:1.05;display:flex}.logo b{font-family:Playfair Display;font-size:19px}.logo small{text-transform:uppercase;letter-spacing:.2em;margin-top:5px;font-size:8px}.logo-light{color:#fff}.public-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf7f2f0;border-bottom:1px solid #eadfd5;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;height:100%;margin:auto;padding:0 24px;display:flex}.header-inner nav{gap:34px;font-size:14px;display:flex}.header-inner nav a{border-bottom:2px solid #0000;padding:28px 0 24px}.header-inner nav a.active{color:var(--rose-dark);border-color:var(--rose)}.header-actions{align-items:center;display:flex}.cart-button{padding:8px;position:relative}.cart-button span{background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:0;right:1px}.menu-button{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1180px;min-height:640px;margin:0 auto;padding:64px 24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--rose-dark);font-size:11px;font-weight:700}h1,h2{color:var(--ink);font-family:Playfair Display,serif;font-weight:600}.hero h1{max-width:570px;margin:18px 0 24px;font-size:64px;line-height:1.05}.hero-copy>p{color:#78685e;max-width:520px;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.btn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.btn.primary{background:var(--rose);color:#fff}.btn.primary:hover{background:var(--rose-dark)}.btn.link{color:var(--ink);border-bottom:1px solid var(--ink);background:0 0;border-radius:0;padding:0}.btn.outline{color:var(--ink);background:#fff;border:1px solid #d8cbc1}.btn.full{width:100%}.btn.grow{flex:1}.hero-note{color:#8a7a70;gap:28px;margin-top:34px;font-size:12px;display:flex}.hero-note span:before{content:"✓";color:var(--olive);margin-right:7px;font-weight:700}.hero-art{position:relative}.product-visual{background:linear-gradient(135deg,#e6d0c1,#c9978f);border-radius:140px 140px 12px 12px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.hero-art>.product-visual{background:linear-gradient(155deg,#c59a83,#835f50);border-radius:240px 240px 16px 16px;height:540px}.dress-shape{clip-path:polygon(33% 0,67% 0,75% 16%,65% 29%,86% 100%,14% 100%,35% 29%,25% 16%);filter:drop-shadow(0 20px 20px #321e1438);background:linear-gradient(130deg,#f4e3da,#c9918b);width:42%;height:68%;position:relative}.dress-shape:before{content:"";border:2px solid #ffffff73;border-radius:50%;position:absolute;inset:5% 31% 66%}.dress-shape span{background:#ffffff80;height:3px;position:absolute;top:29%;left:18%;right:18%}.floating-card{background:#fff;flex-direction:column;padding:18px 24px;display:flex;position:absolute;bottom:34px;left:-35px;box-shadow:0 14px 40px #634a3930}.floating-card b{font-family:Playfair Display;font-size:17px}.floating-card span{color:#8b7d74;margin-top:4px;font-size:11px}.benefits{background:#f0e7dd;justify-content:center;gap:110px;padding:28px 24px;display:flex}.benefits>div{align-items:center;gap:13px;display:flex}.benefits span{flex-direction:column;display:flex}.benefits b{font-size:13px}.benefits small{color:#867970;margin-top:3px;font-size:11px}.section,.page{max-width:1180px;margin:auto;padding:90px 24px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.section-heading h2,.story h2{margin:10px 0 0;font-size:38px}.section-heading>a{border-bottom:1px solid;align-items:center;gap:7px;font-size:13px;display:flex}.product-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.product-card{background:#fff;position:relative}.product-card>a{display:block;position:relative}.product-card .product-visual{border-radius:0;min-height:390px}.visual-camelia{background:linear-gradient(145deg,#c0bca7,#7c7964)}.visual-alma{background:linear-gradient(145deg,#e3c6b8,#b87d7c)}.visual-lucia{background:linear-gradient(145deg,#ddd8ce,#9a9b7c)}.visual-olivia{background:linear-gradient(145deg,#d39a82,#925545)}.visual-verona{background:linear-gradient(145deg,#d8c4ae,#816b5b)}.visual-story{background:linear-gradient(145deg,#d9c6b9,#9f7c6a)}.sale-badge{color:var(--rose-dark);text-transform:uppercase;letter-spacing:.1em;background:#fff;padding:6px 10px;font-size:10px;position:absolute;top:14px;left:14px}.product-info{padding:17px 18px 20px}.product-info small,.product-copy>small,.cart-item-info>small{text-transform:uppercase;letter-spacing:.14em;color:var(--rose-dark);font-size:10px}.product-info h3{margin:6px 0 12px;font-family:Playfair Display;font-size:20px}.price-row{align-items:center;gap:10px;display:flex}.price-row del{color:#a69b94;font-size:12px}.icon-add{border:1px solid #e3d8d0;border-radius:50%;place-items:center;width:37px;height:37px;margin-left:auto;display:grid}.story{background:#eee5da;grid-template-columns:1fr 1fr;align-items:center;max-width:1180px;margin:10px auto 100px;display:grid}.story-art .product-visual{border-radius:0;height:450px}.story>div:last-child{padding:60px}.story p{color:#786b62;margin:18px 0 28px;line-height:1.8}.footer-inner{color:#eee5df;background:#493d37;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:60px max(24px,50vw - 566px);display:grid}.footer-inner p{color:#cfc4bd;max-width:320px;font-size:13px;line-height:1.7}.footer-inner>div{flex-direction:column;gap:10px;display:flex}.footer-inner h4{margin:0 0 8px}.footer-inner a{color:#d7ccc5;align-items:center;gap:8px;font-size:13px;display:flex}.copyright{color:#a99b93;text-align:center;background:#3e332e;padding:15px;font-size:11px}.catalog-heading{text-align:center;padding:20px 0 46px}.catalog-heading h1{margin:12px 0;font-size:44px}.catalog-heading p{color:#82746b}.catalog-tools{border-bottom:1px solid #ded3ca;align-items:center;gap:12px;padding-bottom:18px;display:flex}.category-pills{gap:8px;display:flex}.category-pills button{color:#6f6259;background:0 0;border:1px solid #ddcfc4;border-radius:30px;padding:9px 17px}.category-pills button.active{background:var(--rose);color:#fff;border-color:var(--rose)}.search-box{background:#fff;border:1px solid #e1d7cf;border-radius:7px;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:170px}.filter-icon{background:#fff;border:1px solid #e1d7cf;border-radius:7px;padding:9px}.results-count{color:#8f8178;margin:22px 0;font-size:12px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.empty-state{text-align:center;padding:70px 20px}.empty-state h1{font-size:35px}.back-link{color:#74665d;align-items:center;gap:7px;margin-bottom:30px;font-size:13px;display:inline-flex}.product-detail{grid-template-columns:1.05fr .95fr;gap:70px;display:grid}.product-gallery{position:relative}.product-gallery .product-visual{border-radius:0;height:620px}.product-gallery>span{background:#fff;padding:8px 12px;font-size:11px;position:absolute;top:18px;left:18px}.product-copy{padding-top:24px}.product-copy h1{margin:10px 0 12px;font-size:45px}.detail-price{font-size:23px;font-weight:700}.detail-price del{color:#aaa;margin-left:10px;font-size:14px;font-weight:400}.product-copy>p{color:#776a61;border-bottom:1px solid #e5dbd3;padding-bottom:24px;line-height:1.8}.selector{margin:22px 0}.selector>b{margin-bottom:12px;font-size:13px;display:block}.selector>div{gap:9px;display:flex}.selector button{background:#fff;border:1px solid #d8cdc5;width:43px;height:40px}.selector button.selected{border:2px solid var(--rose-dark)}.color-selector b span{color:#84766d;font-weight:400}.color-selector button{border-radius:50%;place-items:center;display:grid;position:relative}.color-selector button i{border-radius:50%;width:28px;height:28px;position:absolute}.color-selector button svg{color:#4f4038;position:relative}.buy-row{gap:12px;margin:28px 0 12px;display:flex}.quantity{background:#fff;border:1px solid #d8cdc5;align-items:center;height:46px;display:flex}.quantity button{background:0 0;border:0;width:38px}.quantity span{text-align:center;width:27px;font-weight:600}.detail-notes{color:#766960;flex-direction:column;gap:8px;margin-top:23px;font-size:12px;display:flex}.detail-notes span{align-items:center;gap:7px;display:flex}.detail-notes svg{width:15px;color:var(--olive)}.cart-title{align-items:flex-end;gap:15px;margin-bottom:25px;display:flex}.cart-title h1{margin:0;font-size:42px}.cart-title span{color:#8c7d73;margin-bottom:8px;font-size:12px}.cart-layout{grid-template-columns:1.5fr .8fr;gap:35px;display:grid}.cart-list{flex-direction:column;gap:12px;display:flex}.cart-item{background:#fff;grid-template-columns:115px 1fr auto;gap:18px;padding:14px;display:grid}.cart-item>.product-visual{border-radius:0;min-height:140px}.cart-item-info h3{margin:7px 0;font-family:Playfair Display}.cart-item-info p{color:#8c7f76;font-size:12px}.quantity.small{width:max-content;height:33px}.quantity.small button{width:30px}.quantity.small svg{width:14px}.cart-item-end{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.cart-item-end button{color:#a99b93;background:0 0;border:0}.order-summary{background:#fff;height:max-content;padding:28px}.order-summary h2{margin:0 0 22px;font-size:24px}.summary-line,.summary-total{justify-content:space-between;padding:11px 0;font-size:13px;display:flex}.summary-line small{color:#8d7f75}.summary-total{border-top:1px solid #e4dad2;margin-top:8px;padding:19px 0}.summary-total strong{font-size:21px}.order-summary form{border-top:1px solid #e4dad2;padding-top:18px}.order-summary form h3{font-size:14px}.order-summary input,.order-summary select{outline-color:var(--rose);background:#fdfcfa;border:1px solid #dfd5cd;width:100%;margin-bottom:9px;padding:12px}.btn.whatsapp{color:#fff;background:#4f9b69;width:100%;margin-top:6px}.secure-note{text-align:center;color:#978a81;font-size:10px}.cart-empty{min-height:60vh}.cart-empty>svg{color:var(--rose)}.login-page{background:linear-gradient(135deg,#f5ece5,#faf7f2);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.login-page>.back-link{position:absolute;top:30px;left:35px}.login-card{text-align:center;background:#fff;width:min(440px,100%);padding:42px 45px;box-shadow:0 25px 70px #8069571c}.login-card>.logo{justify-content:center;margin-bottom:30px}.login-icon{width:48px;height:48px;color:var(--rose-dark);background:#f3e5df;border-radius:50%;place-items:center;margin:auto;display:grid}.login-card h1{margin:16px 0 8px;font-size:30px}.login-card>p{color:#84776f;font-size:13px;line-height:1.6}.login-card form{text-align:left;margin-top:26px}.login-card label{margin:13px 0;font-size:12px;font-weight:600;display:block}.login-card label>div{border:1px solid #ded4cc;align-items:center;height:46px;margin-top:7px;padding:0 12px;display:flex}.login-card label svg{color:#a09389;width:17px}.login-card input{border:0;outline:0;flex:1;padding:0 9px}.login-card label button{background:0 0;border:0}.form-error{color:#a95959!important;font-size:11px!important}.demo-access{background:#f8f1eb;flex-direction:column;gap:3px;margin:18px 0;padding:12px;font-size:11px;display:flex}.demo-access b{color:var(--rose-dark)}.login-card>small{color:#8e8178;font-size:11px}.login-card>small a{color:var(--rose-dark);font-weight:600}.account-page{background:#f7f3ee;min-height:100vh}.account-page>header{background:#fff;border-bottom:1px solid #e9dfd7;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 525px);display:flex}.account-page>header button{color:#75685f;background:0 0;border:0;align-items:center;gap:6px;display:flex}.account-content{max-width:1050px;margin:auto;padding:45px 24px 90px}.account-title{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.account-title h1{margin:6px 0;font-size:42px}.account-title p{color:#84776f;margin:0}.account-count{background:#fff;align-items:center;gap:12px;padding:14px 20px;display:flex}.account-count svg{color:var(--rose)}.account-count span{flex-direction:column;font-size:11px;display:flex}.account-count b{font-size:20px}.orders-list{flex-direction:column;gap:14px;display:flex}.order-card{background:#fff;border:1px solid #e6dcd4}.order-head{text-align:left;background:#fff;border:0;grid-template-columns:1.1fr 1fr 1fr 1fr auto;align-items:center;gap:20px;width:100%;padding:20px 24px;display:grid}.order-head>div{flex-direction:column;gap:4px;display:flex}.order-head small{color:#968980;text-transform:uppercase;font-size:10px}.status{background:#efe8e2;border-radius:20px;justify-self:start;padding:6px 10px;font-size:11px}.status-preparando{color:#936923;background:#fff0d7}.status-enviado{color:#456e80;background:#e5eff4}.status-entregado{color:#517052;background:#e4eee5}.rotate{transform:rotate(180deg)}.order-body{border-top:1px solid #eee5de;padding:28px}.progress{justify-content:space-between;max-width:720px;margin:0 auto 35px;display:flex;position:relative}.progress:before{content:"";background:#e0d7cf;height:2px;position:absolute;top:16px;left:9%;right:9%}.progress>div{z-index:1;color:#b4aaa3;flex-direction:column;align-items:center;gap:7px;display:flex}.progress span{background:#eee8e3;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.progress svg{width:15px}.progress .done{color:var(--rose-dark)}.progress .done span{background:var(--rose);color:#fff}.progress small{font-size:10px}.ordered-items{border-top:1px solid #eee5de;padding-top:12px}.ordered-items>div{align-items:center;padding:8px 0;display:flex}.ordered-items>div>span{width:35px;font-size:12px}.ordered-items p{flex-direction:column;flex:1;margin:0;font-size:13px;display:flex}.ordered-items p small{color:#998b82}.tracking{background:#f4eee8;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.tracking svg{color:var(--rose)}.tracking div{flex-direction:column;font-size:11px;display:flex}.admin-shell{background:#f5f3f0;grid-template-columns:235px 1fr;min-height:100vh;display:grid}.admin-shell>aside{background:#fff;border-right:1px solid #e5dfda;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.aside-top{padding:0 8px 25px}.aside-top>button{display:none}.admin-shell aside nav{flex-direction:column;gap:5px;display:flex}.admin-shell aside button,.admin-shell aside a{color:#756b65;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:11px 13px;font-size:13px;display:flex}.admin-shell aside svg{width:18px}.admin-shell aside nav button.active{color:var(--rose-dark);background:#f3e5df;font-weight:600}.admin-shell aside nav small{background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;display:grid}.aside-bottom{border-top:1px solid #eee8e3;flex-direction:column;margin-top:auto;padding-top:10px;display:flex}.admin-main{min-width:0;padding:42px}.admin-mobile{display:none}.admin-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-heading h1{margin:4px 0;font-size:31px}.admin-heading p{color:#897e77;margin:0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-grid>div{background:#fff;border:1px solid #e8e2dd;grid-template-columns:42px 1fr;padding:20px;display:grid}.stat-grid>div>span{width:36px;height:36px;color:var(--rose-dark);background:#f3e6e0;border-radius:8px;grid-row:1/4;place-items:center;margin-right:10px;display:grid}.stat-grid svg{width:18px}.stat-grid small{color:#8e837c;font-size:11px}.stat-grid b{margin:5px 0;font-size:22px}.stat-grid em{color:#7e9380;align-items:center;font-size:9px;font-style:normal;display:flex}.stat-grid em svg{width:12px}.dashboard-grid{grid-template-columns:1.55fr .8fr;gap:20px;display:grid}.admin-panel{background:#fff;border:1px solid #e8e2dd}.chart-panel,.low-panel{padding:22px}.panel-title{justify-content:space-between;display:flex}.panel-title h3{margin:0;font-size:15px}.panel-title p{color:#92877f;margin:4px 0;font-size:10px}.bars{align-items:flex-end;gap:17px;height:250px;padding:30px 10px 0;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bars i{background:linear-gradient(#c99090,#e8caca);border-radius:4px 4px 0 0;width:100%}.bars small{color:#8f837b;font-size:9px}.low-item{border-bottom:1px solid #eee8e3;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.mini-product{background:#dbc1b6;border-radius:3px;width:39px;height:45px;display:block}.low-item span{flex-direction:column;font-size:11px;display:flex}.low-item small{color:#948981;margin-top:3px}.low-item strong{color:#a76161;font-size:10px}.panel-tools{border-bottom:1px solid #eee8e3;gap:10px;padding:16px;display:flex}.panel-tools label{border:1px solid #ded7d1;align-items:center;gap:6px;padding:8px;display:flex}.panel-tools svg{width:16px}.panel-tools input{border:0;outline:0}.panel-tools button{background:#fff;border:1px solid #ded7d1;align-items:center;gap:8px;margin-left:auto;display:flex}.admin-table{overflow:auto}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr .8fr 1fr;align-items:center;gap:15px;min-width:720px;padding:13px 20px;display:grid}.table-head{color:#8e837c;text-transform:uppercase;background:#faf9f7;font-size:10px}.table-row{border-top:1px solid #eee9e5;font-size:12px}.table-row>div:first-child{align-items:center;gap:10px;display:flex}.table-row small{color:#93877f;margin-top:4px;display:block}.stock{color:#5d7f64;background:#eaf1e9;border-radius:14px;width:max-content;padding:5px 8px}.stock.low{color:#9e5a5a;background:#f5e5e3}.orders-table .table-head,.orders-table .table-row,.clients-table .table-head,.clients-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr}.table-row select{background:#fff;border:1px solid #ddd5ce;padding:8px}.client-cell i{width:32px;height:32px;color:var(--rose-dark);background:#f0e2dc;border-radius:50%;place-items:center;font-style:normal;display:grid!important}@media (width<=900px){.header-inner nav{background:#faf7f2;border-bottom:1px solid #ddd;flex-direction:column;gap:0;padding:18px 24px;display:none;position:absolute;top:76px;left:0;right:0}.header-inner nav.open{display:flex}.header-inner nav a{padding:12px}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero h1{font-size:49px}.hero-art{width:100%;max-width:520px;margin:auto}.benefits{gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.story{margin:10px 24px 70px}.cart-layout,.product-detail{grid-template-columns:1fr}.product-gallery .product-visual{height:500px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-shell>aside{z-index:30;width:235px;transition:all .25s;position:fixed;left:-250px}.admin-shell>aside.open{left:0;box-shadow:15px 0 40px #0002}.aside-top{justify-content:space-between;display:flex}.aside-top>button{display:block!important}.admin-mobile{background:#fff;justify-content:space-between;align-items:center;margin:-42px -42px 30px;padding:12px 22px;display:flex}.admin-mobile button{background:0 0;border:0}.admin-mobile span{background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}}@media (width<=620px){.header-inner{padding:0 16px}.hero{gap:40px;padding:40px 18px}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.btn.link{border:0}.hero-note{flex-direction:column;gap:8px}.hero-art>.product-visual{height:410px}.floating-card{left:10px}.benefits{flex-direction:column;gap:18px;padding:24px 18px}.section,.page{padding:55px 17px}.section-heading{align-items:flex-start}.section-heading h2,.story h2{font-size:30px}.section-heading>a{font-size:0}.section-heading>a svg{width:22px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card .product-visual{min-height:245px}.product-info{padding:12px 10px}.product-info h3{font-size:16px}.price-row{flex-wrap:wrap;gap:5px}.icon-add{display:none}.story{grid-template-columns:1fr;margin:0 17px 55px}.story-art .product-visual{height:320px}.story>div:last-child{padding:32px 24px}.footer-inner{grid-template-columns:1fr;gap:28px}.catalog-heading h1{font-size:35px}.catalog-tools{flex-wrap:wrap}.category-pills{width:100%;overflow:auto}.category-pills button{white-space:nowrap}.search-box{flex:1;margin-left:0}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-detail{gap:25px}.product-gallery .product-visual{height:420px}.product-copy h1{font-size:36px}.buy-row{flex-direction:column}.quantity{justify-content:center}.cart-item{grid-template-columns:85px 1fr}.cart-item>.product-visual{min-height:115px}.cart-item-end{flex-direction:row-reverse;grid-column:2}.order-summary{padding:20px}.login-page{padding:15px}.login-page>.back-link{top:18px;left:18px}.login-card{padding:32px 22px}.account-page>header{padding:0 16px}.account-content{padding:30px 15px}.account-title{align-items:flex-start}.account-count{display:none}.order-head{grid-template-columns:1fr 1fr auto;padding:16px 14px}.order-head>div:nth-child(2),.order-head>div:nth-child(3){display:none}.status{font-size:10px}.order-body{padding:20px 13px}.progress small{font-size:8px}.progress span{width:29px;height:29px}.admin-main{padding:25px 15px}.admin-mobile{margin:-25px -15px 25px}.admin-heading{align-items:flex-start;gap:12px}.admin-heading>.btn{padding:0 12px;font-size:0}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid>div{grid-template-columns:35px 1fr;padding:13px}.stat-grid>div>span{width:29px;height:29px}.stat-grid b{font-size:18px}.bars{gap:8px;height:210px}.chart-panel,.low-panel{padding:15px}}:root{--blush:#f7e6e4;--petal:#e9b9ba;--wine:#7c4d55;--milk:#fffdfb;--sage-light:#e9eee3}body{background:radial-gradient(circle at 12% 8%,#fff 0 3%,transparent 18%),var(--cream)}.announcement{color:#fff;text-transform:uppercase;letter-spacing:.19em;background:linear-gradient(90deg,#b47a80,#d09a9d,#b47a80);justify-content:center;align-items:center;gap:12px;height:30px;font-size:9px;display:flex}.announcement svg{fill:#fff;width:11px}.announcement i{background:#fff9;border-radius:50%;width:3px;height:3px}.public-header{background:#fffdfbe8;border-color:#eee1dc;height:80px;box-shadow:0 8px 30px #6b49420d}.header-inner nav{background:0 0}.header-inner nav a{font-weight:500;position:relative}.header-inner nav a:after{content:"✦";opacity:0;color:var(--rose);font-size:7px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.header-inner nav a.active:after{opacity:1}.header-inner nav a.active{border:0}.logo>span{width:46px;height:46px;color:var(--wine);background:linear-gradient(145deg,#fff,#f8e6e2);border-color:#d9a5a6;position:relative;box-shadow:0 5px 18px #a66e6e1c}.logo>span svg{color:#d19799;fill:#fff;width:12px;position:absolute;top:-5px;right:-4px}.logo b{letter-spacing:.02em;font-style:italic}.cart-button{width:42px;height:42px;color:var(--wine);background:#f7ebe7;border-radius:50%;place-items:center;display:grid}.hero{min-height:675px;padding-top:70px;position:relative}.hero:before{content:"";filter:blur(1px);background:#f3ded9;border-radius:50%;width:320px;height:320px;position:absolute;top:80px;left:-260px}.hero-decoration{color:#d4a3a4;opacity:.45;z-index:-1;font-family:Playfair Display;position:absolute}.flower-one{font-size:46px;top:14%;left:41%}.flower-two{font-size:72px;bottom:11%;left:46%}.eyebrow{color:#a86e75;align-items:center;gap:7px;display:inline-flex}.eyebrow svg{fill:#f4d7d5;width:13px;height:13px}.hero h1{letter-spacing:-.035em;font-size:67px}.hero h1 em{color:#b5737a;font-weight:500}.hero-copy>p{color:#716058}.btn{border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#c8878d,#b66e78);padding-left:27px;padding-right:27px;box-shadow:0 12px 25px #a55b6533}.btn.primary:hover{background:linear-gradient(135deg,#b66e78,#9f5f69);box-shadow:0 16px 30px #a55b6542}.hero-art{padding:18px 20px 0 0}.hero-art:before{content:"";border:1px solid #dcb9b2;border-radius:250px 250px 20px 20px;position:absolute;inset:0 0 32px 38px;transform:rotate(2deg)}.hero-art>.product-visual{background:linear-gradient(155deg,#e7c3b6,#9e6e62);border-radius:250px 250px 22px 22px;height:555px;box-shadow:0 28px 70px #5b3a3138}.hero-art>.product-visual:after{content:"✦  ✧";color:#fff9;letter-spacing:12px;font-size:24px;position:absolute;top:16%;right:12%}.soft-label{z-index:3;color:#a76c73;background:#fff;border-radius:30px;align-items:center;gap:7px;padding:10px 15px;font:italic 12px Playfair Display;display:flex;position:absolute;top:65px;right:-23px;box-shadow:0 10px 25px #6e4b3d21}.soft-label svg{fill:#eccac9;width:13px}.floating-card{border-radius:16px;padding:17px 23px 17px 53px;bottom:48px;left:-18px}.floating-card>svg{color:#c28789;width:22px;position:absolute;top:21px;left:20px}.floating-card b{color:var(--wine)}.benefits{background:linear-gradient(90deg,#efe5db,#f7eae8,#e9eee3);border-top:1px solid #fff;border-bottom:1px solid #e4d7cd}.benefits>div{position:relative}.benefits>div+div:before{content:"♡";color:#cda5a3;position:absolute;left:-58px}.benefits svg{color:#af7379}.category-showcase{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:76px auto 5px;padding:0 24px;display:grid}.mini-category{border-radius:28px 6px;justify-content:space-between;align-items:flex-start;height:185px;padding:26px;transition:transform .25s;display:flex;position:relative;overflow:hidden}.mini-category:hover{transform:translateY(-5px)}.mini-category:after{content:"✿";color:#fff4;font-size:110px;position:absolute;bottom:-45px;right:-18px}.mini-category>span{opacity:.6;font:italic 12px Playfair Display}.mini-category>div{z-index:2;align-self:flex-end;position:relative}.mini-category small{text-transform:uppercase;letter-spacing:.13em;font-size:8px}.mini-category h3{margin:5px 0 9px;font:italic 30px Playfair Display}.mini-category a{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:5px;font-size:10px;display:flex}.mini-category a svg{width:14px}.mini-category.rose{color:#794e55;background:#efd4d2}.mini-category.sage{color:#59634e;background:#dce3d2}.mini-category.cream{color:#705d4f;background:#e9dccd}.section-heading h2,.story h2,.catalog-heading h1,.product-copy h1,.cart-title h1{letter-spacing:-.02em;font-style:italic}.product-card{border:1px solid #fff;border-radius:150px 150px 14px 14px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 14px 45px #5a403414}.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px #5a403424}.product-card .product-visual{border-radius:150px 150px 0 0}.product-card .product-visual:after{content:"♡";color:#ba7c81;background:#fffc;border-radius:50%;place-items:center;width:35px;height:35px;font-size:16px;display:grid;position:absolute;top:18px;right:18px}.sale-badge{border-radius:20px;left:18px}.product-info{background:linear-gradient(#fff,#fffaf7)}.product-info h3{font-style:italic}.icon-add{color:#9b6068;background:#f6e9e6;border:0}.price-row strong{color:#8a555d}.story{background:linear-gradient(125deg,#ede3d8,#f7e6e5);border-radius:45px 8px;overflow:hidden;box-shadow:0 25px 70px #8c67551a}.story-art{position:relative}.story-stamp{color:#9d6870;text-align:center;background:#fffde7;border:1px dashed #d2a0a3;border-radius:50%;place-items:center;width:78px;height:78px;font:italic 13px Playfair Display;display:grid;position:absolute;bottom:28px;right:28px;transform:rotate(-10deg);box-shadow:0 7px 20px #58403525}.story h2{color:#69474d}.footer-inner{background:linear-gradient(135deg,#493d37,#684d4e)}.catalog-heading:before{content:"✦";color:#d6a3a4;margin-bottom:10px;font-size:20px;display:block}.category-pills button{border-radius:999px}.category-pills button.active{background:linear-gradient(135deg,#ce9195,#ad6d76);box-shadow:0 7px 16px #b8737a26}.search-box,.filter-icon{border-radius:999px}.product-gallery .product-visual{border-radius:220px 220px 12px 12px}.order-summary,.cart-item,.login-card,.order-card,.admin-panel,.stat-grid>div{border-radius:16px}.login-card{border:1px solid #fff;box-shadow:0 28px 80px #8f625728}.login-page:before,.login-page:after{color:#d7aaa9;opacity:.4;font-family:Playfair Display;position:absolute}.login-page:before{content:"✿";font-size:80px;top:15%;left:8%}.login-page:after{content:"♡";font-size:100px;bottom:12%;right:8%}@media (width<=900px){.announcement{height:27px}.header-inner nav{top:80px}.hero h1{font-size:52px}.category-showcase{grid-template-columns:repeat(2,1fr)}.mini-category:last-child{grid-column:1/-1}.hero-art{padding-right:0}.soft-label{right:0}}@media (width<=620px){.announcement{letter-spacing:.1em;gap:7px;font-size:8px}.announcement i,.announcement svg:last-child{display:none}.hero{padding-top:42px}.hero h1{font-size:42px}.hero-decoration{display:none}.hero-art:before{inset:0 0 24px 14px}.hero-art>.product-visual{height:430px}.soft-label{top:35px;right:-3px}.floating-card{left:8px}.category-showcase{grid-template-columns:1fr;margin-top:45px;padding:0 17px}.mini-category,.mini-category:last-child{border-radius:22px 5px;grid-column:auto;height:145px}.mini-category h3{font-size:26px}.product-card{border-radius:90px 90px 10px 10px}.product-card .product-visual{border-radius:90px 90px 0 0}.product-card .product-visual:after{width:28px;height:28px;top:10px;right:10px}.story{border-radius:30px 5px;margin-left:17px;margin-right:17px}.login-page:before,.login-page:after{display:none}}.reference-hero{background:#f7efeb;grid-template-columns:44% 56%;gap:0;max-width:none;min-height:540px;margin:0;padding:0}.reference-hero .hero-copy{padding:70px 55px 70px max(32px,50vw - 590px)}.reference-hero h1{margin:16px 0 22px;font-size:clamp(3rem,5.3vw,5.2rem)}.reference-hero .hero-actions{margin-top:28px}.hero-media{height:540px;position:relative;overflow:hidden}.hero-media img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.hero-media>span{text-transform:uppercase;letter-spacing:.16em;background:#fffdf9dd;border-radius:3px;padding:10px 15px;font-size:.7rem;position:absolute;bottom:22px;right:24px}.reference-hero:before,.reference-hero .hero-decoration{display:none}.category-block{max-width:1180px;margin:0 auto;padding:72px 24px 0}.section-heading.compact{margin-bottom:24px}.section-heading.compact h2{font-size:2.2rem}.category-block .category-showcase{margin:0;padding:0}.mini-category b{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:5px;font-size:.68rem;display:flex}.mini-category b svg{width:14px}.new-arrivals{padding-top:65px}.new-arrivals .product-grid{grid-template-columns:repeat(5,1fr);gap:14px}.new-arrivals .product-card .product-visual{min-height:270px}.new-arrivals .product-info h3{font-size:1rem}.simple-banner{grid-template-columns:42% 58%;min-height:330px}.simple-banner>div{padding:55px}.simple-banner>img{object-fit:cover;object-position:center 58%;width:100%;height:330px}@media (width<=900px){.reference-hero{grid-template-columns:1fr;display:grid}.reference-hero .hero-copy{padding:48px 24px 38px}.hero-media{height:470px}.new-arrivals .product-grid{grid-template-columns:repeat(3,1fr)}.simple-banner{grid-template-columns:1fr 1fr}.category-block{padding-top:55px}}@media (width<=620px){body{overflow-x:hidden}.announcement{white-space:nowrap;height:24px}.public-header,.header-inner{height:64px}.logo>span{width:38px;height:38px}.logo b{font-size:1rem}.logo small{font-size:.5rem}.header-inner nav{top:64px}.reference-hero{background:#f8f0ec;flex-direction:column;min-height:0;display:flex}.reference-hero .hero-copy{text-align:left;order:2;padding:26px 18px 30px}.reference-hero .eyebrow{font-size:.63rem}.reference-hero h1{margin:11px 0 14px;font-size:2.35rem;line-height:1.03}.reference-hero .hero-copy>p{margin:0;font-size:.92rem;line-height:1.55}.reference-hero .hero-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.reference-hero .btn{min-height:43px;padding:0 10px;font-size:.73rem}.hero-media{order:1;width:100%;height:390px}.hero-media img{object-position:center 24%}.hero-media>span{padding:7px 10px;font-size:.55rem;bottom:12px;right:12px}.benefits{scroll-snap-type:x mandatory;justify-content:flex-start;gap:0;padding:0;display:flex;overflow-x:auto}.benefits>div{scroll-snap-align:start;border-right:1px solid #dfd3ca;min-width:78%;padding:18px}.benefits>div+div:before{display:none}.benefits svg{width:21px}.benefits b{font-size:.75rem}.benefits small{font-size:.67rem}.category-block{padding:42px 16px 0}.section-heading.compact{align-items:flex-end;margin-bottom:17px}.section-heading.compact h2{margin-top:5px;font-size:1.65rem}.section-heading.compact>a{font-size:.68rem}.category-block .category-showcase{scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.category-block .mini-category,.category-block .mini-category:last-child{scroll-snap-align:start;border-radius:7px;min-width:76%;height:155px;margin:0}.category-block .mini-category h3{font-size:1.7rem}.new-arrivals{padding:42px 16px}.new-arrivals .section-heading{margin-bottom:18px}.new-arrivals .section-heading h2{font-size:1.75rem}.new-arrivals .product-grid{scroll-snap-type:x mandatory;gap:10px;padding:0 0 12px;display:flex;overflow-x:auto}.new-arrivals .product-card{scroll-snap-align:start;border-radius:8px;min-width:63%}.new-arrivals .product-card .product-visual{border-radius:8px 8px 0 0;min-height:300px}.product-card:hover{transform:none}.simple-banner{border-radius:7px;flex-direction:column-reverse;min-height:0;margin:0 16px 48px;display:flex}.simple-banner>div{padding:28px 22px}.simple-banner>img{object-position:center 45%;height:230px}.simple-banner h2{font-size:1.85rem}.footer-inner{padding:42px 20px}.footer-inner>div:nth-child(2),.footer-inner>div:nth-child(3){border-top:1px solid #ffffff20;padding-top:20px}.catalog-heading{padding-top:0}.catalog-tools{background:var(--cream);z-index:5;padding:12px 0;position:sticky;top:88px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .product-card{border-radius:8px}.catalog-grid .product-card .product-visual{border-radius:8px 8px 0 0;min-height:230px}.catalog-grid .product-info h3{font-size:.92rem}.catalog-grid .price-row{font-size:.75rem}.page{padding-left:15px;padding-right:15px}}.stock-actions{gap:6px;display:flex}.stock-actions button{background:#fff;border:1px solid #ded5cf;border-radius:6px;width:34px;height:32px;font-size:18px}.table-action{color:#9d6268;background:#fff8f5;border:1px solid #d8c9c1;border-radius:7px;padding:8px 10px}.table-input{border:1px solid #ddd5ce;border-radius:6px;width:100%;min-width:130px;padding:8px}.admin-shell aside nav{padding-right:2px;overflow-y:auto}.aside-bottom button{width:100%}@media (width<=640px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:#fffdfb;font-size:16px}img,svg{max-width:100%}.announcement{letter-spacing:.08em;justify-content:center;height:25px;padding:0 10px;font-size:9px;overflow:hidden}.announcement i,.announcement svg{display:none}.public-header{z-index:100;background:#fffdfbf5;height:62px;top:0}.header-inner{width:100%;max-width:100%;height:62px;padding:0 12px 0 14px;position:relative}.logo{gap:7px}.logo>span{width:36px;height:36px;font-size:12px}.logo>span svg{display:none}.logo b{font-size:16px}.logo small{letter-spacing:.12em;margin-top:3px;font-size:7px}.header-actions{flex:none;gap:2px}.cart-button{place-items:center;width:38px;height:38px;padding:0;display:grid}.cart-button svg,.menu-button svg{width:20px;height:20px}.menu-button{color:#5f4b45;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.menu-button:active{background:#f4e9e5}.header-inner nav{z-index:110;background:#fffdfb;border-bottom:1px solid #eaded6;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;height:auto;min-height:0;max-height:none;padding:6px 14px 9px;display:none;position:absolute;top:62px;left:0;right:0;box-shadow:0 14px 30px #49372c1c}.header-inner nav.open{display:flex}.header-inner nav a{border-bottom:1px solid #eee5df;flex:none;width:100%;height:auto;min-height:0;margin:0;padding:12px 7px;font-size:14px;line-height:1.25;display:block}.header-inner nav a:last-child{border-bottom:0}.header-inner nav a:after{display:none}.reference-hero{background:#f7efeb;width:100%;flex-direction:column!important;gap:0!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.hero-media{order:1;width:100%;margin:0;overflow:hidden;height:305px!important}.hero-media img{object-fit:cover;object-position:center 26%;width:100%;height:100%;display:block}.hero-media>span{letter-spacing:.1em;border-radius:2px;padding:7px 10px;font-size:10px;bottom:12px;right:12px}.reference-hero .hero-copy{text-align:left;order:2;width:100%;padding:24px 18px 28px!important}.reference-hero .eyebrow{letter-spacing:.13em;font-size:10px;line-height:1.3}.reference-hero .eyebrow svg{width:12px}.reference-hero h1{letter-spacing:-.035em;max-width:340px;margin:10px 0 13px!important;font-size:36px!important;line-height:1.04!important}.reference-hero .hero-copy>p{color:#705f58;margin:0;font-size:15px!important;line-height:1.55!important}.reference-hero .hero-actions{grid-template-columns:1fr!important;gap:9px!important;margin-top:20px!important;display:grid!important}.reference-hero .btn{border-radius:4px;width:100%;min-height:45px;padding:0 16px;font-size:13px}.benefits{background:#fff;width:100%;grid-template-columns:1fr!important;gap:0!important;padding:0 16px!important;display:grid!important;overflow:visible!important}.benefits>div{scroll-snap-align:none;border-bottom:1px solid #eee4dd;grid-template-columns:34px 1fr;gap:10px;width:100%;display:grid;border-right:0!important;min-width:0!important;padding:15px 2px!important}.benefits>div:last-child{border-bottom:0}.benefits>div+div:before{display:none}.benefits svg{width:22px;height:22px;margin-top:2px}.benefits b{font-size:13px}.benefits small{margin-top:2px;font-size:12px;line-height:1.35}.category-block{width:100%;margin:0!important;padding:38px 16px 0!important}.section-heading,.section-heading.compact{gap:10px;display:flex;align-items:flex-end!important;margin-bottom:17px!important}.section-heading>div{flex:1;min-width:0}.section-heading .eyebrow{letter-spacing:.12em;font-size:9px}.section-heading h2,.section-heading.compact h2{line-height:1.05;margin:6px 0 0!important;font-size:27px!important}.section-heading>a,.section-heading.compact>a{white-space:nowrap;border:0;flex:none;gap:3px;font-size:11px!important;display:flex!important}.section-heading>a svg{width:15px}.category-block .category-showcase{width:100%;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important;display:grid!important;overflow:visible!important}.category-block .mini-category,.category-block .mini-category:last-child{scroll-snap-align:none;border-radius:6px!important;grid-column:auto!important;width:100%!important;min-width:0!important;height:130px!important;margin:0!important;padding:18px 20px!important}.mini-category:after{font-size:92px;bottom:-34px;right:-8px}.mini-category>span{font-size:11px}.mini-category small{font-size:9px}.category-block .mini-category h3{margin:4px 0 7px;font-size:26px!important}.mini-category b{font-size:10px}.new-arrivals,.section{width:100%;margin:0!important;padding:42px 16px!important}.new-arrivals .product-grid,.product-grid,.catalog-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;display:grid!important;overflow:visible!important}.new-arrivals .product-card,.product-card,.catalog-grid .product-card{margin:0;box-shadow:0 5px 18px #6b4f4112;border-radius:6px!important;width:100%!important;min-width:0!important}.new-arrivals .product-card .product-visual,.product-card .product-visual,.catalog-grid .product-card .product-visual{aspect-ratio:3/4;border-radius:6px 6px 0 0!important;height:auto!important;min-height:0!important}.product-card .product-visual:after{width:26px;height:26px;font-size:13px;top:8px;right:8px}.sale-badge{padding:5px 7px;font-size:8px;top:8px;left:8px}.product-info{padding:10px 9px 12px!important}.product-info small{font-size:8px}.product-info h3{min-height:34px;margin:5px 0 9px;line-height:1.15;font-size:15px!important}.price-row{align-items:center;display:flex;gap:5px!important;font-size:12px!important}.price-row strong{font-size:13px}.price-row del{font-size:10px}.icon-add{display:none!important}.simple-banner{width:auto;overflow:hidden;border-radius:6px!important;flex-direction:column!important;min-height:0!important;margin:0 16px 45px!important;display:flex!important}.simple-banner>img{object-fit:cover;object-position:center 46%;order:1;width:100%;height:210px!important}.simple-banner>div{order:2;padding:25px 20px!important}.simple-banner h2{margin:7px 0 12px;line-height:1.05;font-size:28px!important}.simple-banner p{margin:0 0 20px;font-size:14px;line-height:1.55}.simple-banner .btn{border-radius:4px;width:100%}.footer-inner{grid-template-columns:1fr!important;gap:24px!important;padding:38px 20px!important}.footer-inner p,.footer-inner a{font-size:13px}.copyright{padding:13px;font-size:10px}.page{width:100%;padding:35px 15px 55px!important}.catalog-heading{padding:0 0 24px}.catalog-heading h1{margin:9px 0;line-height:1.08;font-size:32px!important}.catalog-heading p{font-size:14px;line-height:1.5}.catalog-tools{background:0 0;grid-template-columns:1fr auto;gap:10px;padding:0 0 15px;display:grid;position:static!important}.category-pills{grid-column:1/-1;width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.category-pills button{white-space:nowrap;padding:8px 13px;font-size:12px}.search-box{width:100%;min-width:0;margin:0}.search-box input{width:100%;min-width:0}.filter-icon{width:42px}.results-count{margin:16px 0;font-size:12px}.product-detail{display:block}.product-gallery .product-visual{aspect-ratio:4/5;border-radius:6px!important;height:auto!important}.product-copy{padding-top:22px}.product-copy h1{font-size:34px!important}.product-copy>p{font-size:15px}.buy-row{grid-template-columns:1fr;gap:10px;display:grid}.quantity{justify-content:space-between;width:100%}.quantity button{width:46px}.cart-title h1{font-size:32px}.cart-layout{display:block}.cart-list{margin-bottom:18px}.cart-item{grid-template-columns:78px minmax(0,1fr);gap:11px;padding:10px}.cart-item>.product-visual{width:78px;min-height:105px!important}.cart-item-info h3{font-size:16px}.cart-item-end{flex-direction:row-reverse;grid-column:2;align-items:center;display:flex}.order-summary{border-radius:8px;padding:20px}.login-page{padding:76px 14px 20px}.login-page>.back-link{top:18px;left:16px}.login-card{border-radius:10px;width:100%;padding:28px 20px}.login-card h1{font-size:27px}.account-content{padding:28px 14px}.account-title h1{font-size:32px}.order-head{grid-template-columns:1fr auto auto;gap:9px}.order-body{padding:18px 12px}.progress{justify-content:flex-start;gap:24px;overflow-x:auto}.progress>div{min-width:62px}.admin-main{padding:20px 12px}.admin-mobile{margin:-20px -12px 22px}.stat-grid{grid-template-columns:1fr!important}.stat-grid>div{min-height:90px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:27px}.dashboard-grid{display:block}.dashboard-grid>.admin-panel{margin-bottom:12px}.admin-heading .btn{min-width:44px;padding:0 12px;font-size:0}.admin-heading .btn svg{margin:0}.panel-tools{padding:10px}.panel-tools label{flex:1;min-width:0}.panel-tools input{width:100%;min-width:0}.admin-table{overscroll-behavior-x:contain}.table-row,.table-head{padding:12px 14px}.admin-shell>aside{width:min(285px,86vw);left:-90vw}.admin-shell aside button,.admin-shell aside a{min-height:44px;font-size:14px}}@media (width<=370px){.reference-hero h1{font-size:32px!important}.hero-media{height:275px!important}.section-heading h2,.section-heading.compact h2{font-size:24px!important}.section-heading>a,.section-heading.compact>a{font-size:10px!important}.product-info h3{font-size:14px!important}.price-row strong{font-size:12px}.category-block .mini-category{height:120px!important}}.modern-admin{--admin-accent:#b9787d}.modern-admin .admin-main{background:#f7f5f3}.modern-admin .admin-heading h1{font-size:34px}.admin-cta{min-height:50px;padding:0 22px;font-size:14px}.admin-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.admin-toolbar label{background:#fff;border:1px solid #e5ddd8;border-radius:10px;flex:1;align-items:center;gap:8px;max-width:520px;height:48px;padding:0 13px;display:flex}.admin-toolbar label svg{width:19px}.admin-toolbar input{border:0;outline:0;width:100%;font-size:14px}.interactive-bars{align-items:flex-end;gap:12px;height:270px;padding:35px 8px 0;display:flex}.interactive-bars>button{background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;padding:0;display:flex;position:relative}.interactive-bars i{background:linear-gradient(#b8747d,#e6c1bd);border-radius:8px 8px 2px 2px;width:100%;max-width:56px;transition:all .18s;display:block}.interactive-bars button:hover i{filter:brightness(.92);transform:translateY(-2px)}.interactive-bars>button>small{font-size:11px}.bar-tip{z-index:4;color:#fff;opacity:0;pointer-events:none;background:#493d37;border-radius:8px;min-width:150px;padding:10px 12px;transition:all .15s;position:absolute;bottom:calc(100% - 25px);left:50%;transform:translate(-50%,8px);box-shadow:0 12px 30px #34251d30}.bar-tip.show{opacity:1;transform:translate(-50%)}.bar-tip b,.bar-tip small{white-space:nowrap;display:block}.bar-tip small{color:#eadfd9;margin-top:3px}.low-item{text-align:left;background:0 0;border:0;width:100%}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.inventory-card{background:#fff;border:1px solid #e7dfda;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #61483b0b}.inventory-card.disabled{opacity:.68}.inventory-photo{background:#ead8cf;height:145px;position:relative;overflow:hidden}.inventory-photo img{object-fit:cover;width:100%;height:100%}.inventory-photo>span{position:absolute;top:10px;right:10px}.state-on,.state-off{color:#55735c;background:#e8f2e8;border-radius:999px;padding:5px 9px;font-size:11px;font-style:normal}.state-off{color:#995d5d;background:#f5e5e3}.inventory-body{padding:15px}.inventory-body>small{color:#978880}.inventory-body h3{margin:6px 0 12px;font-family:Playfair Display;font-size:20px}.inventory-meta{justify-content:space-between;align-items:center;font-size:13px;display:flex}.inventory-meta b{font-size:12px}.variant-pills{flex-wrap:wrap;gap:5px;margin:13px 0;display:flex}.variant-pills span{border:1px solid #e4d9d1;border-radius:99px;padding:5px 7px;font-size:10px}.variant-pills span.off{opacity:.5;text-decoration:line-through}.card-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.card-actions button,.item-builder button,.variant-builder button{color:#925f66;background:#f2e5e1;border:0;border-radius:7px;padding:10px;font-weight:600}.order-list-admin{gap:11px;display:grid}.order-admin-card{background:#fff;border:1px solid #e7dfda;border-radius:13px;padding:0 17px}.order-summary-button{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:16px 0;display:flex}.order-summary-button>div{flex-direction:column;gap:4px;display:flex}.order-summary-button>div:last-child{text-align:right;align-items:flex-end}.order-summary-button strong{font-size:18px}.order-summary-button small,.order-summary-button span{color:#82756d;font-size:12px}.order-quick-items{border-top:1px solid #eee8e3;flex-wrap:wrap;gap:8px;padding:10px 0;display:flex}.order-quick-items span{background:#faf5f2;border-radius:99px;padding:6px 9px;font-size:11px}.responsive-table{overflow:auto}.rich-table{background:#fff;border:1px solid #e7dfda;border-radius:13px;min-width:760px;overflow:hidden}.rich-head,.rich-row{grid-template-columns:1fr 1.4fr .8fr 1fr 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.rich-head{text-transform:uppercase;color:#8b7c73;background:#f6f1ee;font-size:10px}.rich-row{border-top:1px solid #eee7e2;font-size:13px}.rich-row small{color:#998c84;margin-top:3px;display:block}.rich-row select,.shipment-card select{background:#fff;border:1px solid #ded5cf;border-radius:7px;padding:9px}.shipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shipment-card{background:#fff;border:1px solid #e7dfda;border-radius:13px;padding:17px}.shipment-card>div{align-items:center;gap:10px;margin-bottom:15px;display:flex}.shipment-card>div>svg{color:#aa6d73}.shipment-card>div span{flex-direction:column;display:flex}.shipment-card>div em{background:#edf2e9;border-radius:99px;margin-left:auto;padding:6px 9px;font-size:11px;font-style:normal}.shipment-card label{color:#897d75;margin:9px 0;font-size:11px;display:block}.shipment-card input{border:1px solid #ded5cf;border-radius:7px;width:100%;margin-top:5px;padding:10px}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-grid>button{text-align:left;background:#fff;border:1px solid #e7dfda;border-radius:13px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:11px;padding:16px;display:grid}.customer-grid>button>i,.user-grid article>i{color:#a4676d;background:#f0dfda;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.customer-grid>button span{flex-direction:column;display:flex}.customer-grid>button small{color:#8c8078;margin-top:3px;font-size:11px}.customer-grid>button>b{text-align:center;flex-direction:column;display:flex}.customer-grid>button>em{font-style:normal;font-weight:700}.insight-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.insight-grid article{background:#fff;border:1px solid #e7dfda;border-radius:13px;flex-direction:column;padding:18px;display:flex}.insight-grid small{color:#8b7e76}.insight-grid b{margin:8px 0;font-size:22px}.insight-grid span{color:#887b73;font-size:11px}.report-grid{grid-template-columns:1.3fr .8fr;gap:15px;display:grid}.report-grid>.admin-panel{padding:20px}.ranking-row{grid-template-columns:130px 1fr 70px;align-items:center;gap:9px;margin:13px 0;font-size:12px;display:grid}.ranking-row i{background:#c8888e;border-radius:99px;height:8px}.ranking-row b{text-align:right}.region-row{border-bottom:1px solid #eee7e2;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.region-row i{background:#f0e2dc;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.user-grid{gap:12px;display:grid}.user-grid article{background:#fff;border:1px solid #e7dfda;border-radius:13px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:16px;display:grid}.user-grid article>div{flex-direction:column;gap:3px;display:flex}.user-grid article span,.user-grid article small{color:#81756d;font-size:12px}.user-grid article button{background:#fff;border:1px solid #ddd3cc;border-radius:7px;padding:9px 14px}.user-grid article p{color:#9b686c;grid-column:2/-1;margin:0;font-size:11px}.editor-layout{grid-template-columns:340px 1fr;gap:18px;display:grid}.editor-controls{padding:20px}.editor-controls label{margin-bottom:15px;font-size:12px;display:block}.editor-controls input,.editor-controls textarea{border:1px solid #ded5cf;border-radius:8px;width:100%;margin-top:6px;padding:11px}.editor-controls textarea{min-height:100px}.store-preview{background:#e9e2dd;border-radius:14px;padding:12px}.store-preview>span{gap:7px;margin:0 0 10px 4px;font-size:11px;display:flex}.store-preview>span svg{width:15px}.store-preview>div{background:#f7efeb;border-radius:8px;grid-template-columns:1fr 1.1fr;min-height:380px;display:grid;overflow:hidden}.store-preview img{object-fit:cover;width:100%;height:100%}.store-preview section{align-self:center;padding:45px 32px}.store-preview h2{margin:10px 0;font-size:38px}.store-preview p{line-height:1.5}.store-preview button{color:#fff;background:#b9787d;border:0;padding:12px 16px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.settings-grid article{background:#fff;border:1px solid #e7dfda;border-radius:13px;gap:15px;padding:20px;display:flex}.settings-grid article>svg{color:#ad7077}.settings-grid h3{margin:0 0 5px}.settings-grid p{color:#857970;margin:0 0 12px;font-size:13px}.modal-backdrop{z-index:300;background:#2d201b88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:min(860px,100%);max-height:92vh;padding:0 24px 24px;overflow:auto;box-shadow:0 30px 80px #1e120d55}.admin-modal>header{z-index:2;background:#fff;border-bottom:1px solid #eee7e2;justify-content:space-between;align-items:center;padding:20px 0 13px;display:flex;position:sticky;top:0}.admin-modal>header h2{margin:0;font-size:25px}.admin-modal>header button{background:#f4ece8;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.form-grid label{color:#776b64;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid #ded5cf;border-radius:8px;width:100%;margin-top:6px;padding:11px;display:block}.form-grid textarea{min-height:85px}.variant-builder,.item-builder{grid-template-columns:1fr 1fr 55px 100px auto;gap:7px;margin-bottom:12px;display:grid}.item-builder{grid-template-columns:1fr auto}.variant-builder input,.item-builder select{border:1px solid #ded5cf;border-radius:7px;min-width:0;padding:9px}.variant-editor{gap:7px;display:grid}.variant-editor>div{background:#f8f4f1;border-radius:8px;grid-template-columns:1fr 90px 90px 70px;align-items:center;gap:7px;padding:8px;display:grid}.variant-editor input,.variant-editor button{background:#fff;border:1px solid #ded5cf;border-radius:6px;padding:8px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.protected-note{color:#795c28;background:#fff4df;border-radius:8px;padding:12px}.customer-profile>div:first-child{align-items:center;gap:12px;margin:18px 0;display:flex}.customer-profile>div:first-child i{background:#f0dfda;border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;font-style:normal;display:grid}.customer-profile>div:first-child span{flex-direction:column;display:flex}.mini-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mini-stats span{background:#f8f4f1;border-radius:8px;flex-direction:column;padding:14px;display:flex}.customer-profile article{border:1px solid #e7dfda;border-radius:8px;flex-direction:column;gap:4px;margin:8px 0;padding:12px;font-size:13px;display:flex}.customer-profile article small{color:#877a72}@media (width<=1000px){.inventory-grid,.insight-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.modern-admin .admin-shell>aside{z-index:400}}@media (width<=640px){.modern-admin .admin-heading{display:block}.modern-admin .admin-heading .admin-cta,.modern-admin .admin-heading .btn{width:100%;margin-top:13px;font-size:14px}.admin-toolbar{grid-template-columns:1fr;display:grid}.admin-toolbar label{width:100%;max-width:none}.inventory-grid,.shipment-grid,.customer-grid,.settings-grid,.report-grid{grid-template-columns:1fr}.inventory-photo{height:125px}.interactive-bars{gap:5px;height:235px;padding-left:0;padding-right:0}.bar-tip{min-width:130px}.dashboard-grid{display:grid!important}.customer-grid>button{grid-template-columns:40px 1fr auto}.customer-grid>button>em{grid-column:2/-1}.insight-grid{grid-template-columns:1fr 1fr;gap:8px}.insight-grid article{padding:13px}.insight-grid b{font-size:17px}.user-grid article{grid-template-columns:40px 1fr auto}.user-grid article>button{grid-column:2/-1}.store-preview>div{grid-template-columns:1fr}.store-preview img{height:230px}.store-preview section{padding:25px 20px}.store-preview h2{font-size:30px}.admin-modal{padding:0 15px 18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.variant-builder{grid-template-columns:1fr 1fr}.variant-builder input[type=color]{width:100%}.variant-builder button{grid-column:1/-1}.variant-editor>div{grid-template-columns:1fr 70px}.variant-editor>div button{font-size:11px}.mini-stats{grid-template-columns:1fr}.modal-actions .btn{flex:1;padding:0 10px}.order-summary-button strong{font-size:16px}.order-admin-card{padding:0 12px}.order-summary-button{gap:10px}.order-summary-button>div:last-child{min-width:110px}}.v3-admin{--admin-accent:#c99090}.v3-admin *{-webkit-tap-highlight-color:transparent}.v3-admin button{touch-action:manipulation}.v3-admin button:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.v3-admin .btn,.v3-admin .compact-cta{border-radius:8px;min-height:42px;padding:0 15px}.v3-admin .compact-button{min-height:40px;padding:0 13px}.clickable-stats>button,.clickable-stats>div{text-align:left;color:inherit;background:#fff;border:1px solid #e8e2dd;border-radius:16px;grid-template-columns:42px 1fr;padding:20px;display:grid}.clickable-stats>button{transition:transform .18s,box-shadow .18s,border-color .18s}.clickable-stats>button:hover{border-color:#ddc8c4;transform:translateY(-2px);box-shadow:0 10px 25px #6a4d3e12}.clickable-stats>button>span,.clickable-stats>div>span{width:36px;height:36px;color:var(--rose-dark);background:#f3e6e0;border-radius:8px;grid-row:1/4;place-items:center;margin-right:10px;display:grid}.clickable-stats small{color:#8e837c;font-size:11px}.clickable-stats b{margin:5px 0;font-size:22px}.clickable-stats em{color:#8a7464;font-size:10px;font-style:normal}.calm-bars button{-webkit-user-select:none;user-select:none;outline:0}.calm-bars button:active{background:0 0}.calm-bars i{transition:height .35s,transform .25s,filter .25s}.calm-bars .bar-tip{transition:opacity .22s,transform .22s}.text-link{color:#a7666d;background:0 0;border:0;font-size:12px}.inventory-toolbar{grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.inventory-toolbar>label{background:#fff;border:1px solid #e5ddd8;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.inventory-toolbar>label input{border:0;outline:0;width:100%}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chips button{color:#685c55;background:#fff;border:1px solid #e2d7d0;border-radius:999px;padding:8px 11px}.filter-chips button.active{color:#fff;background:#5a4540;border-color:#5a4540}.filter-chips b{color:#fff;background:#c99090;border-radius:99px;margin-left:5px;padding:1px 5px}.organized-products .inventory-card{flex-direction:column;min-height:430px;display:flex}.organized-products .inventory-body{flex-direction:column;flex:1;display:flex}.organized-products .card-actions{margin-top:auto}.small-actions button{min-height:32px;padding:7px 9px;font-size:11px}.low-stock-badge{color:#8b5d2e;background:#fff2e0;border-radius:99px;padding:6px 9px;font-size:10px;position:absolute;top:10px;left:10px}.variant-groups{gap:7px;margin:12px 0 16px;display:grid}.variant-groups>div{background:#faf7f5;border-radius:8px;grid-template-columns:100px 1fr;align-items:center;gap:7px;padding:7px;display:grid}.variant-groups>div>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.variant-groups>div>span i{border:1px solid #d4cbc5;border-radius:50%;flex:none;width:15px;height:15px}.variant-groups>div>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.variant-groups b{border:1px solid #e1d8d3;border-radius:6px;justify-content:space-between;gap:4px;min-width:34px;padding:4px 5px;font-size:10px;display:flex}.variant-groups b small{color:#a56469}.variant-groups b.off{opacity:.45;text-decoration:line-through}.multi-filter{flex-wrap:wrap}.multi-filter>select{background:#fff;border:1px solid #e2d8d2;border-radius:9px;height:43px;padding:0 12px}.date-filter{gap:8px;flex:none!important;max-width:none!important}.date-filter span{color:#756961;white-space:nowrap;font-size:11px}.date-filter input{width:auto!important}.clear-filter{color:#9a6268;background:#f3e7e3;border:0;border-radius:8px;padding:9px 12px}.payment-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.payment-cards article{background:#fff;border:1px solid #e7dfda;border-radius:14px;padding:17px}.payment-cards header{justify-content:space-between;gap:12px;display:flex}.payment-cards header>div{flex-direction:column;display:flex}.payment-cards header small,.payment-cards header span{color:#887b73;font-size:11px}.payment-cards header strong{margin:4px 0;font-size:17px}.payment-state{color:#52705a;background:#eef3ea;border-radius:99px;height:max-content;padding:6px 9px;font-size:10px;font-style:normal}.payment-state.pendiente,.payment-state.vencido{color:#9c5557;background:#f8e6e3}.payment-state.parcial{color:#8b662d;background:#fff2d8}.payment-numbers{grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0;display:grid}.payment-numbers span{background:#faf7f5;border-radius:8px;flex-direction:column;padding:10px;display:flex}.payment-numbers small{color:#8b7d75;font-size:10px}.payment-numbers b{margin-top:4px;font-size:14px}.payment-cards>article>p{color:#766a63;font-size:11px}.payment-cards footer,.detailed-shipment footer{border-top:1px solid #eee7e2;gap:7px;padding-top:12px;display:flex}.payment-cards footer button,.detailed-shipment footer button{color:#6b5d56;background:#fff;border:1px solid #ded4ce;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;display:flex}.payment-cards footer svg{width:15px}.context-note,.accuracy-note{color:#735f43;background:#fff8ed;border:1px solid #ecdcc2;border-radius:10px;margin:-5px 0 16px;padding:12px 14px;font-size:12px}.detailed-shipment dl{grid-template-columns:95px 1fr;gap:7px;margin:14px 0;display:grid}.detailed-shipment dt{color:#978b83;text-transform:uppercase;font-size:10px}.detailed-shipment dd{margin:0;font-size:12px}.danger-link{color:#a55156!important}.usual-shalom{margin-top:5px;color:#a1646b!important}.product-form-top{grid-template-columns:1fr 180px;gap:17px;display:grid}.product-form-preview{object-fit:cover;border-radius:12px;align-self:center;width:180px;height:240px}.wide-modal{width:min(980px,100%)}.variant-section{background:#faf7f5;border:1px solid #eadfd9;border-radius:13px;padding:17px}.section-subtitle{justify-content:space-between;align-items:flex-start;gap:15px;margin:13px 0;display:flex}.section-subtitle h3{margin:0}.section-subtitle p{color:#80736b;margin:5px 0;font-size:12px}.section-subtitle>b{color:#965f66;white-space:nowrap;background:#f0e2de;border-radius:99px;padding:7px 11px;font-size:12px}.variant-builder.improved{grid-template-columns:110px 1fr 100px 2fr;align-items:end;gap:9px;display:grid}.variant-builder.improved label{font-size:11px}.variant-builder.improved label>input{width:100%;margin-top:5px;display:block}.color-palette-field{grid-area:1/4/3}.color-palette-field>span{font-size:11px}.current-color{align-items:center;gap:8px;margin:5px 0;display:flex}.current-color input{height:34px;width:42px!important;padding:2px!important}.current-color b{font-size:11px}.color-palette{grid-template-columns:repeat(9,24px);gap:4px;display:grid}.color-palette button{border:1px solid #cfc5bf;border-radius:50%;width:24px;height:24px;padding:0}.color-palette button.selected{outline-offset:1px;outline:2px solid #55453e}.add-variant-button{grid-column:1/4;justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.variant-table{border:1px solid #e7ddd7;border-radius:9px;margin-top:15px;display:grid;overflow:hidden}.variant-table-head,.variant-table>div{grid-template-columns:1.3fr .5fr .6fr .7fr .55fr;align-items:center;gap:8px;padding:8px 11px;display:grid}.variant-table-head{text-transform:uppercase;color:#7f726a;background:#eee5e0;font-size:9px}.variant-table>div:not(.variant-table-head){border-top:1px solid #eee6e2;font-size:12px}.variant-color-name{align-items:center;gap:7px;display:flex}.variant-color-name i{border:1px solid #d2c7c1;border-radius:50%;width:20px;height:20px}.variant-table input{border:1px solid #ded4ce;border-radius:6px;width:75px;padding:7px}.toggle{background:#eee8e4;border:0;border-radius:99px;align-items:center;gap:5px;padding:6px;display:flex}.toggle i{background:#a89d96;border-radius:50%;width:10px;height:10px}.toggle.active{color:#55705a;background:#e7f0e5}.toggle.active i{background:#67906e}.remove-row{color:#a35e62;background:0 0;border:0;font-size:11px}.connected-block{background:#faf7f5;border:1px solid #eadfd9;border-radius:11px;margin:14px 0;padding:14px}.connected-block h3{margin:0 0 8px}.order-item-builder{grid-template-columns:1.2fr 1.2fr 75px auto;gap:8px;display:grid}.order-item-builder select,.order-item-builder input{background:#fff;border:1px solid #ddd3cd;border-radius:8px;min-width:0;padding:10px}.order-item-builder button{color:#935f65;background:#f0dfda;border:0;border-radius:8px;align-items:center;gap:5px;padding:9px 12px;display:flex}.order-edit-items{gap:7px;margin-top:10px;display:grid}.order-edit-items>div{border:1px solid #e7dfda;border-radius:8px;grid-template-columns:1fr 75px 100px 60px;align-items:center;gap:8px;padding:9px;display:grid}.order-edit-items span{flex-direction:column;display:flex}.order-edit-items small{color:#8c7f77}.order-edit-items input{border:1px solid #ddd3cd;border-radius:6px;width:70px;padding:7px}.order-edit-items button{color:#a35d62;background:0 0;border:0}.payment-modal-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.payment-modal-summary span{background:#faf7f5;border-radius:8px;flex-direction:column;padding:12px;display:flex}.payment-modal-summary small{color:#8a7d75;font-size:10px}.installment-builder{grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:end;gap:7px;display:grid}.installment-builder label{font-size:10px}.installment-builder input,.installment-builder select{background:#fff;border:1px solid #ddd3cd;border-radius:7px;width:100%;margin-top:5px;padding:9px;display:block}.installment-builder button{color:#fff;background:#5b4540;border:0;border-radius:8px;padding:10px}.installment-list>div{border-bottom:1px solid #eee6e2;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:10px 0;display:grid}.installment-list span{flex-direction:column;display:flex}.installment-list small{color:#8a7d75}.installment-list button{color:#a45c61;background:0 0;border:0}.permission-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.permission-grid label{border:1px solid #e4dad4;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.permission-grid label:has(input:checked){background:#f5e8e4;border-color:#d6b2ae}.permission-grid label.locked{opacity:.65}.security-note{color:#7e726a;font-size:11px}.accuracy-note{color:#536c57;background:#eff5ee;border-color:#d5e3d3;gap:10px;display:flex}.accuracy-note svg{flex:none}.accuracy-note div{flex-direction:column;display:flex}.insight-grid.six{grid-template-columns:repeat(3,1fr)}.funnel-table>div{border-bottom:1px solid #eee7e2;grid-template-columns:1.5fr repeat(4,.6fr);gap:7px;padding:9px 0;font-size:11px;display:grid}.funnel-table>div:first-child{text-transform:uppercase;color:#8c7e76;font-size:9px}.health-row{border-bottom:1px solid #eee7e2;grid-template-columns:1fr auto 75px;gap:8px;padding:10px 0;font-size:12px;display:grid}.health-row em{text-align:right;color:#9a6065;font-style:normal}.report-grid.second{margin-top:15px}.marketing-actions{margin:0;padding-left:18px}.marketing-actions li{color:#6d625b;margin:10px 0;font-size:12px;line-height:1.45}.editor-tabs{gap:7px;margin-bottom:12px;display:flex}.editor-tabs button{background:#fff;border:1px solid #e0d5cf;border-radius:99px;padding:9px 15px}.editor-tabs button.active{color:#fff;background:#5b4640}.expanded-editor .editor-controls{max-height:590px;overflow:auto}.catalog-preview,.general-preview{text-align:center;min-height:420px!important;padding:55px!important;display:block!important}.catalog-preview section,.general-preview{width:100%}.catalog-preview h2,.general-preview h2{font-size:38px}.catalog-preview section>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.catalog-preview i{background:linear-gradient(#ead6cc,#c99090);border-radius:80px 80px 8px 8px;height:180px}.general-preview{background:#faf7f2;flex-direction:column;justify-content:center;display:flex!important}.general-preview>b{color:#fff;background:#bd7a80;padding:8px}.settings-sections{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-sections>section{padding:19px}.settings-sections header{border-bottom:1px solid #eee7e2;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.settings-sections header svg{color:var(--admin-accent)}.settings-sections h3{margin:0}.settings-sections p{color:#867970;margin:4px 0 0;font-size:11px}.setting-fields{gap:10px;display:grid}.setting-fields label{grid-template-columns:1fr 160px;align-items:center;gap:10px;font-size:12px;display:grid}.setting-fields input,.setting-fields select{background:#fff;border:1px solid #ddd3cd;border-radius:7px;width:100%;padding:9px}.settings-save{justify-content:flex-end;margin-top:14px;display:flex}.checkout-form .shalom-fields{background:#faf4f0;border:1px solid #eaded6;border-radius:10px;margin:10px 0;padding:13px}.shalom-fields h3{align-items:center;gap:7px;margin:0;display:flex}.shalom-fields h3 svg{width:18px}.shalom-fields p,.shalom-fields>small{color:#7f726a;font-size:11px;line-height:1.45}.location-button{color:#8e5d63;background:#fff;border:1px solid #d7c6bd;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin:8px 0;padding:10px;display:flex}.real-product-image{object-fit:cover;width:100%;height:100%}@media (width<=900px){.inventory-toolbar,.payment-cards,.settings-sections{grid-template-columns:1fr}.variant-builder.improved{grid-template-columns:1fr 1fr}.color-palette-field{grid-area:auto/1/auto/-1}.add-variant-button{grid-column:1/-1}.insight-grid.six{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.v3-admin .admin-heading .compact-cta,.v3-admin .admin-heading .compact-button{min-height:40px;font-size:13px}.clickable-stats>button,.clickable-stats>div{min-height:84px;padding:13px}.calm-bars button:focus{outline:0}.organized-products .inventory-card{min-height:390px}.variant-groups>div{grid-template-columns:90px 1fr}.small-actions button{padding:6px;font-size:10px}.product-form-top{grid-template-columns:1fr}.product-form-preview{width:100%;height:220px}.variant-builder.improved{grid-template-columns:1fr 1fr}.color-palette{grid-template-columns:repeat(7,24px)}.variant-table{overflow:auto}.variant-table-head,.variant-table>div{min-width:620px}.order-item-builder{grid-template-columns:1fr}.order-edit-items>div{grid-template-columns:1fr 65px}.order-edit-items>div>b,.order-edit-items>div>button{text-align:right}.payment-modal-summary,.installment-builder{grid-template-columns:1fr 1fr}.installment-builder button{grid-column:1/-1}.permission-grid,.insight-grid.six{grid-template-columns:1fr 1fr}.funnel-table{overflow:auto}.funnel-table>div{min-width:560px}.settings-sections,.setting-fields label{grid-template-columns:1fr}.catalog-preview,.general-preview{padding:25px!important}.catalog-preview section>div{gap:7px}.catalog-preview i{height:120px}.payment-numbers{gap:4px}.payment-numbers span{padding:8px}.payment-cards footer{flex-wrap:wrap}.shipment-grid{grid-template-columns:1fr}}.route-loading{color:#796b63;background:#faf7f2;place-items:center;min-height:100vh;font-size:1rem;display:grid}.header-search-button{color:#564a44;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.header-search-button:hover,.header-search-button:focus-visible{background:#f1e4df}.header-search-button svg{width:19px}.header-search-panel{background:#fffdfb;border:1px solid #e3d8d1;border-radius:0 0 12px 12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;width:min(720px,100% - 32px);padding:12px 14px;display:grid;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);box-shadow:0 18px 38px #4d382a20}.header-search-panel>svg{color:#a06a70;width:19px}.header-search-panel input{background:0 0;border:0;outline:0;min-width:0;font-size:14px}.header-search-panel button{color:#fff;background:#b9787d;border:0;border-radius:7px;min-height:36px;padding:0 14px}.header-search-panel button:last-child{color:#6a5b54;background:#f5ece8;place-items:center;width:36px;padding:0;display:grid}.header-search-panel button:last-child svg{width:17px}.audited-catalog-tools .filter-toggle{color:#655750;background:#fff;border:1px solid #dfd2ca;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:0 15px;display:flex}.audited-catalog-tools .filter-toggle svg{width:17px}.audited-catalog-tools .filter-toggle.active{color:#fff;background:#5b4640;border-color:#5b4640}.catalog-filter-panel{background:#fff;border:1px solid #e7ddd6;border-radius:12px;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:10px;margin:14px 0;padding:15px;display:grid}.catalog-filter-panel label{color:#74675f;flex-direction:column;gap:6px;font-size:12px;display:flex}.catalog-filter-panel select{background:#fff;border:1px solid #ded3cc;border-radius:8px;width:100%;height:42px;padding:0 10px}.reset-filters{color:#945f65;background:#f4e8e4;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 13px;display:flex}.reset-filters svg{width:16px}.empty-state.compact-empty{min-height:140px;padding:28px}.product-card>a:first-child{display:block;position:relative;overflow:hidden}.product-card-image{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.availability-badge,.sold-out-label{color:#fff;z-index:2;background:#4b4039;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;top:12px;left:12px}.product-card.sold-out .product-card-image,.product-card.sold-out .product-visual{filter:saturate(.45);opacity:.78}.product-gallery .real-product-image{object-fit:cover;width:100%;height:620px;display:block}.related-products{margin-top:70px}.detail-notes{gap:9px;margin-top:22px;display:grid}.detail-notes span{color:#71645d;align-items:center;gap:8px;font-size:13px;display:flex}.detail-notes svg{color:#6e8b70;width:16px}.cart-product-image{object-fit:cover;width:110px;height:145px}.cart-item.unavailable{background:#fff8f7;border-color:#d9a6a6}.stock-warning,.checkout-error{display:block;color:#a25258!important}.saved-data-note{background:#eff5ee;border-radius:8px;color:#536c57!important;padding:9px 10px!important}.location-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.official-shalom-link{color:#8f5b62;background:#fff;border:1px solid #dccbc2;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:10px 0;font-size:12px;display:flex}.official-shalom-link svg{width:15px}.audited-checkout textarea{resize:vertical;border:1px solid #ddd1ca;border-radius:7px;width:100%;min-height:84px;padding:11px}.secure-note{color:#80736c;font-size:12px;line-height:1.5}.completion-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.policy-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.policy-grid article{background:#fff;border:1px solid #e6dbd4;border-radius:14px;padding:22px}.policy-grid svg{color:#ad7379}.policy-grid h2{margin:14px 0 8px;font-size:22px}.policy-grid p{color:#74675f;margin:0;line-height:1.65}.policy-contact{margin-top:20px}.customer-shipment-summary{background:#faf4f0;border:1px solid #eadfd8;gap:12px;margin-top:14px;padding:14px;display:flex}.customer-shipment-summary>svg{color:#a86a71}.customer-shipment-summary>div{flex-direction:column;gap:3px;display:flex}.customer-shipment-summary small,.customer-shipment-summary span{color:#776a62;font-size:12px}.tracking a{color:#925b62;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.tracking a svg{width:15px}.cancelled-order{color:#8f5055;background:#fff0ef;border-radius:8px;padding:12px}.heading-actions{align-items:center;gap:8px;display:flex}.heading-actions .btn svg{width:17px}.system-notice{z-index:25;color:#fff;background:#4e403a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:11px 13px;animation:.22s ease-out notice-in;display:flex;position:sticky;top:12px;box-shadow:0 10px 28px #46352c20}.system-notice span{font-size:13px}.system-notice button{color:#fff;background:#ffffff18;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.system-notice svg{width:16px}@keyframes notice-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.workflow-queues{grid-template-columns:repeat(4,1fr);gap:10px;margin:-5px 0 20px;display:grid}.workflow-queues button{text-align:left;color:#665951;background:#fff;border:1px solid #e6ddd7;border-radius:12px;justify-content:space-between;align-items:center;min-height:72px;padding:13px 15px;display:flex}.workflow-queues small{font-size:12px}.workflow-queues b{color:#a3676d;font-size:22px}.recent-activity{margin-top:18px;padding:20px}.recent-activity>.panel-title{margin-bottom:8px}.recent-activity>.panel-title svg{color:#ae7379}.recent-activity>div:not(.panel-title){border-top:1px solid #eee7e2;justify-content:space-between;gap:18px;padding:11px 0;font-size:12px;display:flex}.recent-activity>div:not(.panel-title) small{color:#8d8078;text-align:right}.movement-history{margin-top:18px;padding:18px}.movement-table{margin-top:12px;overflow-x:auto}.movement-table>div{border-top:1px solid #eee7e2;grid-template-columns:125px 1.4fr .9fr 65px 90px 100px;align-items:center;gap:10px;min-width:820px;padding:10px 8px;font-size:12px;display:grid}.movement-table>div:first-child{text-transform:uppercase;color:#897a72;background:#f8f4f1;border:0;font-size:10px}.movement-table span{min-width:0}.movement-table span>b,.movement-table span>small{display:block}.movement-table small{color:#8f827a;margin-top:2px;font-size:10px}.movement-table strong.positive{color:#55735c}.movement-table strong.negative{color:#a1555b}.movement-preview{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.movement-preview span{background:#f8f4f1;border-radius:8px;justify-content:space-between;padding:12px;display:flex}.customer-profile>.profile-shipping{background:#faf7f5;border:1px solid #e9dfd9;border-radius:11px;padding:14px}.customer-profile>.connected-block>small{color:#81736b;font-size:11px;display:block}.cards-marcado .admin-panel,.cards-marcado .inventory-card,.cards-marcado .order-admin-card,.cards-marcado .payment-cards article,.cards-marcado .shipment-card{border-color:#cdbcb2;box-shadow:0 4px #e6d7d0}.cards-suave .admin-panel{border-radius:14px}.v3-admin.scale-grande{font-size:1.075rem}.report-actions{align-items:center;gap:8px;display:flex}.report-actions select{background:#fff;border:1px solid #ddd2cb;border-radius:8px;height:40px;padding:0 12px}.variant-groups b.low{color:#805a2e;background:#fff3df;border-color:#e4c896}.danger-link:disabled{opacity:.42;cursor:not-allowed}.admin-loading{place-items:center;min-height:55vh;display:grid}.order-edit-items>div{grid-template-columns:minmax(180px,1fr) 90px 125px 95px 60px}.order-edit-items label{color:#84766e;flex-direction:column;gap:3px;font-size:10px;display:flex}.order-edit-items label input{width:100%}.order-edit-items>div>b{white-space:nowrap}@media (width<=900px){.catalog-filter-panel{grid-template-columns:repeat(2,1fr)}.catalog-filter-panel .reset-filters{grid-column:1/-1}.workflow-queues{grid-template-columns:repeat(2,1fr)}.recent-activity>div:not(.panel-title){display:grid}.recent-activity>div:not(.panel-title) small{text-align:left}}@media (width<=640px){.header-search-panel{grid-template-columns:auto 1fr auto;width:auto;padding:10px;position:fixed;top:87px;left:10px;right:10px;transform:none}.header-search-panel button[type=submit]{grid-area:2/1/auto/-1}.header-search-panel button:last-child{grid-area:1/3}.audited-catalog-tools .filter-toggle{justify-content:center;width:44px;padding:0;font-size:0}.catalog-filter-panel{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.catalog-filter-panel label{font-size:12px}.product-gallery .real-product-image{aspect-ratio:4/5;height:auto}.related-products{margin-top:44px}.location-grid{grid-template-columns:1fr}.cart-product-image{width:78px;height:105px}.policy-grid{grid-template-columns:1fr}.policy-grid article{padding:18px}.heading-actions{grid-template-columns:1fr 1fr;width:100%;margin-top:13px;display:grid}.v3-admin .admin-heading .heading-actions .btn{width:100%;min-width:0;margin:0;padding:0 8px;font-size:12px}.report-actions{grid-template-columns:1fr 1fr;width:100%;margin-top:13px;display:grid}.report-actions .btn{width:100%;margin:0!important}.workflow-queues{grid-template-columns:1fr 1fr;gap:7px}.workflow-queues button{min-height:64px;padding:10px}.workflow-queues small{font-size:11px}.workflow-queues b{font-size:19px}.recent-activity{padding:14px}.movement-history{padding:13px}.movement-preview,.customer-profile .form-grid{grid-template-columns:1fr}.detailed-shipment dl{grid-template-columns:82px 1fr}.admin-modal{border-radius:12px;width:100%;max-height:96dvh}.modal-backdrop{padding:8px}.modal-actions{z-index:2;background:#fff;padding:10px 0 0;position:sticky;bottom:0}.completion-actions{width:100%;display:grid}.completion-actions .btn{width:100%}.customer-shipment-summary{padding:12px}.tracking{flex-wrap:wrap;align-items:flex-start}.tracking a{width:100%;margin-left:32px}.order-edit-items>div{grid-template-columns:1fr 1fr}.order-edit-items>div>span{grid-column:1/-1}.order-edit-items>div>b,.order-edit-items>div>button{text-align:right}}.product-form-error{color:#9b4f4f;background:#fff3f3;border:1px solid #e5b9b9;border-radius:9px;margin:14px 0 0;padding:11px 13px;font-size:12px;font-weight:600}@media (width>=901px){.cart-layout{grid-template-columns:minmax(0,1fr) minmax(380px,430px)}}.nearby-agencies{gap:7px;margin:9px 0;display:grid}.nearby-agencies button{text-align:left;color:#5f514a;background:#fff;border:1px solid #ded1c9;border-radius:9px;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;display:grid}.nearby-agencies button span{color:#83756d;grid-column:1;font-size:10px}.nearby-agencies button small{color:#9a6268;grid-area:1/2/3;align-self:center}.nearby-agencies button.selected{background:#fff8f6;border-color:#bd7d82;box-shadow:0 0 0 1px #bd7d82}.manual-agency{margin:10px 0}.manual-agency summary{cursor:pointer;color:#925f65;margin-bottom:9px;font-size:12px;font-weight:600}.manual-agency .location-grid{margin-top:9px}.selected-agency{background:#fff;border:1px solid #dfd2ca;border-radius:9px;align-items:center;gap:9px;margin-top:9px;padding:10px;display:flex}.selected-agency>svg{color:#a66970;width:18px}.selected-agency span{flex-direction:column;display:flex}.selected-agency small{color:#8c7e76;font-size:9px}.selected-agency b{font-size:12px}.location-button:disabled{opacity:.65;cursor:wait}.missing-shipping{background:#fffaf7;border:1px dashed #d8c5bc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:16px;display:flex}.missing-shipping h3,.missing-shipping p{margin:0}.missing-shipping p{color:#80736b;margin-top:5px;font-size:12px}@media (width<=640px){.variant-builder.improved{grid-template-columns:1fr 1fr;min-width:0}.variant-builder.improved>*{min-width:0}.variant-builder.improved .color-palette-field{grid-area:auto/1/auto/-1;width:100%;min-width:0}.variant-builder.improved .color-palette{justify-content:start;gap:8px;width:100%;max-width:320px;overflow:visible;grid-template-columns:repeat(7,32px)!important;display:grid!important}.variant-builder.improved .color-palette button{justify-self:auto;min-width:32px;min-height:32px;grid-column:auto!important;width:32px!important;height:32px!important;padding:0!important}.variant-builder.improved .add-variant-button{grid-column:1/-1}.missing-shipping{flex-direction:column;align-items:stretch}.missing-shipping .btn{width:100%;margin:0}.profile-shipping .section-subtitle{display:grid}.profile-shipping .section-subtitle .text-link{text-align:left;padding:0}}.profile-shipping>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.profile-shipping>summary::-webkit-details-marker{display:none}.profile-shipping>summary span{flex-direction:column;gap:4px;display:flex}.profile-shipping>summary small{color:#84766e;font-size:11px}.profile-shipping>summary em{color:#9a6268;font-size:11px;font-style:normal}.profile-shipping[open]>summary{border-bottom:1px solid #e9dfd9;padding-bottom:12px}.excel-export{color:#fff;background:#217346;border:0;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 5px 14px #2173462b}.excel-export:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2173463d}.excel-export svg{width:19px;height:19px}.collapsible-section{background:#faf7f5;border:1px solid #eadfd9;border-radius:12px;margin:14px 0;padding:0;overflow:hidden}.collapsible-section>summary{cursor:pointer;align-items:center;gap:14px;margin:0;padding:15px 42px 15px 15px;list-style:none;display:flex;position:relative}.collapsible-section>summary::-webkit-details-marker{display:none}.collapsible-section>summary:after{content:"▸";color:#9a6268;font-size:18px;transition:transform .18s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.collapsible-section[open]>summary:after{transform:translateY(-50%)rotate(90deg)}.collapsible-section>summary span{flex-direction:column;gap:3px;display:flex}.collapsible-section>summary small{color:#84766e;font-size:11px}.collapsible-section>.collapsible-content{border-top:1px solid #eadfd9;padding:0 15px 15px}.collapsible-section.variant-section>.section-subtitle,.collapsible-section.variant-section>.collapsible-content{padding-top:15px}.add-line-trigger{color:#8e5d63;background:#fff;border:1px solid #d8c8c0;border-radius:9px;align-items:center;gap:7px;margin:13px 0 4px;padding:10px 14px;display:inline-flex}.add-line-trigger svg{width:16px}.order-item-builder .cancel-line{color:#74665e;background:#fff;border:1px solid #ded4ce}.settings-live.scale-grande{font-size:1.075rem}.settings-live.cards-marcado .admin-panel{border-color:#cdbcb2;box-shadow:0 4px #e6d7d0}.settings-live .settings-sections header svg{color:var(--admin-accent)}@media (width<=640px){.heading-actions{align-items:center}.excel-export{width:38px!important;min-width:38px!important;height:38px!important;margin-top:13px!important}.order-item-builder{grid-template-columns:1fr!important}.order-item-builder button{justify-content:center;grid-column:auto!important}.collapsible-section>summary{padding-right:38px}.collapsible-section.variant-section{padding:0}.collapsible-section.variant-section>.collapsible-content{padding:14px 12px}.collapsible-section .color-palette{justify-content:space-between;grid-template-columns:repeat(7,minmax(28px,32px))!important;max-width:100%!important}.collapsible-section .color-palette button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.order-edit-items>div{grid-template-columns:1fr 1fr!important}.order-edit-items>div>span{grid-column:1/-1}.order-edit-items>div>button{justify-self:end}.settings-live.scale-grande{font-size:1.04rem}}.audit-movement-list{margin-top:12px;display:grid}.audit-movement-list article{border-top:1px solid #eee7e2;grid-template-columns:minmax(150px,.65fr) 1.35fr;gap:18px;padding:13px 8px;display:grid}.audit-movement-list article>span,.audit-movement-list article>div{flex-direction:column;gap:3px;display:flex}.audit-movement-list small{color:#8d8078;font-size:11px}.stock-movement-panel{margin-top:16px}@media (width<=640px){.audit-movement-list article{grid-template-columns:1fr;gap:7px;padding:12px 3px}.stock-movement-panel{margin-top:12px}}.tracking-code{color:#75474e;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-weight:800;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tracking div em{color:#55705a;margin-top:3px;font-size:10px;font-style:normal}.tracking-link{color:#925b62;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.tracking-link svg{width:15px}@media (width<=620px){.tracking-link{width:100%;margin-left:32px;padding:5px 0}.tracking-code{min-height:32px}}.btn.danger{color:#fff;background:#9d4f55;border:1px solid #9d4f55;justify-content:center;align-items:center;gap:7px;display:inline-flex}.btn.danger svg{width:17px}.icon-danger{color:#a14f55;background:#fff3f2;border:1px solid #e2c9c8;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;display:grid}.icon-danger svg{width:17px}.card-actions.small-actions{grid-template-columns:repeat(3,1fr)}.order-week{background:#f8f4f1;border:1px solid #e6ddd7;border-radius:13px;overflow:hidden}.order-week>summary{cursor:pointer;padding:14px 17px;list-style:none}.order-week>summary::-webkit-details-marker{display:none}.order-week>summary span{justify-content:space-between;align-items:center;display:flex}.order-week>summary small{color:#867970}.order-week>summary:after{content:"▸";float:right;color:#9a6268;margin-top:-18px}.order-week[open]>summary:after{transform:rotate(90deg)}.week-orders{gap:9px;padding:0 9px 9px;display:grid}.week-orders .order-admin-card{box-shadow:0 3px 12px #5640360b}.order-quick-items .danger-link{background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;display:flex}.order-quick-items .danger-link svg{width:14px}.protected-action{gap:16px;padding-top:18px;display:grid}.danger-warning{color:#7f3f44;background:#fff1ef;border:1px solid #e8cac7;border-radius:10px;gap:12px;padding:14px;display:flex}.danger-warning svg{flex:none}.danger-warning p{flex-direction:column;gap:4px;margin:0;display:flex}.danger-warning span{font-size:12px;line-height:1.45}.protected-action fieldset{border:1px solid #e6ddd7;border-radius:10px;gap:9px;padding:13px;display:grid}.protected-action legend{padding:0 6px;font-size:12px}.protected-action fieldset label{gap:8px;font-size:12px;display:flex}.protected-action>label{gap:6px;font-size:12px;display:grid}.protected-action>label input,.permission-preset select{background:#fff;border:1px solid #ddd3cd;border-radius:8px;padding:11px}.profile-orders>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.profile-orders>summary span{flex-direction:column;display:flex}.profile-orders>summary small{color:#887b73;font-size:11px}.profile-orders>summary em{color:#9a6268;font-size:11px;font-style:normal}.permission-preset{grid-template-columns:1fr 220px;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:grid}.editor-design-grid{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 20px;display:grid}.editor-design-grid label{margin:0}.editor-design-grid input[type=color]{height:42px;padding:4px}.editor-design-grid select{background:#fff;border:1px solid #ded5cf;border-radius:8px;width:100%;margin-top:6px;padding:10px}.editor-design-grid small{color:#8a7d75;margin-top:3px;display:block}.store-preview>div{background:var(--preview-bg);color:var(--preview-text);font-family:var(--preview-font);border-radius:var(--preview-radius)}.catalog-preview i{background:linear-gradient(#ead6cc,var(--admin-accent));border-radius:var(--preview-radius)}.public-store .home-page{background:var(--home-bg);color:var(--home-card-text);font-family:var(--home-font)}.public-store .home-page .reference-hero h1{color:var(--hero-text)}.public-store .home-page .product-card,.public-store .home-page .mini-category,.public-store .home-page .benefits{background:var(--home-card-bg);color:var(--home-card-text);border-radius:var(--home-card-radius)}.public-store .catalog-page{background:var(--catalog-bg);font-family:var(--catalog-font)}.public-store .catalog-page .catalog-grid{grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr))}.public-store .catalog-page .product-card{background:var(--catalog-card-bg);color:var(--catalog-card-text);border-radius:var(--catalog-card-radius);overflow:hidden}.public-store .catalog-page .product-card-image{aspect-ratio:var(--catalog-ratio)}@media (width<=900px){.public-store .catalog-page .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.public-store .catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-design-grid,.permission-preset{grid-template-columns:1fr}.order-week>summary span{padding-right:18px}.card-actions.small-actions{grid-template-columns:repeat(3,1fr)}.card-actions.small-actions button{padding:6px 3px}.btn.danger.compact-cta{width:100%}}.customer-combobox{z-index:8;position:relative}.customer-suggestions{overscroll-behavior:contain;border:1px solid var(--line,#e8ded9);background:#fffdfb;border-radius:14px;max-height:230px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #46302a24}.customer-suggestions button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.customer-suggestions button:hover,.customer-suggestions button:focus-visible{background:#f8efed;outline:none}.customer-suggestions button span{gap:2px;display:grid}.customer-suggestions small,.new-customer-hint{color:#806d67;font-size:.76rem}.public-store.scale-grande{font-size:1.075rem}.public-store.cards-marcado .product-card,.public-store.cards-marcado .cart-item,.public-store.cards-marcado .order-summary,.public-store.cards-marcado .order-card{border:1px solid color-mix(in srgb, var(--rose) 40%, #d9cec7);box-shadow:0 5px 0 color-mix(in srgb, var(--rose) 16%, #eee5df)}.public-store.cards-suave .product-card,.public-store.cards-suave .cart-item,.public-store.cards-suave .order-summary{border-radius:10px;overflow:hidden}@media (width<=640px){.public-store.scale-grande{font-size:1.04rem}}.mini-category{isolation:isolate;text-align:left;border:1px solid #fff7;grid-template-columns:42% 58%;align-items:center;display:grid;box-shadow:0 12px 30px #6d4b3d0b}.public-store .home-page .mini-category.rose{color:#744c54;background:linear-gradient(135deg,#f4dedd,#edc9cb)}.public-store .home-page .mini-category.sage{color:#55604b;background:linear-gradient(135deg,#e4e9dc,#d4dec9)}.public-store .home-page .mini-category.cream{color:#6d584a;background:linear-gradient(135deg,#f2e7da,#e6d4c1)}.mini-category:before{content:"";opacity:.13;z-index:-1;border:1px solid;border-radius:20px 4px;position:absolute;inset:12px}.mini-category>span{position:absolute;top:20px;left:22px}.mini-category .category-icon{background:#fff9;border:1px solid #fff;border-radius:50%;place-self:center;place-items:center;width:82px;height:82px;transition:transform .25s,background .25s;display:grid;position:relative;top:auto;right:auto;transform:rotate(-3deg);box-shadow:0 10px 22px #5b403313}.mini-category .category-icon:after{content:"";opacity:.22;border:1px dashed;border-radius:50%;position:absolute;inset:-8px}.mini-category .category-icon svg{stroke-width:1.2px;width:39px;height:39px}.mini-category:hover .category-icon{background:#fffa;transform:rotate(0)scale(1.06)}.mini-category .category-copy{z-index:2;align-self:center;padding-right:12px;position:relative}.mini-category .category-copy h3{font-size:31px}.mini-category .category-copy small{max-width:145px;line-height:1.4;display:block}.mini-category:after{opacity:.12;bottom:-52px;right:-35px}.style-signature{background:#fffcfa;border-top:1px solid #eaded6;border-bottom:1px solid #eaded6;grid-template-columns:260px 1fr;max-width:1132px;margin:30px auto 0;display:grid}.signature-intro{background:linear-gradient(135deg,#f3dedd,#f8ece7);align-items:center;gap:14px;padding:27px 25px;display:flex}.signature-intro>svg{width:25px;color:var(--rose-dark)}.signature-intro span{flex-direction:column;gap:4px;display:flex}.signature-intro small{text-transform:uppercase;letter-spacing:.15em;color:var(--rose-dark);font-size:8px}.signature-intro b{color:var(--ink);font:600 18px Playfair Display,serif}.signature-options{grid-template-columns:repeat(3,1fr);display:grid}.signature-options>a{border-left:1px solid #eee2da;grid-template-columns:30px 1fr 18px;align-items:center;gap:10px;min-width:0;padding:21px 18px;transition:background .2s;display:grid}.signature-options>a:hover{background:#faf2ed}.signature-options>a>svg:first-child{color:var(--rose-dark);width:21px}.signature-options>a>svg:last-child{color:#a98d7e;width:15px}.signature-options span{flex-direction:column;gap:3px;min-width:0;display:flex}.signature-options b{color:var(--ink);font-size:12px}.signature-options small{color:#8e7b70;font-size:9px;line-height:1.35}.collection-preview-empty{background:linear-gradient(120deg,#fff,#f7e9e4);border:1px dashed #d9c2b7;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;min-height:170px;padding:28px 34px;display:grid}.collection-preview-empty>svg{width:30px;color:var(--rose-dark)}.collection-preview-empty div{flex-direction:column;gap:5px;display:flex}.collection-preview-empty b{color:var(--ink);font:600 21px Playfair Display,serif}.collection-preview-empty span{color:#837268;font-size:12px}.collection-preview-empty a{text-transform:uppercase;letter-spacing:.1em;color:var(--rose-dark);align-items:center;gap:7px;font-size:11px;display:flex}.collection-preview-empty a svg{width:15px}@media (width<=900px){.style-signature{grid-template-columns:1fr;margin-left:24px;margin-right:24px}.signature-intro{text-align:center;justify-content:center}.signature-options>a:first-child{border-left:0}}@media (width<=620px){.mini-category:before{border-radius:15px 3px;inset:8px}.category-block .mini-category,.category-block .mini-category:last-child{grid-template-columns:38% 62%!important;padding:15px 18px!important;display:grid!important}.mini-category>span{top:12px;left:14px}.mini-category .category-icon{width:66px;height:66px}.mini-category .category-icon svg{width:31px}.mini-category .category-copy{padding-right:0}.category-block .mini-category .category-copy h3{font-size:24px!important}.mini-category .category-copy small{font-size:8px}.style-signature{border:1px solid #eaded6;border-radius:12px;margin:24px 16px 0;display:block;overflow:hidden}.signature-intro{text-align:left;justify-content:flex-start;padding:18px 16px}.signature-intro b{font-size:16px}.signature-options{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.signature-options>a{scroll-snap-align:start;border-left:0;border-right:1px solid #eee2da;min-width:86%;padding:18px 15px}.signature-options b{font-size:12px}.signature-options small{font-size:9px}.collection-preview-empty{grid-template-columns:32px 1fr;min-height:0;padding:24px 20px}.collection-preview-empty>a{grid-column:2}.collection-preview-empty b{font-size:18px}}
.status-correction-hint{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#8f5f63;font-size:.76rem;line-height:1.35}.inline-confirm-backdrop{position:fixed;inset:0;z-index:380;display:grid;place-items:center;padding:18px;background:rgba(45,32,27,.32);backdrop-filter:blur(4px)}.inline-confirm-card{width:min(460px,100%);background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);border:1px solid #ebddd6;border-radius:22px;box-shadow:0 28px 70px rgba(54,34,28,.18);padding:24px;display:grid;gap:16px}.inline-confirm-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fbefeb,#f5dbd5);color:#9d676c;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.inline-confirm-icon svg{width:24px;height:24px}.inline-confirm-copy{display:grid;gap:8px}.inline-confirm-copy small{color:#9d7a74;font-size:.77rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inline-confirm-copy h3{margin:0;font-size:1.35rem;color:#3f2e29}.inline-confirm-copy p{margin:0;color:#6f5a54;line-height:1.55}.inline-confirm-copy b{color:#7f4f55}.inline-confirm-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:640px){.inline-confirm-card{padding:18px;border-radius:18px}.inline-confirm-actions{display:grid;grid-template-columns:1fr}.inline-confirm-actions .btn{width:100%}}
.phone-edit-hint{display:block;margin-top:7px;color:#8f6f68;font-size:.75rem;line-height:1.35}.customer-profile input[readonly]{background:#f7f3f1;color:#8a7c76}.order-customer-fields input[readonly]{background:#f7f3f1;color:#746963;cursor:not-allowed}
.cart-added-screen{position:fixed;inset:0;z-index:520;display:grid;place-items:center;padding:20px;background:rgba(50,35,30,.24);backdrop-filter:blur(4px);pointer-events:none;animation:cartAddedFade .22s ease-out}.cart-added-card{width:min(420px,calc(100vw - 36px));display:grid;justify-items:center;gap:9px;text-align:center;background:#fffdfc;border:1px solid #eadbd5;border-radius:22px;padding:28px 24px;box-shadow:0 28px 80px rgba(60,38,31,.2)}.cart-added-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#edf6ee;color:#55765d;margin-bottom:2px}.cart-added-icon svg{width:30px;height:30px}.cart-added-card b{font-family:'Playfair Display',serif;font-size:1.45rem;color:#463630}.cart-added-card span{font-size:.95rem;color:#685852}.cart-added-card small{font-size:.78rem;color:#927f77;line-height:1.4}@keyframes cartAddedFade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.agency-search-box{display:grid;gap:7px;margin-top:12px;position:relative}.agency-search-box>label{font-size:.79rem;font-weight:700;color:#67564f}.agency-search-box>input{width:100%;border:1px solid #ded3cd;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;outline:none}.agency-search-box>input:focus{border-color:#b77d82;box-shadow:0 0 0 3px rgba(183,125,130,.12)}.agency-search-status{font-size:.74rem;color:#8a7770;line-height:1.35}.agency-search-results{display:grid;gap:6px;max-height:250px;overflow:auto;border:1px solid #e5dad4;background:#fff;border-radius:11px;padding:6px;box-shadow:0 16px 34px rgba(63,43,36,.12)}.agency-search-results button{display:grid;gap:3px;width:100%;text-align:left;border:0;background:#fff;border-radius:8px;padding:10px 11px;cursor:pointer}.agency-search-results button:hover,.agency-search-results button:focus-visible,.agency-search-results button.selected{background:#f8efed;outline:none}.agency-search-results b{font-size:.84rem;color:#493a35}.agency-search-results small{font-size:.72rem;color:#83716a;line-height:1.35}.saved-data-note{margin:2px 0 7px}
@media(max-width:640px){.cart-added-card{padding:24px 18px;border-radius:18px}.cart-added-card b{font-size:1.3rem}.agency-search-results{max-height:220px}}

.agency-search-box>label{font-size:.92rem;font-weight:800;color:#574640;margin-top:4px}.location-search-status{display:block;margin:7px 2px 2px;font-size:.74rem;color:#8a7770;line-height:1.35}
.price-update-note{display:block;margin-top:6px;color:#8b655f;font-size:.78rem;font-weight:600}.cart-item.unavailable{opacity:.82}.cart-item.unavailable .stock-warning{display:block;margin-top:7px;line-height:1.35}.cart-item.unavailable .quantity button:last-child{opacity:.45;cursor:not-allowed}

/* B41: autocompletado Shalom + errores dentro de la tarjeta actual */
.shalom-autocomplete{position:relative;width:100%}.shalom-autocomplete>input{width:100%}.shalom-admin-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:#fff;border:1px solid rgba(73,59,53,.14);border-radius:12px;box-shadow:0 14px 34px rgba(43,32,27,.16);padding:6px}.shalom-admin-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;border:0;background:transparent;border-radius:9px;cursor:pointer}.shalom-admin-results button:hover,.shalom-admin-results button:focus{background:rgba(201,144,144,.10)}.shalom-admin-results small{opacity:.72;margin-top:2px}.customer-inline-error{margin:12px 0 0;padding:11px 13px;border-radius:10px;background:#fff1f1;border:1px solid #efb7b7;position:relative;z-index:2}.modal-backdrop,.modal-overlay{z-index:1000}.system-notice{z-index:1200}

/* B42: notificación del sistema compacta y bien posicionada */
.system-notice{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  width:min(390px,calc(100vw - 36px))!important;
  margin:0!important;
  z-index:1400!important;
  border-radius:12px!important;
  box-shadow:0 12px 30px rgba(46,32,27,.22)!important;
}
@media (max-width:600px){
  .system-notice{
    top:10px!important;
    right:10px!important;
    left:10px!important;
    width:auto!important;
  }
}
/* B47 · gestor de fotos de producto */
.product-form-top{grid-template-columns:1fr}
.product-photo-manager{background:linear-gradient(180deg,#fff 0%,#fcf8f6 100%);border:1px solid #eadfd9;border-radius:16px;padding:16px;margin-top:4px}
.photo-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.photo-manager-head>div{display:flex;flex-direction:column;gap:3px}
.photo-manager-head b{font-size:13px;color:#4d403a}
.photo-manager-head small{font-size:11px;color:#8a7b72;font-weight:400}
.photo-manager-head>span{white-space:nowrap;background:#f1e5e1;color:#915e66;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}
.photo-dropzone{border:1.5px dashed #d7bdb6;background:#fff9f7;border-radius:13px;min-height:92px;padding:16px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;transition:.2s ease}
.photo-dropzone:hover{border-color:#aa7078;background:#fff5f2}
.photo-dropzone input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.photo-dropzone strong{font-size:13px;color:#8f5962}
.photo-dropzone small{font-size:11px;color:#95857c;font-weight:400}
.product-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:12px}
.product-photo-item{position:relative;margin:0;border:1px solid #e3d6d0;border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:3/4;box-shadow:0 4px 12px #65483b0a}
.product-photo-item.principal{border:2px solid #ad727a}
.product-photo-item img{width:100%;height:100%;object-fit:cover;display:block}
.product-photo-item figcaption{position:absolute;left:7px;right:7px;bottom:7px;display:flex;justify-content:center}
.product-photo-item figcaption b,.product-photo-item figcaption button{border:0;border-radius:999px;background:#fffffff2;color:#6b4a50;box-shadow:0 2px 8px #4e352c22;padding:5px 8px;font-size:9px;font-weight:700;cursor:pointer}
.product-photo-item figcaption b{background:#a96a72;color:#fff}
.remove-photo{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:50%;border:0;background:#fffffff2;color:#9b4f58;font-size:18px;line-height:1;box-shadow:0 2px 8px #4e352c2b;cursor:pointer}
.product-gallery .real-product-image{display:block;object-fit:cover;width:100%;height:620px;background:#f6efeb}
.product-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.product-gallery-thumbs button{border:1px solid #dfd4ce;background:#fff;padding:0;border-radius:9px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;opacity:.72;transition:.18s ease}
.product-gallery-thumbs button:hover,.product-gallery-thumbs button.active{opacity:1;border:2px solid #a96a72;transform:translateY(-1px)}
.product-gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
@media (width<=640px){.product-photo-manager{padding:12px}.photo-manager-head{gap:8px}.product-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-gallery .real-product-image{height:480px}.product-gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}

/* B48 · fotos vinculadas por color */
.product-photo-item figcaption{flex-direction:column;align-items:stretch;gap:6px}
.product-photo-item .photo-color-link{display:grid;gap:3px;background:rgba(255,255,255,.95);border:1px solid rgba(102,75,66,.12);border-radius:9px;padding:6px;box-shadow:0 2px 8px rgba(55,38,31,.12)}
.product-photo-item .photo-color-link span{font-size:8px;font-weight:800;letter-spacing:.02em;color:#7f6660;text-align:center}
.product-photo-item .photo-color-link select{width:100%;min-width:0;border:1px solid #e4d6d0;border-radius:7px;background:#fff;color:#5e4b45;padding:4px 5px;font-size:9px;outline:none}
.product-photo-item .photo-color-link select:focus{border-color:#b77d82;box-shadow:0 0 0 2px rgba(183,125,130,.12)}
.product-photo-item figcaption>b,.product-photo-item figcaption>button{align-self:center}
@media (max-width:640px){
  .product-photo-item .photo-color-link span{font-size:7px}
  .product-photo-item .photo-color-link select{font-size:8px;padding:3px 4px}
}

/* B49: selector compacto de color para fotos */
.photo-color-picker{position:absolute;left:10px;bottom:42px;z-index:6}
.photo-color-picker>summary{list-style:none;width:30px;height:30px;border-radius:999px;background:#fff;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 9px rgba(75,48,43,.2);display:grid;place-items:center;cursor:pointer;padding:0}
.photo-color-picker>summary::-webkit-details-marker{display:none}
.photo-color-dot{width:18px;height:18px;border-radius:999px;border:1px solid rgba(69,48,43,.22);display:block}
.photo-color-dot.general,.general-swatch{background:conic-gradient(#eadbd4 0 25%,#fff 0 50%,#eadbd4 0 75%,#fff 0);background-size:8px 8px}
.photo-color-popover{position:absolute;left:0;bottom:38px;min-width:170px;max-height:210px;overflow:auto;background:#fff;border:1px solid #eadbd4;border-radius:14px;padding:7px;box-shadow:0 12px 30px rgba(73,48,43,.18);display:grid;gap:4px}
.photo-color-popover button{border:0;background:transparent;border-radius:10px;padding:7px 9px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font:inherit;color:#563f38;white-space:nowrap}
.photo-color-popover button:hover,.photo-color-popover button.selected{background:#f8eeea}
.photo-color-popover button i{width:16px;height:16px;border-radius:999px;border:1px solid rgba(69,48,43,.18);flex:0 0 auto}
.product-photo-item figcaption{pointer-events:none}
.product-photo-item figcaption>*{pointer-events:auto}
@media(max-width:600px){.photo-color-popover{min-width:150px;max-width:65vw}}

/* B50 · selector de color de foto más limpio y estructurado */
.product-photo-grid{gap:16px}
.product-photo-item{overflow:visible;isolation:isolate}
.product-photo-item img{border-radius:11px}
.product-photo-item.principal img{border-radius:10px}
.product-photo-item:has(.photo-color-picker[open]){z-index:30}
.photo-color-picker{left:9px;bottom:40px;z-index:20}
.photo-color-picker>summary{width:31px;height:31px;border:1px solid rgba(112,80,70,.12);background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(72,48,41,.18);transition:transform .16s ease,box-shadow .16s ease}
.photo-color-picker>summary:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(72,48,41,.22)}
.photo-color-picker[open]>summary{box-shadow:0 0 0 3px rgba(169,106,114,.12),0 6px 18px rgba(72,48,41,.18)}
.photo-color-dot{width:17px;height:17px;border:1px solid rgba(69,48,43,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.photo-color-popover{left:38px;bottom:-8px;min-width:176px;max-width:210px;max-height:230px;overflow:auto;background:rgba(255,255,255,.985);border:1px solid #eadbd4;border-radius:15px;padding:38px 7px 7px;box-shadow:0 16px 36px rgba(73,48,43,.22);display:grid;gap:3px;z-index:40}
.photo-color-popover::before{content:"Asignar color";position:absolute;left:12px;top:10px;font-size:10px;font-weight:800;letter-spacing:.02em;color:#6d554e}
.photo-color-popover::after{content:"Solo colores de este modelo";position:absolute;left:12px;top:23px;font-size:8px;color:#a08d85}
.photo-color-popover button{min-height:34px;border:0;background:transparent;border-radius:9px;padding:7px 8px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font:inherit;color:#563f38;white-space:nowrap;font-size:10px;font-weight:650;transition:background .15s ease,transform .15s ease}
.photo-color-popover button:hover{background:#fbf3f0;transform:translateX(1px)}
.photo-color-popover button.selected{background:#f4e5e2;color:#7f4f58}
.photo-color-popover button.selected::after{content:"✓";margin-left:auto;font-weight:900;color:#a96a72}
.photo-color-popover button i{width:18px;height:18px;border-radius:999px;border:1px solid rgba(69,48,43,.16);box-shadow:0 1px 3px rgba(60,40,34,.1);flex:0 0 auto}
@media(max-width:700px){
  .product-photo-grid{gap:14px}
  .photo-color-popover{left:0;bottom:38px;min-width:168px;max-width:min(72vw,200px)}
}

/* V52 · carrusel público con todas las fotos del producto */
.product-gallery{overflow:hidden}
.product-gallery .gallery-nav{position:absolute;z-index:4;top:285px;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(91,68,60,.16);border-radius:50%;background:rgba(255,255,255,.92);color:#6b4a50;box-shadow:0 5px 18px rgba(65,43,35,.16);display:grid;place-items:center;font-size:30px;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}
.product-gallery .gallery-nav:hover{background:#fff;transform:translateY(-50%) scale(1.04)}
.product-gallery .gallery-prev{left:14px}.product-gallery .gallery-next{right:14px}
.product-gallery-thumbs{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 1px 7px;gap:8px}
.product-gallery-thumbs button{flex:0 0 88px;scroll-snap-align:start}
@media (max-width:640px){
 .product-gallery .gallery-nav{top:220px;width:38px;height:38px;font-size:27px}
 .product-gallery .gallery-prev{left:9px}.product-gallery .gallery-next{right:9px}
 .product-gallery-thumbs{gap:7px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .product-gallery-thumbs::-webkit-scrollbar{display:none}
 .product-gallery-thumbs button{flex-basis:72px}
}


/* V55: V51/V52 ORIGINAL palette is authoritative; V53 layout-only refinements below. */
.public-header {
  height: 68px;
}
.header-inner {
  padding: 0 16px;
}
.logo {
  gap: 9px;
}
.logo>span {
  width: 39px;
  height: 39px;
}
.logo b {
  font-size: 18px;
  letter-spacing: .01em;
}
.logo small {
  letter-spacing: .18em;
}
.cart-button {
  border-radius: 999px;
  transition: background .18s ease,transform .18s ease;
}
.cart-button:hover {
  transform: translateY(-1px);
}
.hero {
  padding-top: 42px;
  padding-bottom: 48px;
  gap: 42px;
}
.hero h1 {
  letter-spacing: -.025em;
}
.floating-card {
  border-radius: 16px;
}
.btn {
  border-radius: 999px;
  min-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  letter-spacing: .005em;
  transition: transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn.primary:hover {
  transform: translateY(-1px);
}
.btn.outline:hover {
  transform: translateY(-1px);
}
.catalog-heading {
  padding-top: 12px;
  padding-bottom: 36px;
}
.catalog-heading h1 {
  letter-spacing: -.02em;
}
.catalog-heading p {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.65;
}
.catalog-tools {
  gap: 10px;
}
.category-pills {
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 2px;
}
.category-pills::-webkit-scrollbar {
  display: none;
}
.category-pills button {
  flex: 0 0 auto;
  padding: 9px 16px;
  transition: .18s ease;
}
.search-box {
  border-radius: 999px;
  padding-left: 15px;
  padding-right: 15px;
}
.filter-icon {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: grid;
  padding: 0;
}
.product-grid {
  gap: 20px;
}
.product-card {
  border-radius: 20px;
  overflow: hidden;
  transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.product-card:hover {
  transform: translateY(-3px);
}
.product-card .product-visual {
  border-radius: 0;
}
.product-card .real-product-image {
  transition: transform .35s ease;
}
.product-card:hover .real-product-image {
  transform: scale(1.018);
}
.sale-badge {
  top: 12px;
  left: 12px;
  border-radius: 999px;
  font-weight: 700;
}
.product-info {
  padding: 16px 16px 18px;
}
.product-info h3 {
  font-size: 21px;
  margin-top: 7px;
  margin-bottom: 10px;
}
.price-row {
  font-weight: 700;
}
.icon-add {
  width: 39px;
  height: 39px;
  transition: .18s ease;
}
.icon-add:hover {
  transform: translateY(-1px);
}
.back-link {
  margin-bottom: 22px;
  transition: color .16s ease;
}
.product-detail {
  gap: 54px;
  align-items: start;
}
.product-copy {
  padding: 30px 4px 8px;
}
.product-copy h1 {
  letter-spacing: -.025em;
  line-height: 1.08;
}
.detail-price {
  font-size: 24px;
}
.product-gallery {
  overflow: visible;
  border-radius: 24px;
  padding: 10px;
}
.product-gallery .real-product-image {
  height: 600px;
  border-radius: 18px;
  object-fit: cover;
  transition: opacity .2s ease,transform .25s ease;
}
.product-gallery>span {
  top: 22px;
  left: 22px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .015em;
}
.product-gallery .gallery-nav {
  top: 300px;
  width: 44px;
  height: 44px;
  font-size: 27px;
}
.product-gallery .gallery-prev {
  left: 22px;
}
.product-gallery .gallery-next {
  right: 22px;
}
.product-gallery-thumbs {
  margin: 10px -2px -2px;
  padding: 4px 2px 4px;
  gap: 9px;
  scrollbar-width: none;
}
.product-gallery-thumbs::-webkit-scrollbar {
  display: none;
}
.product-gallery-thumbs button {
  position: relative;
  flex: 0 0 78px;
  border-radius: 13px;
  padding: 3px;
  transform: none;
  transition: opacity .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.product-gallery-thumbs button img {
  border-radius: 9px;
}
.product-gallery-thumbs button:hover {
  transform: translateY(-1px);
}
.product-gallery-thumbs button.active {
  transform: none;
}
.product-gallery-thumbs button.active::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.selector {
  margin: 21px 0;
}
.selector>b {
  font-size: 12px;
  letter-spacing: .03em;
}
.selector>div {
  flex-wrap: wrap;
  gap: 9px;
}
.selector button {
  border-radius: 12px;
  transition: .16s ease;
}
.color-selector button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.color-selector button i {
  width: 29px;
  height: 29px;
}
.buy-row {
  gap: 10px;
  margin-top: 26px;
}
.quantity {
  height: 48px;
  border-radius: 999px;
  overflow: hidden;
}
.quantity button {
  height: 100%;
}
.detail-notes {
  border-radius: 14px;
  padding: 13px 14px;
  gap: 9px;
}
.story {
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width:700px) {
  .public-header {
  height: 62px;
  }
  .header-inner {
  padding: 0 13px;
  }
  .logo>span {
  width: 36px;
  height: 36px;
  font-size: 13px;
  }
  .logo b {
  font-size: 16px;
  }
  .logo small {
  font-size: 7px;
  margin-top: 4px;
  }
  .page,.section {
  padding-left: 14px;
  padding-right: 14px;
  }
  .catalog-heading {
  padding: 8px 5px 28px;
  }
  .catalog-heading h1 {
  font-size: 34px;
  margin-bottom: 9px;
  }
  .catalog-heading p {
  font-size: 14px;
  margin-top: 0;
  }
  .catalog-tools {
  align-items: stretch;
  flex-wrap: wrap;
  padding-bottom: 14px;
  }
  .category-pills {
  width: 100%;
  order: 1;
  padding-right: 4px;
  }
  .search-box {
  order: 2;
  margin-left: 0;
  flex: 1;
  min-width: 0;
  height: 44px;
  }
  .search-box input {
  width: 100%;
  min-width: 0;
  font-size: 16px;
  }
  .filter-icon {
  order: 3;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  }
  .product-grid,.catalog-grid {
  gap: 12px;
  }
  .product-card {
  border-radius: 16px;
  }
  .product-info {
  padding: 13px 12px 14px;
  }
  .product-info h3 {
  font-size: 18px;
  margin: 5px 0 8px;
  line-height: 1.18;
  }
  .product-info small {
  font-size: 8.5px;
  }
  .price-row {
  font-size: 14px;
  gap: 7px;
  }
  .icon-add {
  width: 36px;
  height: 36px;
  }
  .back-link {
  margin-bottom: 14px;
  font-size: 12px;
  }
  .product-detail {
  display: block;
  }
  .product-gallery {
  margin: 0 -2px;
  padding: 7px;
  border-radius: 20px;
  }
  .product-gallery .real-product-image {
  height: auto;
  aspect-ratio: 3/4;
  max-height: none;
  border-radius: 15px;
  object-fit: cover;
  }
  .product-gallery>span {
  top: 16px;
  left: 16px;
  padding: 7px 10px;
  font-size: 10px;
  }
  .product-gallery .gallery-nav {
  top: calc((100vw - 42px) * 2 / 3);
  width: 38px;
  height: 38px;
  font-size: 24px;
  }
  .product-gallery .gallery-prev {
  left: 14px;
  }
  .product-gallery .gallery-next {
  right: 14px;
  }
  .product-gallery-thumbs {
  margin-top: 8px;
  gap: 7px;
  padding: 3px 1px 6px;
  scroll-padding-left: 1px;
  -webkit-overflow-scrolling: touch;
  }
  .product-gallery-thumbs button {
  flex: 0 0 64px;
  border-radius: 11px;
  padding: 2px;
  }
  .product-gallery-thumbs button img {
  border-radius: 8px;
  }
  .product-gallery-thumbs button.active::after {
  bottom: -7px;
  width: 5px;
  height: 5px;
  }
  .product-copy {
  padding: 24px 2px 2px;
  }
  .product-copy>small {
  font-size: 9px;
  }
  .product-copy h1 {
  font-size: 34px;
  margin: 8px 0 9px;
  }
  .detail-price {
  font-size: 21px;
  }
  .product-copy>p {
  font-size: 14px;
  line-height: 1.7;
  padding-bottom: 19px;
  }
  .selector {
  margin: 18px 0;
  }
  .selector>b {
  margin-bottom: 10px;
  }
  .selector button {
  min-width: 42px;
  height: 42px;
  }
  .color-selector button {
  width: 43px;
  height: 43px;
  }
  .buy-row {
  margin: 22px 0 10px;
  gap: 8px;
  }
  .quantity {
  height: 48px;
  flex: 0 0 112px;
  }
  .quantity button {
  width: 36px;
  }
  .btn {
  min-height: 48px;
  padding-left: 18px;
  padding-right: 18px;
  }
  .buy-row .btn {
  min-width: 0;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 13px;
  }
  .detail-notes {
  font-size: 11px;
  padding: 12px;
  }
  .related-products {
  margin-top: 50px;
  }
  .related-products .section-heading {
  margin-bottom: 18px;
  }
  .related-products .section-heading h2 {
  font-size: 28px;
  }
}
@media (max-width:420px) {
  .page,.section {
  padding-left: 12px;
  padding-right: 12px;
  }
  .product-grid,.catalog-grid {
  gap: 9px;
  }
  .product-card {
  border-radius: 14px;
  }
  .product-info {
  padding: 11px 10px 12px;
  }
  .product-info h3 {
  font-size: 17px;
  }
  .product-gallery {
  border-radius: 18px;
  }
  .product-gallery .real-product-image {
  border-radius: 13px;
  }
  .product-gallery-thumbs button {
  flex-basis: 59px;
  }
  .product-copy h1 {
  font-size: 31px;
  }
  .quantity {
  flex-basis: 106px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .product-card,.product-card .real-product-image,.btn,.gallery-nav,.product-gallery-thumbs button {
  transition: none !important;
  }
}


/* V57 · Pulido mobile-first de catálogo y ficha. SIN cambiar la paleta: el editor de tienda sigue siendo la fuente de colores. */
@media (hover: hover) and (pointer: fine) {
  .public-store .product-card:hover {transform:translateY(-3px)}
  .public-store .product-card:hover .product-card-image,
  .public-store .product-card:hover .real-product-image {transform:scale(1.025)}
}
.public-store .product-card {
  display:flex;flex-direction:column;min-width:0;isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease;
}
.public-store .product-card > a:first-child {
  overflow:hidden;display:block;min-width:0;
}
.public-store .product-card .product-card-image,
.public-store .product-card .real-product-image {
  display:block;object-fit:cover;width:100%;transition:transform .25s ease;
}
.public-store .product-card .product-info {
  flex:1;display:flex;flex-direction:column;min-width:0;gap:5px;
}
.public-store .product-card .product-info h3 {
  margin:3px 0 6px;line-height:1.26;overflow-wrap:anywhere;
}
.public-store .product-card .price-row {margin-top:auto;padding-top:8px;min-width:0;flex-wrap:wrap}
.public-store .product-card .icon-add {
  flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;
  touch-action:manipulation;
}
.public-store .category-pills {scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.public-store .category-pills button {scroll-snap-align:start;min-height:43px;touch-action:manipulation}
.public-store .search-box {min-width:0}
.public-store .product-gallery {min-width:0}
.public-store .product-gallery-thumbs {scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.public-store .product-gallery-thumbs button {
  scroll-snap-align:start;touch-action:manipulation;outline-offset:3px;
}
.public-store .product-gallery-thumbs button.active {box-shadow:0 0 0 1px var(--rose-dark, currentColor)}
.public-store .product-gallery-thumbs button:focus-visible,
.public-store .product-card a:focus-visible,
.public-store .icon-add:focus-visible,
.public-store .selector button:focus-visible,
.public-store .gallery-nav:focus-visible {outline:2px solid var(--rose-dark,currentColor);outline-offset:3px}
.public-store .product-copy .selector button {touch-action:manipulation;min-width:44px;min-height:44px}
.public-store .product-copy .color-selector button {
  display:inline-grid;place-items:center;width:48px;height:48px;
  border-radius:50%;position:relative;flex:0 0 48px;
}
.public-store .product-copy .color-selector button i {width:29px;height:29px;inset:auto}
.public-store .product-copy .color-selector button.selected {box-shadow:0 0 0 2px var(--rose-dark,currentColor);border-color:transparent}
.public-store .product-copy .selector>div {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.public-store .product-copy .selector>b {line-height:1.5}
.public-store .buy-row {align-items:stretch}
.public-store .buy-row .btn {min-height:50px;flex:1;white-space:normal;line-height:1.3}
@media(max-width:700px) {
  .public-store .product-grid,.public-store .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .public-store .product-card {min-width:0}
  .public-store .product-card .product-info {padding:13px 12px 14px;gap:3px}
  .public-store .product-card .product-info h3 {font-size:clamp(15px,4vw,18px)}
  .public-store .product-card .price-row {gap:5px;font-size:clamp(13px,3.6vw,16px)}
  .public-store .product-card .icon-add {width:42px;height:42px;flex-basis:42px}
  .public-store .category-pills {margin-right:0;scrollbar-width:none}
  .public-store .product-copy .selector {margin-block:19px}
  .public-store .product-copy .selector>div {gap:9px}
  .public-store .product-gallery-thumbs button {min-height:68px}
  .public-store .product-gallery .gallery-nav {touch-action:manipulation}
}
@media(max-width:380px) {
  .public-store .product-grid,.public-store .catalog-grid {gap:9px}
  .public-store .product-card .product-info {padding:11px 10px 13px}
  .public-store .product-card .product-info h3 {font-size:15px}
  .public-store .product-card .icon-add {width:40px;height:40px;flex-basis:40px}
  .public-store .buy-row {flex-wrap:wrap}
  .public-store .buy-row .quantity {flex:0 0 100%}
  .public-store .buy-row .btn {flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce) {
  .public-store .product-card,.public-store .product-card .product-card-image,
  .public-store .product-card .real-product-image {transition:none}
}

/* V58: selector de entrega mobile-first, sin alterar la paleta del editor de tienda */
.public-store .shipping-method-picker{border:0;margin:18px 0 14px;padding:0;min-width:0}
.public-store .shipping-method-picker legend{font-family:inherit;font-size:1.03rem;font-weight:750;line-height:1.4;padding:0;margin:0 0 5px;color:inherit}
.public-store .shipping-method-help{font-size:.88rem;line-height:1.5;opacity:.76;margin:0 0 12px}
.public-store .shipping-method-options{display:grid;grid-template-columns:1fr;gap:10px}
.public-store .shipping-method-card{display:flex;align-items:center;gap:12px;position:relative;border:1.5px solid rgba(116,94,89,.20);border-radius:17px;background:var(--card,#fff);padding:13px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;min-height:73px}
.public-store .shipping-method-card.selected{border-color:var(--rose,#c99090);background:color-mix(in srgb,var(--rose,#c99090) 6%,white);box-shadow:0 3px 15px rgba(110,66,59,.065)}
.public-store .shipping-method-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.public-store .shipping-method-card:focus-within{outline:3px solid color-mix(in srgb,var(--rose,#c99090) 32%,transparent);outline-offset:2px}
.public-store .shipping-method-emoji{flex:0 0 43px;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--rose,#c99090) 12%,white);font-size:22px}
.public-store .shipping-method-content{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.public-store .shipping-method-content b{font-size:.94rem;line-height:1.3}
.public-store .shipping-method-content small{font-size:.79rem;line-height:1.4;opacity:.75}
.public-store .shipping-method-check{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--rose,#c99090) 58%,#bbb);font-size:13px;font-weight:800}
.public-store .shipping-method-card.selected .shipping-method-check{background:var(--rose,#c99090);color:#fff;border-color:transparent}
.public-store .shipping-details{padding:15px;border:1px solid rgba(116,94,89,.15);border-radius:17px;margin:11px 0 14px;background:color-mix(in srgb,var(--rose,#c99090) 2%,white)}
.public-store .shipping-details h3{font-size:1rem;margin:0 0 5px}
.public-store .shipping-details>p{font-size:.84rem;opacity:.77;line-height:1.5;margin:0 0 13px}
.public-store .shipping-details .agency-search-box input{min-height:47px;width:100%;font-size:16px}
.public-store .shipping-details .agency-search-results{max-height:250px;overflow-y:auto;overscroll-behavior:contain}
.public-store .shipping-details .agency-search-results button{min-height:56px;text-align:left;white-space:normal}
.public-store .shipping-details .selected-agency{overflow-wrap:anywhere;gap:10px}
.public-store .olva-manual-fallback{border-top:1px solid rgba(116,94,89,.17);margin-top:14px;padding-top:11px}
.public-store .olva-manual-fallback summary{cursor:pointer;font-size:.84rem;line-height:1.5;font-weight:650;min-height:44px;display:flex;align-items:center}
.public-store .olva-manual-fallback p{font-size:.8rem;line-height:1.5;opacity:.75}
.public-store .olva-manual-fallback input{display:block;width:100%;margin:9px 0;min-height:46px;font-size:16px}
.public-store .home-shipping-fields{display:grid;gap:8px;margin:17px 0 0;padding-top:17px;border-top:1px solid rgba(116,94,89,.17)}
.public-store .home-shipping-fields label{font-size:.87rem;font-weight:700;margin-top:4px}
.public-store .home-shipping-fields textarea{width:100%;min-width:0;box-sizing:border-box;min-height:75px;resize:vertical;border-radius:12px;border:1px solid rgba(116,94,89,.24);padding:12px;font-family:inherit;font-size:16px;background:#fff;color:#352c2c}
.public-store .home-shipping-fields small{font-size:.78rem;line-height:1.5;opacity:.73}
@media(min-width:740px){.public-store .shipping-method-options{grid-template-columns:1fr 1fr}.public-store .shipping-method-card:last-child{grid-column:1/-1}}
@media(max-width:430px){.public-store .shipping-details{padding:12px}.public-store .shipping-method-card{padding:11px 10px;gap:9px}.public-store .shipping-method-emoji{width:39px;flex-basis:39px;height:39px}.public-store .shipping-method-content small{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){.public-store .shipping-method-card{transition:none}}

/* V59 · checkout mobile-first, hereda colores del editor */
.shipping-method-accordion{border:1px solid color-mix(in srgb,var(--accent,#c99090) 22%,transparent);border-radius:18px;padding:0!important;overflow:hidden;background:color-mix(in srgb,var(--bg,#faf7f2) 75%,white)!important;}
.shipping-method-accordion>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:14px 16px;list-style:none;font-weight:700;font-size:1rem;}
.shipping-method-accordion>summary::-webkit-details-marker{display:none;}
.shipping-method-accordion>summary small{font-size:.8rem;font-weight:600;white-space:nowrap;opacity:.74;}
.shipping-method-accordion>summary:after{content:'⌄';font-size:1.4rem;transition:transform .18s;}
.shipping-method-accordion[open]>summary:after{transform:rotate(180deg)}
.shipping-method-accordion .shipping-method-help{padding:0 16px 10px;margin:0;font-size:.88rem;}
.shipping-method-accordion .shipping-method-options{padding:0 12px 14px;display:grid;gap:9px;}
.shipping-method-accordion .shipping-method-card{min-width:0;touch-action:manipulation;}
.shipping-details{margin-top:12px;border-radius:17px;min-width:0;}
.shipping-details .location-button{width:100%;max-width:100%;min-height:49px;justify-content:center;}
.shipping-details .agency-search-box input{width:100%;min-width:0;min-height:48px;}
.shipping-details .nearby-agencies{display:grid;grid-template-columns:1fr;gap:8px;}
.shipping-details .nearby-agencies button{text-align:left;min-height:52px;border-radius:12px;}
.shipping-details .selected-agency{overflow-wrap:anywhere;}
@media(min-width:680px){.shipping-method-accordion .shipping-method-options{grid-template-columns:repeat(3,minmax(0,1fr));}.shipping-details .nearby-agencies{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:480px){.checkout-form{min-width:0}.shipping-method-accordion>summary{padding:12px}.shipping-method-accordion>summary span{font-size:.94rem;line-height:1.3}.shipping-method-accordion .shipping-method-options{padding:0 9px 12px}.shipping-method-accordion .shipping-method-card{padding:12px}.shipping-details{padding:12px!important;}.shipping-details .agency-search-results{max-height:270px;overflow-y:auto;}}

/* V60 · entrega boutique, prioridad móvil; siempre respeta la paleta del editor */
.shipping-method-accordion{margin-block:18px 14px!important;border:1px solid color-mix(in srgb,var(--rose,#c99090) 26%,#dad1ca)!important;border-radius:20px!important;box-shadow:0 7px 22px rgba(52,37,40,.045);}
.shipping-method-accordion>summary{position:relative;align-items:center;min-height:66px!important;padding:15px 19px!important;gap:9px;background:color-mix(in srgb,var(--rose,#c99090) 5%,var(--card,#fff));}
.shipping-method-accordion>summary span{font-size:1rem;line-height:1.32;}
.shipping-method-accordion>summary small{border:1px solid color-mix(in srgb,var(--rose,#c99090) 33%,transparent);background:var(--card,#fff);padding:6px 9px;border-radius:18px;font-weight:650;max-width:115px;white-space:normal;text-align:center;line-height:1.25;}
.shipping-method-accordion>summary:after{content:'⌄';flex:0 0 auto;font-size:1.28rem;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rose,#c99090) 12%,white);line-height:1;transition:transform .2s ease}
.shipping-method-accordion>summary:focus-visible{outline:3px solid var(--rose,#c99090);outline-offset:-3px}
.shipping-method-accordion .shipping-method-help{font-size:.87rem;line-height:1.55;padding:14px 18px 9px!important;max-width:55ch}
.shipping-method-accordion .shipping-method-options{padding:4px 13px 16px;grid-template-columns:1fr!important;gap:10px}
.shipping-method-accordion .shipping-method-card{border-radius:16px!important;border:1px solid color-mix(in srgb,var(--rose,#c99090) 24%,#ddd)!important;background:var(--card,#fff);min-height:74px!important;padding:13px 15px!important;box-shadow:0 1px 4px rgba(51,32,35,.025)}
.shipping-method-accordion .shipping-method-card.selected{border:2px solid var(--rose,#c99090)!important;padding:12px 14px!important;background:color-mix(in srgb,var(--rose,#c99090) 6%,var(--card,#fff));box-shadow:0 3px 13px color-mix(in srgb,var(--rose,#c99090) 9%,transparent)}
.shipping-method-accordion .shipping-method-emoji{border-radius:14px;background:color-mix(in srgb,var(--rose,#c99090) 11%,var(--card,#fff))}
.shipping-method-accordion .shipping-method-content b{font-size:1rem;font-weight:740;line-height:1.3}
.shipping-method-accordion .shipping-method-content small{font-size:.81rem;line-height:1.4}
.shipping-details{border-radius:19px!important;border-color:color-mix(in srgb,var(--rose,#c99090) 22%,#ddd)!important;background:var(--card,#fff)!important;box-shadow:0 3px 16px rgba(55,36,40,.035)}
.shipping-details .nearby-agencies button,.shipping-details .agency-search-results button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:4px!important;padding:12px 14px!important;min-height:66px!important;border:1px solid color-mix(in srgb,var(--rose,#c99090) 24%,#ddd)!important;border-radius:13px!important;background:var(--card,#fff)!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important}
.shipping-details .nearby-agencies button b,.shipping-details .agency-search-results button b{font-size:.93rem!important;line-height:1.32!important;font-weight:750;overflow-wrap:anywhere}
.shipping-details .nearby-agencies button span,.shipping-details .nearby-agencies button small,.shipping-details .agency-search-results button small{font-size:.78rem!important;line-height:1.42!important;font-weight:400!important;opacity:.75;overflow-wrap:anywhere;letter-spacing:normal!important}
.shipping-details .nearby-agencies button small:last-child{font-weight:700!important;color:var(--rose-dark,var(--rose,#c99090));opacity:.95}
.shipping-details .agency-search-results{display:grid;gap:6px;margin-top:8px}
.shipping-details .agency-search-results button:hover,.shipping-details .nearby-agencies button:hover{border-color:var(--rose,#c99090)!important}
.shipping-details .selected-agency{border-radius:13px!important;line-height:1.45;padding:12px!important}
.shipping-details .selected-agency b{display:block;font-size:.94rem;font-weight:750;line-height:1.35;margin:4px 0}
.shipping-details .selected-agency small{display:block;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
@media(min-width:700px){.shipping-method-accordion .shipping-method-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shipping-method-accordion .shipping-method-card{align-items:flex-start;gap:9px;flex-direction:column;min-height:150px!important}.shipping-method-accordion .shipping-method-check{position:absolute;top:15px;right:13px}.shipping-details .nearby-agencies{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.shipping-method-accordion>summary{padding:13px 11px!important;gap:6px}.shipping-method-accordion>summary span{font-size:.93rem}.shipping-method-accordion>summary small{font-size:.73rem;max-width:91px}.shipping-method-accordion .shipping-method-help{padding:12px 12px 8px!important}.shipping-method-accordion .shipping-method-options{padding:3px 10px 13px!important}.shipping-method-accordion .shipping-method-card{padding:11px!important;gap:10px}.shipping-method-accordion .shipping-method-card.selected{padding:10px!important}}
@media(prefers-reduced-motion:reduce){.shipping-method-accordion>summary:after{transition:none}}


/* V62 · mobile-first: nearby agencies as full-width horizontal rows; compact shipping choices.
   Scoped to the public checkout and uses the existing store palette. */
.public-store .shipping-details .nearby-agencies {
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:8px!important;
  width:100%;
  min-width:0;
  margin:10px 0 13px;
}
.public-store .shipping-details .nearby-agencies button {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:12px!important;
  row-gap:4px!important;
  width:100%;
  min-width:0;
  min-height:70px!important;
  padding:12px 13px!important;
  border-radius:13px!important;
  text-align:left;
}
.public-store .shipping-details .nearby-agencies button b {
  grid-column:1; grid-row:1;
  min-width:0;
  font-size:.89rem!important;
  line-height:1.3!important;
  overflow-wrap:break-word;
  word-break:normal;
  text-transform:none;
}
.public-store .shipping-details .nearby-agencies button span {
  grid-column:1!important; grid-row:2;
  min-width:0;
  font-size:.75rem!important;
  line-height:1.4!important;
  overflow-wrap:break-word;
  word-break:normal;
}
.public-store .shipping-details .nearby-agencies button small:last-child {
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  white-space:nowrap;
  font-size:.77rem!important;
  font-weight:750!important;
  letter-spacing:normal;
  padding:6px 8px;
  border-radius:99px;
  background:color-mix(in srgb,var(--rose,#c99090) 10%,var(--card,#fff));
}
/* Shipping method collapsible area: less vertical space, same three choices. */
.public-store .shipping-method-accordion {
  margin-block:14px 12px!important;
  border-radius:16px!important;
  box-shadow:0 3px 12px rgba(52,37,40,.035)!important;
}
.public-store .shipping-method-accordion>summary {
  min-height:49px!important;
  padding:10px 13px!important;
  gap:8px!important;
}
.public-store .shipping-method-accordion>summary span {font-size:.91rem!important}
.public-store .shipping-method-accordion>summary small {
  padding:4px 8px!important;
  font-size:.73rem!important;
  max-width:112px!important;
}
.public-store .shipping-method-accordion>summary:after {
  width:23px;height:23px;font-size:1.1rem;
}
.public-store .shipping-method-accordion .shipping-method-help {
  padding:8px 13px 6px!important;
  margin:0!important;
  font-size:.78rem!important;
  line-height:1.42!important;
}
.public-store .shipping-method-accordion .shipping-method-options {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:4px 10px 11px!important;
}
.public-store .shipping-method-accordion .shipping-method-card {
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 17px;
  grid-template-rows:auto;
  align-items:center!important;
  justify-content:start!important;
  flex-direction:row!important;
  gap:7px!important;
  min-height:65px!important;
  padding:9px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.public-store .shipping-method-accordion .shipping-method-card.selected {
  padding:8px!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--rose,#c99090) 20%,transparent)!important;
}
.public-store .shipping-method-accordion .shipping-method-card:last-child {
  grid-column:1/-1!important;
}
.public-store .shipping-method-accordion .shipping-method-emoji {
  width:32px!important;height:32px!important;flex-basis:32px!important;
  border-radius:10px!important;font-size:17px!important;
}
.public-store .shipping-method-accordion .shipping-method-content {
  min-width:0!important;
  gap:2px!important;
}
.public-store .shipping-method-accordion .shipping-method-content b {
  font-size:.83rem!important;
  line-height:1.25!important;
  font-weight:730!important;
}
.public-store .shipping-method-accordion .shipping-method-content small {
  font-size:.70rem!important;
  line-height:1.3!important;
}
.public-store .shipping-method-accordion .shipping-method-check {
  position:static!important;
  grid-column:3;
  width:17px!important;height:17px!important;
  font-size:10px!important;
  justify-self:end;
  flex-basis:17px;
}
@media(min-width:560px) {
 .public-store .shipping-method-accordion .shipping-method-options {
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 .public-store .shipping-method-accordion .shipping-method-card:last-child {
   grid-column:auto!important;
 }
}
@media(max-width:355px) {
 .public-store .shipping-method-accordion .shipping-method-options {
   grid-template-columns:1fr!important;
 }
 .public-store .shipping-method-accordion .shipping-method-card:last-child {grid-column:auto!important}
 .public-store .shipping-details .nearby-agencies button {column-gap:6px!important;padding:10px!important}
 .public-store .shipping-details .nearby-agencies button small:last-child{padding:5px 6px;font-size:.72rem!important}
}


/* V63 · Diseño boutique compacto para selección de transporte. Las opciones
   son filas táctiles horizontales y se mantienen colapsables. */
.public-store .shipping-method-accordion {
  overflow:hidden; border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--rose,#c99090) 34%,#ffffff)!important;
  background:var(--card,#fff)!important;
  box-shadow:0 4px 16px rgba(65,35,40,.035)!important;
}
.public-store .shipping-method-accordion>summary {
  padding:12px 14px!important; min-height:52px!important;
  border-bottom:0!important; line-height:1.35;
}
.public-store .shipping-method-accordion[open]>summary {
  border-bottom:1px solid color-mix(in srgb,var(--rose,#c99090) 20%,transparent)!important;
}
.public-store .shipping-method-accordion .shipping-method-options {
  display:flex!important; flex-direction:column!important;
  grid-template-columns:none!important; padding:9px 11px 12px!important;
  gap:8px!important; margin:0!important;
}
.public-store .shipping-method-accordion .shipping-method-card,
.public-store .shipping-method-accordion .shipping-method-card:last-child {
  box-sizing:border-box; width:100%!important; min-width:0;
  grid-column:auto!important; display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 23px!important;
  grid-template-rows:1fr!important; align-items:center!important;
  gap:11px!important; padding:10px 13px!important; min-height:60px!important;
  border-radius:13px!important; border:1px solid color-mix(in srgb,var(--rose,#c99090) 24%,#eee)!important;
  box-shadow:none!important; background:var(--card,#fff); cursor:pointer;
}
.public-store .shipping-method-accordion .shipping-method-card.selected {
  padding:10px 13px!important; border-color:var(--rose,#c99090)!important;
  background:color-mix(in srgb,var(--rose,#c99090) 5%,var(--card,#fff))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--rose,#c99090) 13%,transparent)!important;
}
.public-store .shipping-method-accordion .shipping-method-emoji {
  grid-column:1; grid-row:1; width:38px!important; height:38px!important;
  border-radius:11px!important; font-size:18px!important;
  display:grid;place-items:center;
}
.public-store .shipping-method-accordion .shipping-method-content {
  grid-column:2; grid-row:1; min-width:0; display:block!important;
}
.public-store .shipping-method-accordion .shipping-method-content b {
  font-size:.90rem!important; line-height:1.3!important; font-weight:750!important;
}
.public-store .shipping-method-accordion .shipping-method-check {
  grid-column:3!important;grid-row:1!important; position:static!important;
  justify-self:center!important; width:21px!important;height:21px!important;
  flex-basis:21px!important;font-size:12px!important;
}
.public-store .shipping-method-accordion .shipping-method-card:focus-within {
  outline:2px solid var(--rose,#c99090); outline-offset:2px;
}
@media(max-width:355px) {
 .public-store .shipping-method-accordion .shipping-method-options {
   display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
 }
 .public-store .shipping-method-accordion .shipping-method-card {
   grid-template-columns:36px minmax(0,1fr) 22px!important;
 }
}

/* V64: formulario a domicilio sin selección innecesaria de sucursal. */
.public-store .home-shipping-fields {
  width:100%;box-sizing:border-box;min-width:0;
  border:1px solid color-mix(in srgb,var(--rose,#c99090) 27%,#fff);
  border-radius:15px;padding:15px;
  background:var(--card,#fff);display:grid;gap:9px;
}
.public-store .home-shipping-fields label {font-size:.88rem;font-weight:650;}
.public-store .home-shipping-fields textarea {box-sizing:border-box;width:100%;min-width:0;max-width:100%;border-radius:11px;}
.public-store .home-shipping-fields small {line-height:1.5;}
@media(max-width:480px){.public-store .home-shipping-fields{padding:12px;gap:8px;}}

.order-quick-items .print-order-btn{margin-left:auto;background:#fff;border:1px solid #dccfc7;color:#6e5a50;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:600;white-space:nowrap}.order-quick-items .print-order-btn:hover{border-color:var(--rose);color:var(--rose-dark);background:#fffaf8}.order-quick-items .print-order-btn+.danger-link{margin-left:0}@media (width<=640px){.order-quick-items .print-order-btn{width:100%;margin-left:0;justify-content:center;padding:9px 12px}.order-quick-items .print-order-btn+.danger-link{margin-left:auto}}


/* V75 · Botón de impresión boutique */
.order-quick-items .print-order-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin-left:auto!important;padding:8px 14px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--rose,#c99090) 42%,#fff)!important;background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--rose,#c99090) 7%,#fff) 100%)!important;color:var(--rose-dark,#9f666a)!important;font-size:11.5px!important;font-weight:750!important;letter-spacing:.01em;box-shadow:0 3px 10px rgba(90,53,57,.07)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.order-quick-items .print-order-btn::before{content:"🖨";font-size:13px;line-height:1}.order-quick-items .print-order-btn:hover{transform:translateY(-1px);border-color:var(--rose,#c99090)!important;box-shadow:0 5px 14px rgba(90,53,57,.11)!important}.order-quick-items .print-order-btn:active{transform:translateY(0)}@media(max-width:640px){.order-quick-items .print-order-btn{width:100%!important;min-height:42px;margin-left:0!important;padding:10px 14px!important}}

/* V78 · Resumen de abonos y saldo en Mis pedidos */
.customer-payment-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:12px 24px 14px;
  border-top:1px solid #f1e8e2;
  background:linear-gradient(180deg,#fffdfc 0%,color-mix(in srgb,var(--rose,#c99090) 5%,#fff) 100%);
}
.customer-payment-summary>span{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.customer-payment-summary small{
  color:#94847b;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:9px;
  font-weight:650;
}
.customer-payment-summary b{
  color:#5d4741;
  font-size:13px;
  white-space:nowrap;
}
.customer-payment-summary>span:last-child b{
  color:var(--rose-dark,#9f666a);
}
.customer-payment-summary>span.paid-off b{
  color:#56715b;
}
@media(max-width:640px){
  .customer-payment-summary{
    gap:6px;
    padding:11px 14px 13px;
  }
  .customer-payment-summary small{
    font-size:8px;
    letter-spacing:.04em;
  }
  .customer-payment-summary b{
    font-size:12px;
  }
}

/* V79 · Catálogo ampliado de categorías */
.category-block .category-showcase.expanded-categories{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.category-block .expanded-categories .mini-category{
  grid-template-columns:52px minmax(0,1fr)!important;
  height:142px!important;
  min-width:0;
  padding:16px!important;
  border-radius:22px 7px;
}
.category-block .expanded-categories .mini-category .category-icon{
  width:48px;
  height:48px;
}
.category-block .expanded-categories .mini-category .category-icon svg{
  width:25px;
  height:25px;
}
.category-block .expanded-categories .mini-category .category-copy h3{
  margin:4px 0 8px;
  font-size:19px;
  overflow-wrap:anywhere;
}
.category-block .expanded-categories .mini-category .category-copy small{
  font-size:7px;
}
.category-pills{flex-wrap:wrap}
@media (max-width:900px){
  .category-block .category-showcase.expanded-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .catalog-tools{align-items:stretch;flex-wrap:wrap}
  .category-pills{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:2px 0 6px;
  }
  .category-pills::-webkit-scrollbar{display:none}
  .category-pills button{flex:0 0 auto;white-space:nowrap}
  .search-box{flex:1;margin-left:0}
  .category-block .category-showcase.expanded-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-block .expanded-categories .mini-category,
  .category-block .expanded-categories .mini-category:last-child{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:126px;
    height:126px!important;
    padding:13px!important;
  }
  .category-block .expanded-categories .mini-category .category-icon{width:40px;height:40px}
  .category-block .expanded-categories .mini-category .category-icon svg{width:21px;height:21px}
  .category-block .expanded-categories .mini-category .category-copy h3{font-size:16px!important}
  .category-block .expanded-categories .mini-category .category-copy small{display:none}
  .category-block .expanded-categories .mini-category b{font-size:.57rem}
}

/* V80 · Descuentos fijos de producto + códigos promocionales */
.product-discount-preview{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  min-height:74px;
  padding:10px 12px;
  border:1px dashed color-mix(in srgb,var(--admin-accent,#c99090) 38%,#ddd);
  border-radius:14px;
  background:color-mix(in srgb,var(--admin-accent,#c99090) 6%,#fff)
}
.product-discount-preview small{font-size:11px;color:#806f69}
.product-discount-preview b{font-size:18px;color:var(--admin-accent,#a96f72)}
.product-discount-preview span{font-size:10.5px;line-height:1.35;color:#8b7c75}
.inventory-price.discounted{display:flex!important;align-items:baseline;gap:7px;flex-wrap:wrap}
.inventory-price del{font-size:11px;font-weight:500;color:#9b8d87}
.order-discount-note{display:block;margin-top:2px;color:#a5686d;font-size:10px;font-weight:700}

.discount-code-panel,.discount-code-list{margin-top:16px}
.discount-code-form{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:12px;align-items:end}
.discount-code-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#62544e}
.discount-code-form input{min-height:42px;border:1px solid #ded3ce;border-radius:12px;padding:9px 11px;background:#fff;color:#3f3531}
.discount-code-form label small{font-weight:500;color:#91827b;line-height:1.3}
.discount-active-check{flex-direction:row!important;align-items:center!important;min-height:42px;padding:0 4px;white-space:nowrap}
.discount-active-check input{min-height:auto;width:18px;height:18px;accent-color:var(--admin-accent,#c99090)}
.discount-form-actions{display:flex;gap:8px;align-items:center}
.discount-code-message{grid-column:1/-1;margin:0;padding:9px 11px;border-radius:10px;background:#f8f1ee;color:#815d61;font-size:12px}
.discount-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.discount-code-card{display:grid;gap:9px;padding:14px;border:1px solid #e7ddd8;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(80,56,50,.04)}
.discount-code-card.inactive{opacity:.66;background:#faf8f7}
.discount-code-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.discount-code-card strong{font-size:15px;letter-spacing:.06em;color:#4a3a35}
.discount-code-card>div>b{color:var(--admin-accent,#a96f72);white-space:nowrap}
.discount-code-card>small{color:#887a74}
.discount-code-card>footer{display:flex;gap:7px;flex-wrap:wrap}
.discount-code-card>footer button{border:1px solid #e1d6d1;background:#fff;border-radius:10px;padding:7px 9px;font-size:11px;cursor:pointer}
.discount-code-card>footer .danger-link{color:#a6555d}

.coupon-box{margin:10px 0 8px;padding:12px;border:1px solid #eadfda;border-radius:15px;background:#fffaf8}
.coupon-box>label{display:block;margin-bottom:7px;font-size:11.5px;font-weight:750;color:#6f5f59}
.coupon-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.coupon-entry input{width:100%;min-width:0;height:40px;border:1px solid #dcccc5;border-radius:11px;padding:0 11px;text-transform:uppercase;letter-spacing:.04em;background:#fff}
.coupon-entry button{height:40px;border-radius:11px;padding:0 12px;border:1px solid color-mix(in srgb,var(--rose,#c99090) 55%,#ddd);background:#fff;color:#915e63;font-weight:750;cursor:pointer}
.coupon-entry .coupon-apply{background:color-mix(in srgb,var(--rose,#c99090) 10%,#fff)}
.coupon-entry .coupon-remove{color:#8a5d61}
.coupon-status{display:block;margin-top:7px;font-size:10.5px;line-height:1.35;color:#a1555d}
.coupon-status.success{color:#55735c}
.discount-line{color:#9a6167}
.discount-line b{color:#9a6167}

@media(max-width:760px){
  .discount-code-form{grid-template-columns:1fr}
  .discount-form-actions{width:100%}
  .discount-form-actions .btn{flex:1}
  .discount-active-check{padding:4px 0}
  .product-discount-preview{min-height:64px}
}

/* V82 · Guías de tallas públicas e internas */
.size-guides-page{min-height:70vh;background:var(--home-bg,#faf7f2);color:var(--home-card-text,#493b35);padding:0 0 72px}
.size-guides-hero{max-width:1180px;margin:0 auto;padding:58px 24px 28px;text-align:center}
.size-guides-hero .eyebrow{display:inline-block;margin-bottom:10px;color:var(--rose-dark,#9f666a);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.size-guides-hero h1{margin:0;font-family:var(--home-font,"DM Sans"),sans-serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}
.size-guides-hero p{max-width:690px;margin:16px auto 0;color:color-mix(in srgb,var(--home-card-text,#493b35) 70%,transparent);line-height:1.65}
.size-guides-content{max-width:1180px;margin:0 auto;padding:0 24px}
.size-guides-search{display:flex;align-items:center;gap:10px;max-width:620px;margin:0 auto 28px;padding:0 14px;border:1px solid color-mix(in srgb,var(--rose,#c99090) 30%,#ddd);border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(66,45,42,.06)}
.size-guides-search svg{width:18px;flex:0 0 auto;color:var(--rose-dark,#9f666a)}
.size-guides-search input{width:100%;min-height:48px;border:0!important;outline:0;background:transparent;padding:0!important;box-shadow:none!important;font:inherit;color:inherit}
.size-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.size-guide-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--rose,#c99090) 18%,#e8e1dc);border-radius:18px;background:var(--home-card-bg,#fff);box-shadow:0 10px 30px rgba(67,44,42,.06)}
.size-guide-image-button{display:block;width:100%;height:360px;padding:14px;border:0;background:color-mix(in srgb,var(--home-bg,#faf7f2) 75%,#fff);cursor:zoom-in}
.size-guide-image-button img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}
.size-guide-card-body{display:flex;flex-direction:column;gap:7px;padding:18px}
.size-guide-card-body h2{margin:0;font-size:1.05rem;line-height:1.3}
.size-guide-card-body p{margin:0;font-size:.9rem}
.size-guide-card-body small{color:#7a6b65}
.size-guide-open{align-self:flex-start;margin-top:8px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--rose,#c99090) 35%,#ddd);border-radius:999px;background:#fff;color:var(--rose-dark,#9f666a);font-weight:750;cursor:pointer}
.size-guides-loading,.size-guides-empty{padding:52px 20px;text-align:center;border:1px dashed color-mix(in srgb,var(--rose,#c99090) 30%,#ddd);border-radius:18px;background:rgba(255,255,255,.56)}
.size-guides-empty h2{margin:0 0 8px;font-size:1.15rem}.size-guides-empty p{margin:0;color:#796b65}
.size-guide-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(24,18,18,.75);backdrop-filter:blur(6px)}
.size-guide-lightbox-card{position:relative;width:min(920px,96vw);max-height:94vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.size-guide-lightbox-card>img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#faf8f5}
.size-guide-lightbox-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px}.size-guide-lightbox-card>div small{color:#756862}
.size-guide-lightbox-close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(0,0,0,.16);cursor:pointer}

.size-guide-admin-form,.size-guide-admin-list{margin-bottom:20px}
.size-guide-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.size-guide-form>label{display:flex;flex-direction:column;gap:7px;font-size:.84rem;font-weight:700}
.size-guide-form>label input:not([type=checkbox]),.size-guide-form>label select{width:100%;min-height:44px}
.size-guide-form label small{font-weight:500;color:#84746f;line-height:1.35}
.size-guide-form .size-guide-file{grid-column:1/-1}
.size-guide-form .size-guide-file input[type=file]{padding:10px;border:1px dashed color-mix(in srgb,var(--admin-accent,#c99090) 42%,#ccc);border-radius:12px;background:#fff}
.size-guide-admin-preview{grid-column:1/-1;display:grid;place-items:center;min-height:190px;max-height:470px;padding:14px;border:1px solid #eadfd9;border-radius:14px;background:#faf7f4;overflow:auto}
.size-guide-admin-preview img{display:block;max-width:100%;max-height:430px;object-fit:contain;border-radius:8px}
.size-guide-form .discount-active-check{grid-column:1/-1;flex-direction:row;align-items:center}
.size-guide-form>.btn{justify-self:start}
.size-guide-toolbar{margin:14px 0 18px}.size-guide-toolbar label{max-width:520px}
.size-guide-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.size-guide-admin-card{overflow:hidden;border:1px solid #eadfd9;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(68,46,43,.05)}
.size-guide-admin-card.inactive{opacity:.68}
.size-guide-admin-thumb{height:220px;padding:10px;background:#faf7f4}
.size-guide-admin-thumb img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.size-guide-admin-card>div:last-child{display:flex;flex-direction:column;gap:6px;padding:14px}
.size-guide-admin-card strong{line-height:1.3}.size-guide-admin-card small{color:#756862}.size-guide-admin-card .state-on,.size-guide-admin-card .state-off{align-self:flex-start}
.size-guide-admin-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.size-guide-admin-card footer button{font-size:.78rem}

@media(max-width:900px){.size-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.size-guide-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .size-guides-hero{padding:38px 16px 20px}.size-guides-content{padding:0 14px}.size-guides-search{margin-bottom:18px}.size-guides-grid{grid-template-columns:1fr;gap:14px}.size-guide-image-button{height:auto;min-height:280px;max-height:520px}.size-guide-image-button img{max-height:490px}.size-guide-card-body{padding:15px}.size-guide-open{width:100%;min-height:42px;text-align:center}
  .size-guide-lightbox{padding:8px}.size-guide-lightbox-card{width:100%;max-height:96vh;border-radius:14px}.size-guide-lightbox-card>img{max-height:82vh}.size-guide-lightbox-card>div{align-items:flex-start;flex-direction:column}
  .size-guide-form{grid-template-columns:1fr}.size-guide-admin-grid{grid-template-columns:1fr}.size-guide-admin-thumb{height:auto;min-height:220px;max-height:420px}.size-guide-admin-thumb img{max-height:390px}.size-guide-form>.btn{width:100%;min-height:44px}
}

/* V83 · Detalles adicionales por producto */
.product-extra-details{
  width:100%;
  margin-top:12px;
  border:1px solid rgba(96,67,70,.12);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  overflow:hidden;
}
.product-extra-details summary{
  list-style:none;
  cursor:pointer;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:750;
  color:var(--rose-dark,#9f666a);
  user-select:none;
}
.product-extra-details summary::-webkit-details-marker{display:none}
.product-extra-details summary::after{
  content:"+";
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(201,144,144,.11);
  font-size:18px;
  line-height:1;
}
.product-extra-details[open] summary::after{content:"−"}
.product-extra-details p{
  margin:0;
  padding:0 14px 14px;
  color:var(--text,#493b35);
  line-height:1.65;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .product-extra-details{margin-top:10px;border-radius:12px}
  .product-extra-details summary{padding:11px 12px;font-size:14px}
  .product-extra-details p{padding:0 12px 12px;font-size:14px}
}

/* V83 · Detalles adicionales por producto */
.product-extra-details{
  width:100%;
  margin-top:12px;
  border:1px solid rgba(96,67,70,.12);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  overflow:hidden;
}
.product-extra-details summary{
  list-style:none;
  cursor:pointer;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:750;
  color:var(--rose-dark,#9f666a);
  user-select:none;
}
.product-extra-details summary::-webkit-details-marker{display:none}
.product-extra-details summary::after{
  content:"+";
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(201,144,144,.11);
  font-size:18px;
  line-height:1;
}
.product-extra-details[open] summary::after{content:"−"}
.product-extra-details p{
  margin:0;
  padding:0 14px 14px;
  color:var(--text,#493b35);
  line-height:1.65;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .product-extra-details{margin-top:10px;border-radius:12px}
  .product-extra-details summary{padding:11px 12px;font-size:14px}
  .product-extra-details p{padding:0 12px 12px;font-size:14px}
}

/* V85 · Yape QR informativo */
.yape-settings-panel .yape-setting-fields{align-items:start}
.yape-qr-config{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid rgba(143,95,102,.18);border-radius:14px;background:rgba(255,255,255,.72)}
.yape-qr-config img,.yape-qr-placeholder{width:112px;height:112px;border-radius:12px;border:1px solid rgba(143,95,102,.18);background:#fff;object-fit:contain;padding:6px}
.yape-qr-placeholder{display:grid;place-items:center;color:#8d7b75;font-size:12px}
.yape-qr-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.yape-upload-btn{position:relative;overflow:hidden;cursor:pointer}
.yape-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.yape-qr-config>small{grid-column:2;color:#7c6d66;line-height:1.45}
.yape-cart-card{display:flex;gap:11px;align-items:center;margin:11px 0 2px;padding:10px;border:1px solid rgba(143,95,102,.18);border-radius:13px;background:linear-gradient(145deg,rgba(250,247,242,.96),rgba(255,255,255,.98))}
.yape-cart-qr{flex:0 0 auto;width:74px;height:74px;border-radius:10px;border:1px solid rgba(143,95,102,.18);background:#fff;padding:4px;display:block}
.yape-cart-qr img{width:100%;height:100%;object-fit:contain;display:block;border-radius:7px}
.yape-cart-info{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.25}
.yape-cart-info b{font-size:13px;color:var(--rose-dark,#8f5f66)}
.yape-cart-info span{font-size:12px;color:#5b4c46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yape-cart-info strong{font-size:15px;letter-spacing:.02em;color:#342a26}
.yape-cart-info small{font-size:10.5px;color:#8a7972}
@media(max-width:640px){.yape-qr-config{grid-template-columns:88px minmax(0,1fr);padding:11px}.yape-qr-config img,.yape-qr-placeholder{width:88px;height:88px}.yape-cart-card{padding:8px 9px}.yape-cart-qr{width:66px;height:66px}.yape-cart-info strong{font-size:14px}}

/* V87 · Rediseño visual de Guías de tallas (admin) */
.size-guide-admin-form,
.size-guide-admin-list{
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--admin-accent,#c99090) 18%,#e8dfda);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--admin-accent,#c99090) 2.5%,#fff) 100%);
  box-shadow:0 10px 30px rgba(76,52,48,.055);
}
.size-guide-admin-form::before,
.size-guide-admin-list::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--admin-accent,#c99090),color-mix(in srgb,var(--admin-accent,#c99090) 35%,#fff),transparent 88%);
}
.size-guide-admin-form .panel-title,
.size-guide-admin-list .panel-title{
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid color-mix(in srgb,var(--admin-accent,#c99090) 13%,#ece5e1);
}
.size-guide-admin-form .panel-title h3,
.size-guide-admin-list .panel-title h3{
  margin:0 0 5px;
  color:#4b3734;
  font-size:1.02rem;
  letter-spacing:-.01em;
}
.size-guide-admin-form .panel-title p,
.size-guide-admin-list .panel-title p{
  margin:0;
  max-width:760px;
  color:#8a7872;
  line-height:1.5;
}
.size-guide-admin-list .panel-title>b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:31px;
  padding:5px 11px;
  border:1px solid color-mix(in srgb,var(--admin-accent,#c99090) 26%,#e4d9d4);
  border-radius:999px;
  background:color-mix(in srgb,var(--admin-accent,#c99090) 9%,#fff);
  color:color-mix(in srgb,var(--admin-accent,#9f686d) 82%,#4c3936);
  font-size:.78rem;
  font-weight:800;
}

.size-guide-form{
  gap:18px 16px;
}
.size-guide-form>label{
  gap:8px;
  color:#5d4b46;
  font-size:.8rem;
  font-weight:780;
}
.size-guide-form>label input:not([type=checkbox]),
.size-guide-form>label select{
  width:100%;
  min-height:46px;
  padding:0 13px;
  border:1px solid #ded4cf;
  border-radius:12px;
  background:#fff;
  color:#443936;
  font:inherit;
  font-weight:560;
  outline:none;
  box-shadow:0 1px 0 rgba(77,54,49,.02);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.size-guide-form>label input:not([type=checkbox])::placeholder{
  color:#a99b96;
}
.size-guide-form>label input:not([type=checkbox]):focus,
.size-guide-form>label select:focus{
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 72%,#cfc3be);
  background:color-mix(in srgb,var(--admin-accent,#c99090) 2.5%,#fff);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-accent,#c99090) 11%,transparent);
}
.size-guide-form label small{
  color:#94847e;
  font-size:.72rem;
  font-weight:520;
  line-height:1.42;
}

.size-guide-form .size-guide-file{
  position:relative;
  grid-column:1/-1;
  gap:9px;
}
.size-guide-form .size-guide-file input[type=file]{
  min-height:96px;
  padding:14px;
  border:1.5px dashed color-mix(in srgb,var(--admin-accent,#c99090) 44%,#d8ceca);
  border-radius:15px;
  background:color-mix(in srgb,var(--admin-accent,#c99090) 3%,#fff);
  color:#887670;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.size-guide-form .size-guide-file input[type=file]:hover{
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 68%,#cfc4c0);
  background:color-mix(in srgb,var(--admin-accent,#c99090) 6%,#fff);
}
.size-guide-form .size-guide-file input[type=file]:focus{
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-accent,#c99090) 10%,transparent);
}
.size-guide-form .size-guide-file input[type=file]::file-selector-button{
  min-height:38px;
  margin:13px 12px 13px 2px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--admin-accent,#c99090) 38%,#ddd2cd);
  border-radius:10px;
  background:#fff;
  color:color-mix(in srgb,var(--admin-accent,#a96f72) 88%,#493936);
  font-weight:780;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(74,50,46,.05);
}

.size-guide-admin-preview{
  min-height:220px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--admin-accent,#c99090) 20%,#e8dfda);
  border-radius:16px;
  background:linear-gradient(135deg,#fbf8f6,#fff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.size-guide-admin-preview img{
  border-radius:11px;
  box-shadow:0 8px 22px rgba(72,49,45,.08);
}

.size-guide-form .discount-active-check{
  position:relative;
  display:grid!important;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  row-gap:2px;
  min-height:58px;
  margin-top:2px;
  padding:10px 13px!important;
  border:1px solid #e7ded9;
  border-radius:13px;
  background:#fffaf8;
  white-space:normal;
  cursor:pointer;
}
.size-guide-form .discount-active-check input[type=checkbox]{
  grid-row:1/3;
  align-self:center;
  appearance:none;
  width:42px;
  height:24px;
  margin:0;
  border:1px solid #d8ccc7;
  border-radius:999px;
  background:#e8e0dc;
  cursor:pointer;
  transition:.2s ease;
}
.size-guide-form .discount-active-check input[type=checkbox]::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  margin:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(74,51,47,.2);
  transition:transform .2s ease;
}
.size-guide-form .discount-active-check input[type=checkbox]:checked{
  border-color:var(--admin-accent,#c99090);
  background:var(--admin-accent,#c99090);
}
.size-guide-form .discount-active-check input[type=checkbox]:checked::before{
  transform:translateX(18px);
}
.size-guide-form .discount-active-check span{
  align-self:center;
  color:#5c4945;
  font-size:.8rem;
  font-weight:780;
}
.size-guide-form .discount-active-check span::after{
  content:"Las clientas podrán consultar esta guía desde la tienda.";
  display:block;
  margin-top:3px;
  color:#978681;
  font-size:.69rem;
  font-weight:520;
  line-height:1.35;
}

.size-guide-form>.btn.primary{
  min-height:44px;
  padding:0 18px;
  border-radius:11px;
  box-shadow:0 7px 16px color-mix(in srgb,var(--admin-accent,#c99090) 19%,transparent);
}

.size-guide-toolbar{
  margin:0 0 18px;
}
.size-guide-toolbar label{
  max-width:560px;
  min-height:44px;
  border:1px solid #e1d7d2;
  border-radius:12px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.size-guide-toolbar label:focus-within{
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 62%,#ddd);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-accent,#c99090) 9%,transparent);
}
.size-guide-toolbar input{
  min-height:42px;
}

.size-guide-admin-grid{
  gap:18px;
}
.size-guide-admin-card{
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 16%,#e8dfda);
  border-radius:17px;
  box-shadow:0 9px 26px rgba(70,47,43,.065);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.size-guide-admin-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 30%,#e3d9d5);
  box-shadow:0 14px 32px rgba(70,47,43,.09);
}
.size-guide-admin-card.inactive{
  opacity:.72;
  filter:saturate(.72);
}
.size-guide-admin-thumb{
  height:230px;
  padding:12px;
  border-bottom:1px solid #eee6e2;
  background:linear-gradient(135deg,#faf6f4,#fff);
}
.size-guide-admin-card>div:last-child{
  gap:7px;
  padding:15px;
}
.size-guide-admin-card strong{
  color:#4a3935;
  font-size:.92rem;
}
.size-guide-admin-card small{
  color:#8b7a74;
  line-height:1.4;
}
.size-guide-admin-card .state-on,
.size-guide-admin-card .state-off{
  margin-top:2px;
  padding:4px 9px;
  border-radius:999px;
  font-size:.67rem;
  font-weight:800;
}
.size-guide-admin-card footer{
  gap:8px;
  margin-top:10px;
  padding-top:11px;
  border-top:1px solid #eee7e3;
}
.size-guide-admin-card footer button{
  min-height:34px;
  padding:0 11px;
  border:1px solid #e0d6d1;
  border-radius:9px;
  background:#fff;
  color:#6b5752;
  font-size:.72rem;
  font-weight:720;
  cursor:pointer;
}
.size-guide-admin-card footer button:hover{
  background:#fbf7f5;
  border-color:color-mix(in srgb,var(--admin-accent,#c99090) 34%,#ddd);
}
.size-guide-admin-card footer .danger-link{
  color:#aa5b62;
}
.size-guide-admin-list .empty-state.compact-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  padding:32px 18px;
  border:1px dashed color-mix(in srgb,var(--admin-accent,#c99090) 30%,#ddd4cf);
  border-radius:15px;
  background:linear-gradient(135deg,#fffaf8,#fff);
  text-align:center;
}
.size-guide-admin-list .empty-state.compact-empty::before{
  content:"📏";
  display:block;
  margin-bottom:8px;
  font-size:1.7rem;
  opacity:.75;
}
.size-guide-admin-list .empty-state.compact-empty p{
  margin:0;
  color:#8a7771;
}

@media(max-width:760px){
  .size-guide-admin-form,
  .size-guide-admin-list{
    margin-bottom:16px;
    padding:16px;
    border-radius:16px;
  }
  .size-guide-admin-form .panel-title,
  .size-guide-admin-list .panel-title{
    align-items:flex-start;
    gap:11px;
    margin-bottom:16px;
    padding-bottom:13px;
  }
  .size-guide-admin-list .panel-title>b{
    min-width:auto;
    min-height:28px;
    padding:4px 9px;
    font-size:.7rem;
  }
  .size-guide-form{
    grid-template-columns:1fr;
    gap:15px;
  }
  .size-guide-form>label input:not([type=checkbox]),
  .size-guide-form>label select{
    min-height:46px;
    font-size:16px;
  }
  .size-guide-form .size-guide-file input[type=file]{
    min-height:108px;
    padding:12px;
    font-size:.75rem;
  }
  .size-guide-form .size-guide-file input[type=file]::file-selector-button{
    display:block;
    width:100%;
    margin:5px 0 9px;
  }
  .size-guide-admin-preview{
    min-height:180px;
    max-height:390px;
    padding:12px;
  }
  .size-guide-form .discount-active-check{
    grid-template-columns:auto minmax(0,1fr);
    min-height:64px;
    padding:10px 11px!important;
  }
  .size-guide-form>.btn.primary{
    width:100%;
    min-height:46px;
    justify-content:center;
  }
  .size-guide-toolbar label{
    max-width:none;
    width:100%;
  }
  .size-guide-admin-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .size-guide-admin-card:hover{
    transform:none;
  }
  .size-guide-admin-thumb{
    height:auto;
    min-height:210px;
    max-height:390px;
  }
  .size-guide-admin-card footer{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .size-guide-admin-card footer button{
    width:100%;
    min-height:38px;
  }
  .size-guide-admin-card footer .danger-link{
    grid-column:1/-1;
  }
}
/* ===== V88 · Catálogo e inventario: reorganización visual ===== */
.inventory-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 16px}.inventory-overview article{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);border:1px solid #eadfd9;border-radius:15px;padding:16px 17px;box-shadow:0 8px 22px rgba(91,67,57,.045);display:flex;flex-direction:column;min-height:112px}.inventory-overview article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c99090}.inventory-overview small{color:#8b7e76;font-size:11px;font-weight:700;letter-spacing:.02em}.inventory-overview strong{color:#493b35;font-family:"Playfair Display",serif;font-size:28px;line-height:1;margin:9px 0 7px}.inventory-overview span{color:#9a8c84;font-size:10px;line-height:1.35}
.inventory-toolbar-v88{background:#fff;border:1px solid #e9dfda;border-radius:15px;padding:13px;box-shadow:0 7px 20px rgba(91,67,57,.035);align-items:center}.inventory-toolbar-v88 .inventory-search{flex:1;min-width:260px;background:#faf7f5;border:1px solid #e3d8d2;border-radius:11px;padding:0 12px;min-height:44px;display:flex;align-items:center;gap:8px}.inventory-toolbar-v88 .inventory-search svg{color:#a06b70;flex:none}.inventory-toolbar-v88 .inventory-search input{background:transparent;border:0!important;outline:0;box-shadow:none!important;width:100%;height:42px;padding:0!important}.inventory-toolbar-v88 .filter-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.inventory-toolbar-v88 .filter-chips button{border:1px solid #e6dbd5;background:#fff;color:#766861;border-radius:999px;padding:9px 12px;min-height:36px;font-size:11px;font-weight:700;transition:.18s ease;display:flex;align-items:center;gap:6px}.inventory-toolbar-v88 .filter-chips button:hover{border-color:#c99090;background:#fcf6f4}.inventory-toolbar-v88 .filter-chips button.active{background:#9b6269;color:#fff;border-color:#9b6269;box-shadow:0 5px 14px rgba(155,98,105,.16)}.inventory-toolbar-v88 .filter-chips button b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:rgba(255,255,255,.22);font-size:10px}
.inventory-results-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 2px 10px}.inventory-results-line .results-count{margin:0;color:#73665f;font-size:12px}.inventory-results-line .results-count b{color:#493b35;font-size:13px}.inventory-results-line>span{color:#998b83;font-size:10px}
.organized-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.organized-products .inventory-card{min-height:0;border:1px solid #e8ddd7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 24px rgba(77,57,49,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.organized-products .inventory-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(77,57,49,.085);border-color:#ddcdc5}.organized-products .inventory-card.disabled{opacity:.76}.organized-products .inventory-photo{height:220px;background:#f7f1ee}.organized-products .inventory-photo>span{top:12px;right:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.organized-products .low-stock-badge{top:12px;left:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-weight:700}.organized-products .inventory-body{padding:16px 16px 14px}.organized-products .inventory-body>small{display:block;color:#9a8b83;font-size:10px;text-transform:uppercase;letter-spacing:.025em}.organized-products .inventory-body h3{margin:5px 0 11px;font-size:21px;line-height:1.2}.organized-products .inventory-meta{background:#fcf8f6;border:1px solid #eee3de;border-radius:10px;padding:9px 10px;margin-bottom:4px}.organized-products .inventory-price{color:#8f5f66;font-weight:800}.organized-products .inventory-meta>b{color:#5e524c}.organized-products .variant-groups{gap:6px;margin:10px 0 13px}.organized-products .variant-groups>div{background:#faf7f5;border:1px solid #eee5e0;border-radius:9px;grid-template-columns:minmax(88px,115px) 1fr;padding:7px 8px}.organized-products .variant-groups b{background:#fff}.organized-products .variant-groups b.low{background:#fff4e7;border-color:#edcfaa;color:#8b5d2e}.organized-products .card-actions{grid-template-columns:1.2fr 1fr auto;gap:7px;border-top:1px solid #efe6e1;padding-top:11px;margin-top:auto}.organized-products .card-actions button{min-height:36px;border-radius:9px}.organized-products .card-actions button:first-child{background:#9b6269;color:#fff}.organized-products .card-actions .danger-link{background:#fff!important;border:1px solid #ead6d4!important;padding-left:10px!important;padding-right:10px!important}.organized-products .card-actions button:hover{filter:brightness(.98)}
@media (max-width:1100px){.inventory-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.organized-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.inventory-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.inventory-overview article{min-height:100px;border-radius:13px;padding:13px 13px 12px}.inventory-overview strong{font-size:24px;margin:7px 0 5px}.inventory-overview span{font-size:9px}.inventory-toolbar-v88{padding:10px;display:grid;gap:10px}.inventory-toolbar-v88 .inventory-search{min-width:0;width:100%}.inventory-toolbar-v88 .filter-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.inventory-toolbar-v88 .filter-chips::-webkit-scrollbar{display:none}.inventory-toolbar-v88 .filter-chips button{white-space:nowrap;flex:none}.inventory-results-line{align-items:flex-start;flex-direction:column;gap:4px;margin:10px 2px}.organized-products{grid-template-columns:1fr;gap:12px}.organized-products .inventory-card{border-radius:14px}.organized-products .inventory-photo{height:240px}.organized-products .inventory-body{padding:14px}.organized-products .inventory-body h3{font-size:20px}.organized-products .variant-groups>div{grid-template-columns:92px 1fr}.organized-products .card-actions{grid-template-columns:1fr 1fr auto}.admin-heading .heading-actions{width:100%}.admin-heading .heading-actions .compact-cta{flex:1;justify-content:center}}
@media (max-width:420px){.inventory-overview{grid-template-columns:1fr 1fr}.inventory-overview article{padding:12px}.inventory-overview small{font-size:10px}.inventory-overview strong{font-size:22px}.organized-products .inventory-photo{height:220px}.organized-products .variant-groups>div{grid-template-columns:82px 1fr}.organized-products .card-actions button{font-size:10px;padding:8px 7px}}

/* V89 — Resumen compacto de Catálogo e inventario */
.inventory-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:4px 0 14px;
  padding:0 6px;
  background:#fff;
  border:1px solid #eadfd9;
  border-radius:15px;
  box-shadow:0 7px 20px rgba(91,67,57,.035);
  overflow:hidden;
}
.inventory-overview article{
  position:relative;
  overflow:visible;
  min-height:72px;
  padding:12px 18px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-content:center;
  align-items:center;
  column-gap:10px;
}
.inventory-overview article:not(:last-child){border-right:1px solid #eee5e0}
.inventory-overview article:before{display:none}
.inventory-overview small{
  grid-column:1;
  grid-row:1 / 3;
  display:flex;
  align-items:center;
  gap:8px;
  color:#766a63;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  line-height:1.25;
}
.inventory-overview small:before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:999px;
  background:#c99090;
  box-shadow:0 0 0 4px #fbf2f0;
}
.inventory-overview article:nth-child(2) small:before{background:#d59a61;box-shadow:0 0 0 4px #fff5e9}
.inventory-overview article:nth-child(3) small:before{background:#a98b82;box-shadow:0 0 0 4px #f5efec}
.inventory-overview article:nth-child(4) small:before{background:#8f5f66;box-shadow:0 0 0 4px #f7eded}
.inventory-overview strong{
  grid-column:2;
  grid-row:1 / 3;
  margin:0;
  color:#493b35;
  font-family:"Playfair Display",serif;
  font-size:23px;
  line-height:1;
  text-align:right;
}
.inventory-overview span{display:none}

@media (max-width:760px){
  .inventory-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:0;
  }
  .inventory-overview article{
    min-height:62px;
    padding:10px 13px;
  }
  .inventory-overview article:nth-child(2){border-right:0}
  .inventory-overview article:nth-child(-n+2){border-bottom:1px solid #eee5e0}
  .inventory-overview small{font-size:10px;gap:7px}
  .inventory-overview strong{font-size:21px}
}

@media (max-width:390px){
  .inventory-overview article{padding:9px 10px}
  .inventory-overview small{font-size:9.5px}
  .inventory-overview strong{font-size:19px}
}


/* ===== V90 · Ajustes de resumen y accesos operativos ===== */
/* Catálogo: barra compacta con iconos */
.inventory-overview small:before{
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  display:inline-grid!important;place-items:center!important;
  border-radius:8px!important;background:#f8eeec!important;
  box-shadow:none!important;color:#9b6269!important;
  font-size:13px!important;font-weight:900!important;line-height:1!important;
}
.inventory-overview article:nth-child(1) small:before{content:"●"!important}
.inventory-overview article:nth-child(2) small:before{content:"⚠"!important;background:#fff5e9!important;color:#b4773f!important}
.inventory-overview article:nth-child(3) small:before{content:"○"!important;background:#f5efec!important;color:#8f746b!important}
.inventory-overview article:nth-child(4) small:before{content:"▦"!important;background:#f7eded!important;color:#8f5f66!important}

/* Resumen: tarjetas operativas con más contenido pero sin hacerlas pesadas */
.workflow-queues-v90{gap:10px}
.workflow-queues-v90 button{
  min-height:78px!important;padding:12px 13px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 12px!important;
  align-items:center!important;gap:10px!important;text-align:left!important;
  border-radius:14px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.workflow-queues-v90 button:hover{transform:translateY(-1px);border-color:#dcc8c5!important;box-shadow:0 8px 18px rgba(88,62,53,.055)!important}
.workflow-queues-v90 .workflow-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#f8eeec;color:#9b6269;font-weight:850;font-style:normal;font-size:13px;
}
.workflow-queues-v90 button:nth-child(2) .workflow-icon{background:#f8f1e8;color:#a87849}
.workflow-queues-v90 button:nth-child(3) .workflow-icon{background:#edf5f0;color:#4e7f63}
.workflow-queues-v90 button:nth-child(4) .workflow-icon{background:#f1eef7;color:#75648d;font-size:10px}
.workflow-queues-v90 .workflow-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.workflow-queues-v90 .workflow-copy small{font-size:11px;color:#665a54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workflow-queues-v90 .workflow-copy em{font-size:9.5px;color:#a0938c;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workflow-queues-v90 b{font-size:20px!important;color:#a5666e!important;line-height:1!important}
.workflow-queues-v90 i{font-size:20px;color:#c2b3ac;font-style:normal;line-height:1}

.queue-filter-note{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:40px;padding:7px 10px;border:1px solid #eadbd6;border-radius:10px;
  background:#fff8f6;color:#786962;font-size:10.5px;
}
.queue-filter-note span{white-space:nowrap}.queue-filter-note b{color:#8f5f66}
.queue-filter-note button{border:0;background:transparent;color:#9b6269;font-weight:750;cursor:pointer;padding:5px 4px}
.queue-filter-note button:hover{text-decoration:underline}
.queue-filter-note-wide{margin:0 0 12px}

@media(max-width:760px){
  .inventory-overview small:before{width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:7px!important;font-size:12px!important}
  .workflow-queues-v90{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .workflow-queues-v90 button{min-height:72px!important;grid-template-columns:30px minmax(0,1fr) auto!important;padding:10px!important;gap:8px!important}
  .workflow-queues-v90 .workflow-icon{width:30px;height:30px;border-radius:9px}
  .workflow-queues-v90 button>i{display:none}
  .workflow-queues-v90 .workflow-copy small{font-size:10px}
  .workflow-queues-v90 .workflow-copy em{font-size:8.8px}
  .workflow-queues-v90 b{font-size:18px!important}
  .queue-filter-note{grid-column:1/-1;width:100%;box-sizing:border-box}
}
@media(max-width:430px){
  .workflow-queues-v90{grid-template-columns:1fr!important}
  .workflow-queues-v90 button{min-height:62px!important;grid-template-columns:30px minmax(0,1fr) auto!important}
}

/* ===== V91 · Iconos reales en resumen de inventario + filtros de Pedidos ===== */
.inventory-overview-v91 small:before{display:none!important;content:none!important}
.inventory-overview-v91 small{display:flex!important;align-items:center!important;gap:9px!important}
.inventory-overview-v91 small>span:last-child{display:inline!important;color:#766a63!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}
.inventory-overview-v91 .inventory-stat-icon{
  width:25px;height:25px;flex:0 0 25px;display:inline-grid!important;place-items:center;
  border-radius:8px;background:#f8eeec;color:#9b6269;font-size:13px;font-weight:900;line-height:1;
}
.inventory-overview-v91 article:nth-child(2) .inventory-stat-icon{background:#fff5e9;color:#b4773f}
.inventory-overview-v91 article:nth-child(3) .inventory-stat-icon{background:#f5efec;color:#8f746b}
.inventory-overview-v91 article:nth-child(4) .inventory-stat-icon{background:#f7eded;color:#8f5f66}

.order-filter-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px;
}
.order-filter-chips button{
  border:1px solid #e6dbd5;background:#fff;color:#766861;border-radius:999px;
  padding:9px 13px;min-height:36px;font-size:11px;font-weight:700;cursor:pointer;
  transition:.16s ease;
}
.order-filter-chips button:hover{border-color:#c99090;background:#fcf6f4}
.order-filter-chips button.active{
  background:#9b6269;color:#fff;border-color:#9b6269;box-shadow:0 5px 14px rgba(155,98,105,.16)
}

@media(max-width:760px){
  .inventory-overview-v91 .inventory-stat-icon{width:22px;height:22px;flex-basis:22px;border-radius:7px;font-size:12px}
  .inventory-overview-v91 small>span:last-child{font-size:10px!important}
  .order-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}
  .order-filter-chips::-webkit-scrollbar{display:none}
  .order-filter-chips button{white-space:nowrap;flex:0 0 auto}
}


/* ===== V92 · Inventario más compacto con iconos más protagonistas ===== */
.inventory-overview-v91 article{
  min-height:78px;
}
.inventory-overview-v91 small{
  gap:10px!important;
}
.inventory-overview-v91 .inventory-stat-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:10px;
  font-size:15px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 6px 14px rgba(108,74,76,.08);
  border:1px solid rgba(201,144,144,.18);
}
.inventory-overview-v91 small>span:last-child{
  font-size:11.2px!important;
  font-weight:800!important;
  color:#6d5d56!important;
}
.inventory-overview-v91 strong{
  font-size:20px;
}
@media(max-width:760px){
  .inventory-overview-v91 .inventory-stat-icon{
    width:27px;
    height:27px;
    flex-basis:27px;
    border-radius:9px;
    font-size:13px;
  }
}

/* ===== V92 · Movimientos colapsados por defecto y summary más claro ===== */
.movement-history{
  overflow:hidden;
}
.movement-history > summary{
  list-style:none;
  cursor:pointer;
}
.movement-history > summary::-webkit-details-marker{display:none}
.movement-history > summary .panel-title,
.movement-history > summary.panel-title{
  position:relative;
}
.movement-history > summary .panel-title::after,
.movement-history > summary.panel-title::after{
  content:'+';
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f8efed;
  color:#9b6269;
  font-size:18px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.movement-history[open] > summary .panel-title::after,
.movement-history[open] > summary.panel-title::after{
  content:'−';
}

/* ===== V92 · Pedidos rediseñados visualmente ===== */
.order-filter-chips{
  margin:2px 0 14px;
}
.order-filter-chips button{
  min-height:38px;
  padding:9px 15px;
  border-color:#e7dbd5;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  box-shadow:0 2px 8px rgba(75,51,43,.03);
}
.order-filter-chips button.active{
  background:linear-gradient(180deg,#a96f72 0%,#9b6269 100%);
}

.admin-toolbar.multi-filter{
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  border:1px solid #eaded8;
  border-radius:18px;
  padding:14px;
  gap:12px;
  align-items:end;
  box-shadow:0 10px 24px rgba(74,51,44,.04);
}
.admin-toolbar.multi-filter > label{
  background:#fff;
  border:1px solid #e6d9d2;
  border-radius:14px;
  min-height:56px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.admin-toolbar.multi-filter > label input{
  border:0;
  outline:none;
  background:transparent;
  width:100%;
}
.admin-toolbar.multi-filter .date-filter{
  min-width:230px;
  justify-content:space-between;
}
.admin-toolbar.multi-filter .date-filter span{
  color:#9a877d;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.admin-toolbar.multi-filter .date-filter input{
  text-align:right;
}
.admin-toolbar.multi-filter .clear-filter{
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid #ead8d2;
  background:#fff8f6;
  color:#8f5f66;
  font-weight:700;
}
.queue-filter-note{
  min-height:44px;
  border-radius:12px;
  background:linear-gradient(180deg,#fff7f5 0%,#fffdfc 100%);
}

.order-list-admin.weekly-orders{
  display:grid;
  gap:14px;
}
.order-week{
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f4 100%);
  overflow:hidden;
  box-shadow:0 12px 28px rgba(77,56,48,.045);
}
.order-week > summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  background:linear-gradient(180deg,#fef8f6 0%,#f7efe9 100%);
  border-bottom:1px solid #efe1da;
}
.order-week > summary::-webkit-details-marker{display:none}
.order-week > summary span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-right:28px;
  position:relative;
}
.order-week > summary span::after{
  content:'›';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-52%) rotate(90deg);
  color:#aa7b7b;
  font-size:22px;
  font-weight:700;
  transition:transform .18s ease;
}
.order-week[open] > summary span::after{
  transform:translateY(-52%) rotate(-90deg);
}
.order-week > summary b{
  font-size:15px;
  color:#4d3b35;
}
.order-week > summary small{
  color:#9a867b;
  font-size:11px;
  font-weight:700;
}
.week-orders{
  display:grid;
  gap:12px;
  padding:16px;
}
.order-admin-card{
  border:1px solid #efe4dd;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(71,48,39,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.order-admin-card:hover{
  transform:translateY(-1px);
  border-color:#e1cfc8;
  box-shadow:0 12px 28px rgba(71,48,39,.07);
}
.order-summary-button{
  width:100%;
  border:0;
  background:transparent;
  padding:18px 18px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  text-align:left;
}
.order-summary-button small{
  color:#9d8a80;
  font-size:11px;
  font-weight:700;
}
.order-summary-button strong{
  display:block;
  margin-top:4px;
  color:#332723;
  font-family:Playfair Display,serif;
  font-size:20px;
  line-height:1.1;
}
.order-summary-button > div:first-child > span{
  margin-top:6px;
  color:#7d6c63;
  font-size:12px;
  display:block;
}
.order-summary-button > div:last-child{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.order-summary-button b{
  color:#221814;
  font-size:17px;
}
.order-summary-button .order-discount-note{
  color:#a06970;
  font-size:10.5px;
  text-align:right;
}
.order-summary-button .status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#f6eee9;
  color:#85695e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
}
.order-summary-button .status::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b59685;
  box-shadow:0 0 0 4px rgba(181,150,133,.12);
}
.order-quick-items{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 18px 16px;
  border-top:1px solid #f1e6e0;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
}
.order-quick-items > span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:#f7efe9;
  color:#705f57;
  font-size:11px;
  font-weight:700;
}
.order-quick-items .danger-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:39px;
  margin-left:0;
  padding:0 14px;
  border:1px solid #f0d4d0;
  border-radius:999px;
  background:#fff;
  color:#b06870;
  font-size:11.5px;
  font-weight:750;
}
.order-quick-items .danger-link:hover{
  background:#fff7f7;
  border-color:#dca5ab;
}
.order-week .empty-state,
.order-list-admin .empty-state{
  margin:0;
}

@media(max-width:860px){
  .admin-toolbar.multi-filter{
    grid-template-columns:1fr;
  }
  .admin-toolbar.multi-filter .date-filter{
    min-width:0;
  }
}
@media(max-width:640px){
  .admin-toolbar.multi-filter{
    padding:12px;
    border-radius:16px;
  }
  .admin-toolbar.multi-filter > label{
    min-height:52px;
    border-radius:13px;
    padding:0 12px;
  }
  .admin-toolbar.multi-filter .date-filter{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
  }
  .order-week > summary{
    padding:14px 15px;
  }
  .week-orders{
    padding:12px;
  }
  .order-summary-button{
    grid-template-columns:1fr;
    gap:12px;
    padding:16px 15px 12px;
  }
  .order-summary-button > div:last-child{
    align-items:flex-start;
  }
  .order-summary-button .order-discount-note{
    text-align:left;
  }
  .order-quick-items{
    padding:12px 15px 14px;
  }
  .order-quick-items > span{
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .order-quick-items .print-order-btn,
  .order-quick-items .danger-link{
    width:100%;
    margin-left:0!important;
  }
}


/* ===== V93 · Pedidos: filtro activo simplificado + fecha exacta pulida ===== */
.queue-filter-note-actiononly{
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  justify-content:flex-end!important;
  align-self:end;
}
.queue-filter-note-actiononly button{
  min-height:40px;
  padding:0 16px!important;
  border:1px solid #e5d4ce!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff 0%,#fff8f6 100%)!important;
  color:#936168!important;
  font-size:11.5px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(104,66,67,.055);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.queue-filter-note-actiononly button:hover{
  transform:translateY(-1px);
  border-color:#c99090!important;
  box-shadow:0 7px 16px rgba(104,66,67,.09);
  text-decoration:none!important;
}

/* Calendario de fecha exacta */
.admin-toolbar.multi-filter > label.date-filter{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr;
  align-content:center;
  gap:3px!important;
  min-width:238px;
  min-height:58px;
  padding:8px 12px 7px 14px!important;
  border:1px solid #e4d6cf!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 12px rgba(80,55,46,.035);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.admin-toolbar.multi-filter > label.date-filter:hover{
  border-color:#d7c0b8!important;
}
.admin-toolbar.multi-filter > label.date-filter:focus-within{
  border-color:#c99090!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(201,144,144,.12),0 6px 16px rgba(80,55,46,.045);
}
.admin-toolbar.multi-filter .date-filter > span{
  color:#a07f77!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]{
  width:100%!important;
  min-width:0;
  height:28px;
  padding:0 2px 0 0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#4d3c36;
  font-size:13px;
  font-weight:700;
  text-align:left!important;
  cursor:pointer;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit{
  padding:0;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit-fields-wrapper{
  padding:0;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit-text{
  color:#baa9a1;
  padding:0 2px;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit-day-field,
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit-month-field,
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-datetime-edit-year-field{
  color:#5c4941;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-calendar-picker-indicator{
  width:20px;
  height:20px;
  padding:7px;
  margin:0;
  border-radius:9px;
  background-color:#f7ece9;
  cursor:pointer;
  opacity:.9;
}
.admin-toolbar.multi-filter .date-filter input[type="date"]::-webkit-calendar-picker-indicator:hover{
  background-color:#f1dedb;
}
.admin-toolbar.multi-filter .clear-filter{
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid #eadad3!important;
  background:#fff!important;
  color:#92646a!important;
  font-size:11px;
  font-weight:800!important;
  box-shadow:0 3px 10px rgba(80,55,46,.035);
}
.admin-toolbar.multi-filter .clear-filter:hover{
  border-color:#c99090!important;
  background:#fff8f6!important;
}

@media(max-width:860px){
  .queue-filter-note-actiononly{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:flex-end!important;
  }
  .admin-toolbar.multi-filter > label.date-filter{
    min-width:0;
    width:100%;
  }
}
@media(max-width:640px){
  .admin-toolbar.multi-filter > label.date-filter{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:56px!important;
    padding:8px 11px 7px 12px!important;
  }
  .admin-toolbar.multi-filter .date-filter input[type="date"]{
    text-align:left!important;
  }
  .queue-filter-note-actiononly button{
    min-height:38px;
    padding:0 14px!important;
  }
}


/* ===== V94 · Filtros de pagos con nombre visible ===== */
.admin-toolbar.multi-filter .payment-filter-field{
  min-width:150px;
  min-height:58px;
  padding:7px 12px 6px;
  border:1px solid #e6d9d2;
  border-radius:14px;
  background:#fff;
  display:grid;
  gap:2px;
  align-content:center;
}
.admin-toolbar.multi-filter .payment-filter-field>span{
  color:#a08c82;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
.admin-toolbar.multi-filter .payment-filter-field select{
  width:100%;
  min-height:30px;
  border:0;
  outline:0;
  background:transparent;
  color:#443630;
  padding:0 26px 0 0;
  font-weight:700;
}
.admin-toolbar.multi-filter .payment-filter-field:focus-within{
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.11);
}
.payment-cards article header small{
  color:#9b8b82;
  font-weight:700;
}

/* ===== V94 · Campo de fecha / calendario personalizado ===== */
.date-filter.kc-date-enhanced{
  position:relative;
  overflow:visible!important;
}
.date-filter.kc-date-enhanced input[type=date]::-webkit-calendar-picker-indicator{
  opacity:0!important;
  pointer-events:none!important;
}
.date-filter.kc-date-enhanced input[type=date]{
  cursor:pointer;
  padding-right:42px!important;
}
.kc-calendar-trigger{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:#f8eeeb;
  color:#8f5f66;
  display:grid;
  place-items:center;
  font-size:16px;
  box-shadow:inset 0 0 0 1px rgba(201,144,144,.17);
  z-index:2;
}
.kc-calendar-trigger:hover{background:#f3e3e0}
.kc-calendar-popover{
  position:fixed;
  z-index:9999;
  width:min(330px,calc(100vw - 24px));
  padding:14px;
  border:1px solid #e8d8d1;
  border-radius:18px;
  background:rgba(255,253,252,.98);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 60px rgba(62,42,35,.18);
  color:#493a34;
  font-family:DM Sans,sans-serif;
}
.kc-calendar-head{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.kc-calendar-title{
  border:0;
  background:transparent;
  text-align:left;
  color:#44342f;
  font-size:14px;
  font-weight:800;
  text-transform:capitalize;
}
.kc-calendar-nav{
  width:34px;
  height:34px;
  border:1px solid #eadbd5;
  border-radius:10px;
  background:#fff;
  color:#87665f;
  font-size:20px;
  line-height:1;
}
.kc-calendar-nav:hover{background:#f9efec;border-color:#ddc1bd}
.kc-calendar-weekdays,
.kc-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:4px;
}
.kc-calendar-weekdays{
  margin-bottom:5px;
  color:#a18f85;
  text-align:center;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.kc-calendar-day{
  aspect-ratio:1/1;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#493a34;
  font-size:11px;
  font-weight:650;
}
.kc-calendar-day:hover{background:#f8eeeb;color:#8f5f66}
.kc-calendar-day.outside{color:#c0b4ae}
.kc-calendar-day.today{
  box-shadow:inset 0 0 0 1px #c99090;
  color:#9b6269;
}
.kc-calendar-day.selected{
  background:#9b6269;
  color:#fff;
  box-shadow:0 6px 14px rgba(155,98,105,.22);
}
.kc-calendar-foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #eee2dc;
}
.kc-calendar-foot button{
  border:0;
  border-radius:10px;
  background:transparent;
  color:#9b6269;
  padding:7px 9px;
  font-size:11px;
  font-weight:800;
}
.kc-calendar-foot button:hover{background:#f8eeeb}
@media(max-width:640px){
  .admin-toolbar.multi-filter .payment-filter-field{width:100%;min-width:0}
  .kc-calendar-popover{width:calc(100vw - 24px)}
}


/* ===== V95 · Modal de eliminación simplificado ===== */
.protected-action{
  gap:14px;
  padding-top:14px;
}
.danger-warning{
  align-items:flex-start;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #efd9d4;
  background:linear-gradient(180deg,#fff8f7 0%,#fff3f1 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.danger-warning svg{
  width:18px;
  height:18px;
  margin-top:1px;
  color:#9c5d64;
}
.danger-warning p{
  display:grid;
  gap:2px;
  flex:1;
}
.danger-warning b{
  color:#8d5058;
  font-size:13.5px;
  line-height:1.2;
}
.danger-warning span{
  color:#8d7068;
  font-size:11.5px;
  line-height:1.35;
}
.protected-action > label{
  gap:6px;
  font-size:11.5px;
  font-weight:700;
  color:#67564f;
}
.protected-action > label input{
  min-height:42px;
  border-radius:12px;
  padding:0 12px;
  border:1px solid #e1d5ce;
  background:#fff;
}
.protected-action > label input:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.protected-action .modal-actions{
  padding-top:2px;
}
.protected-action .btn.outline{
  min-width:96px;
}
.protected-action .btn.danger{
  min-width:176px;
  border-radius:12px;
}
@media(max-width:640px){
  .danger-warning{
    padding:11px 12px;
    gap:10px;
  }
  .danger-warning span{
    font-size:11px;
  }
  .protected-action .modal-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .protected-action .btn.outline,
  .protected-action .btn.danger{
    width:100%;
    min-width:0;
  }
}


/* ===== V96 · Rediseño visual de Pagos y abonos ===== */
.payment-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.payment-cards article{
  position:relative;
  overflow:hidden;
  border:1px solid #eadfd8;
  border-radius:22px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  padding:18px;
  box-shadow:0 12px 28px rgba(77,56,48,.045);
}
.payment-cards article::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#d5a0a6 0%,#b97a81 100%);
  opacity:.65;
}
.payment-cards article header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.payment-cards article header > div{
  display:grid;
  gap:5px;
}
.payment-cards article header small{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#9b6c72;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.payment-cards article header strong{
  color:#342925;
  font-family:Playfair Display,serif;
  font-size:17px;
  line-height:1.15;
}
.payment-cards article header span{
  color:#8c7a71;
  font-size:12px;
}
.payment-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid transparent;
}
.payment-state.pendiente{
  background:#f9ece9;
  color:#af6a73;
  border-color:#efd9d4;
}
.payment-state.parcial{
  background:#fff4e9;
  color:#b47a3d;
  border-color:#f0dbc2;
}
.payment-state.pagado{
  background:#edf6ef;
  color:#4d8a61;
  border-color:#d3e7da;
}
.payment-state.vencido{
  background:#fff0f0;
  color:#bb5f65;
  border-color:#efcfd2;
}
.payment-state.anulado{
  background:#f4efef;
  color:#867674;
  border-color:#e6dddd;
}
.payment-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.payment-numbers > span{
  min-height:74px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid #f1e7e1;
  background:linear-gradient(180deg,#fff 0%,#fcf8f5 100%);
  display:grid;
  align-content:space-between;
}
.payment-numbers > span small{
  color:#9a877d;
  font-size:11px;
  font-weight:700;
}
.payment-numbers > span b{
  color:#3b2f2b;
  font-size:16px;
  line-height:1.15;
}
.payment-cards article > p{
  margin:0;
  padding:13px 2px 0;
  border-top:1px solid #f0e5df;
  color:#7d6b62;
  font-size:12px;
  line-height:1.45;
}
.payment-cards article > p b{
  color:#4a3b35;
}
.payment-cards article footer{
  display:flex;
  gap:10px;
  margin-top:14px;
}
.payment-cards article footer button{
  min-height:42px;
  padding:0 16px;
  border-radius:13px;
  border:1px solid #e5d8d1;
  background:#fff;
  color:#6f5b53;
  font-weight:700;
  box-shadow:0 2px 8px rgba(82,56,48,.03);
}
.payment-cards article footer button:first-child{
  background:linear-gradient(180deg,#fff5f3 0%,#fff 100%);
  color:#8d5e64;
  border-color:#e9d2cd;
}
.payment-cards article footer button:hover{
  border-color:#d8b9b6;
  background:#fff8f7;
}
.payment-cards article footer button svg{
  width:15px;
  margin-right:2px;
}
/* refine filters in payments while preserving prior work */
.admin-toolbar.multi-filter .payment-filter-field,
.admin-toolbar.multi-filter > label.date-filter{
  background:linear-gradient(180deg,#fff 0%,#fffdfc 100%);
  border:1px solid #e7dbd5;
  border-radius:16px;
  min-height:58px;
  padding:0 14px;
  box-shadow:0 8px 18px rgba(78,57,49,.035);
}
.admin-toolbar.multi-filter .payment-filter-field > span,
.admin-toolbar.multi-filter .date-filter > span{
  color:#a28d83;
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.admin-toolbar.multi-filter .payment-filter-field select,
.admin-toolbar.multi-filter .date-filter input[type="date"]{
  color:#3d312d;
  font-size:13px;
  font-weight:700;
}
.admin-toolbar.multi-filter{
  gap:14px;
}
@media(max-width:920px){
  .payment-cards{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .payment-cards article{
    padding:15px;
    border-radius:18px;
  }
  .payment-cards article header{
    gap:10px;
  }
  .payment-numbers{
    grid-template-columns:1fr;
  }
  .payment-cards article footer{
    flex-direction:column;
  }
  .payment-cards article footer button{
    width:100%;
  }
}


/* ===== V97 · Rediseño del modal Editar producto ===== */
.product-form-top{
  display:grid;
  gap:18px;
}
.product-form-top .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.product-form-top .form-grid > label,
.product-form-top .form-grid > .product-discount-preview,
.product-form-top .form-grid > .product-photo-manager,
.product-form-top .form-grid > details.variant-section{
  position:relative;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  border:1px solid #eadfd8;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(79,58,50,.04);
}
.product-form-top .form-grid > label{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:13px 14px 14px;
  color:#66564e;
  font-size:12px;
  font-weight:700;
}
.product-form-top .form-grid > label.wide,
.product-form-top .form-grid > .wide,
.product-form-top .form-grid > details.variant-section{
  grid-column:1 / -1;
}
.product-form-top .form-grid > label input,
.product-form-top .form-grid > label select,
.product-form-top .form-grid > label textarea{
  width:100%;
  border:1px solid #e3d7d0;
  border-radius:13px;
  background:#fff;
  color:#3f322d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.product-form-top .form-grid > label input,
.product-form-top .form-grid > label select{
  min-height:44px;
  padding:0 12px;
}
.product-form-top .form-grid > label textarea{
  min-height:108px;
  padding:12px;
  resize:vertical;
  line-height:1.5;
}
.product-form-top .form-grid > label:focus-within,
.product-form-top .form-grid > .product-photo-manager:focus-within,
.product-form-top .form-grid > details.variant-section[open]{
  border-color:#d8beb6;
  box-shadow:0 14px 28px rgba(79,58,50,.06);
}
.product-form-top .form-grid > label input:focus,
.product-form-top .form-grid > label select:focus,
.product-form-top .form-grid > label textarea:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}

/* Orden visual por pasos */
.product-form-top .form-grid > label:nth-child(1),
.product-form-top .form-grid > label:nth-child(5),
.product-form-top .form-grid > label:nth-child(9),
.product-form-top .form-grid > .product-photo-manager,
.product-form-top .form-grid > details.variant-section{
  overflow:hidden;
}
.product-form-top .form-grid > label:nth-child(1)::before,
.product-form-top .form-grid > label:nth-child(5)::before,
.product-form-top .form-grid > label:nth-child(9)::before,
.product-form-top .form-grid > .product-photo-manager::before,
.product-form-top .form-grid > details.variant-section::before{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:24px;
  padding:0 10px;
  margin:0 0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#9b646a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.product-form-top .form-grid > label:nth-child(1)::before{content:'Paso 1 · Datos básicos'}
.product-form-top .form-grid > label:nth-child(5)::before{content:'Paso 2 · Precio'}
.product-form-top .form-grid > label:nth-child(9)::before{content:'Paso 3 · Descripción'}
.product-form-top .form-grid > .product-photo-manager::before{content:'Paso 4 · Fotos'}
.product-form-top .form-grid > details.variant-section::before{content:'Paso 5 · Tallas y colores';position:absolute;top:14px;left:16px;z-index:1}

/* Caja de precio final */
.product-discount-preview{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:100%;
  padding:14px;
  border-style:solid;
  background:linear-gradient(180deg,#fff8f7 0%,#fff 100%);
}
.product-discount-preview small{
  font-size:11px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#967d73;
}
.product-discount-preview b{
  font-size:28px;
  line-height:1;
}
.product-discount-preview span{
  font-size:11px;
}

/* Fotos */
.product-photo-manager{
  padding:16px;
}
.product-photo-manager .photo-manager-head{
  align-items:flex-start;
  margin-bottom:14px;
}
.product-photo-manager .photo-manager-head b{
  display:block;
  color:#40332e;
  font-size:15px;
}
.product-photo-manager .photo-manager-head small{
  color:#8b7b73;
  line-height:1.4;
}
.product-photo-manager .photo-manager-head > span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:#f5efeb;
  color:#866d66;
  font-size:11px;
  font-weight:700;
}
.product-photo-manager .photo-dropzone{
  min-height:84px;
  border:1px dashed #d9c7bf;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
}
.product-photo-manager .photo-dropzone strong{
  color:#8e5f66;
}

/* Variantes */
details.variant-section{
  padding:46px 16px 16px;
}
.variant-section > summary{
  list-style:none;
  cursor:pointer;
}
.variant-section > summary::-webkit-details-marker{display:none}
.variant-section .section-subtitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid #efe2dc;
}
.variant-section .section-subtitle h3{
  margin:0;
  font-size:18px;
  color:#3f302c;
}
.variant-section .section-subtitle p{
  margin:3px 0 0;
  color:#8d7d75;
  font-size:11.5px;
}
.variant-section .section-subtitle::after{
  content:'›';
  color:#ab7a7a;
  font-size:24px;
  font-weight:700;
  transform:rotate(90deg);
  transition:transform .18s ease;
}
.details.variant-section[open] .section-subtitle::after,
details.variant-section[open] .section-subtitle::after{
  transform:rotate(-90deg);
}
.variant-section .collapsible-content{
  padding-top:14px;
}
.variant-builder.improved{
  border:1px solid #eee1db;
  border-radius:16px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f5 100%);
  padding:14px;
}
.variant-table{
  margin-top:14px;
  border:1px solid #eee1db;
  border-radius:16px;
  overflow:hidden;
}
.variant-table-head,
.variant-table > div{
  padding-left:12px;
  padding-right:12px;
}
.variant-table-head{
  background:#faf3f0;
}
.variant-table > div:nth-child(odd){
  background:#fff;
}
.variant-table > div:nth-child(even){
  background:#fffaf8;
}

/* Mensajes y acciones */
.product-form-error{
  margin:2px 0 0;
  padding:12px 14px;
  border:1px solid #efd9d4;
  border-radius:14px;
  background:linear-gradient(180deg,#fff8f7 0%,#fff3f1 100%);
  color:#935b62;
  font-size:12px;
  font-weight:700;
}
.product-form-top ~ .modal-actions{
  position:sticky;
  bottom:0;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:2px;
  padding:14px 0 0;
  background:linear-gradient(180deg,rgba(250,247,242,0) 0%,rgba(250,247,242,.94) 28%,rgba(250,247,242,1) 100%);
}
.product-form-top ~ .modal-actions .btn{
  min-width:132px;
  min-height:46px;
  border-radius:14px;
}
.product-form-top ~ .modal-actions .btn.primary{
  box-shadow:0 10px 24px rgba(169,111,114,.24);
}

@media(max-width:760px){
  .product-form-top .form-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .product-form-top .form-grid > label,
  .product-form-top .form-grid > .product-discount-preview,
  .product-form-top .form-grid > .product-photo-manager,
  .product-form-top .form-grid > details.variant-section{
    grid-column:1 / -1;
  }
  .product-form-top .form-grid > label:nth-child(1)::before,
  .product-form-top .form-grid > label:nth-child(5)::before,
  .product-form-top .form-grid > label:nth-child(9)::before,
  .product-form-top .form-grid > .product-photo-manager::before,
  .product-form-top .form-grid > details.variant-section::before{
    margin-bottom:8px;
  }
  .product-discount-preview b{
    font-size:24px;
  }
  details.variant-section{
    padding:44px 12px 12px;
  }
  .product-form-top ~ .modal-actions{
    flex-direction:column-reverse;
  }
  .product-form-top ~ .modal-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* ===== V98 · Flujo lógico del modal Editar producto ===== */
/* 01 Información -> 02 Precio -> 03 Variantes -> 04 Fotos -> 05 Descripción */
.product-form-top .form-grid > label:nth-child(1),
.product-form-top .form-grid > label:nth-child(2),
.product-form-top .form-grid > label:nth-child(3),
.product-form-top .form-grid > label:nth-child(4){order:10}

.product-form-top .form-grid > label:nth-child(5),
.product-form-top .form-grid > label:nth-child(6),
.product-form-top .form-grid > .product-discount-preview,
.product-form-top .form-grid > label:nth-child(8){order:20}

.product-form-top .form-grid > details.variant-section{order:30}
.product-form-top .form-grid > .product-photo-manager{order:40}
.product-form-top .form-grid > label:nth-child(9),
.product-form-top .form-grid > label:nth-child(10){order:50}

/* Renumerar los encabezados de pasos de la V97 */
.product-form-top .form-grid > details.variant-section::before{
  content:'Paso 3 · Tallas, colores y stock'!important;
}
.product-form-top .form-grid > .product-photo-manager::before{
  content:'Paso 4 · Fotos'!important;
}
.product-form-top .form-grid > label:nth-child(9)::before{
  content:'Paso 5 · Información para la tienda'!important;
}

/* Hacer más clara la transición entre bloques sin aumentar demasiado el modal */
.product-form-top .form-grid > details.variant-section,
.product-form-top .form-grid > .product-photo-manager,
.product-form-top .form-grid > label:nth-child(9){
  margin-top:4px;
}

/* El detalle acompaña a la descripción como parte del mismo último paso */
.product-form-top .form-grid > label:nth-child(10)::before{display:none!important}
.product-form-top .form-grid > label:nth-child(10){margin-top:-4px}

@media(max-width:760px){
  .product-form-top .form-grid > label:nth-child(10){margin-top:0}
}


/* ===== V99 · Editar producto por secciones plegables/pasos ===== */
.product-stepper{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff9f6 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
  position:sticky;
  top:0;
  z-index:6;
}
.product-stepper button{
  min-width:0;
  min-height:54px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:#7f6f67;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:7px 9px;
  text-align:left;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.product-stepper button:hover{
  background:#fff;
  border-color:#ead9d3;
}
.product-stepper button.active{
  background:#fff;
  border-color:#dcbfba;
  color:#6f484f;
  box-shadow:0 7px 18px rgba(126,83,86,.08);
}
.product-stepper button span{
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#f5ebe8;
  color:#9b676d;
  font-size:10px;
  font-weight:900;
}
.product-stepper button.active span{
  background:#a96f72;
  color:#fff;
}
.product-stepper button b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
  font-weight:800;
}

/* Cada paso muestra solamente los campos necesarios */
.product-form-top .form-grid.product-step-1 > *{display:none!important}
.product-form-top .form-grid.product-step-1 > label:nth-child(1),
.product-form-top .form-grid.product-step-1 > label:nth-child(2),
.product-form-top .form-grid.product-step-1 > label:nth-child(3),
.product-form-top .form-grid.product-step-1 > label:nth-child(4){display:flex!important}

.product-form-top .form-grid.product-step-2 > *{display:none!important}
.product-form-top .form-grid.product-step-2 > label:nth-child(5),
.product-form-top .form-grid.product-step-2 > label:nth-child(6),
.product-form-top .form-grid.product-step-2 > .product-discount-preview,
.product-form-top .form-grid.product-step-2 > label:nth-child(8){display:flex!important}

.product-form-top .form-grid.product-step-3 > *{display:none!important}
.product-form-top .form-grid.product-step-3 > details.variant-section{display:block!important}

.product-form-top .form-grid.product-step-4 > *{display:none!important}
.product-form-top .form-grid.product-step-4 > .product-photo-manager{display:block!important}

.product-form-top .form-grid.product-step-5 > *{display:none!important}
.product-form-top .form-grid.product-step-5 > label:nth-child(9),
.product-form-top .form-grid.product-step-5 > label:nth-child(10){display:flex!important}

/* Al usar navegación superior ya no necesitamos los chips Paso X dentro de cada campo */
.product-form-top .form-grid > label:nth-child(1)::before,
.product-form-top .form-grid > label:nth-child(5)::before,
.product-form-top .form-grid > label:nth-child(9)::before,
.product-form-top .form-grid > .product-photo-manager::before,
.product-form-top .form-grid > details.variant-section::before{
  display:none!important;
}
.product-form-top .form-grid > label:nth-child(10){margin-top:0!important}
.product-form-top .form-grid > details.variant-section,
.product-form-top .form-grid > .product-photo-manager,
.product-form-top .form-grid > label:nth-child(9){margin-top:0!important}

/* Variantes ya funciona como la tarjeta completa del paso 3 */
details.variant-section{
  padding:16px!important;
}

/* Navegación rápida inferior */
.product-form-top ~ .modal-actions{
  border-top:1px solid #eadfd8;
  margin-top:6px;
  padding-top:14px;
}

@media(max-width:860px){
  .product-stepper{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:8px;
  }
  .product-stepper::-webkit-scrollbar{display:none}
  .product-stepper button{
    flex:0 0 auto;
    min-width:128px;
    min-height:48px;
  }
}
@media(max-width:640px){
  .product-stepper{
    top:0;
    border-radius:14px;
  }
  .product-stepper button{
    min-width:116px;
    grid-template-columns:25px minmax(0,1fr);
    gap:6px;
    padding:6px 8px;
  }
  .product-stepper button span{
    width:25px;height:25px;border-radius:8px;
  }
  .product-stepper button b{font-size:9.8px}
}


/* ===== V100 · Variantes solo dentro del paso 03 ===== */
.product-form-top .form-grid:not(.product-step-3) > details.variant-section{display:none!important}
.product-form-top .form-grid.product-step-3 > details.variant-section{display:block!important}


/* ===== V101 · Rediseño Stock y variantes ===== */
.variant-section{
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f5 100%);
  border:1px solid #eaded8;
  border-radius:20px;
  padding:18px;
  box-shadow:0 12px 28px rgba(79,58,50,.045);
}
.variant-section .section-subtitle{
  align-items:center;
  margin:0 0 14px;
  padding-bottom:14px;
  border-bottom:1px solid #eee2dc;
}
.variant-section .section-subtitle h3{
  font-size:18px;
  color:#3f312d;
}
.variant-section .section-subtitle p{
  margin:4px 0 0;
  color:#8b7b73;
  font-size:11.5px;
}
.variant-section .section-subtitle > b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#f7ecea 0%,#f4e5e1 100%);
  color:#a1676e;
  font-size:12px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.variant-section .collapsible-content{
  display:grid;
  gap:16px;
}

/* Caja de creación de variantes */
.variant-builder.improved{
  position:relative;
  grid-template-columns:1fr 1.35fr .8fr 1.55fr;
  grid-template-areas:
    "size color stock palette"
    "add add add palette";
  gap:14px;
  align-items:start;
  padding:50px 16px 16px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
}
.variant-builder.improved::before{
  content:'Añadir combinación';
  position:absolute;
  top:14px;
  left:16px;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#9b646a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.variant-builder.improved label:nth-child(1){grid-area:size}
.variant-builder.improved label:nth-child(2){grid-area:color}
.variant-builder.improved label:nth-child(3){grid-area:stock}
.variant-builder.improved label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#6a5a53;
  font-size:11.5px;
  font-weight:700;
}
.variant-builder.improved label > input{
  width:100%;
  min-height:44px;
  margin-top:0;
  padding:0 12px;
  border:1px solid #e2d6cf;
  border-radius:13px;
  background:#fff;
  color:#3f322d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.variant-builder.improved label > input:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}

.color-palette-field{
  grid-area:palette;
  padding:12px;
  border:1px solid #eee3dd;
  border-radius:16px;
  background:linear-gradient(180deg,#fffdfc 0%,#fdf7f4 100%);
}
.color-palette-field > span{
  display:block;
  margin-bottom:8px;
  color:#7e6d65;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.current-color{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid #eadcd6;
  border-radius:14px;
  background:#fff;
}
.current-color input{
  height:40px;
  width:52px!important;
  padding:3px!important;
  border:1px solid #ddd0c8;
  border-radius:10px;
  background:#fff;
}
.current-color b{
  font-size:12px;
  color:#4a3b35;
  letter-spacing:.03em;
}
.color-palette{
  grid-template-columns:repeat(8,minmax(0,28px));
  gap:7px;
  justify-content:start;
}
.color-palette button{
  width:28px;
  height:28px;
  border:1px solid rgba(88,68,61,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(79,58,50,.05);
  transition:transform .15s ease, box-shadow .15s ease;
}
.color-palette button:hover{
  transform:translateY(-1px);
}
.color-palette button.selected{
  outline:2px solid #654d46;
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(201,144,144,.16);
}
.add-variant-button{
  grid-area:add;
  justify-content:center;
  align-items:center;
  gap:7px;
  min-height:48px;
  padding:0 16px;
  border:1px dashed #ddc8c1;
  border-radius:15px;
  background:linear-gradient(180deg,#f8eeeb 0%,#f5e7e2 100%);
  color:#9b646a;
  font-size:15px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.add-variant-button:hover{
  border-color:#cfa5a5;
  background:linear-gradient(180deg,#f7ece9 0%,#f2dfda 100%);
}

/* Tabla/lista de variantes creadas */
.variant-table{
  position:relative;
  margin-top:0;
  padding-top:48px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.035);
}
.variant-table::before{
  content:'Variantes creadas';
  position:absolute;
  top:14px;
  left:16px;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 10px;
  border-radius:999px;
  background:#f6efea;
  color:#8f5f66;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.variant-table-head,
.variant-table > div{
  grid-template-columns:minmax(0,1.3fr) 78px 88px 118px 74px;
  gap:10px;
  padding:11px 14px;
}
.variant-table-head{
  color:#917f76;
  background:#faf2ee;
  border-top:1px solid #f1e6e0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
}
.variant-table > div:not(.variant-table-head){
  align-items:center;
  min-height:58px;
  font-size:12px;
}
.variant-table > div:not(.variant-table-head):nth-child(odd){
  background:#fff;
}
.variant-table > div:not(.variant-table-head):nth-child(even){
  background:#fffaf8;
}
.variant-color-name{
  gap:9px;
  font-weight:700;
  color:#4b3b35;
}
.variant-color-name i{
  width:22px;
  height:22px;
  border:2px solid #f5efea;
  box-shadow:0 0 0 1px rgba(95,76,69,.12);
}
.variant-table b{
  color:#554641;
}
.variant-table input{
  width:100%;
  min-width:0;
  min-height:38px;
  padding:0 10px;
  border:1px solid #ddd2cb;
  border-radius:11px;
  background:#fff;
}
.variant-table input:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.toggle{
  justify-content:center;
  min-height:36px;
  padding:0 10px;
  border-radius:999px;
  background:#f3eeea;
  color:#7a6a63;
  font-size:11px;
  font-weight:800;
}
.toggle i{
  width:9px;
  height:9px;
}
.toggle.active{
  background:#e9f4ea;
  color:#54765d;
}
.remove-row{
  min-height:34px;
  border:1px solid #eed8d4;
  border-radius:999px;
  padding:0 10px;
  background:#fff6f5;
  color:#a45f66;
  font-size:11px;
  font-weight:700;
}
.remove-row:hover{
  background:#fff0ef;
  border-color:#deb4b8;
}

@media (max-width:900px){
  .variant-builder.improved{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "size stock"
      "color color"
      "palette palette"
      "add add";
  }
  .color-palette{
    grid-template-columns:repeat(8,minmax(0,1fr));
  }
  .variant-table-head,
  .variant-table > div{
    grid-template-columns:minmax(0,1.2fr) 70px 80px 100px 64px;
  }
}
@media (max-width:640px){
  .variant-section{
    padding:14px;
    border-radius:18px;
  }
  .variant-builder.improved{
    grid-template-columns:1fr;
    grid-template-areas:
      "size"
      "color"
      "stock"
      "palette"
      "add";
    gap:12px;
    padding:46px 12px 12px;
  }
  .color-palette{
    grid-template-columns:repeat(6,28px);
  }
  .variant-table{
    padding-top:44px;
  }
  .variant-table-head{
    display:none;
  }
  .variant-table > div:not(.variant-table-head){
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:14px 12px;
  }
  .variant-table > div:not(.variant-table-head) > .variant-color-name{
    grid-column:1 / -1;
  }
  .variant-table > div:not(.variant-table-head) > b{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .variant-table > div:not(.variant-table-head) > b::before{
    content:'Talla';
    color:#9b877d;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
  }
  .variant-table > div:not(.variant-table-head) > input{
    grid-column:1 / 2;
  }
  .variant-table > div:not(.variant-table-head) > .toggle{
    grid-column:2 / 3;
  }
  .variant-table > div:not(.variant-table-head) > .remove-row{
    grid-column:1 / -1;
    justify-self:start;
  }
}


/* ===== V102 · Selector de tonalidad solo por código HEX ===== */
.hex-only-color{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:100%;
  padding:14px!important;
  border:1px solid #eadfd8!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fffdfc 0%,#fbf5f2 100%)!important;
}
.hex-only-color > span{
  margin:0!important;
  color:#7f6b63!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.hex-color-control{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid #e8dad3;
  border-radius:15px;
  background:#fff;
  box-shadow:0 6px 16px rgba(78,55,47,.035);
}
.hex-color-preview{
  width:56px;
  height:56px;
  border-radius:14px;
  border:4px solid #fff;
  box-shadow:0 0 0 1px #d8cbc4,0 6px 14px rgba(73,49,42,.10);
}
.hex-color-control label{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  color:#78675f!important;
}
.hex-color-control label small{
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#9a8177;
}
.hex-color-control input{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #dfd1ca!important;
  border-radius:12px!important;
  background:#fffaf8!important;
  color:#3f312d!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.hex-color-control input:focus{
  outline:none!important;
  border-color:#c99090!important;
  box-shadow:0 0 0 3px rgba(201,144,144,.13)!important;
  background:#fff!important;
}
.hex-color-help{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:9px 10px;
  border-radius:12px;
  background:#f8efed;
  color:#846d65;
}
.hex-color-help b{
  font-size:10.5px;
  color:#945f66;
}
.hex-color-help span{
  font-size:10px;
  line-height:1.35;
}
/* El selector nativo y la paleta anterior ya no se utilizan en esta versión. */
.hex-only-color .current-color,
.hex-only-color .color-palette{
  display:none!important;
}
@media(max-width:640px){
  .hex-color-control{
    grid-template-columns:48px minmax(0,1fr);
    gap:10px;
    padding:10px;
  }
  .hex-color-preview{
    width:48px;
    height:48px;
    border-radius:12px;
  }
  .hex-color-control input{
    min-height:42px!important;
    font-size:14px!important;
  }
}

/* ===== V103 · HEX compacto al mismo nivel ===== */
.variant-builder.improved{
  grid-template-columns:1fr 1.35fr .8fr 1.45fr!important;
  grid-template-areas:
    "size color stock palette"
    "add add add add"!important;
  align-items:end!important;
}

.color-palette-field{
  grid-area:palette!important;
  display:grid!important;
  grid-template-columns:auto minmax(150px,1fr)!important;
  grid-template-areas:
    "label label"
    "preview hex"!important;
  align-items:end!important;
  gap:8px 12px!important;
  padding:12px 14px!important;
  min-height:0!important;
}

.color-palette-field > span{
  grid-area:label!important;
  margin:0!important;
}

.current-color{
  grid-area:preview!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.current-color input[type="color"]{
  display:none!important;
}

.current-color b{
  display:none!important;
}

/* Contenedor HEX personalizado de V102 */
.color-palette-field .hex-only-field,
.color-palette-field .hex-input-wrap,
.color-palette-field .custom-hex-field{
  grid-area:hex!important;
  margin:0!important;
  align-self:end!important;
}

.color-palette-field .hex-only-field > small,
.color-palette-field .hex-only-field > p,
.color-palette-field .hex-help,
.color-palette-field .hex-note,
.color-palette-field .hex-format-note,
.color-palette-field .custom-hex-help{
  display:none!important;
}

/* Si la vista previa HEX usa un bloque propio, compactarlo */
.color-palette-field .hex-preview,
.color-palette-field .color-preview,
.color-palette-field .hex-swatch{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:13px!important;
  box-shadow:0 6px 14px rgba(85,60,54,.10)!important;
}

/* Campo HEX al mismo nivel */
.color-palette-field input[type="text"]{
  min-height:44px!important;
  border:1px solid #e2d6cf!important;
  border-radius:13px!important;
  background:#fff!important;
  padding:0 12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  color:#4a3a35!important;
}

.add-variant-button{
  grid-area:add!important;
}

@media (max-width:900px){
  .variant-builder.improved{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "size stock"
      "color color"
      "palette palette"
      "add add"!important;
  }
}

@media (max-width:640px){
  .variant-builder.improved{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "size"
      "color"
      "stock"
      "palette"
      "add"!important;
  }
  .color-palette-field{
    grid-template-columns:auto 1fr!important;
  }
}


/* ===== V104 · Corrección visual definitiva del campo HEX ===== */
.variant-builder.improved{
  grid-template-columns:1fr 1.35fr .8fr 1.45fr!important;
  grid-template-areas:
    "size color stock palette"
    "add add add add"!important;
  align-items:end!important;
}

.hex-only-color{
  grid-area:palette!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.hex-only-color > span{
  margin:0!important;
  color:#6a5a53!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.hex-color-control{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:end!important;
  gap:10px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.hex-color-preview{
  width:44px!important;
  height:44px!important;
  align-self:end!important;
  border-radius:12px!important;
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #d8cbc4,0 5px 12px rgba(73,49,42,.10)!important;
}

.hex-color-control label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
}

.hex-color-control label small{
  display:block!important;
  margin:0!important;
  color:#9a8177!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  line-height:1!important;
}

.hex-color-control input{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #e2d6cf!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#3f322d!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}

.hex-color-control input:focus{
  outline:none!important;
  border-color:#c99090!important;
  box-shadow:0 0 0 3px rgba(201,144,144,.12)!important;
}

.hex-color-help{
  display:none!important;
}

.add-variant-button{
  grid-area:add!important;
  margin-top:0!important;
}

@media(max-width:900px){
  .variant-builder.improved{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "size stock"
      "color color"
      "palette palette"
      "add add"!important;
  }
  .hex-only-color{
    max-width:none!important;
  }
}

@media(max-width:640px){
  .variant-builder.improved{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "size"
      "color"
      "stock"
      "palette"
      "add"!important;
  }
  .hex-color-control{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  .hex-color-preview{
    width:42px!important;
    height:42px!important;
  }
}


/* ===== V105 · HEX totalmente en una sola fila ===== */
.variant-builder.improved{
  grid-template-columns:1fr 1.35fr .8fr 1.15fr !important;
  grid-template-areas:
    "size color stock palette"
    "add add add add" !important;
  align-items:end !important;
}
.hex-only-color{
  grid-area:palette !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  max-width:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hex-only-color > span{
  display:block !important;
  margin:0 !important;
  color:#6a5a53 !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}
.hex-color-control{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  min-height:44px !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hex-color-preview{
  width:44px !important;
  height:44px !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:start !important;
  border-radius:12px !important;
  border:3px solid #fff !important;
  box-shadow:0 0 0 1px #d8cbc4,0 5px 12px rgba(73,49,42,.10) !important;
}
.hex-color-control label{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.hex-color-control label small{
  display:none !important;
}
.hex-color-control input{
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid #e2d6cf !important;
  border-radius:13px !important;
  background:#fff !important;
  color:#3f322d !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.hex-color-help,
.hex-color-control + .hex-color-help{
  display:none !important;
}
@media(max-width:900px){
  .variant-builder.improved{
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "size stock"
      "color color"
      "palette palette"
      "add add" !important;
  }
}
@media(max-width:640px){
  .variant-builder.improved{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "size"
      "color"
      "stock"
      "palette"
      "add" !important;
  }
}


/* ===== V106 · Ajuste fino del cuadro de color HEX ===== */
.hex-color-control{
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:9px !important;
}
.hex-color-preview{
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  border:2px solid #fff !important;
}
@media(max-width:640px){
  .hex-color-control{
    grid-template-columns:36px minmax(0,1fr) !important;
  }
  .hex-color-preview{
    width:36px !important;
    height:36px !important;
  }
}


/* ===== V107 · Fila real: Talla · Color · Stock · Muestra · HEX ===== */
.variant-builder.improved{
  grid-template-columns:1fr 1.35fr .8fr 70px 1fr !important;
  grid-template-areas:
    "size color stock preview hex"
    "add add add add add" !important;
  align-items:end !important;
}
.variant-builder.improved > label:nth-child(1){grid-area:size!important}
.variant-builder.improved > label:nth-child(2){grid-area:color!important}
.variant-builder.improved > label:nth-child(3){grid-area:stock!important}
.hex-preview-field{
  grid-area:preview!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  color:#6a5a53!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.hex-preview-field .hex-color-preview{
  display:block!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:12px!important;
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #d8cbc4,0 5px 12px rgba(73,49,42,.10)!important;
}
.hex-code-field{
  grid-area:hex!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  color:#6a5a53!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.hex-code-field input{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #e2d6cf!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#3f322d!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.hex-code-field input:focus{
  outline:none!important;
  border-color:#c99090!important;
  box-shadow:0 0 0 3px rgba(201,144,144,.12)!important;
}
.add-variant-button{grid-area:add!important}
/* Desactiva restos del bloque HEX anterior */
.hex-only-color,.hex-color-control{display:none!important}

@media(max-width:900px){
  .variant-builder.improved{
    grid-template-columns:1fr 1fr 90px 1fr!important;
    grid-template-areas:
      "size stock preview hex"
      "color color color color"
      "add add add add"!important;
  }
}
@media(max-width:640px){
  .variant-builder.improved{
    grid-template-columns:1fr 64px minmax(0,1fr)!important;
    grid-template-areas:
      "size size size"
      "color color color"
      "stock preview hex"
      "add add add"!important;
  }
  .hex-preview-field .hex-color-preview{width:42px!important;height:42px!important}
}


/* ===== V108 · Mejor flujo para Editar pedido ===== */
.order-customer-fields{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:4px;
  padding:46px 0 0;
}
.order-customer-fields::before{
  content:'01 · Datos principales';
  position:absolute;
  top:0;
  left:0;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 11px;
  border-radius:999px;
  background:#f8efed;
  color:#9b646a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.order-customer-fields > label{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:13px 14px 14px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
  color:#66564e;
  font-size:12px;
  font-weight:700;
}
.order-customer-fields > label:last-child{
  grid-column:1 / -1;
  max-width:calc(50% - 8px);
}
.order-customer-fields > label input,
.order-customer-fields > label select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #e3d7d0;
  border-radius:13px;
  background:#fff;
  color:#3f322d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.order-customer-fields > label input:focus,
.order-customer-fields > label select:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.order-customer-fields > label:focus-within{
  border-color:#d8beb6;
  box-shadow:0 14px 28px rgba(79,58,50,.06);
}
.customer-combobox .customer-suggestions{
  top:calc(100% + 10px);
  border-radius:16px;
}
.new-customer-hint,
.phone-edit-hint,
.status-correction-hint{
  display:block;
  margin-top:2px;
  color:#8f6f68;
  font-size:11px;
  line-height:1.35;
}
.status-correction-hint{
  background:#fff7f6;
  border:1px solid #efd8d5;
  border-radius:10px;
  padding:8px 10px;
}

/* Bloques plegables del pedido */
.collapsible-section.connected-block,
.collapsible-section.order-products-section{
  position:relative;
  margin-top:16px;
  border:1px solid #eadfd8;
  border-radius:20px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f5 100%);
  box-shadow:0 12px 28px rgba(79,58,50,.045);
  overflow:hidden;
}
.collapsible-section.connected-block > summary,
.collapsible-section.order-products-section > summary{
  list-style:none;
  cursor:pointer;
  padding:18px 18px 16px;
}
.collapsible-section.connected-block > summary::-webkit-details-marker,
.collapsible-section.order-products-section > summary::-webkit-details-marker{display:none}
.collapsible-section.connected-block > summary > span,
.collapsible-section.order-products-section > summary.section-subtitle{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.collapsible-section.connected-block > summary b,
.collapsible-section.order-products-section .section-subtitle h3{
  color:#40312d;
}
.collapsible-section.connected-block > summary b{
  display:block;
  margin-bottom:4px;
  font-size:18px;
}
.collapsible-section.connected-block > summary small,
.collapsible-section.order-products-section .section-subtitle p{
  color:#8c7b73;
  font-size:11.5px;
}
.collapsible-section.connected-block > summary::after,
.collapsible-section.order-products-section > summary::after{
  content:'›';
  position:absolute;
  right:18px;
  top:22px;
  color:#ab7a7a;
  font-size:24px;
  font-weight:700;
  transform:rotate(90deg);
  transition:transform .18s ease;
}
.collapsible-section.connected-block[open] > summary::after,
.collapsible-section.order-products-section[open] > summary::after{
  transform:rotate(-90deg);
}
.collapsible-section.connected-block > .collapsible-content,
.collapsible-section.order-products-section > .collapsible-content{
  padding:0 18px 18px;
  border-top:1px solid #efe2dc;
}
.collapsible-section.connected-block::before,
.collapsible-section.order-products-section::before{
  position:absolute;
  top:14px;
  left:18px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#9b646a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.collapsible-section.connected-block::before{content:'02 · Entrega y datos vinculados'}
.collapsible-section.order-products-section::before{content:'03 · Prendas y total'}
.collapsible-section.connected-block > summary,
.collapsible-section.order-products-section > summary.section-subtitle{
  padding-top:44px;
}
.security-note{
  margin:14px 0 16px;
  padding:12px 14px;
  border:1px solid #eadcd5;
  border-radius:14px;
  background:#fff;
  color:#796861;
  font-size:12px;
}
.collapsible-section.connected-block .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.collapsible-section.connected-block .form-grid > label{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px 13px 13px;
  border:1px solid #efe2dc;
  border-radius:16px;
  background:#fff;
  color:#66564e;
  font-size:12px;
  font-weight:700;
}
.collapsible-section.connected-block .form-grid > label:last-child{
  grid-column:1 / -1;
  max-width:calc(50% - 7px);
}
.collapsible-section.connected-block .form-grid input,
.collapsible-section.connected-block .form-grid select{
  min-height:43px;
  border:1px solid #e3d7d0;
  border-radius:12px;
  padding:0 12px;
}

/* Prendas del pedido */
.order-products-section .section-subtitle{
  border:0!important;
  padding-bottom:0!important;
}
.order-modal-total{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  margin-right:22px;
}
.order-modal-total b{
  color:#2b201b;
  font-size:17px;
}
.order-modal-total small{
  color:#a06970!important;
  font-size:10.5px!important;
}
.add-line-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 16px;
  border:1px dashed #ddc8c1;
  border-radius:14px;
  background:linear-gradient(180deg,#f8eeeb 0%,#f5e7e2 100%);
  color:#9b646a;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.order-item-builder{
  display:grid;
  grid-template-columns:1.3fr 1.2fr .55fr auto auto;
  gap:10px;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #eadfd8;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
}
.order-item-builder select,
.order-item-builder input{
  min-height:44px;
  border:1px solid #e3d7d0;
  border-radius:12px;
  padding:0 12px;
  background:#fff;
}
.order-item-builder button{
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  border:1px solid #ead1cb;
  background:#fff;
  color:#7a5f56;
  font-weight:700;
}
.order-item-builder button:not(.cancel-line){
  background:linear-gradient(180deg,#fff5f3 0%,#fff 100%);
  color:#8d5e64;
}
.order-edit-items{
  display:grid;
  gap:12px;
}
.order-edit-items > div{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) .7fr .8fr auto auto;
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid #efe3dd;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(79,58,50,.03);
}
.order-edit-items > div > span{
  display:grid;
  gap:4px;
}
.order-edit-items > div > span b{
  color:#3f302c;
}
.order-edit-items > div > span small{
  color:#8b7a72;
  font-size:11px;
}
.order-edit-items > div label{
  display:grid;
  gap:6px;
  color:#8b7a72;
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.order-edit-items > div input{
  min-height:40px;
  border:1px solid #e2d6cf;
  border-radius:11px;
  padding:0 10px;
}
.order-edit-items > div > b{
  align-self:center;
  color:#312521;
  font-size:15px;
}
.order-edit-items > div > button{
  min-height:40px;
  padding:0 14px;
  border:1px solid #eed8d4;
  border-radius:999px;
  background:#fff6f5;
  color:#a45f66;
  font-size:11px;
  font-weight:700;
}

/* Footer de acciones del modal */
.order-customer-fields ~ .modal-actions,
.order-customer-fields + details + details ~ .modal-actions{
  position:sticky;
  bottom:0;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
  padding-top:14px;
  background:linear-gradient(180deg,rgba(250,247,242,0) 0%,rgba(250,247,242,.94) 28%,rgba(250,247,242,1) 100%);
}
.order-customer-fields ~ .modal-actions .btn{
  min-width:132px;
  min-height:46px;
  border-radius:14px;
}
.order-customer-fields ~ .modal-actions .btn.primary{
  box-shadow:0 10px 24px rgba(169,111,114,.24);
}

@media(max-width:860px){
  .order-customer-fields,
  .collapsible-section.connected-block .form-grid,
  .order-item-builder,
  .order-edit-items > div{
    grid-template-columns:1fr;
  }
  .order-customer-fields > label:last-child,
  .collapsible-section.connected-block .form-grid > label:last-child{
    grid-column:1 / -1;
    max-width:none;
  }
  .order-modal-total{
    align-items:flex-start;
    margin-right:26px;
  }
}
@media(max-width:640px){
  .order-customer-fields{
    padding-top:40px;
    gap:14px;
  }
  .order-customer-fields > label,
  .collapsible-section.connected-block .form-grid > label{
    padding:12px;
    border-radius:16px;
  }
  .collapsible-section.connected-block,
  .collapsible-section.order-products-section{
    border-radius:18px;
  }
  .collapsible-section.connected-block > summary,
  .collapsible-section.order-products-section > summary{
    padding-left:15px;
    padding-right:15px;
  }
  .collapsible-section.connected-block > .collapsible-content,
  .collapsible-section.order-products-section > .collapsible-content{
    padding:0 12px 12px;
  }
  .order-item-builder,
  .order-edit-items > div{
    padding:12px;
  }
  .order-customer-fields ~ .modal-actions{
    flex-direction:column-reverse;
  }
  .order-customer-fields ~ .modal-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* ===== V109 · Rediseño de Gestionar pago ===== */
.payment-modal-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:4px;
}
.payment-modal-summary > span{
  display:grid;
  gap:6px;
  padding:14px 15px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
}
.payment-modal-summary > span small{
  color:#9a877d;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.payment-modal-summary > span b{
  color:#3b2f2b;
  font-size:16px;
  line-height:1.15;
}
.payment-modal-summary + .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.payment-modal-summary + .form-grid > label{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:13px 14px 14px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
  color:#66564e;
  font-size:12px;
  font-weight:700;
}
.payment-modal-summary + .form-grid > label input,
.payment-modal-summary + .form-grid > label select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #e3d7d0;
  border-radius:13px;
  background:#fff;
  color:#3f322d;
}
.payment-modal-summary + .form-grid > label:focus-within{
  border-color:#d8beb6;
  box-shadow:0 14px 28px rgba(79,58,50,.06);
}
.payment-modal-summary + .form-grid > label input:focus,
.payment-modal-summary + .form-grid > label select:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.context-note{
  margin:14px 0 0;
  padding:13px 15px;
  border:1px solid #ecd9bd;
  border-radius:16px;
  background:linear-gradient(180deg,#fffaf2 0%,#fff6ea 100%);
  color:#8a6b4d;
  font-size:12px;
  line-height:1.45;
}
.payment-modal-summary ~ .connected-block{
  position:relative;
  margin-top:16px;
  padding:46px 16px 16px;
  border:1px solid #eadfd8;
  border-radius:20px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f5 100%);
  box-shadow:0 12px 28px rgba(79,58,50,.045);
}
.payment-modal-summary ~ .connected-block::before{
  content:'01 · Registrar abono';
  position:absolute;
  top:14px;
  left:16px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#9b646a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.payment-modal-summary ~ .connected-block h3,
.payment-modal-summary ~ .installment-list h3{
  margin:0 0 14px;
  color:#40312d;
  font-size:17px;
}
.installment-builder{
  display:grid;
  grid-template-columns:.8fr .9fr .9fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
}
.installment-builder label{
  display:grid;
  gap:7px;
  color:#6a5a53;
  font-size:11.5px;
  font-weight:700;
}
.installment-builder label input,
.installment-builder label select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #e2d6cf;
  border-radius:13px;
  background:#fff;
  color:#3f322d;
}
.installment-builder label input:focus,
.installment-builder label select:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.installment-builder button{
  min-height:44px;
  padding:0 16px;
  border:1px solid #e3c8c1;
  border-radius:14px;
  background:linear-gradient(180deg,#a96f72 0%,#c99090 100%);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 24px rgba(169,111,114,.22);
}
.installment-builder button:disabled{
  opacity:.6;
  cursor:not-allowed;
  box-shadow:none;
}
.payment-modal-summary ~ .installment-list{
  position:relative;
  margin-top:16px;
  padding:46px 16px 16px;
  border:1px solid #eadfd8;
  border-radius:20px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
}
.payment-modal-summary ~ .installment-list::before{
  content:'02 · Historial';
  position:absolute;
  top:14px;
  left:16px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#f6efea;
  color:#8f5f66;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.payment-modal-summary ~ .installment-list > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border:1px solid #efe3dd;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(79,58,50,.03);
}
.payment-modal-summary ~ .installment-list > div + div{
  margin-top:10px;
}
.payment-modal-summary ~ .installment-list > div span{
  display:grid;
  gap:4px;
}
.payment-modal-summary ~ .installment-list > div span b{
  color:#3f302c;
}
.payment-modal-summary ~ .installment-list > div span small{
  color:#8b7a72;
  font-size:11px;
}
.payment-modal-summary ~ .installment-list > div strong{
  color:#312521;
  font-size:15px;
}
.payment-modal-summary ~ .installment-list > div button{
  min-height:38px;
  padding:0 14px;
  border:1px solid #eed8d4;
  border-radius:999px;
  background:#fff6f5;
  color:#a45f66;
  font-size:11px;
  font-weight:700;
}
.payment-modal-summary ~ .installment-list > p{
  margin:0;
  padding:14px 15px;
  border:1px dashed #eadfd8;
  border-radius:14px;
  color:#86756d;
  background:#fffaf8;
}
.payment-modal-summary ~ .modal-actions{
  position:sticky;
  bottom:0;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
  padding-top:14px;
  background:linear-gradient(180deg,rgba(250,247,242,0) 0%,rgba(250,247,242,.94) 28%,rgba(250,247,242,1) 100%);
}
.payment-modal-summary ~ .modal-actions .btn{
  min-width:132px;
  min-height:46px;
  border-radius:14px;
}
.payment-modal-summary ~ .modal-actions .btn.primary{
  box-shadow:0 10px 24px rgba(169,111,114,.24);
}
@media(max-width:900px){
  .payment-modal-summary,
  .payment-modal-summary + .form-grid,
  .installment-builder{
    grid-template-columns:1fr 1fr;
  }
  .installment-builder button{
    grid-column:1 / -1;
  }
}
@media(max-width:640px){
  .payment-modal-summary,
  .payment-modal-summary + .form-grid,
  .installment-builder,
  .payment-modal-summary ~ .installment-list > div{
    grid-template-columns:1fr;
  }
  .payment-modal-summary ~ .modal-actions{
    flex-direction:column-reverse;
  }
  .payment-modal-summary ~ .modal-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* ===== V110 · Recordatorios de pago por WhatsApp ===== */
.payment-cards article footer{
  flex-wrap:wrap;
}
.payment-reminder-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.payment-reminder-actions .payment-reminder-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:0 14px;
  border-radius:13px;
  border:1px solid #ead6d2;
  background:linear-gradient(180deg,#fff8f7 0%,#fff 100%);
  color:#96636a;
  font-size:11.5px;
  font-weight:800;
}
.payment-reminder-actions .payment-reminder-btn.today{
  background:linear-gradient(180deg,#f8eceb 0%,#f4e1df 100%);
  border-color:#ddbdb8;
  color:#87555d;
}
.payment-reminder-actions .payment-reminder-btn:hover{
  border-color:#cfaaa7;
  transform:translateY(-1px);
}
.payment-reminder-actions svg{
  width:15px;
  height:15px;
}
@media(max-width:640px){
  .payment-reminder-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .payment-reminder-actions .payment-reminder-btn{
    width:100%;
  }
}


/* ===== V115 · Rediseño sección Códigos de descuento ===== */
.discount-code-panel,
.discount-code-list{
  margin-top:16px;
  border:1px solid #eadfd8;
  border-radius:22px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff8f5 100%);
  box-shadow:0 12px 28px rgba(79,58,50,.045);
  overflow:hidden;
}
.discount-code-panel .panel-title,
.discount-code-list .panel-title{
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid #efe2dc;
}
.discount-code-panel .panel-title h3,
.discount-code-list .panel-title h3{
  margin:0;
  color:#40312d;
  font-size:18px;
}
.discount-code-panel .panel-title p,
.discount-code-list .panel-title p{
  margin:4px 0 0;
  color:#8d7d75;
  font-size:11.5px;
}
.discount-code-list .panel-title b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#f7ecea 0%,#f4e5e1 100%);
  color:#a1676e;
  font-size:14px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.discount-code-panel .panel-title svg,
.discount-code-panel .panel-title .lucide-ticket,
.discount-code-list .panel-title svg{
  color:#9b646a;
}

.discount-code-form{
  display:grid;
  grid-template-columns:1.05fr .72fr 1fr auto;
  gap:14px;
  align-items:end;
}
.discount-code-form > label,
.discount-form-actions{
  position:relative;
  padding:13px 14px 14px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
}
.discount-code-form > label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:12px;
  font-weight:700;
  color:#66564e;
}
.discount-code-form > label:focus-within{
  border-color:#d8beb6;
  box-shadow:0 14px 28px rgba(79,58,50,.06);
}
.discount-code-form input{
  min-height:44px;
  border:1px solid #e3d7d0;
  border-radius:13px;
  padding:0 12px;
  background:#fff;
  color:#3f322d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.discount-code-form input:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 3px rgba(201,144,144,.12);
}
.discount-code-form label small{
  font-size:11px;
  color:#8f7e76;
  line-height:1.35;
}
.discount-active-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px;
  min-height:72px;
  padding:0 14px!important;
  white-space:nowrap;
}
.discount-active-check input{
  min-height:auto!important;
  width:18px;
  height:18px;
  accent-color:var(--admin-accent,#c99090);
  box-shadow:none!important;
}
.discount-active-check span{
  color:#6a5a53;
  font-weight:700;
}
.discount-form-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-height:72px;
  padding:12px;
}
.discount-form-actions .btn{
  min-height:44px;
  border-radius:14px;
  min-width:136px;
}
.discount-form-actions .btn.primary{
  box-shadow:0 10px 24px rgba(169,111,114,.22);
}
.discount-code-message{
  grid-column:1/-1;
  margin:0;
  padding:12px 14px;
  border:1px solid #efd9d4;
  border-radius:14px;
  background:linear-gradient(180deg,#fff8f7 0%,#fff3f1 100%);
  color:#935b62;
  font-size:12px;
  font-weight:700;
}

.discount-code-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
  gap:14px;
  margin-top:14px;
}
.discount-code-card{
  display:grid;
  gap:11px;
  padding:16px;
  border:1px solid #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  box-shadow:0 10px 24px rgba(79,58,50,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.discount-code-card:hover{
  transform:translateY(-1px);
  border-color:#dcc7c0;
  box-shadow:0 14px 28px rgba(79,58,50,.07);
}
.discount-code-card.inactive{
  opacity:.72;
  background:linear-gradient(180deg,#fcfaf9 0%,#faf7f5 100%);
}
.discount-code-card > div{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.discount-code-card strong{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#f8efed;
  color:#8f5f66;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.discount-code-card > div > b{
  color:#a96f72;
  font-size:18px;
  white-space:nowrap;
}
.discount-code-card > small{
  color:#887a74;
  font-size:11.5px;
}
.discount-code-card > span{
  width:max-content;
}
.discount-code-card > footer{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding-top:4px;
}
.discount-code-card > footer button{
  min-height:38px;
  border:1px solid #e1d6d1;
  background:#fff;
  border-radius:12px;
  padding:0 12px;
  font-size:11.5px;
  font-weight:700;
  cursor:pointer;
  color:#6d5b53;
}
.discount-code-card > footer button:hover{
  background:#fff8f7;
  border-color:#d9bdb8;
}
.discount-code-card > footer .danger-link{
  color:#a6555d;
  border-color:#edd3d0;
  background:#fff8f8;
}
.discount-code-list .empty-state.compact-empty{
  min-height:170px;
  border:1px dashed #eadfd8;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
}
.discount-code-list .empty-state.compact-empty p{
  color:#7f6c64;
}

@media(max-width:900px){
  .discount-code-form{
    grid-template-columns:1fr 1fr;
  }
  .discount-active-check,
  .discount-form-actions,
  .discount-code-message{
    grid-column:1 / -1;
  }
}
@media(max-width:640px){
  .discount-code-form{
    grid-template-columns:1fr;
    gap:12px;
  }
  .discount-code-form > label,
  .discount-form-actions{
    padding:12px;
    border-radius:16px;
  }
  .discount-form-actions{
    flex-direction:column-reverse;
    align-items:stretch;
    min-height:0;
  }
  .discount-form-actions .btn{
    width:100%;
    min-width:0;
  }
  .discount-active-check{
    min-height:0;
    padding:10px 12px!important;
  }
  .discount-code-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V116 · Códigos de descuento: estructura limpia ===== */
.discount-code-panel,
.discount-code-list{
  margin-top:18px;
  padding:0!important;
  border:1px solid #eadfd9!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(72,50,43,.045)!important;
  overflow:hidden;
}
.discount-code-panel .panel-title,
.discount-code-list .panel-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0!important;
  padding:18px 20px 15px!important;
  border-bottom:1px solid #efe5e0!important;
  background:linear-gradient(180deg,#fffdfc 0%,#fffaf8 100%);
}
.discount-code-panel .panel-title h3,
.discount-code-list .panel-title h3{
  margin:0 0 4px!important;
  font-size:17px!important;
  color:#493a34!important;
}
.discount-code-panel .panel-title p,
.discount-code-list .panel-title p{
  margin:0!important;
  font-size:11px!important;
  color:#95857d!important;
}
.discount-code-panel .panel-title > svg{
  width:21px;
  height:21px;
  color:#a96f72;
}
.discount-code-list .panel-title > b{
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px;
  border-radius:999px;
  background:#f7ecea;
  color:#986168;
  font-size:13px;
}

.discount-code-form{
  display:grid!important;
  grid-template-columns:minmax(180px,1.15fr) minmax(150px,.72fr) minmax(210px,1fr) auto!important;
  grid-template-areas:
    "code amount date active"
    "actions actions actions actions"
    "message message message message";
  gap:15px 14px!important;
  align-items:end!important;
  padding:20px!important;
  background:#fff!important;
}
.discount-code-form > label{
  min-width:0;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  color:#62534c!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.discount-code-form > label:nth-of-type(1){grid-area:code}
.discount-code-form > label:nth-of-type(2){grid-area:amount}
.discount-code-form > label:nth-of-type(3){grid-area:date}
.discount-code-form > label:nth-of-type(4){grid-area:active}
.discount-code-form input:not([type=checkbox]){
  width:100%!important;
  min-height:44px!important;
  padding:0 13px!important;
  border:1px solid #e4d9d3!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#41342f!important;
  box-shadow:none!important;
}
.discount-code-form input:not([type=checkbox]):focus{
  outline:none!important;
  border-color:#c99090!important;
  box-shadow:0 0 0 3px rgba(201,144,144,.11)!important;
}
.discount-code-form label small{
  margin-top:0!important;
  color:#95857d!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
}
.discount-active-check{
  min-height:44px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 15px!important;
  border:1px solid #e4d9d3!important;
  border-radius:12px!important;
  background:#fffaf8!important;
  white-space:nowrap!important;
}
.discount-active-check input[type=checkbox]{
  appearance:auto!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#c99090!important;
  box-shadow:none!important;
}
.discount-active-check span{
  font-size:11.5px!important;
  color:#66554e!important;
}
.discount-form-actions{
  grid-area:actions!important;
  min-height:0!important;
  padding:2px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:9px!important;
}
.discount-form-actions .btn{
  min-width:132px!important;
  min-height:42px!important;
  border-radius:11px!important;
  padding:0 18px!important;
}
.discount-form-actions .btn.primary{
  background:#c47e87!important;
  box-shadow:0 8px 18px rgba(169,111,114,.18)!important;
}
.discount-code-message{
  grid-area:message!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #efd8d4!important;
  border-radius:11px!important;
  background:#fff7f6!important;
  color:#965d64!important;
  font-size:11.5px!important;
  font-weight:600!important;
}

.discount-code-list{
  margin-top:16px!important;
}
.discount-code-list > .discount-code-grid{
  padding:18px 20px 20px!important;
  margin:0!important;
}
.discount-code-list > .empty-state.compact-empty{
  min-height:160px!important;
  margin:18px 20px 20px!important;
  padding:42px 20px!important;
  border:1px dashed #e6d8d2!important;
  border-radius:14px!important;
  background:#fffaf8!important;
}
.discount-code-list > .empty-state.compact-empty p{
  margin:0!important;
  color:#806f67!important;
  font-size:13px!important;
}
.discount-code-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:13px!important;
}
.discount-code-card{
  padding:15px!important;
  border:1px solid #e8ddd8!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(74,51,44,.035)!important;
}
.discount-code-card strong{
  min-height:27px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:#f8efed!important;
  color:#8e5d64!important;
  font-size:11.5px!important;
}
.discount-code-card > div > b{
  font-size:17px!important;
  color:#a96f72!important;
}
.discount-code-card > footer button{
  min-height:36px!important;
  border-radius:10px!important;
}

@media(max-width:980px){
  .discount-code-form{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "code amount"
      "date active"
      "actions actions"
      "message message"!important;
  }
}
@media(max-width:640px){
  .discount-code-panel .panel-title,
  .discount-code-list .panel-title{
    padding:15px 14px 13px!important;
  }
  .discount-code-form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "code"
      "amount"
      "date"
      "active"
      "actions"
      "message"!important;
    padding:14px!important;
  }
  .discount-active-check{
    justify-content:flex-start!important;
  }
  .discount-form-actions{
    flex-direction:column-reverse!important;
    align-items:stretch!important;
  }
  .discount-form-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
  .discount-code-list > .discount-code-grid{
    padding:14px!important;
  }
  .discount-code-list > .empty-state.compact-empty{
    margin:14px!important;
  }
}


/* ===== V117 · Descuentos: campos perfectamente alineados ===== */
.discount-code-form{
  grid-template-columns:minmax(190px,1.12fr) minmax(155px,.72fr) minmax(210px,1fr) minmax(155px,.62fr)!important;
  align-items:start!important;
}
.discount-code-form > label{
  min-height:72px!important;
  justify-content:flex-start!important;
}
.discount-code-form > label:nth-of-type(1),
.discount-code-form > label:nth-of-type(2),
.discount-code-form > label:nth-of-type(3),
.discount-code-form > label:nth-of-type(4){
  align-self:start!important;
}
.discount-code-form input:not([type=checkbox]){
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
.discount-active-field{
  grid-area:active;
  min-width:0;
  min-height:72px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.discount-field-label{
  color:#62534c!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.discount-active-control{
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 14px!important;
  border:1px solid #e4d9d3!important;
  border-radius:12px!important;
  background:#fffaf8!important;
  color:#66554e!important;
}
.discount-active-control input[type=checkbox]{
  appearance:auto!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#c99090!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
.discount-active-control b{
  font-size:11.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.discount-form-actions{
  padding-top:0!important;
  margin-top:-1px!important;
}
@media(max-width:980px){
  .discount-code-form{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:640px){
  .discount-code-form{
    grid-template-columns:1fr!important;
  }
  .discount-active-field{
    min-height:72px!important;
  }
  .discount-active-control{
    justify-content:flex-start!important;
  }
}

/* ===== V118 · Códigos creados más compactos ===== */
.discount-code-list{
  padding-bottom:14px;
}

.discount-code-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:12px;
  margin-top:12px;
}

.discount-code-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "main amount"
    "meta status"
    "actions actions";
  gap:8px 14px;
  align-items:center;
  padding:14px 15px;
  min-height:0;
  border-radius:16px;
}

.discount-code-card > div{
  grid-area:main;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}

.discount-code-card strong{
  min-height:26px;
  padding:0 9px;
  font-size:11.5px;
}

.discount-code-card > div > b{
  grid-area:amount;
  justify-self:end;
  font-size:17px;
  line-height:1;
}

.discount-code-card > small{
  grid-area:meta;
  margin:0;
  font-size:11px;
  line-height:1.2;
}

.discount-code-card > span{
  grid-area:status;
  justify-self:end;
  margin:0;
  min-height:24px;
  padding:4px 9px;
  font-size:10.5px;
}

.discount-code-card > footer{
  grid-area:actions;
  display:flex;
  align-items:center;
  gap:7px;
  padding-top:2px;
}

.discount-code-card > footer button{
  min-height:34px;
  padding:0 10px;
  border-radius:10px;
  font-size:10.5px;
}

@media(max-width:640px){
  .discount-code-grid{
    grid-template-columns:1fr;
  }
  .discount-code-card{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "main amount"
      "meta status"
      "actions actions";
    padding:12px;
    gap:7px 10px;
  }
  .discount-code-card > footer{
    flex-wrap:wrap;
  }
}


/* ===== V119 · Carrusel infinito para códigos creados ===== */
.discount-code-list{overflow:hidden}
.discount-carousel-shell{
  position:relative;
  margin-top:12px;
  padding:10px 56px 48px;
}
.discount-carousel-track{
  position:relative;
  min-height:250px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.discount-carousel-card{
  position:absolute;
  width:min(100%,320px);
  min-height:170px;
  transition:transform .35s ease, opacity .35s ease, filter .35s ease, box-shadow .35s ease;
  cursor:pointer;
  will-change:transform,opacity;
}
.discount-carousel-card.is-active{
  transform:translateX(0) scale(1);
  z-index:5;
  opacity:1;
  box-shadow:0 16px 34px rgba(79,58,50,.12);
}
.discount-carousel-card.is-left{
  transform:translateX(-63%) scale(.9) rotate(-3deg);
  z-index:4;
  opacity:.92;
}
.discount-carousel-card.is-right{
  transform:translateX(63%) scale(.9) rotate(3deg);
  z-index:4;
  opacity:.92;
}
.discount-carousel-card.is-far-left{
  transform:translateX(-111%) scale(.78) rotate(-5deg);
  z-index:3;
  opacity:.45;
  filter:saturate(.8);
}
.discount-carousel-card.is-far-right{
  transform:translateX(111%) scale(.78) rotate(5deg);
  z-index:3;
  opacity:.45;
  filter:saturate(.8);
}
.discount-carousel-card.is-hidden{display:none}
.discount-carousel-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:40px;
  height:40px;
  border:1px solid #ead4cf;
  border-radius:999px;
  background:#fff;
  color:#95656b;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(79,58,50,.08);
}
.discount-carousel-nav.prev{left:8px}
.discount-carousel-nav.next{right:8px}
.discount-carousel-nav:hover{background:#fff7f6;border-color:#d6b4ae}
.discount-carousel-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.discount-carousel-dots button{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#e4d6d0;
  cursor:pointer;
}
.discount-carousel-dots button.active{
  width:26px;
  background:#c99090;
}
.discount-carousel-card > footer{justify-content:center}
@media(max-width:900px){
  .discount-carousel-shell{padding:8px 44px 42px}
  .discount-carousel-track{min-height:232px}
  .discount-carousel-card{width:min(100%,280px)}
  .discount-carousel-card.is-left{transform:translateX(-52%) scale(.88)}
  .discount-carousel-card.is-right{transform:translateX(52%) scale(.88)}
  .discount-carousel-card.is-far-left,.discount-carousel-card.is-far-right{display:none}
}
@media(max-width:640px){
  .discount-carousel-shell{padding:4px 8px 40px}
  .discount-carousel-track{min-height:224px}
  .discount-carousel-nav{top:auto;bottom:0;transform:none;width:36px;height:36px}
  .discount-carousel-nav.prev{left:calc(50% - 52px)}
  .discount-carousel-nav.next{right:calc(50% - 52px)}
  .discount-carousel-card{width:100%;max-width:100%;min-height:168px}
  .discount-carousel-card.is-left,.discount-carousel-card.is-right,.discount-carousel-card.is-far-left,.discount-carousel-card.is-far-right{display:none}
  .discount-carousel-dots{margin-top:14px}
}


/* ===== V120 · Carrusel más abierto y tarjetas más grandes ===== */
.discount-code-list{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
}
.discount-code-list .panel-title{
  padding:0 0 10px !important;
  border-bottom:none !important;
}
.discount-code-list .panel-title b{
  min-width:38px;
  min-height:38px;
}
.discount-carousel-shell{
  margin-top:6px;
  padding:14px 72px 52px !important;
}
.discount-carousel-track{
  min-height:318px !important;
  overflow:visible !important;
}
.discount-carousel-card{
  width:min(100%,390px) !important;
  min-height:220px !important;
  padding:18px 18px !important;
  border-radius:20px !important;
}
.discount-carousel-card strong{
  min-height:30px;
  padding:0 11px;
  font-size:12px;
}
.discount-carousel-card > div > b{
  font-size:22px !important;
}
.discount-carousel-card > small{
  font-size:12px !important;
}
.discount-carousel-card > span{
  min-height:28px !important;
  padding:5px 11px !important;
  font-size:11px !important;
}
.discount-carousel-card > footer{
  gap:8px !important;
}
.discount-carousel-card > footer button{
  min-height:38px !important;
  padding:0 12px !important;
  font-size:11px !important;
}
.discount-carousel-card.is-left{
  transform:translateX(-74%) scale(.92) rotate(-3deg) !important;
}
.discount-carousel-card.is-right{
  transform:translateX(74%) scale(.92) rotate(3deg) !important;
}
.discount-carousel-card.is-far-left{
  transform:translateX(-130%) scale(.82) rotate(-5deg) !important;
}
.discount-carousel-card.is-far-right{
  transform:translateX(130%) scale(.82) rotate(5deg) !important;
}
.discount-carousel-nav{
  width:44px !important;
  height:44px !important;
}
@media(max-width:900px){
  .discount-carousel-shell{padding:12px 48px 50px !important;}
  .discount-carousel-track{min-height:286px !important;}
  .discount-carousel-card{width:min(100%,340px) !important; min-height:205px !important;}
  .discount-carousel-card.is-left{transform:translateX(-58%) scale(.9) !important;}
  .discount-carousel-card.is-right{transform:translateX(58%) scale(.9) !important;}
}
@media(max-width:640px){
  .discount-carousel-shell{padding:8px 6px 46px !important;}
  .discount-carousel-track{min-height:248px !important;}
  .discount-carousel-card{width:100% !important; min-height:196px !important; padding:14px !important;}
  .discount-carousel-nav{width:38px !important; height:38px !important;}
}


/* ===== V121 · Evitar desbordamiento horizontal de la página ===== */
html,
body,
#root{
  max-width:100%;
  overflow-x:hidden !important;
}
.admin-shell,
.modern-admin,
main,
.admin-content,
.admin-panel{
  max-width:100%;
  min-width:0;
}
.discount-code-list{
  overflow:hidden !important;
  max-width:100%;
}
.discount-carousel-shell{
  width:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.discount-carousel-track{
  width:100%;
  max-width:100%;
  overflow:hidden !important;
}
.discount-carousel-card{
  max-width:calc(100% - 24px) !important;
}
@media(max-width:900px){
  .discount-carousel-card{
    max-width:calc(100% - 18px) !important;
  }
}
@media(max-width:640px){
  .discount-carousel-card{
    max-width:100% !important;
  }
}

/* ===== V122 · Carrusel contenido cuando hay muchos códigos ===== */
.discount-code-list{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  contain:paint;
  isolation:isolate;
}

.discount-carousel-shell{
  position:relative;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  contain:paint;
  clip-path:inset(0 round 0);
  padding-left:54px !important;
  padding-right:54px !important;
}

.discount-carousel-track{
  position:relative;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  contain:paint;
  min-height:300px !important;
}

.discount-carousel-card{
  width:min(42%,380px) !important;
  max-width:380px !important;
  min-width:280px;
  min-height:215px !important;
  left:50%;
  margin-left:0;
  transform-origin:center center;
}

/* Solo se muestran la tarjeta activa y sus dos vecinas inmediatas. */
.discount-carousel-card.is-active{
  transform:translateX(-50%) scale(1) !important;
  z-index:5;
  opacity:1 !important;
}

.discount-carousel-card.is-left{
  transform:translateX(-132%) scale(.88) !important;
  z-index:3;
  opacity:.70 !important;
  filter:saturate(.82);
}

.discount-carousel-card.is-right{
  transform:translateX(32%) scale(.88) !important;
  z-index:3;
  opacity:.70 !important;
  filter:saturate(.82);
}

.discount-carousel-card.is-far-left,
.discount-carousel-card.is-far-right,
.discount-carousel-card.is-hidden{
  display:none !important;
}

.discount-carousel-nav{
  z-index:10 !important;
}

.discount-carousel-dots{
  max-width:100%;
  overflow:hidden;
  flex-wrap:wrap;
  row-gap:6px;
  padding:0 46px;
}

@media(max-width:1050px){
  .discount-carousel-card{
    width:min(48%,340px) !important;
    max-width:340px !important;
    min-width:250px;
  }
  .discount-carousel-card.is-left{
    transform:translateX(-118%) scale(.86) !important;
  }
  .discount-carousel-card.is-right{
    transform:translateX(18%) scale(.86) !important;
  }
}

@media(max-width:760px){
  .discount-carousel-shell{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .discount-carousel-track{
    min-height:245px !important;
  }
  .discount-carousel-card{
    width:calc(100% - 12px) !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .discount-carousel-card.is-active{
    transform:translateX(-50%) scale(1) !important;
  }
  .discount-carousel-card.is-left,
  .discount-carousel-card.is-right{
    display:none !important;
  }
  .discount-carousel-dots{
    padding:0 80px;
    flex-wrap:nowrap;
    overflow:hidden;
  }
}

/* ===== V123 · Carrusel de descuentos refinado ===== */
.discount-code-list{
  margin-top:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.discount-code-list .panel-title{
  padding:0 2px 12px !important;
  margin-bottom:2px;
  border:0 !important;
  background:transparent !important;
}

.discount-code-list .panel-title h3{
  font-size:20px !important;
  line-height:1.15;
  letter-spacing:-.01em;
}

.discount-code-list .panel-title p{
  margin-top:5px !important;
  font-size:11.5px !important;
}

.discount-code-list .panel-title > b{
  min-width:38px !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid #ead7d2;
  background:#fff7f5 !important;
  color:#a76870 !important;
  box-shadow:0 8px 20px rgba(104,74,65,.05) !important;
}

.discount-carousel-shell{
  position:relative;
  margin-top:2px !important;
  padding:20px 58px 48px !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(201,144,144,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,0)) !important;
  border-radius:26px;
}

.discount-carousel-track{
  min-height:286px !important;
  background:transparent !important;
}

.discount-carousel-card{
  width:min(41%,370px) !important;
  max-width:370px !important;
  min-width:270px !important;
  min-height:205px !important;
  padding:18px 18px 16px !important;
  border:1px solid #eadbd6 !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,#fff 0%,#fffdfc 64%,#fff8f6 100%) !important;
  box-shadow:0 16px 36px rgba(91,62,54,.08) !important;
}

.discount-carousel-card.is-active{
  border-color:#dfc2bc !important;
  box-shadow:
    0 22px 48px rgba(91,62,54,.13),
    0 0 0 1px rgba(255,255,255,.86) inset !important;
}

.discount-carousel-card.is-left,
.discount-carousel-card.is-right{
  opacity:.52 !important;
  filter:saturate(.72) brightness(1.02) !important;
  box-shadow:0 10px 24px rgba(91,62,54,.05) !important;
}

.discount-carousel-card > div{
  align-items:center !important;
}

.discount-carousel-card strong{
  min-height:29px !important;
  padding:0 11px !important;
  border:1px solid #f0dfdb;
  background:#fbefed !important;
  color:#a4646d !important;
  font-size:11.5px !important;
  letter-spacing:.05em;
}

.discount-carousel-card > div > b{
  color:#af6f76 !important;
  font-size:22px !important;
  letter-spacing:-.02em;
}

.discount-carousel-card > small{
  color:#8c7c75 !important;
  font-size:11.5px !important;
}

.discount-carousel-card > span{
  min-height:28px !important;
  border-radius:999px !important;
  padding:5px 10px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
}

.discount-carousel-card > footer{
  justify-content:flex-start !important;
  gap:8px !important;
  margin-top:4px;
}

.discount-carousel-card > footer button{
  min-height:37px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  background:#fff !important;
  transition:transform .15s ease, border-color .15s ease, background .15s ease !important;
}

.discount-carousel-card > footer button:hover{
  transform:translateY(-1px);
  background:#fff8f6 !important;
  border-color:#d9bdb7 !important;
}

.discount-carousel-card > footer .danger-link{
  background:#fff8f8 !important;
}

.discount-carousel-nav{
  top:50% !important;
  width:42px !important;
  height:42px !important;
  border:1px solid #e8d3ce !important;
  background:rgba(255,255,255,.96) !important;
  color:#a46c72 !important;
  box-shadow:0 10px 24px rgba(88,62,55,.08) !important;
  backdrop-filter:blur(8px);
}

.discount-carousel-nav.prev{left:12px !important;}
.discount-carousel-nav.next{right:12px !important;}

.discount-carousel-nav:hover{
  background:#fff5f3 !important;
  border-color:#d9b9b3 !important;
}

.discount-carousel-dots{
  margin-top:4px !important;
  gap:6px !important;
}

.discount-carousel-dots button{
  width:7px !important;
  height:7px !important;
  background:#ded0cb !important;
  transition:width .18s ease, background .18s ease;
}

.discount-carousel-dots button.active{
  width:22px !important;
  background:#bf7d84 !important;
}

@media(max-width:1050px){
  .discount-carousel-shell{
    padding-left:46px !important;
    padding-right:46px !important;
  }
  .discount-carousel-card{
    width:min(47%,330px) !important;
    max-width:330px !important;
    min-width:245px !important;
  }
}

@media(max-width:760px){
  .discount-code-list{
    margin-top:14px !important;
  }
  .discount-code-list .panel-title{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .discount-carousel-shell{
    padding:14px 4px 44px !important;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0)) !important;
  }
  .discount-carousel-track{
    min-height:238px !important;
  }
  .discount-carousel-card{
    width:calc(100% - 8px) !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:190px !important;
    padding:14px !important;
    border-radius:18px !important;
  }
  .discount-carousel-nav{
    top:auto !important;
    bottom:2px !important;
    transform:none !important;
    width:36px !important;
    height:36px !important;
  }
  .discount-carousel-nav.prev{
    left:calc(50% - 50px) !important;
  }
  .discount-carousel-nav.next{
    right:calc(50% - 50px) !important;
  }
}

/* ===== V124 · Sidebar fija y carrusel más estable ===== */
html, body{
  overflow-x:hidden !important;
}

.admin-shell{
  height:100vh !important;
  min-height:100vh !important;
  align-items:stretch;
  overflow:hidden !important;
}

.admin-shell > aside{
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-self:stretch;
}

.admin-main{
  min-width:0 !important;
  height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
}

/* Contención extra de la sección de descuentos */
.discount-code-list{
  position:relative;
  z-index:0;
}

.discount-carousel-shell{
  max-width:100%;
  overflow:hidden !important;
}

.discount-carousel-track{
  max-width:100%;
  overflow:hidden !important;
}

.discount-carousel-card{
  z-index:1;
}

.discount-carousel-card.is-active{
  z-index:5;
}

.discount-carousel-card.is-left,
.discount-carousel-card.is-right{
  z-index:2;
}

.discount-carousel-nav{
  z-index:6 !important;
}

@media(max-width:900px){
  .admin-shell{
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
  }
  .admin-shell > aside{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    position:fixed !important;
  }
  .admin-main{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* ===== V125 · Resumen del pedido refinado ===== */
.order-summary{
  background:linear-gradient(180deg,#fffdfb 0%,#fff8f5 100%) !important;
  border:1px solid #eadcd5 !important;
  border-radius:26px !important;
  padding:22px 20px 20px !important;
  box-shadow:0 18px 42px rgba(89,63,55,.07);
  position:sticky;
  top:92px;
  overflow:hidden;
}

.order-summary::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#d7b0a8,#c99090,#ead0cb);
  opacity:.85;
}

.order-summary > h2{
  margin:0 0 18px !important;
  padding-bottom:12px;
  border-bottom:1px solid #f0e3dd;
  font-size:38px;
  line-height:1.03;
}

.summary-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid #f2e8e2;
}

.summary-line span{
  color:#705f58;
  font-size:14px;
  font-weight:500;
}

.summary-line b{
  color:#4d3d37;
  font-size:18px;
  font-weight:800;
}

.summary-line small{
  color:#947f76;
  font-size:12px;
  text-align:right;
}

.discount-line{
  margin-top:6px;
  padding:13px 14px;
  border:1px solid #efd9d4;
  border-radius:16px;
  background:linear-gradient(180deg,#fff8f8 0%,#fff2f2 100%);
  border-bottom:1px solid #efd9d4 !important;
}

.discount-line span,
.discount-line b,
.discount-line span b{
  color:#aa7075 !important;
}

.summary-total{
  margin-top:14px;
  padding:16px 0 0;
  border-top:2px solid #ecd7d1;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
}

.summary-total span{
  color:#564741;
  font-size:15px;
  font-weight:700;
}

.summary-total strong{
  color:#473933;
  font-size:38px;
  line-height:1;
  letter-spacing:-.02em;
}

.coupon-box{
  margin:16px 0 10px !important;
  padding:14px !important;
  border:1px solid #ead9d4 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fffaf8 0%,#fff6f3 100%) !important;
}

.coupon-box > label{
  margin-bottom:9px !important;
  color:#7b6760 !important;
  font-size:12px !important;
  letter-spacing:.01em;
}

.coupon-entry{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px !important;
}

.coupon-entry input{
  height:46px !important;
  border:1px solid #dbcac3 !important;
  border-radius:13px !important;
  padding:0 14px !important;
  background:#fff !important;
  color:#53433d;
  font-weight:600;
}

.coupon-entry button{
  min-width:88px;
  height:46px !important;
  border-radius:13px !important;
  padding:0 16px !important;
  font-weight:800 !important;
}

.coupon-entry .coupon-apply{
  background:linear-gradient(180deg,#d59a9a 0%,#c8868b 100%) !important;
  color:#fff !important;
  border-color:#c8868b !important;
  box-shadow:0 10px 18px rgba(201,144,144,.22);
}

.coupon-entry .coupon-remove{
  background:#fff !important;
  color:#99646b !important;
}

.coupon-status{
  display:block;
  margin-top:9px !important;
  color:#8f7a72;
  font-size:12px !important;
  line-height:1.4;
}

.coupon-status.success{
  color:#8d6a60 !important;
}

.yape-cart-card{
  margin:14px 0 8px !important;
  padding:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(143,95,102,.16) !important;
  background:linear-gradient(145deg,rgba(255,250,247,.98),rgba(255,255,255,.98)) !important;
}

.checkout-form.audited-checkout{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #efe0db;
  display:grid;
  gap:10px;
}

.checkout-form.audited-checkout > h3{
  margin:0 0 4px !important;
  color:#4d3d37;
  font-size:21px;
  font-weight:800;
}

.checkout-form.audited-checkout > input{
  width:100%;
  min-width:0;
  height:48px;
  border:1px solid #dfd0ca;
  border-radius:14px;
  background:#fff;
  padding:0 15px;
  color:#54443e;
  box-shadow:0 4px 12px rgba(89,63,55,.04);
}

.checkout-form.audited-checkout > input:focus{
  outline:none;
  border-color:#c99090;
  box-shadow:0 0 0 4px rgba(201,144,144,.12);
}

.checkout-form.audited-checkout > input::placeholder{
  color:#8d7d76;
}

.saved-data-note{
  margin:2px 0 4px;
  padding:10px 12px;
  border-radius:12px;
  background:#f7f0ec;
  color:#7f6e67;
  font-size:12px;
  line-height:1.45;
}

.checkout-form .btn,
.checkout-form button[type="submit"]{
  border-radius:14px;
}

.order-summary .shipping-method-accordion{
  margin-top:6px;
  border:1px solid #eadcd5;
  border-radius:18px;
  background:#fffdfb;
  overflow:hidden;
}

.order-summary .shipping-method-accordion > summary{
  padding:14px 16px;
  background:linear-gradient(180deg,#fff9f6 0%,#fffdfb 100%);
}

.order-summary .shipping-method-accordion .shipping-method-options{
  padding:0 12px 12px;
}

.order-summary .shipping-details{
  margin-top:10px;
  padding:14px !important;
  border:1px solid #efe3de;
  border-radius:16px;
  background:#fff;
}

.order-summary .agency-search input,
.order-summary .shipping-details input,
.order-summary .shipping-details textarea,
.order-summary .shipping-details select{
  border-radius:12px !important;
}

@media (max-width: 900px){
  .cart-layout{
    grid-template-columns:1fr !important;
  }
  .order-summary{
    position:static;
    top:auto;
    padding:18px 16px 18px !important;
  }
  .order-summary > h2{
    font-size:32px;
  }
  .summary-total strong{
    font-size:34px;
  }
}

@media (max-width: 640px){
  .order-summary{
    border-radius:22px !important;
    padding:18px 14px 16px !important;
  }
  .order-summary > h2{
    font-size:28px;
    margin-bottom:14px !important;
  }
  .coupon-box{
    padding:12px !important;
  }
  .coupon-entry{
    grid-template-columns:1fr auto !important;
  }
  .coupon-entry button{
    min-width:74px;
    padding:0 12px !important;
  }
  .summary-line{
    padding:10px 0;
  }
  .summary-line b{
    font-size:16px;
  }
  .summary-total{
    align-items:center;
  }
  .summary-total strong{
    font-size:32px;
  }
  .checkout-form.audited-checkout > h3{
    font-size:19px;
  }
}

/* ===== V126 · Movimientos: diseño y flujo de trabajo ===== */
.movement-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}

.movement-overview > article{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px 15px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
}

.movement-overview-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  font-size:18px;
  font-weight:800;
  border:1px solid rgba(201,144,144,.2);
  background:#f9efed;
  color:#9e666d;
}

.movement-overview-icon.stock{
  background:#f1f4ec;
  color:#718067;
  border-color:#dde5d4;
}

.movement-overview-icon.total{
  background:#f5f0eb;
  color:#836e61;
  border-color:#e7ddd4;
}

.movement-overview article > div{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2px 8px;
  min-width:0;
}

.movement-overview small{
  color:#8f7e76;
  font-size:10.5px;
  font-weight:700;
}

.movement-overview strong{
  grid-column:2;
  grid-row:1/3;
  color:#453630;
  font-size:23px;
  line-height:1;
}

.movement-overview em{
  color:#9a8981;
  font-size:10px;
  font-style:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.movement-history{
  margin-top:12px !important;
  border:1px solid #eaded8 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%) !important;
  box-shadow:0 8px 22px rgba(77,54,47,.035);
  transition:border-color .18s ease, box-shadow .18s ease;
}

.movement-history[open]{
  border-color:#dfcbc5 !important;
  box-shadow:0 13px 30px rgba(77,54,47,.055);
}

.movement-history > summary.panel-title{
  min-height:70px;
  align-items:center;
  padding:15px 16px !important;
  gap:14px;
  user-select:none;
}

.movement-history > summary.panel-title:hover{
  background:#fff9f7;
}

.movement-history > summary.panel-title > div{
  min-width:0;
}

.movement-history > summary.panel-title h3{
  margin:0;
  color:#453630;
  font-size:15px;
  font-weight:800;
}

.movement-history > summary.panel-title p{
  margin:4px 0 0;
  color:#94827a;
  font-size:10.5px;
  line-height:1.4;
}

.movement-summary-end{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
  color:#7b6a63;
}

.movement-summary-end > b{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 9px;
  border-radius:999px;
  background:#f7ece9;
  color:#9c656c;
  font-size:11px;
}

.movement-summary-end svg{
  width:20px;
  height:20px;
}

/* Keep the + / - control separate from the count and icon */
.movement-history > summary.panel-title::after{
  flex:0 0 30px;
  width:30px !important;
  height:30px !important;
  margin-left:2px;
  border:1px solid #edddd8;
  border-radius:10px !important;
  background:#fff7f5 !important;
}

/* System audit becomes a readable timeline */
.audit-movement-list{
  position:relative;
  padding:8px 16px 16px 28px !important;
  border-top:1px solid #f0e5e0;
}

.audit-movement-list::before{
  content:"";
  position:absolute;
  top:17px;
  bottom:20px;
  left:25px;
  width:1px;
  background:#eadbd5;
}

.audit-movement-list > article{
  position:relative;
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin:0 0 8px 14px;
  padding:12px 14px;
  border:1px solid #eee3de;
  border-radius:14px;
  background:#fff;
}

.audit-movement-list > article::before{
  content:"";
  position:absolute;
  left:-23px;
  top:17px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#c99090;
  border:3px solid #fff8f5;
  box-shadow:0 0 0 1px #e5d0ca;
}

.audit-movement-list > article > span{
  display:grid;
  gap:3px;
}

.audit-movement-list > article > span b{
  color:#5b4841;
  font-size:11.5px;
}

.audit-movement-list > article > span small{
  color:#9a8982;
  font-size:10px;
}

.audit-movement-list > article > div{
  display:grid;
  gap:4px;
  min-width:0;
}

.audit-movement-list > article > div strong{
  color:#43342f;
  font-size:12.5px;
}

.audit-movement-list > article > div small{
  color:#87766f;
  font-size:10.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

/* Inventory movement table */
.stock-movement-panel .collapsible-content{
  border-top:1px solid #f0e5e0;
}

.movement-table{
  padding:10px 14px 14px !important;
  overflow-x:auto;
}

.movement-table > div{
  min-width:850px;
  display:grid;
  grid-template-columns:130px minmax(190px,1.5fr) minmax(170px,1.2fr) 70px 95px 130px;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border-bottom:1px solid #f0e7e3;
  font-size:11px;
}

.movement-table > div:first-child{
  position:sticky;
  top:0;
  z-index:2;
  padding-top:9px;
  padding-bottom:9px;
  border:1px solid #eadfd9;
  border-radius:11px;
  background:#faf4f1;
  color:#836f66;
  box-shadow:0 4px 10px rgba(78,56,48,.025);
}

.movement-table > div:not(:first-child):hover{
  background:#fffbfa;
}

.movement-table > div > span{
  min-width:0;
}

.movement-table > div > span > b{
  display:block;
  color:#4e3d37;
  font-size:11.5px;
}

.movement-table > div > span > small{
  display:block;
  margin-top:3px;
  color:#94827a;
  font-size:9.5px;
  line-height:1.35;
}

.movement-reason > b{
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  background:#f7efec;
  color:#95636a !important;
  font-size:9.5px !important;
}

.movement-table strong.positive{
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#eaf4ea;
  color:#54745b;
}

.movement-table strong.negative{
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#fae9e7;
  color:#a15d62;
}

/* Heading actions are visually grouped */
.admin-heading:has(+ .movement-overview) .heading-actions{
  gap:8px;
}

@media(max-width:900px){
  .movement-overview{
    grid-template-columns:1fr 1fr 1fr;
  }
  .audit-movement-list > article{
    grid-template-columns:135px minmax(0,1fr);
  }
}

@media(max-width:680px){
  .movement-overview{
    grid-template-columns:1fr;
    gap:8px;
  }
  .movement-overview > article{
    padding:11px 12px;
  }

  .movement-history > summary.panel-title{
    min-height:64px;
    padding:13px 12px !important;
  }

  .movement-summary-end > b{
    min-width:27px;
    height:27px;
  }

  .movement-summary-end svg{
    display:none;
  }

  .audit-movement-list{
    padding:8px 10px 12px 22px !important;
  }

  .audit-movement-list::before{
    left:18px;
  }

  .audit-movement-list > article{
    grid-template-columns:1fr;
    gap:7px;
    margin-left:10px;
    padding:11px 12px;
  }

  .audit-movement-list > article::before{
    left:-20px;
  }

  .audit-movement-list > article > span{
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:8px;
  }

  .audit-movement-list > article > span small{
    text-align:right;
  }

  .movement-table{
    padding:9px 10px 12px !important;
  }
}


/* ===== V127 · Movimientos: iconos limpios + listas contenidas ===== */
.movement-history > summary.panel-title{
  position:relative;
  padding-right:14px !important;
}

.movement-summary-end{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-left:auto !important;
  padding:5px 8px 5px 6px;
  border:1px solid #eadbd6;
  border-radius:999px;
  background:#fff9f7;
  color:#8b746c;
}

.movement-summary-end > b{
  min-width:26px !important;
  height:26px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:#f2e5e2 !important;
  color:#9c656c !important;
  font-size:10.5px !important;
  box-shadow:none !important;
}

.movement-summary-end > small{
  color:#927e76;
  font-size:9.5px;
  font-weight:700;
  white-space:nowrap;
}

.movement-summary-end svg{
  display:none !important;
}

/* Un único control + / −, centrado y sin iconos superpuestos */
.movement-history > summary.panel-title::after{
  content:'+' !important;
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  margin-left:4px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #ead8d3 !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#a0646b !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:0 4px 12px rgba(76,53,46,.05) !important;
}

.movement-history[open] > summary.panel-title::after{
  content:'−' !important;
}

/* Evita que cientos de registros alarguen toda la página */
.audit-movement-list{
  max-height:460px;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.stock-movement-panel .movement-table{
  max-height:460px;
  overflow:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.audit-movement-list,
.stock-movement-panel .movement-table{
  scrollbar-width:thin;
  scrollbar-color:#d8c3bd #faf6f4;
}

.audit-movement-list::-webkit-scrollbar,
.stock-movement-panel .movement-table::-webkit-scrollbar{
  width:8px;
  height:8px;
}

.audit-movement-list::-webkit-scrollbar-track,
.stock-movement-panel .movement-table::-webkit-scrollbar-track{
  background:#faf6f4;
  border-radius:999px;
}

.audit-movement-list::-webkit-scrollbar-thumb,
.stock-movement-panel .movement-table::-webkit-scrollbar-thumb{
  background:#d8c3bd;
  border:2px solid #faf6f4;
  border-radius:999px;
}

/* Encabezado de la tabla siempre visible al bajar dentro de la lista */
.stock-movement-panel .movement-table > div:first-child{
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
}

/* Desvanecido inferior sutil para indicar que hay más registros */
.movement-history[open] .collapsible-content{
  position:relative;
}

.movement-history[open] .collapsible-content::after{
  content:'';
  pointer-events:none;
  position:sticky;
  display:block;
  bottom:0;
  left:0;
  right:0;
  height:10px;
  margin-top:-10px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.92));
}

@media(max-width:680px){
  .movement-summary-end{
    padding-right:6px;
  }
  .movement-summary-end > small{
    display:none;
  }
  .audit-movement-list,
  .stock-movement-panel .movement-table{
    max-height:390px;
  }
}

/* ===== V128 · Encabezados de movimientos corregidos ===== */
.movement-history > summary.panel-title{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto 36px !important;
  align-items:center !important;
  gap:12px !important;
  min-height:76px !important;
  padding:14px 14px 14px 16px !important;
  overflow:hidden !important;
}

.movement-history > summary.panel-title > div{
  min-width:0 !important;
  overflow:hidden;
}

.movement-history > summary.panel-title h3,
.movement-history > summary.panel-title p{
  overflow:hidden;
  text-overflow:ellipsis;
}

.movement-summary-end{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:max-content !important;
  height:34px !important;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #eadbd6 !important;
  border-radius:999px !important;
  background:#fff8f6 !important;
  color:#8a7169 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.movement-summary-end > b{
  display:inline !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#9c656c !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.movement-summary-end > small{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:#8f7b73 !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.movement-history > summary.panel-title::after{
  position:static !important;
  grid-column:3 !important;
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #e7d4ce !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#9d666c !important;
  box-shadow:0 5px 12px rgba(82,58,51,.05) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transform:none !important;
}

.movement-history[open] > summary.panel-title::after{
  content:'−' !important;
}

.movement-history:not([open]) > summary.panel-title::after{
  content:'+' !important;
}

/* El contador nunca puede montarse encima del control */
.movement-summary-end{
  grid-column:2 !important;
}

@media(max-width:680px){
  .movement-history > summary.panel-title{
    grid-template-columns:minmax(0,1fr) auto 32px !important;
    gap:8px !important;
    min-height:70px !important;
    padding:12px !important;
  }

  .movement-summary-end{
    height:30px !important;
    padding:0 8px !important;
  }

  .movement-summary-end > small{
    display:none !important;
  }

  .movement-history > summary.panel-title::after{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    max-width:32px !important;
  }
}

/* ===== V129 · Envíos: diseño y flujo ===== */
.shipment-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}

.shipment-overview > article{
  padding:14px 16px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
  display:grid;
  gap:4px;
}

.shipment-overview > article small{
  color:#8e7d75;
  font-size:10.5px;
  font-weight:700;
}

.shipment-overview > article strong{
  color:#4a3a34;
  font-size:26px;
  line-height:1;
}

.shipment-overview > article em{
  color:#9a8981;
  font-size:10px;
  font-style:normal;
}

.shipment-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start;
}

.shipment-card.detailed-shipment{
  position:relative;
  padding:18px 18px 16px !important;
  border:1px solid #e7dad3 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 12px 30px rgba(77,54,47,.045);
  overflow:hidden;
}

.shipment-card.detailed-shipment::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#e3d0cb;
}

.shipment-card.detailed-shipment.has-tracking::before{
  background:linear-gradient(180deg,#a7c59e,#7fa97a);
}

.shipment-card.detailed-shipment.without-tracking::before{
  background:linear-gradient(180deg,#e5c2bd,#c99090);
}

.shipment-card.detailed-shipment > div:first-child{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px !important;
  align-items:center !important;
  margin-bottom:14px !important;
}

.shipment-card.detailed-shipment > div:first-child > svg{
  width:19px;
  height:19px;
  color:#af7278;
  background:#fbefed;
  border:1px solid #f0d8d3;
  border-radius:11px;
  padding:7px;
  box-sizing:content-box;
}

.shipment-card.detailed-shipment > div:first-child span{
  display:grid;
  gap:2px;
  min-width:0;
}

.shipment-card.detailed-shipment > div:first-child small:first-child{
  color:#a08278;
  font-size:11px;
  font-weight:700;
}

.shipment-card.detailed-shipment > div:first-child strong{
  color:#453630;
  font-size:29px;
  font-family:Playfair Display,serif;
  line-height:1.02;
}

.shipment-card.detailed-shipment > div:first-child small:last-child{
  color:#816f67;
  font-size:12px;
  font-weight:600;
}

.detailed-shipment dl{
  margin:0 0 14px !important;
  gap:8px 10px !important;
  grid-template-columns:96px 1fr !important;
}

.detailed-shipment dt{
  color:#9a8a82 !important;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:.06em;
}

.detailed-shipment dd{
  margin:0 !important;
  color:#4f4039;
  font-size:12px !important;
  line-height:1.45;
  word-break:break-word;
}

.detailed-shipment dd:nth-of-type(4){
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:#f8f1ee;
  border:1px solid #ecd9d4;
  color:#9a676d;
  font-weight:700;
}

.shipment-card.detailed-shipment.has-tracking dd:nth-of-type(4){
  background:#eef6ec;
  border-color:#d7e7d2;
  color:#638061;
}

.detailed-shipment footer{
  border-top:1px solid #eee4df !important;
  padding-top:14px !important;
  gap:9px !important;
  display:flex !important;
}

.detailed-shipment footer button{
  min-height:38px;
  padding:0 14px !important;
  border-radius:12px !important;
  font-weight:700;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}

.detailed-shipment footer button:first-child{
  background:linear-gradient(180deg,#fff 0%,#fff8f6 100%) !important;
  border-color:#dcccc5 !important;
}

.detailed-shipment footer button:hover{
  transform:translateY(-1px);
}

.detailed-shipment footer .danger-link{
  background:#fff8f8 !important;
  border-color:#ebd2d2 !important;
  color:#b06a70 !important;
}

@media(max-width:900px){
  .shipment-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:680px){
  .shipment-overview{
    grid-template-columns:1fr;
    gap:8px;
  }
  .shipment-overview > article{
    padding:12px 13px;
  }
  .shipment-card.detailed-shipment{
    padding:15px 14px 14px !important;
    border-radius:18px !important;
  }
  .shipment-card.detailed-shipment > div:first-child{
    grid-template-columns:30px minmax(0,1fr);
    gap:10px !important;
  }
  .shipment-card.detailed-shipment > div:first-child > svg{
    width:17px;
    height:17px;
    border-radius:10px;
    padding:6px;
  }
  .shipment-card.detailed-shipment > div:first-child strong{
    font-size:24px;
  }
  .detailed-shipment dl{
    grid-template-columns:78px 1fr !important;
    gap:7px 8px !important;
  }
  .detailed-shipment footer{
    flex-wrap:wrap;
  }
  .detailed-shipment footer button{
    flex:1 1 0;
  }
}

/* ===== V131 · Tarjetas de resumen de Envíos clickeables ===== */
.shipment-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}

.shipment-overview > button{
  appearance:none;
  text-align:left;
  width:100%;
  padding:14px 16px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
  display:grid;
  gap:4px;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.shipment-overview > button:hover{
  transform:translateY(-1px);
  border-color:#d9bbb5;
  box-shadow:0 11px 26px rgba(77,54,47,.06);
  background:#fff9f7;
}

.shipment-overview > button.active{
  border-color:#bd7e84;
  background:linear-gradient(180deg,#fff7f5 0%,#fbecea 100%);
  box-shadow:0 10px 26px rgba(169,111,114,.11);
}

.shipment-overview > button small{
  color:#8e7d75;
  font-size:10.5px;
  font-weight:700;
}

.shipment-overview > button.active small{
  color:#98646a;
}

.shipment-overview > button strong{
  color:#4a3a34;
  font-size:26px;
  line-height:1;
}

.shipment-overview > button.active strong{
  color:#a6656d;
}

.shipment-overview > button em{
  color:#9a8981;
  font-size:10px;
  font-style:normal;
}

.shipment-overview > button.active em{
  color:#8f6d68;
}

@media(max-width:680px){
  .shipment-overview{
    grid-template-columns:1fr;
    gap:8px;
  }
  .shipment-overview > button{
    grid-template-columns:1fr auto;
    align-items:center;
    gap:2px 10px;
    padding:11px 13px;
  }
  .shipment-overview > button strong{
    grid-column:2;
    grid-row:1/3;
    font-size:22px;
  }
}

/* ===== V132 · Tarjetas de envíos con altura uniforme ===== */
.shipment-grid{
  align-items:stretch !important;
}

.shipment-card.detailed-shipment{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:272px !important;
}

.shipment-card.detailed-shipment > div:first-child{
  flex:0 0 auto;
}

.shipment-card.detailed-shipment dl{
  flex:1 1 auto;
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) !important;
  grid-template-rows:auto auto auto auto !important;
  align-content:start;
}

.shipment-card.detailed-shipment dt,
.shipment-card.detailed-shipment dd{
  align-self:start;
}

.shipment-card.detailed-shipment dd:nth-of-type(2){
  min-height:36px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.shipment-card.detailed-shipment footer{
  margin-top:auto !important;
}

@media(max-width:680px){
  .shipment-card.detailed-shipment{
    min-height:0 !important;
  }
  .shipment-card.detailed-shipment dl{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
  .shipment-card.detailed-shipment dd:nth-of-type(2){
    min-height:0;
    -webkit-line-clamp:3;
  }
}

/* ===== V133 · Editar información de envío: flujo visual ===== */
.shipment-edit-form{
  position:relative;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:6px 0 2px;
}

.shipment-edit-form > label{
  position:relative;
  display:flex !important;
  flex-direction:column;
  gap:8px !important;
  min-width:0;
  padding:13px 14px 14px;
  border:1px solid #eadfd9;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 8px 20px rgba(75,53,46,.035);
  color:#6c5c55;
  font-size:11.5px;
  font-weight:750;
}

.shipment-edit-form > label:focus-within{
  border-color:#d8bdb7;
  box-shadow:0 11px 24px rgba(75,53,46,.055);
}

.shipment-edit-form > label.wide{
  grid-column:1 / -1;
}

.shipment-edit-form input,
.shipment-edit-form select{
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid #e1d5cf !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#463730;
  font-size:12px;
  box-shadow:none !important;
}

.shipment-edit-form input:focus,
.shipment-edit-form select:focus{
  outline:none;
  border-color:#c99090 !important;
  box-shadow:0 0 0 3px rgba(201,144,144,.12) !important;
}

.shipment-edit-form input[readonly]{
  background:#faf6f3 !important;
  color:#806d65;
  border-style:dashed !important;
}

.shipment-edit-form input::placeholder{
  color:#a1928b;
}

/* Visual grouping by field position */
.shipment-edit-form > label:nth-child(1),
.shipment-edit-form > label:nth-child(2){
  background:linear-gradient(180deg,#fffdfc 0%,#fffaf8 100%);
}

.shipment-edit-form > label:nth-child(3),
.shipment-edit-form > label:nth-child(4){
  background:linear-gradient(180deg,#fffaf7 0%,#fff 100%);
}

.shipment-edit-form > label:nth-last-child(-n+2){
  background:linear-gradient(180deg,#fffdfb 0%,#fff8f5 100%);
}

/* Give the tracking field more visual weight */
.shipment-edit-form > label:nth-last-child(2){
  border-color:#e4c9c3;
}

.shipment-edit-form > label:nth-last-child(2) input{
  border-color:#ddc4be !important;
  background:#fffaf8 !important;
  font-weight:700;
  letter-spacing:.02em;
}

.shipment-edit-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-top:16px !important;
  padding-top:14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.94) 35%,#fff 100%);
}

.shipment-edit-actions .btn{
  min-width:132px;
  min-height:46px;
  border-radius:13px !important;
}

.shipment-edit-actions .btn.primary{
  min-width:180px;
  box-shadow:0 10px 22px rgba(169,111,114,.18);
}

/* Modal presentation refinement only when shipment editor is present */
.modal-card:has(.shipment-edit-form),
.modal:has(.shipment-edit-form),
.dialog-card:has(.shipment-edit-form){
  border-radius:24px !important;
}

@media(max-width:760px){
  .shipment-edit-form{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .shipment-edit-form > label,
  .shipment-edit-form > label.wide{
    grid-column:1 !important;
    padding:11px 12px 12px;
    border-radius:15px;
  }

  .shipment-edit-actions{
    flex-direction:column-reverse !important;
  }

  .shipment-edit-actions .btn,
  .shipment-edit-actions .btn.primary{
    width:100%;
    min-width:0;
  }
}

/* ===== V134 · Editar envío: orden lógico y mejor uso del espacio ===== */
.shipment-edit-form{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:start;
}

/* Orden de trabajo:
   1) clienta / teléfono
   2) DNI / transportista
   3) agencia / fecha
   4) dirección
   5) seguimiento */
.shipment-edit-form .shipment-field.customer{grid-column:span 3;grid-row:1}
.shipment-edit-form .shipment-field.phone{grid-column:span 3;grid-row:1}
.shipment-edit-form .shipment-field.document{grid-column:span 3;grid-row:2}
.shipment-edit-form .shipment-field.carrier{grid-column:span 3;grid-row:2}
.shipment-edit-form .shipment-field.agency{grid-column:span 4;grid-row:3}
.shipment-edit-form .shipment-field.date{grid-column:span 2;grid-row:3}
.shipment-edit-form .shipment-field.address{grid-column:1 / -1;grid-row:4}
.shipment-edit-form .shipment-field.tracking{grid-column:1 / -1;grid-row:5}

/* Si se está creando un envío, el selector de pedido ocupa toda la fila superior */
.shipment-edit-form > label.wide{
  grid-column:1 / -1 !important;
}
.shipment-edit-form > label.wide ~ .shipment-field.customer,
.shipment-edit-form > label.wide ~ .shipment-field.phone,
.shipment-edit-form > label.wide ~ .shipment-field.document,
.shipment-edit-form > label.wide ~ .shipment-field.carrier,
.shipment-edit-form > label.wide ~ .shipment-field.agency,
.shipment-edit-form > label.wide ~ .shipment-field.date,
.shipment-edit-form > label.wide ~ .shipment-field.address,
.shipment-edit-form > label.wide ~ .shipment-field.tracking{
  grid-row:auto;
}

/* Más compacto: evita que cada campo se sienta como una tarjeta aislada enorme */
.shipment-edit-form > label.shipment-field{
  padding:11px 12px 12px !important;
  border-radius:15px !important;
  box-shadow:0 5px 14px rgba(75,53,46,.025) !important;
}

.shipment-edit-form > label.shipment-field.address,
.shipment-edit-form > label.shipment-field.tracking{
  padding:12px 14px 13px !important;
}

.shipment-edit-form .shipment-field.address input{
  font-size:11.5px;
}

.shipment-edit-form .shipment-field.tracking{
  border-color:#e0c4be !important;
  background:linear-gradient(180deg,#fff9f7 0%,#fffdfc 100%) !important;
}

.shipment-edit-form .shipment-field.tracking input{
  background:#fff !important;
  border-color:#d9bbb5 !important;
  min-height:46px;
}

.shipment-edit-form .shipment-field.carrier input[readonly]{
  background:#f8f4f1 !important;
}

/* El footer queda visualmente separado del formulario */
.shipment-edit-actions{
  margin-top:14px !important;
  padding-top:15px !important;
  border-top:1px solid #eee1dc;
}

@media(max-width:760px){
  .shipment-edit-form{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .shipment-edit-form .shipment-field.customer,
  .shipment-edit-form .shipment-field.phone,
  .shipment-edit-form .shipment-field.document,
  .shipment-edit-form .shipment-field.carrier,
  .shipment-edit-form .shipment-field.agency,
  .shipment-edit-form .shipment-field.date,
  .shipment-edit-form .shipment-field.address,
  .shipment-edit-form .shipment-field.tracking{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  /* En celular conserva un orden natural y fácil de completar */
  .shipment-edit-form .shipment-field.customer{order:1}
  .shipment-edit-form .shipment-field.phone{order:2}
  .shipment-edit-form .shipment-field.document{order:3}
  .shipment-edit-form .shipment-field.carrier{order:4}
  .shipment-edit-form .shipment-field.agency{order:5}
  .shipment-edit-form .shipment-field.address{order:6}
  .shipment-edit-form .shipment-field.date{order:7}
  .shipment-edit-form .shipment-field.tracking{order:8}
}

/* ===== V135 · Clientas: diseño y lectura ===== */
.customer-search-toolbar{
  margin-bottom:14px;
}

.customer-search-toolbar > label{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:470px;
  min-height:46px;
  padding:0 14px;
  border:1px solid #e6dad3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 20px rgba(77,54,47,.03);
}

.customer-search-toolbar > label svg{
  color:#8f7b73;
  flex:0 0 auto;
}

.customer-search-toolbar > label input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#493a34;
}

.customer-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}

.customer-overview > article{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
}

.customer-overview small{
  color:#8e7d75;
  font-size:10.5px;
  font-weight:700;
}

.customer-overview strong{
  color:#4a3a34;
  font-size:26px;
  line-height:1;
}

.customer-overview em{
  color:#9a8981;
  font-size:10px;
  font-style:normal;
}

.customer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:15px !important;
  align-items:stretch;
}

.customer-grid > .customer-card{
  position:relative;
  text-align:left;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  min-height:114px;
  padding:18px 18px 16px !important;
  border:1px solid #e7dad3 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 12px 30px rgba(77,54,47,.045);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
  overflow:hidden;
}

.customer-grid > .customer-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#e5c7c2,#c99090);
}

.customer-grid > .customer-card:hover{
  transform:translateY(-2px);
  border-color:#d7b9b3 !important;
  box-shadow:0 14px 34px rgba(77,54,47,.065);
  background:#fffaf8 !important;
}

.customer-grid > .customer-card > i{
  display:grid !important;
  place-items:center;
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:#f8ece9 !important;
  border:1px solid #efd7d2;
  color:#a4676d !important;
  font-style:normal;
  font-weight:800;
  font-size:18px;
}

.customer-grid > .customer-card > span{
  display:flex !important;
  flex-direction:column;
  min-width:0;
  gap:3px;
}

.customer-grid > .customer-card > span > strong{
  color:#2f2623;
  font-size:15px;
  line-height:1.2;
}

.customer-grid > .customer-card > span > small{
  color:#8a7a72;
  margin-top:0 !important;
  font-size:11px !important;
  line-height:1.35;
}

.customer-grid > .customer-card .usual-shalom{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:5px !important;
  padding:5px 9px;
  border-radius:999px;
  background:#f8efeb;
  border:1px solid #ecdcd6;
  color:#9b666d !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.customer-grid > .customer-card > b,
.customer-grid > .customer-card > em{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  min-width:82px;
  align-self:stretch;
  padding-left:12px;
  border-left:1px solid #eee3de;
}

.customer-grid > .customer-card > b{
  color:#352b27;
  font-size:26px;
  font-weight:800;
  line-height:1;
  text-align:center;
}

.customer-grid > .customer-card > b > small{
  margin-top:5px !important;
  color:#8d7d75;
  font-size:10px !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.customer-grid > .customer-card > em{
  color:#443530;
  font-size:17px;
  font-style:normal !important;
  font-weight:800;
  line-height:1.1;
  text-align:right;
  white-space:nowrap;
}

.customer-grid > .customer-card > em::before{
  content:"Total";
  margin-bottom:5px;
  color:#8d7d75;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

@media(max-width:900px){
  .customer-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:680px){
  .customer-overview{
    grid-template-columns:1fr;
    gap:8px;
  }

  .customer-grid > .customer-card{
    grid-template-columns:44px minmax(0,1fr);
    gap:10px 12px;
    min-height:0;
    padding:15px 14px !important;
  }

  .customer-grid > .customer-card > i{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:16px;
  }

  .customer-grid > .customer-card > b,
  .customer-grid > .customer-card > em{
    min-width:0;
    border-left:0;
    border-top:1px solid #eee3de;
    padding-left:0;
    padding-top:10px;
    align-self:start;
  }

  .customer-grid > .customer-card > b{
    grid-column:1;
    grid-row:2;
    text-align:left;
    font-size:21px;
  }

  .customer-grid > .customer-card > em{
    grid-column:2;
    grid-row:2;
    text-align:right;
    font-size:16px;
  }
}

/* ===== V136 · Resumen de Clientas convertido a filtros ===== */
.customer-overview > button{
  appearance:none;
  width:100%;
  text-align:left;
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.customer-overview > button:hover{
  transform:translateY(-1px);
  border-color:#d8bbb5;
  box-shadow:0 11px 26px rgba(77,54,47,.06);
  background:#fff9f7;
}

.customer-overview > button.active{
  border-color:#bd7e84;
  background:linear-gradient(180deg,#fff7f5 0%,#fbecea 100%);
  box-shadow:0 10px 26px rgba(169,111,114,.11);
}

.customer-overview > button small{
  color:#8e7d75;
  font-size:10.5px;
  font-weight:700;
}

.customer-overview > button strong{
  color:#4a3a34;
  font-size:26px;
  line-height:1;
}

.customer-overview > button em{
  color:#9a8981;
  font-size:10px;
  font-style:normal;
}

.customer-overview > button.active small,
.customer-overview > button.active strong{
  color:#9d666c;
}

.customer-overview > button.active em{
  color:#8f6d68;
}

@media(max-width:680px){
  .customer-overview > button{
    grid-template-columns:1fr auto;
    align-items:center;
    gap:2px 10px;
    padding:11px 13px;
  }

  .customer-overview > button strong{
    grid-column:2;
    grid-row:1/3;
    font-size:22px;
  }
}

/* ===== V138 · Ficha individual de clienta: orden y jerarquía ===== */
.customer-profile{
  display:grid;
  gap:14px;
}

/* Encabezado de clienta */
.customer-profile > div:first-child{
  margin:4px 0 0 !important;
  padding:14px 16px;
  border:1px solid #eadfd9;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdfc 0%,#fff 100%);
  box-shadow:0 8px 20px rgba(74,52,45,.035);
}

.customer-profile > div:first-child i{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  background:#f7e8e4 !important;
  border:1px solid #edd3cd;
  color:#9f666d;
  font-weight:800;
}

.customer-profile > div:first-child span{
  gap:2px;
  min-width:0;
}

.customer-profile > div:first-child span b{
  color:#342925;
  font-size:16px;
}

.customer-profile > div:first-child span small{
  color:#85746c;
  font-size:11px;
}

.customer-usual-shipping{
  margin-top:4px;
  color:#9b666d !important;
  font-weight:650;
}

/* 4 indicadores en una sola fila en escritorio */
.customer-profile .mini-stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
  margin:0 !important;
}

.customer-profile .mini-stats span{
  min-height:66px;
  padding:12px 13px !important;
  border:1px solid #eee3de;
  border-radius:14px !important;
  background:linear-gradient(180deg,#faf6f3 0%,#f8f3f0 100%) !important;
  justify-content:center;
}

.customer-profile .mini-stats span b{
  margin-bottom:3px;
  color:#4a3933;
  font-size:16px;
  line-height:1.1;
}

.customer-profile .mini-stats span{
  color:#796861;
  font-size:11px;
}

/* Datos principales */
.customer-main-card{
  margin:0 !important;
  padding:16px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fffdfb 0%,#fffaf8 100%) !important;
}

.customer-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.customer-section-heading h3{
  margin:0 !important;
  color:#42332e;
  font-size:16px;
}

.customer-section-heading small{
  color:#97867e;
  font-size:10.5px;
}

.customer-main-card .form-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.customer-main-card .form-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:11px 12px 12px;
  border:1px solid #e9ddd7;
  border-radius:14px;
  background:#fff;
  color:#6c5c55;
  font-size:10.5px;
  font-weight:750;
}

.customer-main-card .form-grid input,
.customer-main-card .form-grid select{
  width:100%;
  min-width:0;
  min-height:42px;
  margin:0 !important;
  padding:0 11px;
  border:1px solid #dfd2cc;
  border-radius:11px;
  background:#fff;
}

.customer-main-card .form-grid label:focus-within{
  border-color:#d6b8b2;
  box-shadow:0 6px 16px rgba(74,52,45,.04);
}

.customer-main-card > small{
  display:block !important;
  margin-top:10px;
  padding:9px 11px;
  border-radius:11px;
  background:#f8f1ed;
  color:#84736b !important;
  line-height:1.45;
}

/* Envío habitual */
.customer-profile .profile-shipping,
.customer-profile .missing-shipping,
.customer-profile .profile-orders{
  margin:0 !important;
  border-radius:18px !important;
}

.customer-profile .profile-shipping{
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%) !important;
}

.customer-profile .profile-shipping > summary,
.customer-profile .profile-orders > summary{
  min-height:64px;
  padding:13px 14px;
}

.customer-profile .profile-shipping > summary b,
.customer-profile .profile-orders > summary b{
  color:#453630;
  font-size:14px;
}

.customer-profile .profile-shipping > summary small,
.customer-profile .profile-orders > summary small{
  margin-top:3px;
  color:#8f7d75;
}

.customer-profile .profile-shipping > summary em,
.customer-profile .profile-orders > summary em{
  padding:6px 9px;
  border-radius:999px;
  background:#f8eeeb;
  color:#98656b;
  font-size:10px;
  font-weight:700;
}

.customer-profile .profile-shipping .form-grid{
  margin-top:12px;
  grid-template-columns:1fr 1.4fr;
  gap:10px;
}

/* Historial */
.customer-profile .profile-orders{
  background:#fff !important;
  border:1px solid #eadfd9 !important;
  padding:0 !important;
  overflow:hidden;
}

.customer-profile .profile-orders > summary{
  padding:14px 16px;
  background:#fffaf8;
}

.customer-profile .profile-orders > article{
  margin:8px 12px !important;
  padding:11px 12px !important;
  border:1px solid #eee3de !important;
  border-radius:12px !important;
  background:#fff;
}

.customer-profile .profile-orders > article b{
  color:#453630;
}

.customer-profile .profile-orders > article span{
  color:#6f5e57;
  font-size:11.5px;
}

.customer-profile .profile-orders > article small{
  color:#93827a;
  font-size:10.5px;
}

/* Pagos / envíos resumidos */
.customer-activity-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.customer-activity-summary > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid #e9ddd7;
  border-radius:14px;
  background:#fff;
}

.customer-activity-summary small{
  color:#84736b;
  font-size:10.5px;
  font-weight:700;
}

.customer-activity-summary strong{
  color:#9f666d;
  font-size:20px;
}

/* Footer de acciones */
.customer-profile > .modal-actions{
  position:sticky;
  bottom:0;
  z-index:3;
  margin-top:0 !important;
  padding-top:14px !important;
  border-top:1px solid #eee1dc;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%);
}

@media(max-width:900px){
  .customer-profile .mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .customer-main-card .form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  .customer-profile{
    gap:10px;
  }

  .customer-profile > div:first-child{
    padding:12px;
    border-radius:15px;
  }

  .customer-profile .mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .customer-profile .mini-stats span{
    min-height:58px;
    padding:10px !important;
  }

  .customer-main-card{
    padding:12px !important;
    border-radius:15px !important;
  }

  .customer-section-heading{
    display:block;
  }

  .customer-section-heading small{
    display:block;
    margin-top:3px;
  }

  .customer-main-card .form-grid,
  .customer-profile .profile-shipping .form-grid,
  .customer-activity-summary{
    grid-template-columns:1fr !important;
  }

  .customer-main-card .form-grid label{
    padding:10px 11px;
  }

  .customer-profile .profile-shipping > summary,
  .customer-profile .profile-orders > summary{
    min-height:58px;
  }
}

/* ===== V139 · Ficha clienta: envío, trayectoria y actividad ===== */
.customer-detail-panel{
  margin:0 !important;
  border:1px solid #eadfd9 !important;
  border-radius:18px !important;
  background:#fff !important;
  overflow:hidden;
  box-shadow:0 7px 20px rgba(72,51,44,.03);
}

.customer-detail-panel > summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:66px;
  padding:14px 16px !important;
  list-style:none;
  cursor:pointer;
  background:linear-gradient(180deg,#fffdfc 0%,#fffaf8 100%);
  transition:background .15s ease;
}

.customer-detail-panel > summary::-webkit-details-marker{
  display:none;
}

.customer-detail-panel > summary:hover{
  background:#fff7f5;
}

.customer-detail-panel > summary > span{
  display:grid !important;
  gap:4px;
  min-width:0;
}

.customer-detail-panel > summary > span > b{
  color:#40312c !important;
  font-size:14px !important;
  line-height:1.2;
}

.customer-detail-panel > summary > span > small{
  color:#8e7c74 !important;
  font-size:10.5px !important;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.customer-detail-panel > summary > em{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:0 10px !important;
  border:1px solid #eddcd7;
  border-radius:999px !important;
  background:#fff4f1 !important;
  color:#9a656b !important;
  font-size:10px !important;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}

.panel-status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8eb087;
  box-shadow:0 0 0 3px rgba(142,176,135,.13);
}

.customer-detail-panel[open] > summary{
  border-bottom:1px solid #eee3de;
}

.shipping-panel .form-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important;
  gap:10px !important;
  padding:14px !important;
  margin:0 !important;
  background:#fff;
}

.shipping-panel .form-grid > label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:11px 12px 12px;
  border:1px solid #eadfd9;
  border-radius:14px;
  background:#fffaf8;
  color:#6b5b54;
  font-size:10.5px;
  font-weight:750;
}

.shipping-panel .form-grid input{
  width:100%;
  min-width:0;
  min-height:42px;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #dfd1cb !important;
  border-radius:11px !important;
  background:#fff !important;
}

.shipping-panel .form-grid label:focus-within{
  border-color:#d4b6b0;
  box-shadow:0 6px 16px rgba(72,51,44,.04);
}

/* Historial más compacto y útil */
.orders-panel > article{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 14px;
  align-items:center;
  margin:9px 12px !important;
  padding:12px 13px !important;
  border:1px solid #eee3de !important;
  border-radius:13px !important;
  background:#fffdfc !important;
}

.orders-panel > article > b{
  color:#44342f !important;
  font-size:11.5px;
}

.orders-panel > article > span{
  grid-column:1 / -1;
  color:#6f5f58 !important;
  font-size:11px !important;
  line-height:1.4;
}

.orders-panel > article > small{
  grid-column:1 / -1;
  color:#95847c !important;
  font-size:10px !important;
}

.customer-empty-history{
  display:grid;
  place-items:center;
  gap:5px;
  min-height:92px;
  margin:12px;
  padding:18px;
  border:1px dashed #e6d6d0;
  border-radius:14px;
  background:#fffaf8;
  text-align:center;
}

.customer-empty-history b{
  color:#5d4a43;
  font-size:12px;
}

.customer-empty-history span{
  max-width:340px;
  color:#94827a;
  font-size:10.5px;
  line-height:1.45;
}

/* Actividad: visualmente conectada con los paneles de arriba */
.customer-activity-summary{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.customer-activity-summary > div{
  position:relative;
  min-height:54px;
  padding:12px 14px 12px 16px !important;
  border:1px solid #e8ddd7 !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%) !important;
  overflow:hidden;
}

.customer-activity-summary > div::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#d9b4ae;
}

.customer-activity-summary > div:last-child::before{
  background:#b4bea4;
}

.customer-activity-summary small{
  color:#817068 !important;
  font-size:10.5px !important;
  font-weight:750 !important;
}

.customer-activity-summary strong{
  color:#a0646b !important;
  font-size:21px !important;
  line-height:1 !important;
}

.customer-activity-summary > div:last-child strong{
  color:#738267 !important;
}

@media(max-width:700px){
  .customer-detail-panel > summary{
    min-height:60px;
    padding:12px 13px !important;
  }

  .customer-detail-panel > summary > span > small{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  .shipping-panel .form-grid,
  .customer-activity-summary{
    grid-template-columns:1fr !important;
  }

  .shipping-panel .form-grid{
    padding:11px !important;
  }

  .customer-detail-panel > summary > em{
    padding:0 8px !important;
  }
}

/* ===== V140 · Reportes: rediseño visual y lectura operativa ===== */
.report-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.report-actions select{
  min-height:42px;
  padding:0 36px 0 13px;
  border:1px solid #e4d7d1;
  border-radius:13px;
  background:#fff;
  color:#5f4e47;
  font-size:11.5px;
  font-weight:700;
  box-shadow:0 7px 18px rgba(75,53,46,.03);
}

.report-period-note{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0 0 16px !important;
  padding:13px 15px !important;
  border:1px solid #eaded8 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fffdfb 0%,#fff9f7 100%) !important;
  color:#6e5c55;
  box-shadow:0 7px 18px rgba(75,53,46,.025);
}

.report-period-note > svg{
  width:36px;
  height:36px;
  padding:8px;
  border-radius:11px;
  background:#f7ece9;
  color:#a1686e;
}

.report-period-note b{
  display:block;
  margin-bottom:3px;
  color:#4a3933;
  font-size:12px;
}

.report-period-note span{
  color:#8b7a72;
  font-size:10.5px;
  line-height:1.45;
}

/* KPIs */
.report-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.report-kpis article{
  position:relative;
  min-height:112px;
  padding:15px 16px 14px !important;
  border:1px solid #e8dcd6 !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 10px 24px rgba(77,54,47,.035);
  overflow:hidden;
}

.report-kpis article::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#dcbab3,#c99090);
  opacity:.8;
}

.report-kpis article:nth-child(2n)::before{
  background:linear-gradient(90deg,#d8dfce,#aeb69b);
}

.report-kpis article:nth-child(3n)::before{
  background:linear-gradient(90deg,#e8d5c7,#c7a687);
}

.report-kpis article small{
  color:#8d7d75 !important;
  font-size:10.5px !important;
  font-weight:700;
}

.report-kpis article b{
  margin:8px 0 5px !important;
  color:#42332e !important;
  font-size:24px !important;
  line-height:1.05;
  letter-spacing:-.02em;
}

.report-kpis article span{
  color:#94847c !important;
  font-size:10.5px !important;
  line-height:1.35;
}

/* Main report panels */
.report-primary-grid,
.report-secondary-grid{
  gap:14px !important;
  align-items:start;
}

.report-primary-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr) !important;
}

.report-secondary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  margin-top:14px;
}

.report-panel{
  padding:0 !important;
  border:1px solid #e8dcd6 !important;
  border-radius:19px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(77,54,47,.035);
  overflow:hidden;
}

.report-panel > h3{
  margin:0 !important;
  padding:15px 16px 13px;
  border-bottom:1px solid #eee3de;
  background:linear-gradient(180deg,#fffdfb 0%,#fff9f7 100%);
  color:#453630;
  font-size:15px;
}

.report-panel > p{
  margin:18px;
  color:#8a7971;
  font-size:11px;
}

/* Product funnel */
.funnel-panel .funnel-table{
  padding:10px 12px 13px;
  overflow-x:auto;
}

.funnel-panel .funnel-table > div{
  min-width:590px;
  display:grid;
  grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(62px,.55fr));
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 10px;
  border-bottom:1px solid #f0e7e2;
}

.funnel-panel .funnel-table > div:first-child{
  position:sticky;
  top:0;
  z-index:2;
  min-height:36px;
  border:0;
  border-radius:10px;
  background:#f8f1ee;
  color:#826f67;
}

.funnel-panel .funnel-table > div:not(:first-child):hover{
  background:#fffaf8;
}

.funnel-panel .funnel-table span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#54443e;
  font-size:11.5px;
}

.funnel-panel .funnel-table b{
  text-align:center;
  color:#715f57;
  font-size:11px;
}

/* Regions and categories */
.region-panel,
.category-sales-panel{
  padding-bottom:8px !important;
}

.region-panel .region-row,
.category-sales-panel .region-row{
  margin:0 14px;
  padding:11px 2px !important;
  border-bottom:1px solid #f0e7e2 !important;
  grid-template-columns:30px minmax(0,1fr) auto !important;
}

.region-panel .region-row:last-child,
.category-sales-panel .region-row:last-child{
  border-bottom:0 !important;
}

.region-panel .region-row i,
.category-sales-panel .region-row i{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px !important;
  background:#f7ece9 !important;
  color:#9d666c;
  font-size:10px;
  font-weight:800;
}

.region-panel .region-row span,
.category-sales-panel .region-row span{
  color:#584740;
  font-size:11.5px;
  font-weight:650;
  min-width:0;
}

.category-sales-panel .region-row span small{
  display:block;
  margin-top:3px;
  color:#94837b;
  font-size:9.5px;
  font-weight:500;
}

.region-panel .region-row b,
.category-sales-panel .region-row b{
  color:#a3676d;
  font-size:12px;
  white-space:nowrap;
}

/* Inventory health */
.inventory-health-panel{
  max-height:500px;
  display:flex;
  flex-direction:column;
}

.inventory-health-panel > h3{
  flex:0 0 auto;
}

.inventory-health-panel .health-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 82px 94px;
  align-items:center;
  gap:10px;
  margin:0 14px;
  padding:10px 2px !important;
  border-bottom:1px solid #f0e7e2;
  font-size:11px;
}

.inventory-health-panel .health-row span{
  color:#584740;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.inventory-health-panel .health-row b{
  text-align:right;
  color:#6e5d55;
  font-size:10.5px;
}

.inventory-health-panel .health-row em{
  justify-self:end;
  min-width:82px;
  padding:5px 8px;
  border-radius:999px;
  background:#f7efec;
  color:#92636a;
  text-align:center;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}

.inventory-health-panel .health-row em:is(:where(*)){
  white-space:nowrap;
}

/* Make healthy/replenish states visually distinct using existing text */
.inventory-health-panel .health-row:has(em:nth-child(3)){
  background:transparent;
}

/* Better scrollbar behavior for long datasets */
.funnel-panel .funnel-table,
.inventory-health-panel{
  scrollbar-width:thin;
  scrollbar-color:#d7c4bd transparent;
}

@media(max-width:1050px){
  .report-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .report-primary-grid,
  .report-secondary-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .report-actions{
    justify-content:flex-start;
  }

  .report-actions select{
    flex:1 1 auto;
    min-width:125px;
  }

  .report-period-note{
    grid-template-columns:32px minmax(0,1fr);
    padding:11px 12px !important;
  }

  .report-period-note > svg{
    width:32px;
    height:32px;
    padding:7px;
  }

  .report-kpis{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .report-kpis article{
    min-height:98px;
    padding:13px 12px !important;
  }

  .report-kpis article b{
    font-size:20px !important;
  }

  .report-panel{
    border-radius:16px !important;
  }

  .report-panel > h3{
    padding:13px 14px 12px;
  }

  .inventory-health-panel .health-row{
    grid-template-columns:minmax(0,1fr) 64px;
  }

  .inventory-health-panel .health-row em{
    grid-column:1 / -1;
    justify-self:start;
  }
}

/* ===== V141 · Usuarios y permisos ===== */
.user-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}

.user-overview > article{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid #e9ddd7;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdfb 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(77,54,47,.035);
}

.user-overview small{
  color:#8e7d75;
  font-size:10.5px;
  font-weight:700;
}

.user-overview strong{
  color:#493934;
  font-size:26px;
  line-height:1;
}

.user-overview em{
  color:#99877f;
  font-size:10px;
  font-style:normal;
}

.user-grid{
  gap:14px !important;
}

.user-grid .user-card{
  position:relative;
  display:grid !important;
  grid-template-columns:50px minmax(0,1fr) auto auto !important;
  gap:13px !important;
  align-items:center !important;
  padding:17px 18px !important;
  border:1px solid #e7dad3 !important;
  border-radius:19px !important;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 10px 26px rgba(77,54,47,.04);
  overflow:hidden;
}

.user-grid .user-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#e1beb8,#c99090);
}

.user-grid .user-card > i{
  width:46px !important;
  height:46px !important;
  border-radius:15px !important;
  border:1px solid #edd5cf;
  background:#f7e9e5 !important;
  color:#9e666d !important;
  font-size:16px;
  font-weight:800;
}

.user-grid .user-card > div{
  gap:3px !important;
  min-width:0;
}

.user-grid .user-card > div > strong{
  color:#362b27;
  font-size:15px;
}

.user-grid .user-card > div > span{
  color:#88776f;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.user-grid .user-card > div > small{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:4px;
  padding:5px 9px;
  border-radius:999px;
  background:#f8f0ed;
  color:#916269;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-grid .user-card > em{
  min-width:60px;
  text-align:center;
  font-size:10px !important;
  font-style:normal;
}

.user-grid .user-card > button{
  min-height:38px;
  padding:0 13px;
  border:1px solid #e2d5cf;
  border-radius:11px;
  background:#fff;
  color:#66554e;
  font-weight:700;
}

.user-grid .user-card > button:hover{
  background:#fff8f6;
  border-color:#d6b8b2;
}

.user-grid .user-card > .danger-link{
  color:#a75f66;
  background:#fff8f8;
  border-color:#edd2d2;
}

.user-grid .user-card > p{
  grid-column:2 / -1;
  margin:3px 0 0;
  padding:9px 11px;
  border-radius:11px;
  background:#fff5f3;
  color:#a2686d;
  font-size:10px;
  line-height:1.4;
}

/* User modal */
.user-edit-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

.user-edit-form > label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:12px 13px 13px;
  border:1px solid #eadfd9;
  border-radius:15px;
  background:#fffdfc;
  color:#6b5a53;
  font-size:10.5px;
  font-weight:750;
}

.user-edit-form > label:focus-within{
  border-color:#d6b8b2;
  box-shadow:0 7px 17px rgba(77,54,47,.04);
}

.user-edit-form input,
.user-edit-form select{
  width:100%;
  min-width:0;
  min-height:43px;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #ded1cb !important;
  border-radius:11px !important;
  background:#fff !important;
}

.user-edit-form .field-help{
  margin-top:0;
  color:#95847c;
  font-size:9.5px;
  font-weight:500;
}

.user-permission-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:16px 0 9px;
  padding-bottom:9px;
  border-bottom:1px solid #eee2dd;
}

.user-permission-heading h3{
  margin:0 !important;
  color:#43342f;
  font-size:16px;
}

.user-permission-heading small{
  color:#93827a;
  font-size:10px;
}

.user-permission-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}

.user-permission-grid label{
  min-height:42px;
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:9px 10px !important;
  border:1px solid #e9ddd7;
  border-radius:12px;
  background:#fff;
  font-size:10.5px;
}

.user-permission-grid label:has(input:checked){
  border-color:#d6b4ae;
  background:#fff6f4;
  color:#915f65;
}

.user-save-error{
  margin-top:10px !important;
  padding:11px 12px !important;
  border-radius:12px !important;
}

.user-edit-actions{
  position:sticky;
  bottom:0;
  z-index:3;
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid #eee1dc;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%);
}

@media(max-width:800px){
  .user-overview{
    grid-template-columns:1fr 1fr 1fr;
  }

  .user-grid .user-card{
    grid-template-columns:46px minmax(0,1fr) auto !important;
  }

  .user-grid .user-card > button{
    grid-column:3;
  }

  .user-grid .user-card > em{
    grid-column:3;
  }

  .user-permission-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  .user-overview{
    grid-template-columns:1fr;
    gap:8px;
  }

  .user-grid .user-card{
    grid-template-columns:42px minmax(0,1fr) !important;
    padding:14px !important;
  }

  .user-grid .user-card > em{
    grid-column:1;
    grid-row:2;
  }

  .user-grid .user-card > button{
    grid-column:2;
    width:100%;
  }

  .user-grid .user-card > p{
    grid-column:1 / -1;
  }

  .user-edit-form,
  .user-permission-grid{
    grid-template-columns:1fr !important;
  }

  .user-permission-heading{
    display:block;
  }

  .user-permission-heading small{
    display:block;
    margin-top:3px;
  }
}

/* ===== V142 · Usuarios: lista administrativa limpia ===== */
.user-overview{display:none!important}
.user-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:8px;
}
.user-grid .user-card{
  position:relative;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px 14px!important;
  min-height:92px;
  padding:15px 16px 15px 18px!important;
  border:1px solid #e6dad4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(77,54,47,.035)!important;
  overflow:hidden;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.user-grid .user-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#ddbab4,#c99090);
}
.user-grid .user-card:hover{
  transform:translateY(-1px);
  border-color:#d4b8b2!important;
  box-shadow:0 11px 28px rgba(77,54,47,.055)!important;
}
.user-grid .user-card>i{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  border:1px solid #ecd6d0;
  background:#f8ece8!important;
  color:#9d666d!important;
  font-size:16px;
  font-weight:800;
}
.user-grid .user-card>div{
  display:grid!important;
  gap:4px!important;
  min-width:0;
}
.user-grid .user-card>div>strong{
  color:#352a26;
  font-size:15px;
  line-height:1.2;
}
.user-grid .user-card>div>span{
  color:#887870!important;
  font-size:10.5px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.user-grid .user-card>div>small{
  display:inline-flex!important;
  width:max-content;
  max-width:100%;
  margin-top:3px;
  padding:5px 8px;
  border-radius:8px;
  background:#f7f2ef;
  color:#7d6c64!important;
  font-size:9.5px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.user-grid .user-card>em{
  min-width:62px;
  text-align:center;
  font-size:10px!important;
  font-style:normal!important;
}
.user-grid .user-card>button{
  min-height:37px;
  padding:0 13px!important;
  border:1px solid #e1d5cf!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#65554e!important;
  font-size:10.5px;
  font-weight:750;
}
.user-grid .user-card>button:hover{
  border-color:#d2b4ae!important;
  background:#fff8f6!important;
}
.user-grid .user-card>.danger-link{
  color:#a65f66!important;
  background:#fff8f8!important;
  border-color:#ecd1d1!important;
}
.user-grid .user-card>p{
  grid-column:2/-1;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:#fff6f4!important;
  color:#94666c!important;
  font-size:9.5px!important;
  line-height:1.35;
}
/* Mantener el modal mejorado de V141, sin los paneles-resumen */
.user-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.user-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){
  .user-grid .user-card{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    padding:13px 13px 13px 15px!important;
  }
  .user-grid .user-card>button{
    grid-column:3;
  }
  .user-grid .user-card>p{
    grid-column:1/-1;
  }
  .user-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .user-grid .user-card{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .user-grid .user-card>em{
    grid-column:1;
    justify-self:start;
  }
  .user-grid .user-card>button{
    grid-column:2;
    width:100%;
  }
  .user-edit-form,.user-permission-grid{grid-template-columns:1fr!important}
}


/* ===== V143 · Usuarios: coherencia visual e iconos ===== */
.user-directory-v143{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:8px;
}
.user-card-v143{
  position:relative;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) auto !important;
  grid-template-areas:"avatar info actions" "note note note";
  align-items:center !important;
  gap:12px 16px !important;
  min-height:118px;
  padding:18px 20px !important;
  border:1px solid #e4d5cf !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#fffdfc 100%) !important;
  box-shadow:0 12px 30px rgba(75,53,46,.045) !important;
  overflow:hidden;
}
.user-card-v143::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#e3bbb5,#c99090);
}
.user-avatar-v143{
  grid-area:avatar;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid #ebd2cc;
  border-radius:18px;
  background:linear-gradient(145deg,#f8e9e5,#f3dcd7);
  color:#9b6269;
  font-size:20px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.user-info-v143{
  grid-area:info;
  display:grid !important;
  gap:6px !important;
  min-width:0;
}
.user-title-v143{
  display:flex !important;
  align-items:center;
  gap:9px !important;
  flex-wrap:wrap;
}
.user-title-v143>strong{
  color:#352925;
  font-size:16px;
  line-height:1.2;
}
.user-role-v143{
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  min-height:27px;
  padding:0 10px;
  border:1px solid #ead8d2;
  border-radius:999px;
  background:#faf0ed;
  color:#8f6067 !important;
  font-size:10px !important;
  font-weight:800;
  white-space:nowrap;
}
.user-role-v143 svg{width:13px;height:13px;stroke-width:2.2}
.user-email-v143{
  color:#83736b !important;
  font-size:11.5px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.user-access-v143{
  display:flex !important;
  flex-wrap:wrap;
  gap:6px !important;
}
.user-access-v143>span{
  display:inline-flex !important;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:9px;
  background:#f7f2ef;
  color:#75655e !important;
  font-size:9.5px !important;
  font-weight:700;
}
.user-actions-v143{
  grid-area:actions;
  display:flex !important;
  align-items:center;
  gap:8px !important;
}
.user-state-v143{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:32px;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  font-style:normal !important;
  font-weight:800;
}
.user-edit-v143,.user-delete-v143{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px !important;
  min-height:42px;
  padding:0 14px !important;
  border-radius:12px !important;
  font-size:11px !important;
  font-weight:800;
}
.user-edit-v143{
  border:1px solid #dfd2cc !important;
  background:#fff !important;
  color:#61514a !important;
}
.user-edit-v143 svg,.user-delete-v143 svg{flex:0 0 auto;stroke-width:2}
.user-edit-v143:hover{background:#fff7f5 !important;border-color:#d5b5af !important}
.user-delete-v143{border:1px solid #edd0d0 !important;background:#fff8f8 !important;color:#a75e65 !important}
.protected-user-v143{
  grid-area:note;
  display:flex !important;
  align-items:center;
  gap:9px !important;
  margin:0 !important;
  padding:10px 12px !important;
  border:1px solid #f0dcda !important;
  border-radius:12px !important;
  background:#fff6f4 !important;
  color:#91666b !important;
  font-size:10px !important;
  line-height:1.35;
}
.protected-user-v143>svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:#a2676d;
  stroke-width:2;
}
.protected-user-v143 b{color:#85575e}
@media(max-width:780px){
  .user-card-v143{
    grid-template-columns:56px minmax(0,1fr) !important;
    grid-template-areas:"avatar info" "actions actions" "note note";
    padding:15px !important;
  }
  .user-avatar-v143{width:52px;height:52px;border-radius:16px;font-size:18px}
  .user-actions-v143{justify-content:flex-end;padding-top:9px;border-top:1px solid #eee3de}
}
@media(max-width:520px){
  .user-card-v143{grid-template-columns:48px minmax(0,1fr) !important;gap:10px 12px !important}
  .user-avatar-v143{width:46px;height:46px;border-radius:14px;font-size:16px}
  .user-actions-v143{display:grid !important;grid-template-columns:1fr 1fr;gap:7px !important}
  .user-state-v143{grid-column:1/-1;justify-self:start}
  .user-edit-v143,.user-delete-v143{width:100%}
}

/* ===== V144 · Gestión de usuarios exclusiva del propietario ===== */
.users-readonly-badge{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #e4d8d2;border-radius:12px;background:#fff;color:#77665f;font-size:10.5px;font-weight:800;box-shadow:0 7px 18px rgba(77,54,47,.03)}
.users-readonly-badge svg{color:#9c686e}
.users-readonly-note{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid #eadbd6;border-radius:14px;background:linear-gradient(180deg,#fffaf8,#fff6f3);color:#846f67;font-size:10.5px;line-height:1.45}
.users-readonly-note>svg{flex:0 0 auto;color:#9d666d;margin-top:1px}
.users-readonly-note b{color:#6d544e}
/* Non-owner cards stay visually complete even without action buttons. */
.user-actions-v143:has(.user-state-v143:only-child){min-width:74px;justify-content:flex-end}
@media(max-width:640px){.users-readonly-badge{min-height:34px}.users-readonly-note{padding:11px 12px}}

/* ===== V145 · Usuario de sesión claramente identificado ===== */
.current-user-session{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:0 0 16px;
  padding:15px 16px;
  border:1px solid #dcc5bf;
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,144,144,.10),transparent 35%),
    linear-gradient(180deg,#fffdfc 0%,#fff7f5 100%);
  box-shadow:0 10px 26px rgba(82,58,50,.05);
}

.current-user-avatar{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid #e7cbc5;
  border-radius:16px;
  background:linear-gradient(145deg,#f6e4df,#f0d1cb);
  color:#995f67;
  font-size:20px;
  font-weight:800;
}

.current-user-copy{
  min-width:0;
}

.current-user-copy > div:first-child{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:3px;
}

.current-user-copy small{
  color:#947f77;
  font-size:9.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.current-user-live{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#eaf4e7;
  color:#62805e;
  font-size:9px;
  font-weight:800;
}

.current-user-live::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#70a169;
}

.current-user-copy > strong{
  display:block;
  color:#382c28;
  font-size:17px;
  line-height:1.2;
}

.current-user-copy > p{
  margin:3px 0 7px;
  color:#86756d;
  font-size:10.5px;
}

.current-user-tags{
  display:flex !important;
  flex-wrap:wrap;
  gap:6px !important;
}

.current-user-tags > span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid #ead7d2;
  border-radius:999px;
  background:#fff;
  color:#865f64;
  font-size:9px;
  font-weight:750;
}

.current-user-indicator{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:max-content;
  padding:10px 12px;
  border:1px solid #e4d3cd;
  border-radius:13px;
  background:#fff;
  color:#765e57;
}

.current-user-indicator svg{
  color:#9e666d;
}

.current-user-indicator b{
  font-size:10px;
  white-space:nowrap;
}

.current-user-you{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#9d666c;
  color:#fff;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.03em;
}

.user-title-v143{
  flex-wrap:wrap;
}

@media(max-width:720px){
  .current-user-session{
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
    padding:13px;
  }

  .current-user-avatar{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:17px;
  }

  .current-user-indicator{
    grid-column:1 / -1;
    justify-content:center;
    min-width:0;
  }

  .current-user-copy > strong{
    font-size:15px;
  }
}

/* ===== V146 · Usuario conectado sin tarjeta duplicada ===== */
.current-user-session{
  display:none !important;
}

.user-card-v143.current-session-user{
  border-color:#d9b9b2 !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,144,144,.08),transparent 34%),
    linear-gradient(180deg,#fffdfc 0%,#fff8f6 100%) !important;
  box-shadow:0 12px 30px rgba(82,58,50,.065) !important;
}

.user-card-v143.current-session-user::before{
  width:4px !important;
  background:linear-gradient(180deg,#b87980,#c99090) !important;
}

.connected-pill{
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  min-height:22px;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#eaf4e7 !important;
  color:#5f7f5b !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.connected-pill > i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#6fa168;
  box-shadow:0 0 0 3px rgba(111,161,104,.12);
}

.current-session-note{
  grid-column:2 / -1;
  display:flex !important;
  align-items:center;
  gap:7px !important;
  margin-top:2px;
  padding:8px 10px;
  border:1px solid #e6d5cf;
  border-radius:10px;
  background:#fff;
  color:#765f57;
  font-size:10px;
  font-weight:700;
}

.current-session-note svg{
  color:#9e666d;
  flex:0 0 auto;
}

@media(max-width:760px){
  .current-session-note{
    grid-column:1 / -1;
  }
}


/* ===== V147 · Usuarios: distribución más ordenada ===== */
.user-directory-v143{
  gap:14px !important;
}

.user-card-v143{
  grid-template-columns:58px minmax(0,1fr) auto !important;
  grid-template-areas:
    "avatar info actions"
    "avatar session actions"
    "note note note" !important;
  align-items:center !important;
  gap:8px 14px !important;
  min-height:0 !important;
  padding:16px 18px !important;
}

.user-avatar-v143{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  font-size:18px !important;
  align-self:start;
}

.user-info-v143{
  align-self:center;
  gap:5px !important;
}

.user-title-v143{
  gap:7px !important;
}

.user-title-v143>strong{
  font-size:15px !important;
}

.user-role-v143,
.connected-pill{
  min-height:24px !important;
  padding:0 8px !important;
  font-size:9px !important;
}

.user-email-v143{
  font-size:10.5px !important;
}

.user-access-v143>span{
  min-height:23px !important;
  padding:0 8px !important;
  font-size:9px !important;
}

.user-actions-v143{
  grid-area:actions !important;
  align-self:center !important;
  justify-self:end;
  display:flex !important;
  flex-direction:column;
  align-items:flex-end !important;
  gap:8px !important;
  min-width:92px;
}

.user-state-v143{
  min-width:70px !important;
  min-height:30px !important;
  font-size:10px !important;
}

.user-edit-v143,.user-delete-v143{
  min-height:36px !important;
  padding:0 12px !important;
  font-size:10px !important;
}

.current-session-note{
  grid-area:session !important;
  justify-self:start;
  width:max-content;
  max-width:100%;
  min-height:28px;
  margin:0 !important;
  padding:0 9px !important;
  border-color:#dfe9db !important;
  background:#f6fbf4 !important;
  color:#66805f !important;
  font-size:9.5px !important;
  border-radius:999px !important;
}

.current-session-note svg{
  color:#73906b !important;
  width:13px;
  height:13px;
}

.protected-user-v143{
  grid-area:note !important;
  min-height:32px;
  padding:7px 10px !important;
  margin-top:2px !important;
  border-radius:10px !important;
  font-size:9.5px !important;
}

.protected-user-v143>svg{
  width:14px !important;
  height:14px !important;
  flex-basis:14px !important;
}

.users-readonly-note{
  margin-top:10px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
}

@media(max-width:780px){
  .user-card-v143{
    grid-template-columns:50px minmax(0,1fr) auto !important;
    grid-template-areas:
      "avatar info actions"
      ". session actions"
      "note note note" !important;
    padding:14px !important;
  }

  .user-avatar-v143{
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    font-size:16px !important;
  }

  .user-actions-v143{
    padding-top:0 !important;
    border-top:0 !important;
  }
}

@media(max-width:560px){
  .user-card-v143{
    grid-template-columns:44px minmax(0,1fr) !important;
    grid-template-areas:
      "avatar info"
      "session session"
      "actions actions"
      "note note" !important;
    gap:9px 10px !important;
  }

  .user-actions-v143{
    width:100%;
    min-width:0;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding-top:9px !important;
    border-top:1px solid #eee3de !important;
  }

  .current-session-note{
    justify-self:start;
  }

  .protected-user-v143{
    grid-column:1 / -1;
  }
}

/* ===== V148 · Editor de tienda con réplica realista de Inicio y Catálogo ===== */
.editor-tabs-v148{
  position:sticky;
  top:0;
  z-index:12;
  margin-bottom:12px;
  padding:7px;
  border:1px solid #e8dbd5;
  border-radius:15px;
  background:rgba(250,247,242,.94);
  backdrop-filter:blur(10px);
}

.editor-workspace-v148{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.editor-controls-v148{
  position:sticky;
  top:72px;
  max-height:calc(100vh - 92px);
  overflow-y:auto;
  padding:14px !important;
  border-radius:18px !important;
  scrollbar-width:thin;
}

.editor-controls-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid #eee2dd;
}

.editor-controls-head small{
  color:#9a8981;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.editor-controls-head h3{
  margin:2px 0 0;
  color:#40312c;
  font-size:17px;
}

.editor-controls-head > span{
  padding:5px 8px;
  border-radius:999px;
  background:#edf5ea;
  color:#617b5d;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

.editor-controls-v148 > h4{
  margin:14px 0 8px;
  color:#4d3d37;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.editor-controls-v148 > label,
.editor-controls-v148 .editor-design-grid > label{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0 0 9px;
  color:#6f5e57;
  font-size:10.5px;
  font-weight:700;
}

.editor-controls-v148 input,
.editor-controls-v148 textarea,
.editor-controls-v148 select{
  width:100%;
  min-height:40px;
  border:1px solid #dfd2cc;
  border-radius:10px;
  background:#fff;
  padding:8px 10px;
  color:#483832;
  font-size:11px;
}

.editor-controls-v148 textarea{
  min-height:68px;
  resize:vertical;
}

.editor-controls-v148 input[type="color"]{
  min-height:40px;
  padding:4px;
}

.editor-controls-v148 .editor-design-grid{
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.editor-save-v148{
  position:sticky;
  bottom:0;
  width:100%;
  margin-top:12px;
  box-shadow:0 10px 25px rgba(169,111,114,.18);
}

.editor-page-stage{
  min-width:0;
  overflow:hidden;
  border:1px solid #dfd3cc;
  border-radius:18px;
  background:#ded8d4;
  box-shadow:0 14px 34px rgba(75,53,46,.07);
}

.editor-page-replica{
  width:100%;
  min-height:760px;
  overflow:hidden;
  font-family:inherit;
}

.replica-announcement{
  padding:8px 14px;
  text-align:center;
  background:#4a3d37;
  color:#fff;
  font-size:9px;
  letter-spacing:.04em;
}

.replica-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:14px 24px;
  border-bottom:1px solid rgba(120,95,84,.14);
  background:rgba(255,255,255,.72);
}

.replica-header > b{
  font:600 19px Playfair Display,serif;
}

.replica-header nav{
  display:flex;
  gap:18px;
  color:#6f6058;
  font-size:9px;
}

.replica-home-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:34px;
  min-height:330px;
  padding:40px 42px;
}

.replica-home-hero small,
.replica-catalog-heading small,
.replica-section-title small{
  color:#a96f72;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:8px;
  font-weight:800;
}

.replica-home-hero h1,
.replica-catalog-heading h1{
  margin:10px 0 11px;
  color:inherit;
  font:600 39px/1.06 Playfair Display,serif;
}

.replica-home-hero p,
.replica-catalog-heading p{
  max-width:430px;
  margin:0;
  color:#7b6b63;
  font-size:11px;
  line-height:1.65;
}

.replica-home-hero img{
  width:100%;
  height:270px;
  object-fit:cover;
  border-radius:120px 120px 10px 10px;
}

.replica-hero-actions{
  display:flex;
  gap:8px;
  margin-top:18px;
}

.replica-hero-actions button{
  min-height:35px;
  padding:0 13px;
  border:0;
  border-radius:7px;
  background:#c99090;
  color:#fff;
  font-size:9px;
  font-weight:700;
}

.replica-hero-actions button.outline{
  border:1px solid #daccc5;
  background:#fff;
  color:#594942;
}

.replica-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#eadfd6;
}

.replica-benefits span{
  padding:15px 10px;
  background:#f0e7dd;
  text-align:center;
  color:#685951;
  font-size:9px;
}

.replica-categories,
.replica-arrivals{
  padding:32px 34px;
}

.replica-section-title h2,
.replica-arrivals h2{
  margin:5px 0 16px;
  color:inherit;
  font:600 24px Playfair Display,serif;
}

.replica-category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}

.replica-category-grid article{
  min-height:105px;
  padding:13px;
  border:1px solid rgba(121,97,86,.12);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.replica-category-grid article small{
  opacity:.55;
  font-size:8px;
}

.replica-category-grid article b{
  font:600 16px Playfair Display,serif;
}

.replica-category-grid article span{
  font-size:8px;
}

.replica-arrivals > div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.replica-arrivals article,
.replica-product-grid article{
  overflow:hidden;
  border:1px solid rgba(121,97,86,.12);
  background:#fff;
}

.replica-arrivals article img,
.replica-arrivals .replica-product-placeholder{
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:cover;
}

.replica-arrivals article b,
.replica-arrivals article span{
  display:block;
  padding:0 10px;
}

.replica-arrivals article b{
  margin-top:9px;
  font-size:10px;
}

.replica-arrivals article span{
  margin:4px 0 10px;
  font-size:9px;
}

.replica-product-placeholder{
  width:100%;
  background:linear-gradient(145deg,#ead8cf,#c99a91);
}

.replica-final-banner{
  margin:10px 34px 30px;
  padding:28px;
  border-radius:16px;
  background:linear-gradient(135deg,#f1ded9,#e6cbc4);
  text-align:center;
}

.replica-final-banner h2{
  margin:0;
  font:600 24px Playfair Display,serif;
}

.replica-footer{
  padding:22px 28px;
  background:#493d37;
  color:#e9dfda;
  text-align:center;
  font-size:9px;
}

/* Catalog replica */
.replica-catalog-heading{
  padding:36px 28px 24px;
  text-align:center;
}

.replica-catalog-heading h1{
  font-size:34px;
}

.replica-catalog-heading p{
  margin-left:auto;
  margin-right:auto;
}

.replica-catalog-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) 185px auto;
  gap:8px;
  align-items:center;
  padding:0 26px 16px;
  border-bottom:1px solid rgba(121,97,86,.14);
}

.replica-catalog-tools > div{
  display:flex;
  gap:5px;
  overflow:hidden;
}

.replica-catalog-tools button,
.replica-catalog-tools input{
  min-height:31px;
  border:1px solid #ded1ca;
  border-radius:20px;
  background:#fff;
  padding:0 10px;
  font-size:8px;
}

.replica-catalog-tools button.active{
  background:#c99090;
  color:#fff;
  border-color:#c99090;
}

.replica-results{
  margin:13px 26px;
  color:#8c7d75;
  font-size:8.5px;
}

.replica-product-grid{
  --replica-columns:4;
  display:grid;
  grid-template-columns:repeat(var(--replica-columns),1fr);
  gap:10px;
  padding:0 26px 34px;
}

.replica-product-grid article img,
.replica-product-grid .replica-product-placeholder{
  width:100%;
  object-fit:cover;
}

.replica-product-grid article small,
.replica-product-grid article b,
.replica-product-grid article span{
  display:block;
  padding-left:9px;
  padding-right:9px;
}

.replica-product-grid article small{
  margin-top:8px;
  color:#a36e73;
  font-size:7px;
  text-transform:uppercase;
}

.replica-product-grid article b{
  margin-top:4px;
  font-size:9px;
}

.replica-product-grid article span{
  margin:6px 0 9px;
  font-size:9px;
  font-weight:700;
}

.editor-general-preview{
  min-height:520px;
  padding:70px 50px;
  background:#fffaf7;
  text-align:center;
}

.editor-general-preview h2{
  font-size:36px;
}

@media(max-width:1050px){
  .editor-workspace-v148{
    grid-template-columns:290px minmax(0,1fr);
  }
  .replica-home-hero{
    gap:24px;
    padding:34px 28px;
  }
  .replica-home-hero h1{
    font-size:32px;
  }
  .replica-category-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:820px){
  .editor-workspace-v148{
    grid-template-columns:1fr;
  }
  .editor-controls-v148{
    position:static;
    max-height:none;
  }
  .editor-page-stage{
    order:-1;
  }
}

@media(max-width:620px){
  .replica-header nav{
    display:none;
  }
  .replica-home-hero{
    grid-template-columns:1fr;
    padding:24px 18px;
  }
  .replica-home-hero img{
    height:240px;
  }
  .replica-benefits{
    grid-template-columns:1fr;
  }
  .replica-categories,
  .replica-arrivals{
    padding:24px 16px;
  }
  .replica-category-grid{
    grid-template-columns:1fr 1fr;
  }
  .replica-catalog-tools{
    grid-template-columns:1fr;
    padding:0 16px 14px;
  }
  .replica-product-grid{
    grid-template-columns:repeat(2,1fr);
    padding:0 16px 26px;
  }
  .editor-controls-v148 .editor-design-grid{
    grid-template-columns:1fr;
  }
}

/* ===== V149 · Configuración: estructura visual más clara ===== */
.settings-live{
  display:grid;
  gap:14px;
}

.settings-sections{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px !important;
  align-items:start;
}

.settings-card{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #e7dbd5 !important;
  border-radius:19px !important;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 10px 26px rgba(77,54,47,.035);
  overflow:hidden;
}

.settings-card > header{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px !important;
  align-items:start !important;
  margin:0 !important;
  padding:15px 16px 14px !important;
  border-bottom:1px solid #eee3de;
  background:linear-gradient(180deg,#fffdfb 0%,#fff9f7 100%);
}

.settings-card > header > svg{
  width:40px;
  height:40px;
  padding:10px;
  border:1px solid #ead7d2;
  border-radius:13px;
  background:#f8ece9;
  color:#9e666d;
  box-sizing:border-box;
}

.settings-card.inventory-settings > header > svg{
  background:#eef3e9;
  border-color:#dfe7d7;
  color:#758269;
}

.settings-card.communication-settings > header > svg{
  background:#eef3f5;
  border-color:#dce6ea;
  color:#6e7e86;
}

.settings-card.yape-settings-panel > header > svg{
  background:#f4edf7;
  border-color:#e5d8e9;
  color:#876b8d;
}

.settings-card.shipping-settings > header > svg{
  background:#f3eee9;
  border-color:#e5d9ce;
  color:#8a7363;
}

.settings-card > header > div{
  min-width:0;
}

.settings-title-row{
  display:flex !important;
  align-items:center;
  gap:8px !important;
  margin-bottom:3px;
}

.settings-title-row > span{
  display:inline-grid;
  place-items:center;
  min-width:25px;
  height:21px;
  padding:0 6px;
  border-radius:7px;
  background:#f4e7e4;
  color:#9e666d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.05em;
}

.settings-title-row h3{
  margin:0 !important;
  color:#43342f;
  font-size:15px;
  line-height:1.2;
}

.settings-card > header p{
  margin:0 !important;
  color:#8e7c74;
  font-size:10.5px;
  line-height:1.45;
}

.settings-card .setting-fields{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  padding:14px 15px 15px !important;
}

.settings-card .setting-fields > label{
  display:flex !important;
  flex-direction:column;
  gap:7px;
  min-width:0;
  margin:0 !important;
  padding:11px 12px 12px;
  border:1px solid #eadfd9;
  border-radius:14px;
  background:#fffdfc;
  color:#6c5b54;
  font-size:10.5px;
  font-weight:750;
}

.settings-card .setting-fields > label:focus-within{
  border-color:#d5b8b1;
  box-shadow:0 7px 17px rgba(77,54,47,.04);
}

.settings-card .setting-fields input,
.settings-card .setting-fields select{
  width:100%;
  min-width:0;
  min-height:42px;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid #ded1ca !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#493a34;
  font-size:11px;
  box-shadow:none !important;
}

.settings-card .setting-fields input[type="color"]{
  padding:4px !important;
  cursor:pointer;
}

.settings-card .setting-fields input:focus,
.settings-card .setting-fields select:focus{
  outline:none;
  border-color:#c99090 !important;
  box-shadow:0 0 0 3px rgba(201,144,144,.11) !important;
}

/* Give larger/denser cards a full-row span */
.yape-settings-panel,
.shipping-settings{
  grid-column:1 / -1;
}

.yape-setting-fields{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 1.25fr !important;
}

.yape-qr-config{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr);
  gap:12px !important;
  align-items:center;
  padding:12px !important;
  border:1px solid #e7dce0;
  border-radius:14px;
  background:#fffafd;
}

.yape-qr-config > img,
.yape-qr-placeholder{
  width:92px !important;
  height:92px !important;
  border-radius:13px !important;
  object-fit:cover;
}

.yape-qr-placeholder{
  display:grid;
  place-items:center;
  border:1px dashed #d8c8d9;
  background:#faf5fb;
  color:#8b758e;
  font-size:10px;
}

.yape-qr-actions{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px !important;
  align-items:center;
}

.yape-qr-config > small{
  grid-column:1 / -1;
  margin:0 !important;
  color:#8d7b83;
  font-size:9.5px;
  line-height:1.4;
}

/* Shipping fields are easier to scan in one row on desktop */
.shipping-settings .setting-fields{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Save footer */
.settings-save{
  position:sticky;
  bottom:0;
  z-index:8;
  display:flex;
  justify-content:flex-end;
  margin-top:2px;
  padding:14px 0 2px;
  background:linear-gradient(180deg,rgba(250,247,242,0),rgba(250,247,242,.96) 35%,#faf7f2 100%);
}

.settings-save .btn{
  min-width:190px;
  min-height:46px;
  border-radius:13px;
  box-shadow:0 10px 22px rgba(169,111,114,.18);
}

@media(max-width:1050px){
  .settings-sections{
    grid-template-columns:1fr !important;
  }

  .yape-settings-panel,
  .shipping-settings{
    grid-column:auto;
  }

  .shipping-settings .setting-fields{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .settings-card{
    border-radius:16px !important;
  }

  .settings-card > header{
    grid-template-columns:36px minmax(0,1fr);
    padding:13px !important;
  }

  .settings-card > header > svg{
    width:34px;
    height:34px;
    padding:8px;
    border-radius:11px;
  }

  .settings-card .setting-fields,
  .shipping-settings .setting-fields,
  .yape-setting-fields{
    grid-template-columns:1fr !important;
    padding:11px !important;
  }

  .settings-card .setting-fields > label{
    padding:10px 11px;
  }

  .yape-qr-config{
    grid-template-columns:82px minmax(0,1fr);
  }

  .yape-qr-config > img,
  .yape-qr-placeholder{
    width:78px !important;
    height:78px !important;
  }

  .settings-save{
    padding-bottom:6px;
  }

  .settings-save .btn{
    width:100%;
  }
}

/* ===== V150 · Carrito: jerarquía, tarjetas y mejor lectura ===== */
.page:has(.cart-layout){
  padding-top:54px !important;
}

.page:has(.cart-layout) .back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:20px !important;
  padding:8px 11px;
  border:1px solid #e7dbd5;
  border-radius:999px;
  background:#fffaf8;
  color:#786861;
  font-size:11px;
  font-weight:700;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}

.page:has(.cart-layout) .back-link:hover{
  transform:translateX(-2px);
  background:#fff5f2;
  border-color:#d9bbb5;
}

.cart-title{
  display:flex !important;
  align-items:flex-end !important;
  gap:12px !important;
  margin-bottom:22px !important;
  padding-bottom:16px;
  border-bottom:1px solid #eadfd9;
}

.cart-title h1{
  margin:0 !important;
  font-size:48px !important;
  line-height:1 !important;
  letter-spacing:-.025em;
}

.cart-title span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-bottom:3px !important;
  padding:0 10px;
  border-radius:999px;
  background:#f8ece9;
  color:#9d666c !important;
  font-size:10px !important;
  font-weight:800;
}

/* Wider product area, summary remains stable */
.cart-layout{
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr) !important;
  gap:22px !important;
  align-items:start;
}

.cart-list{
  gap:12px !important;
}

/* Product row/card */
.cart-item{
  position:relative;
  display:grid !important;
  grid-template-columns:122px minmax(0,1fr) 120px !important;
  align-items:stretch;
  gap:18px !important;
  min-height:166px;
  padding:14px !important;
  border:1px solid #e8dcd6;
  border-radius:19px;
  background:linear-gradient(180deg,#fffefc 0%,#fff 100%) !important;
  box-shadow:0 10px 26px rgba(77,54,47,.04);
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.cart-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#dec0ba,#c99090);
}

.cart-item:hover{
  transform:translateY(-1px);
  border-color:#d9bdb7;
  box-shadow:0 13px 30px rgba(77,54,47,.06);
}

.cart-item.unavailable{
  border-color:#e7c8c6;
  background:#fff9f8 !important;
}

.cart-product-image,
.cart-item > .product-visual{
  width:122px !important;
  height:138px !important;
  min-height:138px !important;
  object-fit:cover;
  border-radius:14px !important;
  align-self:center;
  border:1px solid #eaded8;
  background:#f6ede8;
}

.cart-item-info{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:4px 0;
}

.cart-item-info > small:first-child{
  width:max-content;
  margin-bottom:6px;
  padding:4px 7px;
  border-radius:999px;
  background:#fff2ef;
  color:#b07076 !important;
  font-size:8px !important;
  font-weight:800;
  letter-spacing:.08em !important;
}

.cart-item-info h3{
  margin:0 0 7px !important;
  color:#3f302b;
  font:600 25px/1.1 Playfair Display,serif !important;
}

.cart-item-info > p{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 12px !important;
  padding:6px 9px;
  border-radius:9px;
  background:#f8f4f1;
  color:#7d6d65 !important;
  font-size:10.5px !important;
}

.cart-item-info .stock-warning,
.cart-item-info .price-update-note{
  margin:0 0 10px;
  padding:8px 10px;
  border-radius:10px;
  font-size:10px !important;
  line-height:1.4;
}

.cart-item-info .quantity.small{
  width:max-content;
  height:36px !important;
  margin-top:auto;
  border:1px solid #dfd1ca !important;
  border-radius:999px !important;
  background:#fff;
  overflow:hidden;
}

.cart-item-info .quantity.small button{
  width:36px !important;
  height:34px;
  display:grid;
  place-items:center;
  color:#6d5b54;
}

.cart-item-info .quantity.small span{
  width:30px !important;
  font-size:11px;
  font-weight:800;
  color:#453630;
}

/* Right side */
.cart-item-end{
  display:flex !important;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  min-width:0;
  padding:3px 0 2px;
}

.cart-item-end > button{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #ead9d4;
  border-radius:11px;
  background:#fff8f6;
  color:#a86d72;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}

.cart-item-end > button:hover{
  transform:translateY(-1px);
  background:#fff0ee;
  border-color:#dcbab4;
}

.cart-item-end > button svg{
  width:17px;
  height:17px;
}

.cart-item-end > strong{
  color:#3e302b;
  font-size:19px !important;
  line-height:1;
  white-space:nowrap;
}

/* Summary alignment with cart */
.order-summary{
  top:88px !important;
}

/* Tablet */
@media(max-width:980px){
  .cart-layout{
    grid-template-columns:1fr !important;
  }

  .order-summary{
    position:static !important;
  }
}

/* Mobile-first cleanup */
@media(max-width:640px){
  .page:has(.cart-layout){
    padding-top:30px !important;
  }

  .cart-title{
    align-items:center !important;
    margin-bottom:16px !important;
    padding-bottom:12px;
  }

  .cart-title h1{
    font-size:36px !important;
  }

  .cart-item{
    grid-template-columns:92px minmax(0,1fr) !important;
    grid-template-areas:
      "image info"
      "image end";
    gap:10px 12px !important;
    min-height:0;
    padding:11px !important;
    border-radius:16px;
  }

  .cart-product-image,
  .cart-item > .product-visual{
    grid-area:image;
    width:92px !important;
    height:124px !important;
    min-height:124px !important;
    border-radius:12px !important;
    align-self:start;
  }

  .cart-item-info{
    grid-area:info;
    justify-content:flex-start;
    padding:2px 0 0;
  }

  .cart-item-info h3{
    font-size:20px !important;
  }

  .cart-item-info > p{
    white-space:normal;
    width:auto;
    font-size:9.5px !important;
    margin-bottom:9px !important;
  }

  .cart-item-info .quantity.small{
    margin-top:0;
    height:34px !important;
  }

  .cart-item-end{
    grid-area:end;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding-top:8px;
    border-top:1px solid #eee3de;
  }

  .cart-item-end > button{
    width:34px;
    height:34px;
  }

  .cart-item-end > strong{
    font-size:16px !important;
  }
}

/* ===== V151 · Header / menú público más estilizado ===== */
.public-header{
  height:84px !important;
  border-bottom:1px solid #eadcd6 !important;
  background:rgba(255,251,249,.92) !important;
  box-shadow:0 10px 30px rgba(72,52,45,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.header-inner{
  max-width:1200px !important;
  padding:0 28px !important;
  gap:22px;
}

.logo{
  gap:12px !important;
}

.logo > span{
  width:48px !important;
  height:48px !important;
  border:1px solid #dfc4bd !important;
  background:linear-gradient(180deg,#fffdfc 0%,#fbf2ee 100%);
  color:#9d666c;
  box-shadow:0 6px 16px rgba(119,85,75,.06);
}

.logo b{
  font-size:18px !important;
  letter-spacing:-.01em;
}

.logo small{
  margin-top:4px !important;
  color:#9a867c;
  letter-spacing:.22em !important;
}

/* Center menu */
.header-inner nav{
  align-items:center;
  gap:10px !important;
  padding:7px;
  border:1px solid #eadfd8;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(70,48,42,.035);
}

.header-inner nav a{
  position:relative;
  min-height:42px;
  padding:0 18px !important;
  border:1px solid transparent;
  border-radius:999px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  color:#63544d;
  font-size:13px !important;
  font-weight:700;
  transition:color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

.header-inner nav a:hover{
  color:#9d666c;
  background:#fff7f4;
  border-color:#efd9d4;
  transform:translateY(-1px);
}

.header-inner nav a.active{
  color:#9d666c !important;
  background:linear-gradient(180deg,#fff4f1 0%,#fbeae6 100%);
  border-color:#e9cec8 !important;
  box-shadow:0 5px 14px rgba(178,121,128,.09);
}

.header-inner nav a.active::after{
  content:"";
  position:absolute;
  bottom:6px;
  left:50%;
  transform:translateX(-50%);
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c99090;
}

/* Right actions */
.header-actions{
  gap:8px;
}

.header-actions > a,
.header-actions > button,
.cart-button,
.search-box-trigger{
  width:42px;
  height:42px;
  border:1px solid #eadcd5 !important;
  border-radius:50%;
  background:linear-gradient(180deg,#fffefd 0%,#fbf2ee 100%);
  color:#806962;
  display:grid;
  place-items:center;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  box-shadow:0 6px 14px rgba(78,54,47,.045);
}

.header-actions > a:hover,
.header-actions > button:hover,
.cart-button:hover,
.search-box-trigger:hover{
  transform:translateY(-1px);
  border-color:#d8bab3 !important;
  background:#fff8f6;
  box-shadow:0 10px 18px rgba(78,54,47,.06);
}

.cart-button{
  padding:0 !important;
}

.cart-button span{
  top:-2px !important;
  right:-1px !important;
  width:18px !important;
  height:18px !important;
  border:2px solid #fff8f6;
  background:#c99090 !important;
  font-size:9px !important;
  font-weight:800;
  box-shadow:0 4px 10px rgba(162,96,104,.22);
}

.menu-button{
  width:42px;
  height:42px;
  border:1px solid #eadcd5;
  border-radius:50%;
  background:linear-gradient(180deg,#fffefd 0%,#fbf2ee 100%);
  color:#806962;
}

.menu-button:hover{
  border-color:#d8bab3;
  background:#fff8f6;
}

/* Announcement strip */
.announcement{
  position:relative;
  background:linear-gradient(90deg,#bb8188 0%,#c99090 48%,#bb8188 100%) !important;
  color:#fffaf9;
  letter-spacing:.18em !important;
  font-size:10px !important;
  font-weight:700;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.22);
}

/* Responsive */
@media(max-width:980px){
  .public-header{
    height:78px !important;
  }

  .header-inner{
    padding:0 18px !important;
  }

  .header-inner nav{
    gap:6px !important;
  }

  .header-inner nav a{
    padding:0 14px !important;
    font-size:12px !important;
  }
}

@media(max-width:780px){
  .public-header{
    height:74px !important;
  }

  .logo > span{
    width:42px !important;
    height:42px !important;
  }

  .logo b{
    font-size:17px !important;
  }

  .header-inner nav{
    display:none !important;
  }

  .menu-button{
    display:grid !important;
  }
}

@media(max-width:520px){
  .header-inner{
    padding:0 14px !important;
    gap:10px;
  }

  .logo{
    gap:9px !important;
  }

  .logo b{
    font-size:16px !important;
  }

  .logo small{
    font-size:7px !important;
  }

  .header-actions{
    gap:6px;
  }

  .header-actions > a,
  .header-actions > button,
  .cart-button,
  .menu-button{
    width:39px;
    height:39px;
  }
}

/* ===== V152 COMPLETO · Inicio minimalista, cute y elegante ===== */

/* Sin botón de menú hamburguesa en escritorio; sí en celular. */
.public-header .menu-button{display:none!important}
@media(max-width:780px){.public-header .menu-button{display:grid!important}}

/* Hero más limpio. */
.hero{
  gap:52px!important;
  min-height:620px!important;
  padding-top:56px!important;
  padding-bottom:56px!important;
}
.hero-copy{max-width:500px}
.hero h1{
  max-width:480px!important;
  font-size:clamp(52px,5.4vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.03em;
  margin-bottom:18px!important;
}
.hero-copy>p{
  max-width:420px!important;
  color:#7b6a62!important;
  font-size:16px!important;
  line-height:1.75!important;
}
.hero-actions{margin-top:28px!important}
.hero-actions .btn.primary{
  min-height:48px;
  border-radius:999px;
  padding:0 24px;
  box-shadow:0 10px 24px rgba(170,111,114,.16);
}
.hero-note{margin-top:24px!important;gap:18px!important}

/* La imagen siempre llena el espacio del hero aunque se cambie. */
.hero-art{align-self:stretch}
.hero-art>.product-visual{
  height:540px!important;
  min-height:540px!important;
  border-radius:200px 200px 18px 18px!important;
  overflow:hidden!important;
  background:#eadfd7!important;
}
.hero-art>.product-visual img,
.hero-art>.product-visual picture,
.hero-art>.product-visual .real-product-image,
.hero-art img.real-product-image,
.hero-art img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.hero-art>.product-visual picture>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}

/* Secciones con más aire. */
.home-page .section{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.home-page .section-heading{margin-bottom:24px!important}
.home-page .section-heading h2{
  font-size:52px!important;
  letter-spacing:-.025em;
}

/* "Ver todo" ligeramente más visible. */
.home-page .section-heading>a{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border:1px solid #e7d7d1;
  border-radius:999px;
  background:#fffaf8;
  color:#6f5e57!important;
  font-size:12px!important;
  font-weight:700;
  box-shadow:0 8px 18px rgba(77,54,47,.04);
}
.home-page .section-heading>a:hover{
  transform:translateY(-1px);
  background:#fff3ef;
  border-color:#dcbdb6;
}

/* Solo las tres primeras categorías: Vestidos, Conjuntos y Blusas. */
.home-page .category-block{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.home-page .category-block .mini-category:nth-child(n+4){display:none!important}
.home-page .mini-category{
  min-height:170px!important;
  border:1px solid #efe2dc!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.home-page .mini-category:before{opacity:.08!important}
.home-page .mini-category .category-copy h3{font-size:24px!important}
.home-page .mini-category .category-copy small{font-size:9px!important}
.home-page .mini-category .category-icon{
  width:72px!important;
  height:72px!important;
  box-shadow:0 8px 20px rgba(91,64,51,.08)!important;
}

/* Hasta cinco productos recientes en desktop. */
.home-page .product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
}
.home-page .product-grid .product-card:nth-child(n+6){display:none!important}
.home-page .product-card{
  border:1px solid #eee2db;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(77,54,47,.035);
}
.home-page .product-card:hover{
  transform:translateY(-2px);
  border-color:#e2c9c3;
  box-shadow:0 14px 28px rgba(77,54,47,.055);
}
.home-page .product-card .product-visual,
.home-page .product-card .real-product-image{
  min-height:330px!important;
  height:330px!important;
}
.home-page .product-card .real-product-image,
.home-page .product-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.home-page .product-info{padding:14px 14px 16px!important}
.home-page .product-info h3{font-size:18px!important;margin-bottom:10px!important}
.home-page .price-row strong{font-size:15px}
.home-page .icon-add{
  width:40px!important;
  height:40px!important;
  border-color:#ead9d4!important;
  background:#fff9f8;
}

/* Beneficios y bloques complementarios más sutiles. */
.benefits{
  gap:56px!important;
  padding:22px 24px!important;
  background:#f4ece5!important;
}
.benefits b{font-size:12px!important}
.benefits small{font-size:10px!important}

/* Responsive. */
@media(max-width:1150px){
  .home-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-page .product-grid .product-card:nth-child(n+5){display:none!important}
}
@media(max-width:900px){
  .hero{
    grid-template-columns:1fr!important;
    gap:30px!important;
    min-height:0!important;
  }
  .hero-art>.product-visual{
    height:470px!important;
    min-height:470px!important;
  }
  .home-page .category-block{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-page .product-grid .product-card:nth-child(n+4){display:none!important}
}
@media(max-width:700px){
  .home-page .section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .home-page .section-heading h2{font-size:40px!important}
  .home-page .category-block{grid-template-columns:1fr!important}
  .home-page .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .home-page .product-grid .product-card:nth-child(n+5){display:none!important}
  .home-page .product-card .product-visual,
  .home-page .product-card .real-product-image{
    min-height:250px!important;
    height:250px!important;
  }
  .hero h1{font-size:clamp(40px,11vw,56px)!important}
  .hero-art>.product-visual{
    height:400px!important;
    min-height:400px!important;
    border-radius:120px 120px 16px 16px!important;
  }
  .hero-note{
    flex-direction:column;
    gap:9px!important;
    align-items:flex-start;
  }
}

/* ===== V153 · Hero sin franja superior al cambiar imagen ===== */

/*
  La portada pública usa .reference-hero + .hero-media.
  La V152 aplicaba padding genérico a .hero; eso generaba la franja
  horizontal superior. La portada vuelve a ocupar todo su bloque.
*/
.home-page .reference-hero{
  padding:0 !important;
  margin:0 !important;
  min-height:540px !important;
  align-items:stretch !important;
  overflow:hidden !important;
}

.home-page .reference-hero .hero-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:58px !important;
  padding-bottom:58px !important;
}

/*
  El contenedor de la imagen toma toda la altura disponible.
  Cualquier imagen nueva se recorta automáticamente con object-fit: cover,
  por lo que no deja espacio vacío arriba ni cambia el tamaño del hero.
*/
.home-page .reference-hero .hero-media{
  position:relative !important;
  align-self:stretch !important;
  width:100% !important;
  height:auto !important;
  min-height:540px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eadfd7;
}

.home-page .reference-hero .hero-media > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* La etiqueta de colección queda sobre la fotografía sin afectar su tamaño. */
.home-page .reference-hero .hero-media > span{
  z-index:2;
}

/* Evita cualquier margen generado por imágenes inline. */
.home-page .reference-hero img{
  vertical-align:middle;
}

/* Tablet */
@media(max-width:900px){
  .home-page .reference-hero{
    min-height:0 !important;
    padding:0 !important;
  }

  .home-page .reference-hero .hero-copy{
    padding:46px 24px 36px !important;
  }

  .home-page .reference-hero .hero-media{
    height:470px !important;
    min-height:470px !important;
  }
}

/* Celular */
@media(max-width:620px){
  .home-page .reference-hero{
    padding:0 !important;
  }

  .home-page .reference-hero .hero-copy{
    padding:34px 18px 28px !important;
  }

  .home-page .reference-hero .hero-media{
    height:390px !important;
    min-height:390px !important;
  }

  .home-page .reference-hero .hero-media > img{
    object-position:center center !important;
  }
}

/* ===== V154 · Categorías limpias + sección útil de compra ===== */

/* Corrige la estructura real del bloque de categorías:
   el contenedor interno tenía 5 columnas aunque ocultáramos 7 categorías. */
.home-page .category-block .category-showcase.expanded-categories{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.home-page .category-block .expanded-categories .mini-category{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  align-items:center !important;
  min-width:0;
  width:100% !important;
  height:180px !important;
  min-height:180px !important;
  padding:20px 20px !important;
  border-radius:22px !important;
}

.home-page .category-block .expanded-categories .mini-category:nth-child(n+4){
  display:none !important;
}

.home-page .category-block .expanded-categories .mini-category .category-icon{
  width:68px !important;
  height:68px !important;
  place-self:center !important;
}

.home-page .category-block .expanded-categories .mini-category .category-icon svg{
  width:30px !important;
  height:30px !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy{
  min-width:0;
  padding-right:0 !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy small{
  display:block !important;
  font-size:8px !important;
  letter-spacing:.08em;
}

.home-page .category-block .expanded-categories .mini-category .category-copy h3{
  margin:5px 0 10px !important;
  font-size:25px !important;
  overflow-wrap:normal !important;
}

.home-page .category-block .expanded-categories .mini-category b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Sustituye el banner decorativo por una sección de valor real. */
.home-how-buy{
  max-width:1180px;
  margin:18px auto 90px;
  padding:34px;
  border:1px solid #eaded8;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,144,144,.08),transparent 32%),
    linear-gradient(180deg,#fffdfb 0%,#fff9f6 100%);
  box-shadow:0 16px 38px rgba(77,54,47,.045);
}

.home-how-buy-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding-bottom:24px;
  border-bottom:1px solid #eadfd9;
}

.home-how-buy-head > div{
  max-width:650px;
}

.home-how-buy-head h2{
  margin:8px 0 9px;
  font-size:34px;
  line-height:1.12;
}

.home-how-buy-head p{
  margin:0;
  color:#806f67;
  font-size:13px;
  line-height:1.65;
}

.home-how-buy-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid #dcbeb8;
  border-radius:999px;
  background:#c99090;
  color:#fff;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(169,111,114,.15);
}

.home-how-buy-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

.home-how-buy-grid article{
  position:relative;
  min-height:190px;
  padding:18px;
  border:1px solid #eadfd9;
  border-radius:18px;
  background:#fff;
}

.home-how-buy-grid article > span{
  position:absolute;
  top:14px;
  right:15px;
  color:#bea39a;
  font:700 10px DM Sans,sans-serif;
  letter-spacing:.08em;
}

.home-how-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:17px;
  border:1px solid #ead2cd;
  border-radius:13px;
  background:#fbefec;
  color:#9e666d;
}

.home-how-icon svg{
  width:19px;
  height:19px;
}

.home-how-buy-grid article:nth-child(2) .home-how-icon{
  background:#f3f0e8;
  color:#7e7761;
  border-color:#e7e0cc;
}

.home-how-buy-grid article:nth-child(3) .home-how-icon{
  background:#eef3e9;
  color:#6f7d66;
  border-color:#dce5d5;
}

.home-how-buy-grid h3{
  margin:0 0 8px;
  color:#493832;
  font:600 20px Playfair Display,serif;
}

.home-how-buy-grid p{
  margin:0;
  color:#87766e;
  font-size:11px;
  line-height:1.6;
}

.home-how-links{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:16px;
}

.home-how-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  color:#87646a;
  font-size:10px;
  font-weight:750;
}

.home-how-links a:hover{
  background:#fff0ed;
}

/* Replica del editor */
.replica-how-buy{
  margin:10px 34px 30px;
  padding:24px;
  border:1px solid rgba(130,100,88,.14);
  border-radius:16px;
  background:#fffaf8;
  text-align:center;
}

.replica-how-buy > small{
  color:#a96f72;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.replica-how-buy h2{
  margin:5px 0 14px;
  font:600 22px Playfair Display,serif;
}

.replica-how-buy > div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}

.replica-how-buy span{
  padding:8px;
  border-radius:8px;
  background:#fff;
  font-size:8px;
  color:#765f56;
}

/* Responsive */
@media(max-width:900px){
  .home-page .category-block .category-showcase.expanded-categories{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .home-page .category-block .expanded-categories .mini-category{
    grid-template-columns:60px minmax(0,1fr) !important;
    height:154px !important;
    min-height:154px !important;
    padding:16px !important;
  }

  .home-page .category-block .expanded-categories .mini-category .category-icon{
    width:54px !important;
    height:54px !important;
  }

  .home-page .category-block .expanded-categories .mini-category .category-copy h3{
    font-size:21px !important;
  }
}

@media(max-width:700px){
  .home-page .category-block .category-showcase.expanded-categories{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .home-page .category-block .expanded-categories .mini-category,
  .home-page .category-block .expanded-categories .mini-category:last-child{
    grid-template-columns:58px minmax(0,1fr) !important;
    height:126px !important;
    min-height:126px !important;
    padding:14px !important;
  }

  .home-page .category-block .expanded-categories .mini-category .category-icon{
    width:50px !important;
    height:50px !important;
  }

  .home-how-buy{
    margin:10px 16px 64px;
    padding:20px 15px;
    border-radius:20px;
  }

  .home-how-buy-head{
    display:block;
    padding-bottom:18px;
  }

  .home-how-buy-head h2{
    font-size:28px;
  }

  .home-how-buy-cta{
    margin-top:14px;
  }

  .home-how-buy-grid{
    grid-template-columns:1fr;
  }

  .home-how-buy-grid article{
    min-height:0;
  }

  .home-how-links{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

/* ===== V155 · Categorías corregidas + Redes sociales ===== */

/* CORRECCIÓN REAL DEL BLOQUE:
   category-block debe apilar título + tarjetas, no tratarlos como 3 columnas. */
.home-page .category-block{
  display:block !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:72px 24px !important;
}

.home-page .category-block > .section-heading{
  width:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 26px !important;
}

.home-page .category-block > .section-heading h2{
  margin:8px 0 0 !important;
  font-size:44px !important;
  line-height:1.04;
}

.home-page .category-block .category-showcase.expanded-categories{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

.home-page .category-block .expanded-categories .mini-category,
.home-page .category-block .expanded-categories .mini-category:last-child{
  position:relative !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:154px !important;
  min-height:154px !important;
  padding:18px 20px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}

.home-page .category-block .expanded-categories .mini-category:nth-child(n+4){
  display:none !important;
}

.home-page .category-block .expanded-categories .mini-category > span{
  top:14px !important;
  left:16px !important;
  font-size:8px !important;
}

.home-page .category-block .expanded-categories .mini-category .category-icon{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  place-self:center !important;
}

.home-page .category-block .expanded-categories .mini-category .category-icon::after{
  inset:-6px !important;
}

.home-page .category-block .expanded-categories .mini-category .category-icon svg{
  width:27px !important;
  height:27px !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy small{
  display:block !important;
  max-width:none !important;
  margin:0 0 4px !important;
  font-size:7.5px !important;
  white-space:normal !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy h3{
  margin:0 0 9px !important;
  font-size:23px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.home-page .category-block .expanded-categories .mini-category .category-copy b{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:8px !important;
  white-space:nowrap;
}

/* Configuración · Redes sociales */
.social-settings{
  grid-column:1 / -1;
}

.social-settings > header > svg{
  background:#fff0f3 !important;
  border-color:#efd5db !important;
  color:#a56270 !important;
}

.social-setting-fields{
  grid-template-columns:1fr 1fr !important;
}

.social-setting-fields label small{
  color:#94827a;
  font-size:9px;
  font-weight:500;
}

/* Sección de redes en Inicio */
.home-social{
  max-width:1180px;
  margin:-56px auto 82px;
  padding:24px 28px;
  border-top:1px solid #eadfd9;
  border-bottom:1px solid #eadfd9;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:30px;
}

.home-social-copy h2{
  margin:6px 0 6px;
  font-size:28px;
  line-height:1.15;
}

.home-social-copy p{
  max-width:580px;
  margin:0;
  color:#88776f;
  font-size:11px;
  line-height:1.55;
}

.home-social-links{
  display:flex;
  gap:10px;
}

.social-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  min-width:176px;
  min-height:66px;
  padding:10px 12px;
  border:1px solid #e8dbd5;
  border-radius:16px;
  background:#fff;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.social-card:hover{
  transform:translateY(-2px);
  border-color:#d9b9b2;
  box-shadow:0 10px 22px rgba(77,54,47,.06);
}

.social-card > svg,
.social-card > i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0;
  border-radius:11px;
  background:#f8ece9;
  color:#9d666c;
  font-style:normal;
  font-size:20px;
}

.social-card.tiktok > i{
  background:#f2efed;
  color:#4f403b;
  font-weight:800;
}

.social-card span{
  display:grid;
  gap:2px;
}

.social-card small{
  color:#9b8980;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.social-card b{
  color:#4c3c36;
  font-size:11px;
}

.social-card > svg:last-child{
  width:16px;
  height:16px;
  background:transparent;
  color:#a2857a;
}

/* TikTok en footer */
.tiktok-mark{
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}

/* Réplica del editor */
.replica-social{
  margin:0 34px 26px;
  padding:14px 16px;
  border-top:1px solid rgba(130,100,88,.14);
  border-bottom:1px solid rgba(130,100,88,.14);
  text-align:center;
}

.replica-social > small{
  color:#a96f72;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.replica-social > div{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:8px;
}

.replica-social span{
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  font-size:8px;
  color:#745e57;
}

/* Responsive */
@media(max-width:900px){
  .home-page .category-block .category-showcase.expanded-categories{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .home-page .category-block .expanded-categories .mini-category,
  .home-page .category-block .expanded-categories .mini-category:last-child{
    grid-template-columns:54px minmax(0,1fr) !important;
    height:138px !important;
    min-height:138px !important;
    padding:14px !important;
  }

  .home-page .category-block .expanded-categories .mini-category .category-icon{
    width:48px !important;
    height:48px !important;
  }

  .home-page .category-block .expanded-categories .mini-category .category-copy h3{
    font-size:19px !important;
  }

  .home-social{
    grid-template-columns:1fr;
    margin-top:-44px;
  }

  .home-social-links{
    justify-content:flex-start;
  }
}

@media(max-width:700px){
  .home-page .category-block{
    padding:56px 16px !important;
  }

  .home-page .category-block > .section-heading{
    align-items:flex-end !important;
    gap:12px !important;
  }

  .home-page .category-block > .section-heading h2{
    font-size:36px !important;
  }

  .home-page .category-block .category-showcase.expanded-categories{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .home-page .category-block .expanded-categories .mini-category,
  .home-page .category-block .expanded-categories .mini-category:last-child{
    grid-template-columns:60px minmax(0,1fr) !important;
    height:116px !important;
    min-height:116px !important;
    padding:13px 15px !important;
  }

  .social-setting-fields{
    grid-template-columns:1fr !important;
  }

  .home-social{
    margin:-36px 16px 60px;
    padding:20px 0;
  }

  .home-social-copy h2{
    font-size:24px;
  }

  .home-social-links{
    display:grid;
    grid-template-columns:1fr;
  }

  .social-card{
    width:100%;
    min-width:0;
  }
}

/* ===== V156 · Redes sociales solo con iconos ===== */
.home-social-links.icon-only{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.social-icon{
  display:grid !important;
  place-items:center !important;
  width:54px;
  height:54px;
  min-width:54px;
  min-height:54px;
  padding:0 !important;
  border:1px solid #e7d9d4;
  border-radius:16px;
  background:#fff;
  color:#8d666b;
  box-shadow:0 8px 20px rgba(77,54,47,.045);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.social-icon:hover{
  transform:translateY(-2px);
  border-color:#d7b7b0;
  box-shadow:0 12px 24px rgba(77,54,47,.07);
  background:#fff9f7;
}

.social-icon svg{
  width:25px;
  height:25px;
}

.social-icon.instagram{
  color:#a96876;
  background:linear-gradient(145deg,#fff,#fff4f7);
}

.social-icon.whatsapp{
  color:#4f8b62;
  background:linear-gradient(145deg,#fff,#f3faf4);
}

.social-icon.tiktok{
  color:#433b38;
  background:linear-gradient(145deg,#fff,#f6f3f2);
}

.social-icon.tiktok .tiktok-mark{
  width:auto;
  height:auto;
  font-size:26px;
  line-height:1;
  color:inherit;
}

.replica-social > div{
  gap:8px !important;
}

.replica-social-icon{
  display:grid !important;
  place-items:center;
  width:28px;
  height:28px;
  padding:0 !important;
  border-radius:9px !important;
  background:#fff !important;
  font-size:13px !important;
}

@media(max-width:900px){
  .home-social-links.icon-only{
    justify-content:flex-start;
  }
}

@media(max-width:700px){
  .home-social-links.icon-only{
    display:flex !important;
    grid-template-columns:none !important;
    gap:10px;
  }

  .social-icon{
    width:50px;
    height:50px;
    min-width:50px;
    min-height:50px;
    border-radius:15px;
  }
}

/* ===== V157 · Redes sociales más fieles a sus marcas ===== */
.home-social-links.icon-only{
  gap:12px !important;
}

.social-icon{
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:18px !important;
  overflow:hidden;
  box-shadow:0 9px 22px rgba(77,54,47,.07) !important;
}

/* Instagram */
.social-icon.instagram{
  background:
    radial-gradient(circle at 32% 105%,#feda75 0 18%,#fa7e1e 30%,transparent 47%),
    radial-gradient(circle at 86% 8%,#4f5bd5 0 17%,transparent 39%),
    linear-gradient(135deg,#962fbf 4%,#d62976 48%,#fa7e1e 82%,#feda75 100%) !important;
  color:#fff !important;
}

.social-icon.instagram svg{
  width:28px !important;
  height:28px !important;
  stroke:#fff !important;
  stroke-width:2.1 !important;
}

/* WhatsApp */
.social-icon.whatsapp{
  background:#25D366 !important;
  color:#fff !important;
}

.social-icon.whatsapp svg{
  width:29px !important;
  height:29px !important;
  stroke:#fff !important;
  stroke-width:2.1 !important;
}

/* TikTok */
.social-icon.tiktok{
  background:#111 !important;
  color:#fff !important;
}

.social-icon.tiktok .tiktok-mark{
  display:grid !important;
  place-items:center;
  width:31px !important;
  height:31px !important;
  font-size:29px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:900 !important;
  color:#fff !important;
  text-shadow:-2px 0 #25F4EE,2px 0 #FE2C55;
}

.social-icon.disabled{
  opacity:.65;
  cursor:default;
}

.social-icon.disabled:hover{
  transform:none !important;
}

/* Editor replica */
.replica-social-icon.instagram{
  background:linear-gradient(135deg,#962fbf,#d62976,#fa7e1e) !important;
  color:#fff !important;
}
.replica-social-icon.whatsapp{
  background:#25D366 !important;
  color:#fff !important;
}
.replica-social-icon.tiktok{
  background:#111 !important;
  color:#fff !important;
}

@media(max-width:700px){
  .social-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    border-radius:16px !important;
  }
}

/* ===== B158 · Redes sociales: estado de guardado ===== */
.social-settings .setting-fields label small{
  line-height:1.4;
}

.social-settings .setting-fields input[type="url"]:valid:not(:placeholder-shown){
  border-color:#bfd3b8 !important;
  background:#fbfefb !important;
}

.social-settings .setting-fields input[type="url"]:invalid:not(:placeholder-shown){
  border-color:#e2b7b7 !important;
  background:#fffafa !important;
}

/* ===== V159 · Redes sociales: enlaces persistentes y visibles ===== */
.social-settings .setting-fields input[type="url"]{
  text-overflow:ellipsis;
}

.social-settings .setting-fields input[type="url"]:not(:placeholder-shown){
  font-weight:650;
  color:#4f403a;
  background:#fffdfb !important;
}

.social-settings .setting-fields label{
  overflow:hidden;
}

/* ===== V160 · Configuración de envíos simplificada ===== */
.shipping-settings .setting-fields{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
@media(max-width:700px){
  .shipping-settings .setting-fields{
    grid-template-columns:1fr !important;
  }
}

/* ===== V161 · Configuración: Yape al lado de Comunicación y pagos ===== */

/* Orden visual del tablero de configuración */
.settings-sections{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-areas:
    "appearance inventory"
    "communication yape"
    "social social"
    "shipping shipping";
  align-items:stretch !important;
}

.appearance-settings{grid-area:appearance}
.inventory-settings{grid-area:inventory}
.communication-settings{grid-area:communication}
.yape-settings-panel{grid-area:yape}
.social-settings{grid-area:social}
.shipping-settings{grid-area:shipping}

/* Yape ya no ocupa una fila completa */
.yape-settings-panel{
  grid-column:auto !important;
  height:100%;
}

/* Comunicación y Yape se sienten como un mismo bloque de trabajo */
.communication-settings,
.yape-settings-panel{
  min-height:100%;
}

.communication-settings .setting-fields{
  grid-template-columns:1fr !important;
}

/* Compactar Yape para media columna */
.yape-settings-panel .yape-setting-fields{
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

.yape-settings-panel .yape-setting-fields > label{
  min-width:0;
}

.yape-settings-panel .yape-qr-config{
  grid-column:1 / -1;
  grid-template-columns:82px minmax(0,1fr) !important;
  gap:11px !important;
  padding:11px !important;
}

.yape-settings-panel .yape-qr-config > img,
.yape-settings-panel .yape-qr-placeholder{
  width:78px !important;
  height:78px !important;
  border-radius:12px !important;
}

.yape-settings-panel .yape-qr-actions{
  align-content:center;
}

.yape-settings-panel .yape-qr-actions .btn{
  min-height:36px;
  padding:0 11px;
  font-size:10px;
}

/* Social + shipping remain full width */
.social-settings,
.shipping-settings{
  grid-column:auto !important;
}

/* Tablet: stack sections to avoid squeezing forms */
@media(max-width:1050px){
  .settings-sections{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "appearance"
      "inventory"
      "communication"
      "yape"
      "social"
      "shipping";
  }

  .yape-settings-panel .yape-setting-fields{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .yape-settings-panel .yape-setting-fields{
    grid-template-columns:1fr !important;
  }

  .yape-settings-panel .yape-qr-config{
    grid-column:auto;
    grid-template-columns:72px minmax(0,1fr) !important;
  }

  .yape-settings-panel .yape-qr-config > img,
  .yape-settings-panel .yape-qr-placeholder{
    width:68px !important;
    height:68px !important;
  }
}

/* ===== V162 · Configuración: Redes + Envíos lado a lado ===== */

/* Escritorio: 2 columnas equilibradas */
.settings-sections{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-areas:
    "appearance inventory"
    "communication yape"
    "social shipping" !important;
  align-items:stretch !important;
}

.appearance-settings{grid-area:appearance}
.inventory-settings{grid-area:inventory}
.communication-settings{grid-area:communication}
.yape-settings-panel{grid-area:yape}
.social-settings{grid-area:social}
.shipping-settings{grid-area:shipping}

/* Quitar el ancho completo de estas dos secciones */
.social-settings,
.shipping-settings{
  grid-column:auto !important;
  height:100%;
}

/* Mantener alturas y proporciones similares */
.social-settings > header,
.shipping-settings > header{
  min-height:86px;
}

.social-settings .setting-fields,
.shipping-settings .setting-fields{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.social-settings .setting-fields > label,
.shipping-settings .setting-fields > label{
  min-height:100%;
}

/* URLs largas sin romper el cuadro */
.social-settings input[type="url"],
.shipping-settings input[type="url"]{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Tablet: apilar para evitar que queden demasiado estrechos */
@media(max-width:1050px){
  .settings-sections{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "appearance"
      "inventory"
      "communication"
      "yape"
      "social"
      "shipping" !important;
  }

  .social-settings .setting-fields,
  .shipping-settings .setting-fields{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Celular */
@media(max-width:700px){
  .social-settings .setting-fields,
  .shipping-settings .setting-fields{
    grid-template-columns:1fr !important;
  }
}

/* ===== V163 · Botón Guardar configuración sin franja beige ===== */
.settings-save{
  position:static !important;
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:14px !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.settings-save::before,
.settings-save::after{
  display:none !important;
  content:none !important;
}

.settings-save .btn{
  min-width:190px;
  min-height:46px;
  margin:0 !important;
  border-radius:13px;
  box-shadow:0 10px 22px rgba(169,111,114,.18);
}

@media(max-width:700px){
  .settings-save{
    padding:0 !important;
    margin-top:12px !important;
  }

  .settings-save .btn{
    width:100%;
  }
}

/* ===== V164 · Comunicación simplificada ===== */
.communication-settings .whatsapp-only-settings{
  grid-template-columns:1fr !important;
}

.communication-settings .whatsapp-only-settings > label{
  min-height:118px;
}

.communication-settings .whatsapp-only-settings small{
  margin-top:2px;
  color:#8f7d75;
  font-size:9.5px;
  line-height:1.45;
  font-weight:500;
}

@media(max-width:700px){
  .communication-settings .whatsapp-only-settings > label{
    min-height:auto;
  }
}

/* ===== V165 · Apariencia simple para la dueña ===== */

.simple-appearance-fields{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.simple-appearance-fields > label{
  display:flex !important;
  flex-direction:column;
  justify-content:space-between;
  min-height:142px;
  padding:13px !important;
}

.appearance-label{
  display:grid;
  gap:4px;
}

.appearance-label b{
  color:#4d3c36;
  font-size:11px;
}

.appearance-label small{
  color:#927f76;
  font-size:9.5px;
  line-height:1.4;
  font-weight:500;
}

.simple-color-control{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin-top:12px;
  padding:6px 9px 6px 6px;
  border:1px solid #e3d6d0;
  border-radius:11px;
  background:#fff;
}

.simple-color-control input[type="color"]{
  width:48px !important;
  height:38px !important;
  min-height:38px !important;
  padding:2px !important;
  border:0 !important;
  border-radius:8px !important;
  cursor:pointer;
  background:transparent !important;
}

.simple-color-control code{
  overflow:hidden;
  color:#67564f;
  font:700 10px/1.2 DM Sans,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Preview inside admin settings only */
.settings-live{
  color:var(--admin-text,#3f312b);
}

.appearance-settings{
  background:var(--admin-soft-bg,#fff) !important;
}

/* Safe global public-store variables */
.public-store{
  background:var(--soft-bg,#faf7f2);
  color:var(--text-main,#3f312b);
}

.public-store main,
.public-store .page,
.public-store .home-page{
  color:var(--text-main,#3f312b);
}

.public-store h1,
.public-store h2,
.public-store h3,
.public-store h4,
.public-store .logo b,
.public-store .section-heading h2{
  color:var(--text-main,#3f312b);
}

/* Apply soft background to the main large public canvases, not cards/forms */
.public-store .home-page,
.public-store .catalog-page,
.public-store .cart-page,
.public-store .orders-page,
.public-store .size-guide-page,
.public-store .policies-page{
  background:var(--soft-bg,#faf7f2);
}

/* Accent stays controlled by --rose from the same simple panel */
.public-store .btn.primary,
.public-store .header-inner nav a.active,
.public-store .coupon-apply,
.public-store .home-how-buy-cta{
  --local-accent:var(--rose,#c99090);
}

@media(max-width:900px){
  .simple-appearance-fields{
    grid-template-columns:1fr !important;
  }

  .simple-appearance-fields > label{
    min-height:auto;
  }
}

/* ===== V166 · Apariencia editable solo por código HEX ===== */
.simple-color-control.hex-only-setting{
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:9px !important;
  padding:6px 8px !important;
}

.appearance-color-preview{
  display:block;
  width:34px;
  height:34px;
  border:1px solid #d9ccc6;
  border-radius:8px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.78);
  pointer-events:none;
}

.simple-color-control.hex-only-setting input[type="text"]{
  width:100% !important;
  min-width:0;
  min-height:36px !important;
  padding:0 8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#4f403a;
  font:800 11px/1 DM Sans,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.simple-color-control.hex-only-setting input[type="text"]:focus{
  outline:none !important;
  box-shadow:none !important;
}

.simple-color-control.hex-only-setting:focus-within{
  border-color:#cfaeaa;
  box-shadow:0 0 0 3px rgba(201,144,144,.10);
}

/* El selector visual nativo queda eliminado: solo se escribe HEX. */
.simple-color-control input[type="color"],
.simple-color-control code{
  display:none !important;
}

/* ===== V167 · Inventario y catálogo más fácil de entender ===== */
.inventory-settings .setting-fields > label{
  min-height:132px;
}

.inventory-settings .setting-fields > label small{
  margin-top:2px;
  color:#8f7e76;
  font-size:9.5px;
  line-height:1.45;
  font-weight:500;
}

.inventory-settings .setting-fields input,
.inventory-settings .setting-fields select{
  font-weight:700;
}

@media(max-width:700px){
  .inventory-settings .setting-fields > label{
    min-height:auto;
  }
}

/* ===== V168 · Editor de tienda con réplica en vivo ===== */
.store-editor-toolbar-v168{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:8px 10px;
  border:1px solid #e5d9d3;
  border-radius:16px;
  background:rgba(250,247,242,.96);
  backdrop-filter:blur(12px);
}
.store-editor-tabs-v168,
.store-editor-actions-v168,
.device-switch-v168{display:flex;align-items:center;gap:7px}
.store-editor-tabs-v168 button,
.device-switch-v168 button{
  min-height:38px;padding:0 14px;border:1px solid #e4d7d1;border-radius:999px;background:#fff;color:#66554e;font-weight:750;font-size:10.5px
}
.store-editor-tabs-v168 button.active,
.device-switch-v168 button.active{background:#5b4941;color:#fff;border-color:#5b4941}
.unsaved-v168{padding:7px 9px;border-radius:999px;background:#fff0e8;color:#9a684e;font-size:9px;font-weight:800}
.store-editor-layout-v168{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start}
.store-editor-controls-v168{
  position:sticky;top:70px;max-height:calc(100vh - 86px);overflow:auto;
  border:1px solid #e7dbd5;border-radius:18px;background:#fff;padding:10px
}
.store-editor-controls-v168 details{border:1px solid #eadfd9;border-radius:13px;background:#fffdfc;overflow:hidden;margin-bottom:9px}
.store-editor-controls-v168 summary{cursor:pointer;padding:13px 14px;font-size:11px;font-weight:850;color:#4b3a34;list-style:none}
.store-editor-controls-v168 summary::after{content:"+";float:right;color:#a37479}
.store-editor-controls-v168 details[open] summary::after{content:"−"}
.editor-control-group-v168{display:grid;gap:10px;padding:0 12px 13px}
.editor-control-group-v168 label{display:grid;gap:6px;color:#6b5952;font-size:9.5px;font-weight:750}
.editor-control-group-v168 input,
.editor-control-group-v168 textarea,
.editor-control-group-v168 select{
  width:100%;min-height:40px;padding:8px 10px;border:1px solid #ddd0ca;border-radius:10px;background:#fff;color:#493a34;font-size:10.5px
}
.editor-control-group-v168 textarea{resize:vertical}
.editor-control-group-v168 small,.editor-info-v168{margin:0;color:#95827a;font-size:9px;line-height:1.45}
.store-editor-preview-v168{min-width:0}
.preview-viewport-v168{overflow:hidden;border:1px solid #d9ccc5;border-radius:20px;background:#eee8e4;box-shadow:0 16px 36px rgba(72,50,43,.08);transition:max-width .2s ease}
.store-editor-preview-v168.mobile .preview-viewport-v168{max-width:390px;margin:0 auto}
.editor-live-store-v168{min-height:760px;transform-origin:top left}
.editor-live-store-v168 .announcement{padding:7px 10px;text-align:center;font-size:8px;letter-spacing:.13em}
.editor-live-store-v168 .public-header{position:static!important;height:70px!important}
.editor-live-store-v168 .header-inner{max-width:none!important;padding:0 20px!important}
.editor-live-store-v168 .header-inner nav{display:flex!important}
.editor-live-store-v168 .header-inner nav span{padding:8px 10px;font-size:8px}
.preview-cart-v168{font-size:12px;color:#8d6b6f}
.editor-live-store-v168 .reference-hero{min-height:430px!important}
.editor-live-store-v168 .reference-hero .hero-copy{padding:38px 28px!important}
.editor-live-store-v168 .reference-hero .hero-media{min-height:430px!important;height:430px!important}
.editor-live-store-v168 .reference-hero .hero-media img{object-fit:cover!important;width:100%;height:100%}
.editor-live-store-v168 .category-block{padding:44px 28px!important}
.editor-live-store-v168 .category-block .category-showcase.expanded-categories{grid-template-columns:repeat(3,1fr)!important}
.editor-live-store-v168 .section{padding:44px 28px!important}
.editor-live-store-v168 .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.editor-live-store-v168 .product-card:nth-child(n+6){display:none!important}
.editor-live-store-v168 .product-card .product-visual{height:190px!important;min-height:190px!important}
.editor-live-store-v168 .product-card .product-visual img{width:100%;height:100%;object-fit:cover}
.editor-live-store-v168 .product-card .product-info{padding:10px!important}
.editor-live-store-v168 .product-card h3{font-size:13px!important}
.editor-live-store-v168 .home-how-buy{margin:20px 28px 50px!important;padding:24px!important}
.editor-live-store-v168 .home-social{margin:-28px 28px 42px!important}
.preview-link-v168{padding:8px 11px;border:1px solid #e3d6d0;border-radius:999px;background:#fff;font-size:8px;font-weight:800}
.preview-footer-v168{padding:24px;text-align:center;background:#4b3f39;color:#eee3dd;font-size:9px}
.editor-general-preview-v168{min-height:500px;padding:70px 40px;background:#fffaf7;text-align:center}
.editor-general-preview-v168 h2{font-size:38px}
.store-editor-preview-v168.mobile .editor-live-store-v168 .header-inner nav{display:none!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .reference-hero{grid-template-columns:1fr!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .reference-hero .hero-media{height:360px!important;min-height:360px!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .category-block .category-showcase.expanded-categories{grid-template-columns:1fr!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .product-grid{grid-template-columns:repeat(2,1fr)!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .product-card:nth-child(n+5){display:none!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .home-how-buy-grid{grid-template-columns:1fr!important}
.store-editor-preview-v168.mobile .editor-live-store-v168 .home-social{grid-template-columns:1fr!important}

@media(max-width:1000px){
  .store-editor-layout-v168{grid-template-columns:290px minmax(0,1fr)}
  .store-editor-actions-v168 .btn.outline{display:none}
}
@media(max-width:820px){
  .store-editor-toolbar-v168{position:static;align-items:flex-start;flex-direction:column}
  .store-editor-actions-v168{width:100%;flex-wrap:wrap}
  .store-editor-layout-v168{grid-template-columns:1fr}
  .store-editor-controls-v168{position:static;max-height:none}
}

/* ===== V169 · Editor de tienda: vista PC fiel y proporcionada ===== */

/* Ya no hay selector PC/Celular */
.device-switch-v168{
  display:none !important;
}

.desktop-only-badge-v169{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 11px;
  border:1px solid #e2d6d0;
  border-radius:999px;
  background:#fff;
  color:#6a5952;
  font-size:9.5px;
  font-weight:800;
}

/* Más espacio para la réplica, sin hacer incómoda la edición */
.store-editor-layout-v168{
  grid-template-columns:286px minmax(0,1fr) !important;
  gap:12px !important;
}

.store-editor-controls-v168{
  top:68px !important;
  max-height:calc(100vh - 82px) !important;
  border-radius:16px !important;
}

.store-editor-preview-v168{
  min-width:0;
  overflow:hidden;
}

.preview-viewport-v168{
  width:100%;
  min-width:0;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#eee8e4;
}

/*
  La página pública se dibuja con un ancho PC real de 1180px
  y se reduce visualmente para caber dentro del editor.
  Así las proporciones entre hero, categorías y productos
  se mantienen iguales a una pantalla de escritorio.
*/
.editor-live-store-v168{
  width:1180px !important;
  min-width:1180px !important;
  max-width:none !important;
  zoom:.62;
  transform:none !important;
  transform-origin:top left;
  background:var(--home-bg,#faf7f2);
}

/* Header con proporciones más cercanas a la web real */
.editor-live-store-v168 .public-header{
  height:82px !important;
}
.editor-live-store-v168 .header-inner{
  width:100%;
  max-width:1180px !important;
  padding:0 34px !important;
}
.editor-live-store-v168 .logo > span{
  width:46px !important;
  height:46px !important;
}
.editor-live-store-v168 .logo b{
  font-size:18px !important;
}
.editor-live-store-v168 .header-inner nav{
  gap:8px !important;
}
.editor-live-store-v168 .header-inner nav span{
  padding:10px 15px !important;
  font-size:12px !important;
}

/* Hero con las proporciones del inicio real */
.editor-live-store-v168 .reference-hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
  min-height:560px !important;
  gap:0 !important;
}
.editor-live-store-v168 .reference-hero .hero-copy{
  padding:64px 54px !important;
}
.editor-live-store-v168 .reference-hero .hero-copy h1{
  max-width:470px !important;
  font-size:64px !important;
  line-height:1.02 !important;
}
.editor-live-store-v168 .reference-hero .hero-copy > p{
  max-width:430px !important;
  font-size:15px !important;
  line-height:1.7 !important;
}
.editor-live-store-v168 .reference-hero .hero-media{
  height:560px !important;
  min-height:560px !important;
}
.editor-live-store-v168 .reference-hero .hero-media img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Beneficios */
.editor-live-store-v168 .benefits{
  min-height:72px;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  align-items:center;
  padding:0 36px !important;
}

/* Categorías: 3 tarjetas completas, no comprimidas */
.editor-live-store-v168 .category-block{
  max-width:1180px !important;
  padding:70px 48px !important;
}
.editor-live-store-v168 .category-block > .section-heading h2{
  font-size:48px !important;
}
.editor-live-store-v168 .category-block .category-showcase.expanded-categories{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.editor-live-store-v168 .category-block .expanded-categories .mini-category{
  height:170px !important;
  min-height:170px !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  padding:20px !important;
}
.editor-live-store-v168 .category-block .expanded-categories .mini-category .category-copy h3{
  font-size:24px !important;
}

/* Recientes: proporción real de escritorio */
.editor-live-store-v168 .section.new-arrivals{
  padding:66px 48px !important;
}
.editor-live-store-v168 .section-heading h2{
  font-size:46px !important;
}
.editor-live-store-v168 .product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}
.editor-live-store-v168 .product-card .product-visual{
  height:300px !important;
  min-height:300px !important;
}
.editor-live-store-v168 .product-card .product-info{
  padding:14px !important;
}
.editor-live-store-v168 .product-card h3{
  font-size:18px !important;
}

/* Comprar es simple + redes mantienen tamaño coherente */
.editor-live-store-v168 .home-how-buy{
  max-width:1084px !important;
  margin:24px 48px 72px !important;
  padding:32px !important;
}
.editor-live-store-v168 .home-social{
  max-width:1084px !important;
  margin:-46px 48px 70px !important;
  padding:24px 0 !important;
}
.preview-footer-v168{
  padding:28px 48px !important;
}

/* Ajuste automático del zoom según ancho disponible */
@media(min-width:1280px){
  .editor-live-store-v168{zoom:.70}
}
@media(max-width:1150px){
  .editor-live-store-v168{zoom:.56}
  .store-editor-layout-v168{
    grid-template-columns:270px minmax(0,1fr) !important;
  }
}
@media(max-width:900px){
  .store-editor-layout-v168{
    grid-template-columns:1fr !important;
  }
  .store-editor-controls-v168{
    position:static !important;
    max-height:none !important;
  }
  .editor-live-store-v168{
    zoom:.68;
  }
}

/* Deshabilitar cualquier antigua regla de preview móvil */
.store-editor-preview-v168.__mobile-disabled{
  all:unset;
}

/* ===== V170 · Editor Inicio: réplica PC completa y sin recortes ===== */

/* Más ancho útil para la réplica */
.store-editor-layout-v168{
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:12px !important;
}

.store-editor-controls-v168{
  width:260px !important;
  padding:9px !important;
}

/*
  La réplica conserva un lienzo de 1180px (igual que escritorio),
  pero usa un zoom fijo suficientemente pequeño para que la página
  completa entre dentro del editor sin cortar el lado derecho.
*/
.preview-viewport-v168{
  position:relative;
  width:100% !important;
  overflow:hidden !important;
  background:#f4efeb !important;
}

.editor-live-store-v168{
  width:1180px !important;
  min-width:1180px !important;
  max-width:1180px !important;
  zoom:.49 !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:top left !important;
}

/* Que la réplica se parezca al inicio real, no a una maqueta comprimida */
.editor-live-store-v168 .announcement{
  min-height:28px !important;
  padding:7px 16px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px !important;
  letter-spacing:.17em !important;
}

.editor-live-store-v168 .public-header{
  height:84px !important;
  background:#fffdfb !important;
  border-bottom:1px solid #eadcd6 !important;
  box-shadow:none !important;
}

.editor-live-store-v168 .header-inner{
  max-width:1180px !important;
  height:100%;
  margin:0 auto;
  padding:0 28px !important;
}

.editor-live-store-v168 .logo{
  gap:11px !important;
}

.editor-live-store-v168 .logo > span{
  width:46px !important;
  height:46px !important;
}

.editor-live-store-v168 .logo b{
  font-size:18px !important;
}

.editor-live-store-v168 .logo small{
  font-size:7px !important;
}

.editor-live-store-v168 .header-inner nav{
  display:flex !important;
  gap:7px !important;
  padding:6px !important;
  border:1px solid #eadfd8 !important;
  border-radius:999px !important;
  background:#fff !important;
}

.editor-live-store-v168 .header-inner nav span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 15px !important;
  border-radius:999px;
  font-size:11px !important;
  font-weight:700;
  color:#63544d;
}

.editor-live-store-v168 .header-inner nav span.active{
  background:#fff0ed;
  color:#9d666c;
}

/* HERO */
.editor-live-store-v168 .reference-hero{
  display:grid !important;
  grid-template-columns:1fr 1.08fr !important;
  min-height:560px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
}

.editor-live-store-v168 .reference-hero .hero-copy{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  padding:66px 54px !important;
}

.editor-live-store-v168 .reference-hero .hero-copy .eyebrow{
  margin-bottom:18px;
}

.editor-live-store-v168 .reference-hero .hero-copy h1{
  max-width:475px !important;
  margin:0 0 20px !important;
  font-size:66px !important;
  line-height:1.03 !important;
}

.editor-live-store-v168 .reference-hero .hero-copy > p{
  max-width:430px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.editor-live-store-v168 .hero-actions{
  margin-top:30px !important;
  gap:10px !important;
}

.editor-live-store-v168 .hero-actions .btn{
  min-height:46px !important;
  padding:0 21px !important;
}

.editor-live-store-v168 .reference-hero .hero-media{
  position:relative !important;
  height:560px !important;
  min-height:560px !important;
  overflow:hidden !important;
  background:#e9ddd5 !important;
}

.editor-live-store-v168 .reference-hero .hero-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Beneficios: misma proporción de la página real */
.editor-live-store-v168 .benefits{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  min-height:72px !important;
  padding:0 !important;
  gap:0 !important;
  border-top:1px solid #e8dbd3;
  border-bottom:1px solid #e8dbd3;
}

.editor-live-store-v168 .benefits > div{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  border-right:1px solid #eadfd8;
  font-size:11px;
}

.editor-live-store-v168 .benefits > div:last-child{
  border-right:0;
}

/* CATEGORÍAS */
.editor-live-store-v168 .category-block{
  display:block !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:74px 48px !important;
}

.editor-live-store-v168 .category-block > .section-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin:0 0 28px !important;
}

.editor-live-store-v168 .category-block > .section-heading h2{
  margin:8px 0 0 !important;
  font-size:47px !important;
  line-height:1 !important;
}

.editor-live-store-v168 .category-block .category-showcase.expanded-categories{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
}

.editor-live-store-v168 .category-block .expanded-categories .mini-category{
  display:grid !important;
  grid-template-columns:74px minmax(0,1fr) !important;
  align-items:center !important;
  width:100% !important;
  height:168px !important;
  min-height:168px !important;
  padding:20px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}

.editor-live-store-v168 .category-block .expanded-categories .mini-category .category-icon{
  width:62px !important;
  height:62px !important;
}

.editor-live-store-v168 .category-block .expanded-categories .mini-category .category-copy{
  min-width:0 !important;
}

.editor-live-store-v168 .category-block .expanded-categories .mini-category .category-copy small{
  display:block;
  margin-bottom:4px;
  font-size:7px !important;
  white-space:normal !important;
}

.editor-live-store-v168 .category-block .expanded-categories .mini-category .category-copy h3{
  margin:0 0 8px !important;
  font-size:23px !important;
  line-height:1.05 !important;
  white-space:normal !important;
}

/* RECIENTES */
.editor-live-store-v168 .section.new-arrivals{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:70px 48px !important;
}

.editor-live-store-v168 .section.new-arrivals .section-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  margin-bottom:28px !important;
}

.editor-live-store-v168 .section.new-arrivals .section-heading h2{
  margin:8px 0 0 !important;
  font-size:47px !important;
}

.editor-live-store-v168 .product-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}

.editor-live-store-v168 .product-card{
  min-width:0 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.editor-live-store-v168 .product-card .product-visual{
  height:285px !important;
  min-height:285px !important;
}

.editor-live-store-v168 .product-card .product-info{
  min-height:118px !important;
  padding:14px !important;
}

.editor-live-store-v168 .product-card .product-info small{
  font-size:8px !important;
}

.editor-live-store-v168 .product-card .product-info h3{
  margin:5px 0 10px !important;
  font-size:17px !important;
}

/* COMPRAR ES SIMPLE */
.editor-live-store-v168 .home-how-buy{
  max-width:1084px !important;
  margin:24px auto 88px !important;
  padding:34px !important;
  border-radius:26px !important;
}

.editor-live-store-v168 .home-how-buy-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
  padding-bottom:24px !important;
}

.editor-live-store-v168 .home-how-buy-head h2{
  margin:8px 0 9px !important;
  font-size:34px !important;
  line-height:1.12 !important;
}

.editor-live-store-v168 .home-how-buy-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:20px !important;
}

.editor-live-store-v168 .home-how-buy-grid article{
  min-height:185px !important;
  padding:18px !important;
}

/* REDES */
.editor-live-store-v168 .home-social{
  max-width:1084px !important;
  margin:-58px auto 82px !important;
  padding:24px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:28px !important;
}

.editor-live-store-v168 .home-social-copy h2{
  margin:6px 0 !important;
  font-size:28px !important;
}

.editor-live-store-v168 .home-social-links{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* Footer */
.editor-live-store-v168 .preview-footer-v168{
  min-height:82px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 48px !important;
}

/* No mostrar estilos de preview móvil antiguos */
.store-editor-preview-v168.__mobile-disabled,
.store-editor-preview-v168.mobile{
  all:revert;
}

/* El editor conserva la proporción aun en pantallas algo más pequeñas */
@media(max-width:1200px){
  .store-editor-layout-v168{
    grid-template-columns:250px minmax(0,1fr) !important;
  }
  .store-editor-controls-v168{
    width:250px !important;
  }
  .editor-live-store-v168{
    zoom:.45 !important;
  }
}

@media(max-width:920px){
  .store-editor-layout-v168{
    grid-template-columns:1fr !important;
  }
  .store-editor-controls-v168{
    position:static !important;
    width:auto !important;
    max-height:none !important;
  }
  .editor-live-store-v168{
    zoom:.54 !important;
  }
}

/* ===== V171 · Editor Inicio: réplica ocupa todo el ancho disponible ===== */

/*
  Antes el lienzo se mantenía fijo en 1180px y luego se reducía.
  En monitores donde el área de preview era más ancha, eso dejaba
  una franja vacía a la derecha. Ahora el lienzo se calcula a partir
  del ancho real del preview y, tras aplicar el zoom, llena el 100%.
*/
.preview-viewport-v168{
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:#faf7f2 !important;
}

.editor-live-store-v168{
  --editor-preview-scale:.49;
  width:calc(100% / var(--editor-preview-scale)) !important;
  min-width:calc(100% / var(--editor-preview-scale)) !important;
  max-width:none !important;
  zoom:var(--editor-preview-scale) !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:top left !important;
}

/* Ninguna sección interna debe volver a limitarse a 1180px dentro del editor. */
.editor-live-store-v168 .header-inner,
.editor-live-store-v168 .reference-hero,
.editor-live-store-v168 .category-block,
.editor-live-store-v168 .section.new-arrivals{
  width:100% !important;
  max-width:none !important;
}

.editor-live-store-v168 .header-inner{
  margin:0 !important;
}

.editor-live-store-v168 .home-how-buy,
.editor-live-store-v168 .home-social{
  width:auto !important;
  max-width:none !important;
  margin-left:48px !important;
  margin-right:48px !important;
}

/* Hero equilibrado: texto e imagen ocupan todo el ancho sin dejar huecos. */
.editor-live-store-v168 .reference-hero{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;
}

.editor-live-store-v168 .reference-hero .hero-media{
  width:100% !important;
}

.editor-live-store-v168 .reference-hero .hero-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Categorías y productos se distribuyen uniformemente en el ancho real. */
.editor-live-store-v168 .category-block .category-showcase.expanded-categories{
  width:100% !important;
}

.editor-live-store-v168 .product-grid{
  width:100% !important;
}

/* Ajustes para pantallas algo más pequeñas manteniendo el mismo principio. */
@media(max-width:1200px){
  .editor-live-store-v168{
    --editor-preview-scale:.45;
    width:calc(100% / var(--editor-preview-scale)) !important;
    min-width:calc(100% / var(--editor-preview-scale)) !important;
    zoom:var(--editor-preview-scale) !important;
  }
}

@media(max-width:920px){
  .editor-live-store-v168{
    --editor-preview-scale:.54;
    width:calc(100% / var(--editor-preview-scale)) !important;
    min-width:calc(100% / var(--editor-preview-scale)) !important;
    zoom:var(--editor-preview-scale) !important;
  }
}

/* ===== V172 · Editor coherente: Inicio / Catálogo / General ===== */

/* Los tres tabs usan el mismo lienzo y escala */
.editor-catalog-live-v172,
.editor-general-live-v172{
  width:calc(100% / var(--editor-preview-scale,.49)) !important;
  min-width:calc(100% / var(--editor-preview-scale,.49)) !important;
  zoom:var(--editor-preview-scale,.49) !important;
  background:var(--catalog-bg,#faf7f2);
}

/* Catálogo fiel */
.editor-catalog-live-v172 .catalog-page{
  min-height:900px;
  padding:68px 48px 76px !important;
  background:var(--catalog-bg,#faf7f2) !important;
}

.editor-catalog-live-v172 .catalog-heading{
  max-width:720px;
  margin:0 auto 36px;
  text-align:center;
}

.editor-catalog-live-v172 .catalog-heading h1{
  margin:9px 0 12px;
  font-size:48px !important;
  line-height:1.04;
}

.editor-catalog-live-v172 .catalog-heading p{
  max-width:620px;
  margin:0 auto;
  font-size:13px;
  line-height:1.65;
}

.editor-catalog-live-v172 .catalog-tools{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 260px auto !important;
  gap:12px !important;
  align-items:center;
  margin-bottom:18px;
}

.editor-catalog-live-v172 .category-pills{
  display:flex !important;
  gap:7px !important;
  min-width:0;
  overflow:hidden;
}

.editor-catalog-live-v172 .category-pills button{
  min-height:36px;
  padding:0 13px;
  border:1px solid #e3d6d0;
  border-radius:999px;
  background:#fff;
  font-size:9px;
  white-space:nowrap;
}

.editor-catalog-live-v172 .category-pills button.active{
  background:#5b4941;
  color:#fff;
  border-color:#5b4941;
}

.editor-catalog-live-v172 .search-box{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 12px;
  border:1px solid #e1d4cd;
  border-radius:12px;
  background:#fff;
}

.editor-catalog-live-v172 .search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font-size:9px;
}

.editor-catalog-live-v172 .filter-toggle{
  min-height:40px;
  padding:0 14px;
  border:1px solid #dfd1ca;
  border-radius:12px;
  background:#fff;
  font-size:9px;
  font-weight:800;
}

.editor-catalog-live-v172 .results-count{
  margin:0 0 18px;
  color:#8d7c73;
  font-size:9px;
}

.editor-catalog-grid-v172{
  display:grid !important;
  grid-template-columns:repeat(var(--catalog-columns,4),minmax(0,1fr)) !important;
  gap:16px !important;
}

.editor-catalog-live-v172 .product-card{
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #eadfd9;
}

.editor-catalog-live-v172 .product-card .product-visual{
  width:100%;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden;
  background:#eee4df;
}

.editor-catalog-live-v172 .product-card .product-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.editor-catalog-live-v172 .product-card .product-info{
  min-height:112px;
  padding:13px !important;
}

.editor-catalog-live-v172 .product-card h3{
  font-size:17px !important;
}

.editor-empty-demo-v172{
  margin-top:34px;
  padding-top:28px;
  border-top:1px dashed #ddcec7;
}

.editor-empty-demo-v172 > div{
  max-width:480px;
  padding:17px 19px;
  border:1px solid #eadfd9;
  border-radius:14px;
  background:#fff;
}

.editor-empty-demo-v172 small,
.editor-empty-demo-v172 b,
.editor-empty-demo-v172 span{
  display:block;
}

.editor-empty-demo-v172 small{
  margin-bottom:7px;
  color:#a16e72;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.editor-empty-demo-v172 b{
  margin-bottom:5px;
  font-size:15px;
}

.editor-empty-demo-v172 span{
  color:#8a7770;
  font-size:10px;
}

/* General = elementos compartidos reales */
.editor-general-live-v172{
  background:var(--soft-bg,#faf7f2);
}

.editor-general-shared-v172{
  min-height:510px;
  padding:86px 70px 70px;
  text-align:center;
}

.editor-general-shared-v172 h1{
  max-width:720px;
  margin:10px auto 14px;
  font-size:52px;
  line-height:1.04;
}

.editor-general-shared-v172 > p{
  max-width:660px;
  margin:0 auto;
  color:#837169;
  font-size:13px;
  line-height:1.7;
}

.general-shared-cards-v172{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  max-width:760px;
  margin:38px auto 0;
}

.general-shared-cards-v172 article{
  min-height:145px;
  padding:20px;
  border:1px solid #e6d9d3;
  border-radius:18px;
  background:#fff;
  text-align:left;
}

.general-shared-cards-v172 small,
.general-shared-cards-v172 b,
.general-shared-cards-v172 span{
  display:block;
}

.general-shared-cards-v172 small{
  color:#aa7479;
  font-size:8px;
  letter-spacing:.1em;
}

.general-shared-cards-v172 b{
  margin:12px 0 7px;
  font:600 22px Playfair Display,serif;
}

.general-shared-cards-v172 span{
  color:#8b7971;
  font-size:10px;
  line-height:1.5;
}

.editor-full-footer-v172{
  padding:42px 54px 18px !important;
  background:#493d37 !important;
  color:#eee4df;
}

.editor-full-footer-v172 .footer-inner{
  display:grid;
  grid-template-columns:1.5fr .7fr .7fr;
  gap:34px;
  max-width:none;
}

.editor-full-footer-v172 .footer-inner > div{
  display:grid;
  align-content:start;
  gap:7px;
}

.editor-full-footer-v172 .footer-inner p{
  max-width:340px;
  margin:12px 0 0;
  color:#d8cbc5;
  font-size:10px;
  line-height:1.55;
}

.editor-full-footer-v172 h4{
  margin:0 0 8px;
  color:#fff;
  font-size:11px;
}

.editor-full-footer-v172 span{
  font-size:9px;
  color:#ddd1ca;
}

.editor-full-footer-v172 .copyright{
  margin-top:28px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.14);
  text-align:center;
  font-size:8px;
}

/* General and Catalog share the same accurate header */
.editor-catalog-live-v172 .public-header,
.editor-general-live-v172 .public-header{
  height:84px !important;
}

.editor-catalog-live-v172 .header-inner,
.editor-general-live-v172 .header-inner{
  width:100% !important;
  max-width:none !important;
  padding:0 34px !important;
}

.editor-catalog-live-v172 .header-inner nav,
.editor-general-live-v172 .header-inner nav{
  display:flex !important;
}

/* Better control panel hierarchy for Catalog / General */
.store-editor-controls-v168 details[open]{
  box-shadow:0 7px 18px rgba(72,50,43,.035);
}

.store-editor-controls-v168 .editor-info-v168{
  padding:9px 10px;
  border-radius:9px;
  background:#f9f4f1;
  color:#89766e;
}

/* Keep full-width calculation from V171 in every tab */
.editor-catalog-live-v172,
.editor-general-live-v172{
  width:calc(100% / var(--editor-preview-scale,.49)) !important;
  min-width:calc(100% / var(--editor-preview-scale,.49)) !important;
  max-width:none !important;
}

@media(max-width:1200px){
  .editor-catalog-live-v172,
  .editor-general-live-v172{
    --editor-preview-scale:.45;
    zoom:.45 !important;
    width:calc(100% / .45) !important;
    min-width:calc(100% / .45) !important;
  }
}

@media(max-width:920px){
  .editor-catalog-live-v172,
  .editor-general-live-v172{
    --editor-preview-scale:.54;
    zoom:.54 !important;
    width:calc(100% / .54) !important;
    min-width:calc(100% / .54) !important;
  }
}

/* ===== V173 · General: preview adaptado al ancho real del editor ===== */

/* General no necesita un lienzo gigante escalado.
   Se muestra 1:1 dentro del área visible para evitar el gran espacio vacío. */
.editor-general-live-v172{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  zoom:1 !important;
  margin:0 !important;
  background:#faf7f2 !important;
}

/* Header proporcional al espacio del editor */
.editor-general-live-v172 .announcement{
  min-height:30px !important;
  padding:8px 12px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:8px !important;
  letter-spacing:.13em !important;
}

.editor-general-live-v172 .public-header{
  height:72px !important;
  background:#fffdfb !important;
  border-bottom:1px solid #eaded8 !important;
}

.editor-general-live-v172 .header-inner{
  width:100% !important;
  max-width:none !important;
  height:100%;
  padding:0 18px !important;
  gap:16px !important;
}

.editor-general-live-v172 .logo{
  gap:9px !important;
}

.editor-general-live-v172 .logo > span{
  width:40px !important;
  height:40px !important;
}

.editor-general-live-v172 .logo b{
  font-size:15px !important;
}

.editor-general-live-v172 .logo small{
  font-size:6px !important;
}

.editor-general-live-v172 .header-inner nav{
  display:flex !important;
  gap:4px !important;
  padding:4px !important;
}

.editor-general-live-v172 .header-inner nav span{
  min-height:32px;
  display:flex;
  align-items:center;
  padding:0 10px !important;
  border-radius:999px;
  font-size:8px !important;
}

.editor-general-live-v172 .header-inner nav span.active{
  background:#fff0ed;
  color:#9d666c;
}

.editor-general-live-v172 .preview-cart-v168{
  font-size:10px;
}

/* Main content fills the editor and has meaningful proportions */
.general-page-preview-v173{
  min-height:520px !important;
  padding:44px 34px 38px !important;
  text-align:left !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,144,144,.07),transparent 28%),
    #faf7f2;
}

.general-preview-intro-v173{
  max-width:720px;
}

.general-preview-intro-v173 h1{
  margin:8px 0 12px !important;
  max-width:650px !important;
  font-size:38px !important;
  line-height:1.05 !important;
}

.general-preview-intro-v173 p{
  max-width:620px !important;
  margin:0 !important;
  color:#817069 !important;
  font-size:11px !important;
  line-height:1.65 !important;
}

.general-page-samples-v173{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:28px;
}

.general-page-samples-v173 article{
  min-height:170px;
  padding:18px;
  border:1px solid #e6dad4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(72,50,43,.035);
}

.general-page-samples-v173 article small{
  display:block;
  color:#a76f75;
  font-size:7px;
  letter-spacing:.1em;
}

.general-page-samples-v173 article h2{
  margin:12px 0 8px;
  font-size:22px;
  line-height:1.1;
}

.general-page-samples-v173 article p{
  margin:0 0 14px;
  color:#7e6d65;
  font-size:9.5px;
  line-height:1.5;
}

.general-page-samples-v173 article span{
  display:inline-block;
  padding:6px 8px;
  border-radius:999px;
  background:#f8efec;
  color:#8d666b;
  font-size:7.5px;
  font-weight:800;
}

.general-footer-preview-v173{
  margin-top:14px;
  padding:16px 18px;
  border:1px solid #e5d9d3;
  border-radius:14px;
  background:#4a3d37;
  color:#eee4df;
}

.general-footer-preview-v173 small{
  display:block;
  margin-bottom:6px;
  color:#cfbcb4;
  font-size:7px;
  letter-spacing:.11em;
}

.general-footer-preview-v173 p{
  margin:0;
  font-size:9.5px;
  line-height:1.5;
}

/* Footer real preview: compact but faithful */
.editor-general-live-v172 .editor-full-footer-v172{
  padding:28px 30px 14px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 .footer-inner{
  grid-template-columns:1.4fr .7fr .7fr !important;
  gap:22px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 .logo > span{
  width:38px !important;
  height:38px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 .logo b{
  font-size:14px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 p{
  max-width:300px !important;
  font-size:8.5px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 h4{
  font-size:9px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 span{
  font-size:8px !important;
}

.editor-general-live-v172 .editor-full-footer-v172 .copyright{
  margin-top:20px !important;
  padding-top:10px !important;
  font-size:7px !important;
}

/* Evita que reglas antiguas vuelvan a agrandar General */
@media(max-width:1200px){
  .editor-general-live-v172{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    zoom:1 !important;
  }
}

@media(max-width:920px){
  .editor-general-live-v172{
    width:100% !important;
    min-width:0 !important;
    zoom:1 !important;
  }
  .general-page-samples-v173{
    grid-template-columns:1fr;
  }
}

/* ===== V174 · Catálogo editor fiel, sin hueco lateral ===== */
.editor-catalog-live-v172{
  width:100%!important;min-width:0!important;max-width:100%!important;
  zoom:1!important;margin:0!important;transform:none!important;
  background:var(--catalog-bg,#faf7f2)!important;
}
.editor-catalog-live-v172 .announcement{
  min-height:30px!important;padding:8px 12px!important;
  display:flex;align-items:center;justify-content:center;
  font-size:8px!important;letter-spacing:.13em!important
}
.editor-catalog-live-v172 .public-header{height:72px!important;background:#fffdfb!important;border-bottom:1px solid #eaded8!important}
.editor-catalog-live-v172 .header-inner{width:100%!important;max-width:none!important;height:100%;padding:0 18px!important;gap:14px!important}
.editor-catalog-live-v172 .logo{gap:8px!important}
.editor-catalog-live-v172 .logo>span{width:38px!important;height:38px!important}
.editor-catalog-live-v172 .logo b{font-size:14px!important}
.editor-catalog-live-v172 .logo small{font-size:6px!important}
.editor-catalog-live-v172 .header-inner nav{display:flex!important;flex:1 1 auto;justify-content:center;gap:4px!important;padding:4px!important;min-width:0}
.editor-catalog-live-v172 .header-inner nav span{min-height:31px;display:flex;align-items:center;padding:0 9px!important;border-radius:999px;font-size:7.5px!important;white-space:nowrap}
.editor-catalog-live-v172 .header-inner nav span.active{background:#fff0ed;color:#9d666c}

.editor-catalog-live-v172 .catalog-page{
  width:100%!important;min-height:760px!important;padding:44px 30px 56px!important;
  background:var(--catalog-bg,#faf7f2)!important
}
.editor-catalog-live-v172 .catalog-heading{width:100%!important;max-width:620px!important;margin:0 auto 26px!important;text-align:center!important}
.editor-catalog-live-v172 .catalog-heading h1{margin:7px 0 9px!important;font-size:34px!important;line-height:1.05!important}
.editor-catalog-live-v172 .catalog-heading p{max-width:560px!important;margin:0 auto!important;font-size:9.5px!important;line-height:1.55!important}

.editor-catalog-live-v172 .catalog-tools{
  display:grid!important;grid-template-columns:minmax(0,1fr) 180px auto!important;
  gap:8px!important;align-items:center!important;width:100%!important;margin:0 0 12px!important
}
.editor-catalog-live-v172 .category-pills{display:flex!important;gap:5px!important;min-width:0!important;overflow:hidden!important}
.editor-catalog-live-v172 .category-pills button{min-height:30px!important;padding:0 9px!important;font-size:7px!important}
.editor-catalog-live-v172 .search-box{min-height:34px!important;padding:0 9px!important}
.editor-catalog-live-v172 .search-box input{font-size:7.5px!important}
.editor-catalog-live-v172 .filter-toggle{min-height:34px!important;padding:0 10px!important;font-size:7.5px!important}
.editor-catalog-live-v172 .results-count{margin:0 0 14px!important;font-size:7.5px!important}

.editor-catalog-grid-v172{
  display:grid!important;grid-template-columns:repeat(var(--catalog-columns,4),minmax(0,1fr))!important;
  gap:11px!important;width:100%!important
}
.editor-catalog-live-v172 .product-card{min-width:0!important;border-radius:14px!important;overflow:hidden!important;border:1px solid #eadfd9!important}
.editor-catalog-live-v172 .product-card .product-visual{width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#eee4df!important}
.editor-catalog-live-v172 .product-card .product-visual img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.editor-catalog-live-v172 .product-card .product-info{min-height:92px!important;padding:10px!important}
.editor-catalog-live-v172 .product-card .product-info small{font-size:6.5px!important}
.editor-catalog-live-v172 .product-card .product-info h3{margin:4px 0 7px!important;font-size:12px!important}
.editor-catalog-live-v172 .price-row strong{font-size:10px!important}
.editor-catalog-live-v172 .icon-add{width:30px!important;height:30px!important}

.editor-catalog-live-v172 .editor-empty-demo-v172{margin-top:24px!important;padding-top:20px!important}
.editor-catalog-live-v172 .editor-empty-demo-v172>div{max-width:420px!important;padding:14px 16px!important}
.editor-catalog-live-v172 .preview-footer-v168{min-height:70px!important;padding:20px 28px!important}

@media(max-width:1200px){
  .editor-catalog-live-v172{width:100%!important;min-width:0!important;max-width:100%!important;zoom:1!important}
}
@media(max-width:920px){
  .editor-catalog-live-v172{width:100%!important;min-width:0!important;max-width:100%!important;zoom:1!important}
  .editor-catalog-live-v172 .catalog-tools{grid-template-columns:1fr!important}
  .editor-catalog-grid-v172{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== V175 · Preview de catálogo con 4 prendas uniformes ===== */
.editor-catalog-live-v172 .results-count{margin:0 0 14px!important;}
.editor-catalog-grid-v172{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
}
.editor-catalog-grid-v172 > .product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.editor-catalog-grid-v172 > .product-card:nth-child(n+5){display:none!important;}
.editor-catalog-live-v172 .product-card .product-visual{aspect-ratio:3/4!important;}
.editor-catalog-live-v172 .product-card .product-info{display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
@media(max-width:920px){
  .editor-catalog-grid-v172{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ===== V176 · 4 tarjetas referenciales ocupan todo el ancho ===== */
.editor-catalog-live-v172 .catalog-page{
  padding-left:24px !important;
  padding-right:24px !important;
}

.editor-catalog-live-v172 .editor-catalog-grid-v172{
  display:grid !important;
  width:100% !important;
  max-width:none !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-columns:minmax(0,1fr) !important;
  gap:14px !important;
  justify-content:stretch !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}

.editor-catalog-live-v172 .editor-catalog-grid-v172 > .product-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:100% !important;
  margin:0 !important;
}

.editor-catalog-live-v172 .editor-catalog-grid-v172 > .product-card .product-visual{
  width:100% !important;
  aspect-ratio:3 / 4 !important;
  height:auto !important;
}

.editor-catalog-live-v172 .editor-catalog-grid-v172 > .product-card .product-info{
  flex:1 1 auto !important;
}

/* La vista del editor siempre usa cuatro ejemplos; no depende de las columnas reales del catálogo. */
.editor-catalog-live-v172 .editor-catalog-grid-v172 > .product-card:nth-child(n+5){
  display:none !important;
}

@media(max-width:920px){
  .editor-catalog-live-v172 .editor-catalog-grid-v172{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* ===== V177 · Inicio del editor: hero completo y proporcionado ===== */

/*
  El preview de Inicio deja de usar el lienzo gigante con zoom.
  Se renderiza directamente al ancho disponible del editor para que
  texto e imagen siempre entren juntos y no se recorte la fotografía.
*/
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172){
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  zoom:1 !important;
  margin:0 !important;
  transform:none !important;
  background:var(--home-bg,#faf7f2) !important;
}

/* Header compacto pero fiel */
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .announcement{
  min-height:26px !important;
  padding:6px 10px !important;
  font-size:7px !important;
  letter-spacing:.12em !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .public-header{
  height:64px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .header-inner{
  width:100% !important;
  max-width:none !important;
  padding:0 14px !important;
  gap:12px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .logo > span{
  width:34px !important;
  height:34px !important;
  font-size:10px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .logo b{
  font-size:13px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .logo small{
  font-size:5px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .header-inner nav{
  display:flex !important;
  gap:3px !important;
  padding:3px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .header-inner nav span{
  min-height:28px !important;
  padding:0 8px !important;
  font-size:6.5px !important;
}

/* Hero: 52% texto / 48% imagen, ambos visibles siempre */
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero{
  display:grid !important;
  grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
  width:100% !important;
  max-width:none !important;
  min-height:420px !important;
  height:420px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero .hero-copy{
  min-width:0 !important;
  height:420px !important;
  padding:38px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero .hero-copy h1{
  max-width:320px !important;
  margin:10px 0 14px !important;
  font-size:41px !important;
  line-height:1.02 !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero .hero-copy > p{
  max-width:300px !important;
  margin:0 !important;
  font-size:9px !important;
  line-height:1.55 !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .hero-actions{
  margin-top:20px !important;
  gap:8px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .hero-actions .btn{
  min-height:34px !important;
  padding:0 12px !important;
  font-size:7px !important;
}

/* Imagen completa dentro de su mitad */
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero .hero-media{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:420px !important;
  min-height:420px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .reference-hero .hero-media > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

/* Beneficios proporcionados */
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .benefits{
  min-height:52px !important;
  grid-template-columns:repeat(3,1fr) !important;
  padding:0 !important;
  gap:0 !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .benefits > div{
  min-height:52px !important;
  font-size:7px !important;
}

/* Resto de Inicio: ocupar el ancho real del editor */
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .category-block,
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .section.new-arrivals{
  width:100% !important;
  max-width:none !important;
  padding-left:28px !important;
  padding-right:28px !important;
}

.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .home-how-buy,
.store-editor-preview-v168.desktop-only-v169
.editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172) .home-social{
  max-width:none !important;
  margin-left:28px !important;
  margin-right:28px !important;
}

/* Evita que media queries antiguas reintroduzcan zoom */
@media(max-width:1200px){
  .store-editor-preview-v168.desktop-only-v169
  .editor-live-store-v168:not(.editor-catalog-live-v172):not(.editor-general-live-v172){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    zoom:1 !important;
  }
}

/* ===== V178 · Editor Inicio: Lo más reciente ocupa todo el ancho ===== */
.store-editor-preview-v168.desktop-only-v169 .editor-live-store-v168 .section.new-arrivals{
  width:100% !important;
  max-width:none !important;
  padding-left:28px !important;
  padding-right:28px !important;
}
.store-editor-preview-v168.desktop-only-v169 .editor-live-store-v168 .section.new-arrivals .product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
.store-editor-preview-v168.desktop-only-v169 .editor-live-store-v168 .section.new-arrivals .product-card{
  width:100% !important;
  min-width:0 !important;
}


/* ===== V179 · Editor: panel y preview con scroll independiente ===== */
@media(min-width:921px){
  /* El área de edición ocupa la ventana disponible y no mueve ambos paneles juntos. */
  .store-editor-layout-v168{
    height:calc(100vh - 178px) !important;
    min-height:560px !important;
    max-height:calc(100vh - 178px) !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }

  /* Columna izquierda: scroll propio para las opciones. */
  .store-editor-controls-v168{
    position:relative !important;
    top:auto !important;
    width:auto !important;
    height:100% !important;
    max-height:none !important;
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
    scroll-behavior:smooth;
    padding-right:8px !important;
  }

  /* Columna derecha: la página de prueba se desplaza de manera independiente. */
  .store-editor-preview-v168{
    height:100% !important;
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
    scroll-behavior:smooth;
    padding-right:4px;
  }

  /* El contenido interno conserva su diseño; quien se desplaza es la columna derecha. */
  .preview-viewport-v168{
    height:auto !important;
    min-height:100% !important;
    overflow:hidden !important;
  }

  /* Scrollbars discretos y coherentes con Katherina. */
  .store-editor-controls-v168::-webkit-scrollbar,
  .store-editor-preview-v168::-webkit-scrollbar{
    width:8px;
  }
  .store-editor-controls-v168::-webkit-scrollbar-track,
  .store-editor-preview-v168::-webkit-scrollbar-track{
    background:transparent;
  }
  .store-editor-controls-v168::-webkit-scrollbar-thumb,
  .store-editor-preview-v168::-webkit-scrollbar-thumb{
    background:#cfc3bd;
    border:2px solid transparent;
    border-radius:999px;
    background-clip:padding-box;
  }
  .store-editor-controls-v168::-webkit-scrollbar-thumb:hover,
  .store-editor-preview-v168::-webkit-scrollbar-thumb:hover{
    background:#b9aaa3;
    border:2px solid transparent;
    background-clip:padding-box;
  }

  /* La barra superior del editor permanece visible mientras se trabaja. */
  .store-editor-toolbar-v168{
    position:sticky !important;
    top:0 !important;
    z-index:40 !important;
  }
}

/* En pantallas estrechas se mantiene flujo normal para evitar dos scrolls incómodos. */
@media(max-width:920px){
  .store-editor-layout-v168{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .store-editor-controls-v168,
  .store-editor-preview-v168{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* ===== V180 · Catálogo público más ordenado y elegante ===== */
.public-store .catalog-page{
  padding-top: 18px;
}

.public-store .catalog-heading{
  max-width: 820px;
  margin: 0 auto;
  padding: 10px 0 28px;
}

.public-store .catalog-heading .eyebrow{
  display: inline-block;
  margin-bottom: 8px;
  letter-spacing: .18em;
}

.public-store .catalog-heading h1{
  margin: 8px 0 12px;
  line-height: 1.05;
  font-size: clamp(2.3rem, 4vw, 3.8rem);
}

.public-store .catalog-heading p{
  max-width: 620px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.7;
}

.public-store .catalog-tools.audited-catalog-tools{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas:
    "chips chips"
    "search filter";
  gap: 14px 14px !important;
  align-items: center;
  padding: 18px 22px !important;
  margin: 0 0 18px;
  border: 1px solid #eaded7;
  border-radius: 28px;
  background: linear-gradient(180deg,#fffefd 0%,#fbf6f2 100%);
  box-shadow: 0 12px 28px rgba(92,69,61,.05);
}

.public-store .catalog-tools.audited-catalog-tools .category-pills{
  grid-area: chips;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  scrollbar-width: none;
}

.public-store .catalog-tools.audited-catalog-tools .category-pills::-webkit-scrollbar{
  display: none;
}

.public-store .catalog-tools.audited-catalog-tools .category-pills button{
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #e8dbd4;
  background: #fff;
  color: #6c5d56;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
  box-shadow: 0 4px 12px rgba(88,63,55,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.public-store .catalog-tools.audited-catalog-tools .category-pills button:hover{
  transform: translateY(-1px);
  border-color: #d7b6b1;
  background: #fff8f6;
  box-shadow: 0 9px 18px rgba(88,63,55,.07);
}

.public-store .catalog-tools.audited-catalog-tools .category-pills button.active{
  background: linear-gradient(135deg,#cf9398 0%,#ba7c83 100%);
  color: #fff;
  border-color: #c6858c;
  box-shadow: 0 10px 20px rgba(188,124,131,.22);
}

.public-store .catalog-tools.audited-catalog-tools .search-box{
  grid-area: search;
  width: 100%;
  min-width: 0;
  margin: 0;
  min-height: 50px;
  padding: 0 18px;
  border: 1px solid #e7dbd3;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(88,63,55,.04);
}

.public-store .catalog-tools.audited-catalog-tools .search-box span{
  color: #816e66;
  font-size: 16px;
}

.public-store .catalog-tools.audited-catalog-tools .search-box input{
  width: 100%;
  min-width: 0;
  color: #5d4b45;
  font-size: 14px;
}

.public-store .catalog-tools.audited-catalog-tools .search-box input::placeholder{
  color: #9b8a82;
}

.public-store .catalog-tools.audited-catalog-tools .filter-toggle{
  grid-area: filter;
  min-width: 122px;
  min-height: 50px;
  padding: 0 18px;
  border: 1px solid #e7dbd3;
  border-radius: 999px;
  background: #fff;
  color: #6b5b54;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(88,63,55,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.public-store .catalog-tools.audited-catalog-tools .filter-toggle:hover{
  transform: translateY(-1px);
  border-color: #d7b6b1;
  background: #fff8f6;
  box-shadow: 0 9px 18px rgba(88,63,55,.07);
}

.public-store .catalog-page .results-count{
  margin: 8px 0 22px;
  color: #8c7a72;
  font-size: 13px;
}

.public-store .catalog-page .results-count b,
.public-store .catalog-page .results-count strong{
  color: #54413a;
}

/* Réplica del editor: mismo lenguaje visual del catálogo público */
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 170px 92px !important;
  grid-template-areas: "chips search filter";
  gap: 8px !important;
  align-items: center !important;
  padding: 0 0 14px !important;
}

.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills{
  grid-area: chips;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  overflow: visible !important;
  width: 100%;
}

.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills button{
  min-height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 700;
  background: #fff;
  border: 1px solid #e5d8d1;
  color: #6d5f58;
}

.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills button.active{
  background: linear-gradient(135deg,#cf9398 0%,#ba7c83 100%) !important;
  color: #fff !important;
  border-color: #c6858c !important;
}

.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .search-box{
  grid-area: search;
  min-height: 34px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
}

.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .filter-toggle{
  grid-area: filter;
  min-height: 34px;
  border-radius: 999px;
}

@media (max-width: 900px){
  .public-store .catalog-tools.audited-catalog-tools{
    padding: 16px !important;
    gap: 12px !important;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills{
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }
}

@media (max-width: 640px){
  .public-store .catalog-heading{
    padding: 6px 0 22px;
  }

  .public-store .catalog-heading h1{
    font-size: 32px;
  }

  .public-store .catalog-heading p{
    font-size: 14px;
  }

  .public-store .catalog-tools.audited-catalog-tools{
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas:
      "chips chips"
      "search filter";
    gap: 10px !important;
    border-radius: 22px;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills button{
    min-height: 40px;
    padding: 0 15px;
    font-size: 13px;
  }

  .public-store .catalog-tools.audited-catalog-tools .search-box{
    min-height: 46px;
    padding: 0 15px;
  }

  .public-store .catalog-tools.audited-catalog-tools .filter-toggle{
    min-width: 54px;
    min-height: 46px;
    padding: 0 14px;
    font-size: 0;
  }

  .public-store .catalog-tools.audited-catalog-tools .filter-toggle::before{
    content: "☷";
    font-size: 16px;
    line-height: 1;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "chips"
      "search"
      "filter";
  }
}

/* ===== V181 · Catálogo con mejor respiración visual ===== */
@media (min-width: 901px){
  .public-store .catalog-page{
    padding-top: 34px;
  }

  .public-store .catalog-heading{
    padding: 14px 0 34px;
  }

  .public-store .catalog-tools.audited-catalog-tools{
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 18px !important;
    column-gap: 14px !important;
    padding: 24px 26px !important;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills{
    flex: 1 1 100%;
    gap: 12px;
    margin: 0;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills button{
    min-height: 46px;
    padding: 0 20px;
  }

  .public-store .catalog-tools.audited-catalog-tools .search-box{
    flex: 0 1 380px;
    width: min(100%, 380px);
    min-height: 52px;
    margin-left: auto;
  }

  .public-store .catalog-tools.audited-catalog-tools .filter-toggle{
    flex: 0 0 auto;
    min-width: 122px;
    min-height: 52px;
  }

  .public-store .catalog-page .results-count{
    margin: 14px 0 24px;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools{
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 10px !important;
    column-gap: 8px !important;
    padding: 0 0 12px !important;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills{
    flex: 1 1 100%;
    gap: 6px !important;
    margin: 0;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .search-box{
    flex: 0 1 180px;
    width: 180px;
    min-height: 34px !important;
    margin-left: auto;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .filter-toggle{
    flex: 0 0 auto;
    min-width: 82px;
    min-height: 34px;
  }
}

/* ===== V182 · Catálogo menos amontonado ===== */
@media (min-width: 901px){
  .public-store .catalog-tools.audited-catalog-tools{
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "chips chips"
      "search filter" !important;
    row-gap: 18px !important;
    column-gap: 14px !important;
    padding: 22px 24px !important;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 14px !important;
    padding: 2px 6px 10px 2px !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills::-webkit-scrollbar{
    display: none;
  }

  .public-store .catalog-tools.audited-catalog-tools .category-pills button{
    flex: 0 0 auto !important;
    white-space: nowrap;
    min-height: 48px;
    padding: 0 22px;
  }

  .public-store .catalog-tools.audited-catalog-tools .search-box{
    width: min(100%, 360px);
    justify-self: end;
  }

  .public-store .catalog-tools.audited-catalog-tools .filter-toggle{
    min-width: 110px;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools{
    grid-template-columns: 1fr auto auto !important;
    grid-template-areas: "chips search filter" !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills{
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    gap: 7px !important;
  }

  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools .category-pills button{
    flex: 0 0 auto !important;
    padding: 0 12px !important;
  }
}


/* ===== V183 · Catálogo: categorías principales + Más categorías ===== */
.public-store .catalog-tools.audited-catalog-tools{
  position: relative;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "chips chips"
    "search filter" !important;
  row-gap:18px !important;
  column-gap:12px !important;
  padding:22px 24px !important;
  border:1px solid #eadfd9 !important;
  border-radius:24px !important;
  background:#fffdfa !important;
  box-shadow:0 12px 30px rgba(75,53,45,.045) !important;
}

.public-store .category-pills-clean{
  grid-area:chips;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  overflow:visible !important;
  width:100% !important;
  padding:0 !important;
}

.public-store .category-pills-clean > button,
.public-store .category-more-trigger{
  min-height:42px !important;
  padding:0 17px !important;
  border:1px solid #e6dad4 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#6d5c55 !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  white-space:nowrap;
}

.public-store .category-pills-clean > button:hover,
.public-store .category-more-trigger:hover{
  border-color:#d7b4b0 !important;
  background:#fff8f6 !important;
}

.public-store .category-pills-clean > button.active,
.public-store .category-more-trigger.active{
  background:linear-gradient(135deg,#ca8e94,#b8757d) !important;
  color:#fff !important;
  border-color:#c17f87 !important;
  box-shadow:0 8px 18px rgba(184,117,125,.18) !important;
}

.public-store .category-more-wrap{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
}

.public-store .category-more-trigger{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
}

.public-store .category-more-trigger > span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f7ece8;
  color:#9f6b70;
  font-size:13px;
  line-height:1;
}

.public-store .category-more-trigger.active > span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.public-store .category-more-menu{
  position:absolute;
  z-index:35;
  top:calc(100% + 9px);
  left:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(118px,1fr));
  gap:6px;
  min-width:270px;
  padding:9px;
  border:1px solid #e6dad4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 40px rgba(70,48,41,.13);
}

.public-store .category-more-menu button{
  min-height:38px;
  padding:0 11px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#6c5b54;
  text-align:left;
  font-size:12px;
  font-weight:700;
}

.public-store .category-more-menu button:hover{
  background:#fbf2ef;
  color:#9f686e;
}

.public-store .category-more-menu button.active{
  background:#f5e6e3;
  color:#9c656b;
}

.public-store .catalog-tools.audited-catalog-tools .search-box{
  grid-area:search;
  justify-self:end;
  width:min(100%,390px) !important;
  min-height:48px !important;
}

.public-store .catalog-tools.audited-catalog-tools .filter-toggle{
  grid-area:filter;
  min-height:48px !important;
  min-width:112px !important;
}

/* Editor: misma lectura visual, sin menú desplegable real */
.editor-catalog-live-v172 .category-pills-clean{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.editor-catalog-live-v172 .category-pills-clean button{
  flex:0 0 auto !important;
}

@media(max-width:900px){
  .public-store .category-pills-clean{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none;
    padding-bottom:2px !important;
  }
  .public-store .category-pills-clean::-webkit-scrollbar{display:none}
  .public-store .category-more-menu{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    min-width:0;
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .public-store .catalog-tools.audited-catalog-tools{
    padding:15px !important;
    row-gap:12px !important;
  }
  .public-store .category-pills-clean > button,
  .public-store .category-more-trigger{
    min-height:40px !important;
    padding:0 14px !important;
    font-size:12px !important;
  }
  .public-store .catalog-tools.audited-catalog-tools .search-box{
    width:100% !important;
    justify-self:stretch;
  }
}


/* V184 - catálogo visual con categorías deslizables */
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  gap:18px !important;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip::-webkit-scrollbar,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip::-webkit-scrollbar{display:none}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card{
  flex:0 0 124px;
  min-width:124px;
  border:1px solid #eaded6;
  background:#fff;
  border-radius:22px;
  padding:12px 12px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  box-shadow:0 8px 22px rgba(95,72,65,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  scroll-snap-align:start;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card:hover,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card:hover{
  transform:translateY(-2px);
  border-color:#dcb7b8;
  box-shadow:0 14px 26px rgba(95,72,65,.1);
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active{
  background:linear-gradient(180deg,#fff 0%,#fdf3f4 100%);
  border-color:#c98d92;
  box-shadow:0 14px 28px rgba(201,141,146,.18);
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card strong,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card strong{
  color:#5a463f;
  font-size:14px;
  line-height:1.15;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card small,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card small{
  color:#9a877f;
  font-size:11px;
  line-height:1.2;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image{
  width:72px;
  height:72px;
  border-radius:18px;
  overflow:hidden;
  background:#f7efe7;
  display:block;
  box-shadow:inset 0 0 0 1px rgba(222,206,198,.55);
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image img,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .search-box,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .search-box{
  flex:1 1 auto;
  min-width:0;
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .filter-toggle,
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .filter-toggle{
  flex:0 0 auto;
}
@media (max-width: 820px){
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card,
  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card{
    flex-basis:116px;
    min-width:116px;
  }
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row,
  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row{
    flex-wrap:wrap;
  }
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .filter-toggle,
  .editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .filter-toggle{
    width:100%;
    justify-content:center;
  }
}


/* ===== V185 · Categorías tipo carrusel premium ===== */
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools{
  padding:22px 0 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  overflow-x:auto;
  overflow-y:visible;
  padding:26px max(28px,calc((100% - 980px)/2)) 32px !important;
  scroll-snap-type:x proximity;
  scroll-padding-inline:42%;
  scrollbar-width:none;
  -ms-overflow-style:none;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip::-webkit-scrollbar{display:none}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card{
  flex:0 0 142px;
  min-width:142px;
  min-height:176px;
  padding:14px 12px 15px;
  border:1px solid #eadfd9;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  scroll-snap-align:center;
  box-shadow:0 12px 28px rgba(91,65,57,.07);
  opacity:.74;
  transform:scale(.91);
  transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card:hover{
  opacity:1;
  transform:translateY(-3px) scale(.96);
  box-shadow:0 17px 34px rgba(91,65,57,.11);
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active{
  flex-basis:174px;
  min-width:174px;
  min-height:204px;
  opacity:1;
  transform:scale(1);
  border-color:#c98d92;
  background:linear-gradient(180deg,#fff 0%,#fff4f4 100%);
  box-shadow:0 20px 42px rgba(191,126,133,.18);
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image{
  width:88px;
  height:88px;
  border-radius:22px;
  overflow:hidden;
  background:#f5ece7;
  border:1px solid #eaded7;
  box-shadow:0 8px 18px rgba(87,64,56,.07);
  transition:width .22s ease,height .22s ease,border-radius .22s ease;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active .catalog-category-image{
  width:112px;
  height:112px;
  border-radius:26px;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card strong{
  color:#4e3b35;
  font:600 15px/1.1 "DM Sans",sans-serif;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active strong{
  color:#9f666c;
  font-size:16px;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card small{
  color:#a08d85;
  font-size:10px;
  line-height:1.2;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row{
  width:100%;
  max-width:760px;
  margin:2px auto 0;
  padding:0 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row .search-box{
  min-height:50px;
  border-radius:16px;
  box-shadow:0 7px 18px rgba(87,64,56,.05);
}

.public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row .filter-toggle{
  min-height:50px;
  min-width:116px;
  border-radius:16px;
  box-shadow:0 7px 18px rgba(87,64,56,.05);
}

/* Replica del editor, mismo concepto pero compactado */
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip{
  display:flex !important;
  align-items:center;
  gap:9px !important;
  overflow-x:auto !important;
  padding:10px 4px 14px !important;
  scrollbar-width:none;
}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card{
  flex:0 0 86px !important;
  min-width:86px !important;
  min-height:104px !important;
  padding:8px !important;
  border-radius:14px !important;
  transform:scale(.94);
  opacity:.78;
}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active{
  flex-basis:100px !important;
  min-width:100px !important;
  min-height:122px !important;
  transform:scale(1);
  opacity:1;
}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image{
  width:52px !important;height:52px !important;border-radius:12px !important;
}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active .catalog-category-image{
  width:64px !important;height:64px !important;
}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card strong{font-size:8px !important}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card small{font-size:6.5px !important}
.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row{
  display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;width:100%;
}

@media(max-width:700px){
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-strip{
    gap:12px;
    padding:18px 16px 24px !important;
    mask-image:none;
    -webkit-mask-image:none;
  }
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card{
    flex-basis:118px;
    min-width:118px;
    min-height:154px;
  }
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active{
    flex-basis:136px;
    min-width:136px;
    min-height:176px;
  }
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-image{width:72px;height:72px}
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-category-card.active .catalog-category-image{width:88px;height:88px}
  .public-store .catalog-tools.audited-catalog-tools.visual-catalog-tools .catalog-search-row{
    padding:0 16px;
    grid-template-columns:1fr auto;
  }
}

/* ===== V186 · Categorías infinitas tipo carrusel de cupones ===== */
.public-store .catalog-tools.audited-catalog-tools.category-coverflow-tools,.editor-catalog-live-v172 .catalog-tools.audited-catalog-tools.category-coverflow-tools{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:8px 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.category-coverflow-shell{position:relative;padding:18px 54px 44px;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(201,144,144,.09),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,0));overflow:hidden}.category-coverflow-track{position:relative;min-height:214px;width:100%}.category-coverflow-card{position:absolute;top:50%;left:50%;width:196px;min-height:154px;padding:18px 16px 16px;border:1px solid #eadbd6;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fffdfc 64%,#fff8f6 100%);box-shadow:0 14px 34px rgba(91,62,54,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translate(-50%,-50%) scale(.76);pointer-events:none;transition:transform .24s ease,opacity .24s ease,filter .24s ease,box-shadow .24s ease,border-color .24s ease}.category-coverflow-card.is-active{z-index:5;width:224px;min-height:180px;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);border-color:#dfc2bc;box-shadow:0 22px 48px rgba(91,62,54,.13),0 0 0 1px rgba(255,255,255,.86) inset}.category-coverflow-card.is-left,.category-coverflow-card.is-right{z-index:4;opacity:.58;pointer-events:auto;filter:saturate(.72) brightness(1.02)}.category-coverflow-card.is-left{transform:translate(calc(-50% - 184px),-50%) scale(.88)}.category-coverflow-card.is-right{transform:translate(calc(-50% + 184px),-50%) scale(.88)}.category-coverflow-card.is-far-left,.category-coverflow-card.is-far-right{z-index:3;opacity:.22;pointer-events:auto;filter:saturate(.55) brightness(1.04)}.category-coverflow-card.is-far-left{transform:translate(calc(-50% - 340px),-50%) scale(.78)}.category-coverflow-card.is-far-right{transform:translate(calc(-50% + 340px),-50%) scale(.78)}.category-coverflow-card.is-hidden{opacity:0;pointer-events:none}.category-coverflow-icon{width:64px;height:64px;border:1px solid #ead7d2;border-radius:20px;background:linear-gradient(180deg,#fffaf8,#f8ece9);color:#a66c73;display:grid;place-items:center;font-family:"DM Sans",sans-serif;font-size:31px;line-height:1;box-shadow:0 9px 20px rgba(104,74,65,.06)}.category-coverflow-card.is-active .category-coverflow-icon{width:74px;height:74px;border-radius:22px;background:linear-gradient(180deg,#fff7f5,#fae9e7);font-size:35px}.category-coverflow-card strong{color:#4e3b35;font-size:15px;font-weight:750;line-height:1.1}.category-coverflow-card.is-active strong{color:#9f666c;font-size:17px}.category-coverflow-card small{color:#9b8981;font-size:10.5px;line-height:1.2}.category-coverflow-nav{position:absolute;top:50%;z-index:8;width:42px;height:42px;border:1px solid #e8d3ce;border-radius:50%;background:rgba(255,255,255,.97);color:#a46c72;box-shadow:0 10px 24px rgba(88,62,55,.08);font-size:25px;display:grid;place-items:center;transform:translateY(-50%);backdrop-filter:blur(8px)}.category-coverflow-nav.prev{left:12px}.category-coverflow-nav.next{right:12px}.category-coverflow-nav:hover{background:#fff5f3;border-color:#d9b9b3}.category-coverflow-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:4px}.category-coverflow-dots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#ded0cb;transition:width .18s ease,background .18s ease}.category-coverflow-dots button.active{width:22px;background:#bf7d84}.public-store .category-coverflow-tools .catalog-search-row{width:100%;max-width:760px;margin:0 auto;padding:0 24px;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}.public-store .category-coverflow-tools .catalog-search-row .search-box,.public-store .category-coverflow-tools .catalog-search-row .filter-toggle{min-height:50px;border-radius:16px;box-shadow:0 7px 18px rgba(87,64,56,.05)}.editor-category-coverflow.category-coverflow-shell{padding:10px 38px 32px!important}.editor-category-coverflow .category-coverflow-track{min-height:142px!important}.editor-category-coverflow .category-coverflow-card{width:118px!important;min-height:92px!important;padding:10px!important;border-radius:14px!important}.editor-category-coverflow .category-coverflow-card.is-active{width:142px!important;min-height:112px!important}.editor-category-coverflow .category-coverflow-card.is-left{transform:translate(calc(-50% - 102px),-50%) scale(.88)!important}.editor-category-coverflow .category-coverflow-card.is-right{transform:translate(calc(-50% + 102px),-50%) scale(.88)!important}.editor-category-coverflow .category-coverflow-card.is-far-left{transform:translate(calc(-50% - 184px),-50%) scale(.76)!important}.editor-category-coverflow .category-coverflow-card.is-far-right{transform:translate(calc(-50% + 184px),-50%) scale(.76)!important}.editor-category-coverflow .category-coverflow-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:19px!important}.editor-category-coverflow .category-coverflow-card.is-active .category-coverflow-icon{width:46px!important;height:46px!important;font-size:22px!important}.editor-category-coverflow .category-coverflow-card strong{font-size:8px!important}.editor-category-coverflow .category-coverflow-card.is-active strong{font-size:9px!important}.editor-category-coverflow .category-coverflow-card small{font-size:6.5px!important}.editor-category-coverflow .category-coverflow-nav{width:28px!important;height:28px!important;font-size:17px!important}.editor-category-coverflow .category-coverflow-dots{gap:4px!important}.editor-category-coverflow .category-coverflow-dots button{width:4px!important;height:4px!important;min-width:4px!important}.editor-category-coverflow .category-coverflow-dots button.active{width:13px!important}@media(max-width:760px){.category-coverflow-shell{padding:14px 42px 38px}.category-coverflow-track{min-height:180px}.category-coverflow-card{width:146px;min-height:126px}.category-coverflow-card.is-active{width:174px;min-height:154px}.category-coverflow-card.is-left{transform:translate(calc(-50% - 122px),-50%) scale(.86)}.category-coverflow-card.is-right{transform:translate(calc(-50% + 122px),-50%) scale(.86)}.category-coverflow-card.is-far-left,.category-coverflow-card.is-far-right{display:none}.category-coverflow-icon{width:52px;height:52px;font-size:25px}.category-coverflow-card.is-active .category-coverflow-icon{width:62px;height:62px;font-size:29px}.public-store .category-coverflow-tools .catalog-search-row{padding:0 14px;grid-template-columns:1fr auto!important}}


/* ===== V187 · Categorías con ilustraciones propias y tarjetas circulares ===== */
.public-store .catalog-tools.audited-catalog-tools.category-coverflow-tools{
  padding-top:16px!important;
}
.category-coverflow-shell{
  min-height:340px;
  padding:30px 72px 54px;
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 46%,rgba(201,144,144,.11),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,250,247,.2));
}
.category-coverflow-track{
  min-height:270px;
}
.category-coverflow-card{
  width:190px;
  height:190px;
  min-height:190px;
  padding:20px 16px;
  border-radius:50%;
  gap:8px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%);
  box-shadow:0 16px 34px rgba(91,62,54,.075);
}
.category-coverflow-card.is-active{
  width:250px;
  height:250px;
  min-height:250px;
  border-radius:50%;
  border-color:#d7aaa6;
  box-shadow:0 28px 56px rgba(191,126,133,.18),0 0 0 1px rgba(255,255,255,.86) inset;
}
.category-coverflow-card.is-left{transform:translate(calc(-50% - 205px),-50%) scale(.92)}
.category-coverflow-card.is-right{transform:translate(calc(-50% + 205px),-50%) scale(.92)}
.category-coverflow-card.is-far-left{transform:translate(calc(-50% - 385px),-50%) scale(.82);opacity:.42}
.category-coverflow-card.is-far-right{transform:translate(calc(-50% + 385px),-50%) scale(.82);opacity:.42}
.category-coverflow-card.is-edge-left{z-index:2;opacity:.16;pointer-events:auto;transform:translate(calc(-50% - 535px),-50%) scale(.72);filter:saturate(.55) brightness(1.04)}
.category-coverflow-card.is-edge-right{z-index:2;opacity:.16;pointer-events:auto;transform:translate(calc(-50% + 535px),-50%) scale(.72);filter:saturate(.55) brightness(1.04)}
.category-coverflow-icon{
  width:92px;
  height:92px;
  border:0;
  border-radius:50%;
  overflow:hidden;
  background:#f9efec;
  box-shadow:0 10px 22px rgba(104,74,65,.07);
}
.category-coverflow-card.is-active .category-coverflow-icon{
  width:122px;
  height:122px;
  border-radius:50%;
  background:#faeeeb;
}
.category-coverflow-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.category-coverflow-card strong{font-size:14px}
.category-coverflow-card.is-active strong{font-size:18px}
.category-coverflow-card small{font-size:10px}
.category-coverflow-card.is-active small{font-size:11px}
.category-coverflow-nav{
  width:48px;
  height:48px;
}
.category-coverflow-nav.prev{left:18px}
.category-coverflow-nav.next{right:18px}
.category-coverflow-dots{margin-top:10px}

/* Preview del editor */
.editor-category-coverflow.category-coverflow-shell{
  min-height:208px!important;
  padding:16px 42px 36px!important;
}
.editor-category-coverflow .category-coverflow-track{min-height:174px!important}
.editor-category-coverflow .category-coverflow-card{
  width:104px!important;
  height:104px!important;
  min-width:104px!important;
  min-height:104px!important;
  border-radius:50%!important;
  padding:8px!important;
}
.editor-category-coverflow .category-coverflow-card.is-active{
  width:136px!important;
  height:136px!important;
  min-width:136px!important;
  min-height:136px!important;
}
.editor-category-coverflow .category-coverflow-card.is-left{transform:translate(calc(-50% - 100px),-50%) scale(.9)!important}
.editor-category-coverflow .category-coverflow-card.is-right{transform:translate(calc(-50% + 100px),-50%) scale(.9)!important}
.editor-category-coverflow .category-coverflow-card.is-far-left{transform:translate(calc(-50% - 184px),-50%) scale(.8)!important}
.editor-category-coverflow .category-coverflow-card.is-far-right{transform:translate(calc(-50% + 184px),-50%) scale(.8)!important}
.editor-category-coverflow .category-coverflow-card.is-edge-left{transform:translate(calc(-50% - 252px),-50%) scale(.68)!important;opacity:.16!important}
.editor-category-coverflow .category-coverflow-card.is-edge-right{transform:translate(calc(-50% + 252px),-50%) scale(.68)!important;opacity:.16!important}
.editor-category-coverflow .category-coverflow-icon{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.editor-category-coverflow .category-coverflow-card.is-active .category-coverflow-icon{
  width:62px!important;
  height:62px!important;
}
.editor-category-coverflow .category-coverflow-icon img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:1050px){
  .category-coverflow-card.is-edge-left,.category-coverflow-card.is-edge-right{display:none}
  .category-coverflow-card.is-far-left{transform:translate(calc(-50% - 330px),-50%) scale(.78)}
  .category-coverflow-card.is-far-right{transform:translate(calc(-50% + 330px),-50%) scale(.78)}
}
@media(max-width:760px){
  .category-coverflow-shell{min-height:286px;padding:22px 44px 48px}
  .category-coverflow-track{min-height:230px}
  .category-coverflow-card{width:150px;height:150px;min-height:150px}
  .category-coverflow-card.is-active{width:188px;height:188px;min-height:188px}
  .category-coverflow-card.is-left{transform:translate(calc(-50% - 132px),-50%) scale(.86)}
  .category-coverflow-card.is-right{transform:translate(calc(-50% + 132px),-50%) scale(.86)}
  .category-coverflow-card.is-far-left,.category-coverflow-card.is-far-right,.category-coverflow-card.is-edge-left,.category-coverflow-card.is-edge-right{display:none}
  .category-coverflow-icon{width:66px;height:66px}
  .category-coverflow-card.is-active .category-coverflow-icon{width:86px;height:86px}
}

/* ===== V188 · Categorías más compactas, imagen más protagonista ===== */
.category-coverflow-shell{
  min-height:300px !important;
  padding:24px 62px 48px !important;
}

.category-coverflow-track{
  min-height:236px !important;
}

/* Tarjeta más pequeña */
.category-coverflow-card{
  width:162px !important;
  height:162px !important;
  min-width:162px !important;
  min-height:162px !important;
  padding:12px 10px !important;
  gap:5px !important;
}

/* Activa más compacta que antes */
.category-coverflow-card.is-active{
  width:206px !important;
  height:206px !important;
  min-width:206px !important;
  min-height:206px !important;
}

/* Pero la ilustración ocupa más porcentaje de la tarjeta */
.category-coverflow-icon{
  width:102px !important;
  height:102px !important;
  flex:0 0 102px !important;
  box-shadow:0 8px 18px rgba(104,74,65,.06) !important;
}

.category-coverflow-card.is-active .category-coverflow-icon{
  width:140px !important;
  height:140px !important;
  flex-basis:140px !important;
}

.category-coverflow-icon img{
  object-fit:cover !important;
  object-position:center !important;
}

/* Texto más compacto para no quitar protagonismo a la imagen */
.category-coverflow-card strong{
  font-size:13px !important;
  line-height:1.05 !important;
}

.category-coverflow-card.is-active strong{
  font-size:16px !important;
}

.category-coverflow-card small{
  font-size:9px !important;
  line-height:1 !important;
}

.category-coverflow-card.is-active small{
  font-size:10px !important;
}

/* Mejor separación de las tarjetas laterales */
.category-coverflow-card.is-left{
  transform:translate(calc(-50% - 184px),-50%) scale(.90) !important;
}
.category-coverflow-card.is-right{
  transform:translate(calc(-50% + 184px),-50%) scale(.90) !important;
}
.category-coverflow-card.is-far-left{
  transform:translate(calc(-50% - 334px),-50%) scale(.78) !important;
}
.category-coverflow-card.is-far-right{
  transform:translate(calc(-50% + 334px),-50%) scale(.78) !important;
}
.category-coverflow-card.is-edge-left{
  transform:translate(calc(-50% - 468px),-50%) scale(.68) !important;
}
.category-coverflow-card.is-edge-right{
  transform:translate(calc(-50% + 468px),-50%) scale(.68) !important;
}

/* Preview del editor */
.editor-category-coverflow.category-coverflow-shell{
  min-height:184px !important;
  padding:12px 38px 32px !important;
}
.editor-category-coverflow .category-coverflow-track{
  min-height:150px !important;
}
.editor-category-coverflow .category-coverflow-card{
  width:90px !important;
  height:90px !important;
  min-width:90px !important;
  min-height:90px !important;
  padding:6px !important;
  gap:3px !important;
}
.editor-category-coverflow .category-coverflow-card.is-active{
  width:116px !important;
  height:116px !important;
  min-width:116px !important;
  min-height:116px !important;
}
.editor-category-coverflow .category-coverflow-icon{
  width:54px !important;
  height:54px !important;
}
.editor-category-coverflow .category-coverflow-card.is-active .category-coverflow-icon{
  width:76px !important;
  height:76px !important;
}
.editor-category-coverflow .category-coverflow-card strong{
  font-size:7px !important;
}
.editor-category-coverflow .category-coverflow-card.is-active strong{
  font-size:8px !important;
}
.editor-category-coverflow .category-coverflow-card small{
  font-size:5.8px !important;
}

/* Tablet */
@media(max-width:1050px){
  .category-coverflow-card{
    width:150px !important;
    height:150px !important;
    min-width:150px !important;
    min-height:150px !important;
  }
  .category-coverflow-card.is-active{
    width:190px !important;
    height:190px !important;
    min-width:190px !important;
    min-height:190px !important;
  }
  .category-coverflow-icon{
    width:94px !important;
    height:94px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:130px !important;
    height:130px !important;
  }
}

/* Móvil */
@media(max-width:760px){
  .category-coverflow-shell{
    min-height:250px !important;
    padding:18px 38px 42px !important;
  }
  .category-coverflow-track{
    min-height:196px !important;
  }
  .category-coverflow-card{
    width:126px !important;
    height:126px !important;
    min-width:126px !important;
    min-height:126px !important;
    padding:8px !important;
  }
  .category-coverflow-card.is-active{
    width:158px !important;
    height:158px !important;
    min-width:158px !important;
    min-height:158px !important;
  }
  .category-coverflow-icon{
    width:78px !important;
    height:78px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:108px !important;
    height:108px !important;
  }
  .category-coverflow-card.is-left{
    transform:translate(calc(-50% - 116px),-50%) scale(.85) !important;
  }
  .category-coverflow-card.is-right{
    transform:translate(calc(-50% + 116px),-50%) scale(.85) !important;
  }
}

/* ===== V189 · Imagen de categoría más grande sin cambiar la tarjeta ===== */

/* Mantener exactamente los tamaños V188 */
.category-coverflow-card{
  width:162px !important;
  height:162px !important;
  min-width:162px !important;
  min-height:162px !important;
  padding:8px 8px 10px !important;
  gap:3px !important;
}

.category-coverflow-card.is-active{
  width:206px !important;
  height:206px !important;
  min-width:206px !important;
  min-height:206px !important;
}

/* Hacer que la ilustración gane mucho más protagonismo */
.category-coverflow-icon{
  width:122px !important;
  height:122px !important;
  flex:0 0 122px !important;
  border-radius:50% !important;
  margin-top:-2px !important;
  overflow:hidden !important;
}

.category-coverflow-card.is-active .category-coverflow-icon{
  width:164px !important;
  height:164px !important;
  flex:0 0 164px !important;
  margin-top:-4px !important;
}

/* Recorte más cercano para que la ilustración se aprecie mejor */
.category-coverflow-icon img{
  width:112% !important;
  height:112% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:translate(-5.5%,-5.5%) scale(1.04) !important;
}

/* Texto más cerca de la imagen, sin crecer la tarjeta */
.category-coverflow-card strong{
  margin-top:-2px !important;
  font-size:12.5px !important;
}

.category-coverflow-card.is-active strong{
  margin-top:-3px !important;
  font-size:15.5px !important;
}

.category-coverflow-card small{
  font-size:8.5px !important;
}

.category-coverflow-card.is-active small{
  font-size:9.5px !important;
}

/* Editor: misma idea, sin alterar la tarjeta */
.editor-category-coverflow .category-coverflow-icon{
  width:64px !important;
  height:64px !important;
  flex-basis:64px !important;
}
.editor-category-coverflow .category-coverflow-card.is-active .category-coverflow-icon{
  width:88px !important;
  height:88px !important;
  flex-basis:88px !important;
}
.editor-category-coverflow .category-coverflow-icon img{
  width:112% !important;
  height:112% !important;
  max-width:none !important;
  transform:translate(-5.5%,-5.5%) scale(1.04) !important;
}

/* Tablet */
@media(max-width:1050px){
  .category-coverflow-icon{
    width:112px !important;
    height:112px !important;
    flex-basis:112px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:150px !important;
    height:150px !important;
    flex-basis:150px !important;
  }
}

/* Móvil */
@media(max-width:760px){
  .category-coverflow-icon{
    width:96px !important;
    height:96px !important;
    flex-basis:96px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:126px !important;
    height:126px !important;
    flex-basis:126px !important;
  }
}


/* ===== V190 · Carrusel de categorías refinado ===== */
.category-coverflow-shell{
  background:linear-gradient(180deg,#fffdfb 0%,#fbf6f2 100%) !important;
  border:1px solid #eee2dc !important;
  box-shadow:0 18px 40px rgba(83,57,49,.055) !important;
}

.category-coverflow-card{
  position:absolute !important;
  width:162px !important;
  height:162px !important;
  min-width:162px !important;
  min-height:162px !important;
  padding:10px 10px 12px !important;
  gap:5px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(223,207,199,.72) !important;
  box-shadow:0 10px 26px rgba(86,60,53,.06) !important;
  backdrop-filter:blur(4px);
}

.category-coverflow-card.is-active{
  width:206px !important;
  height:206px !important;
  min-width:206px !important;
  min-height:206px !important;
  border-color:#dba9ac !important;
  background:linear-gradient(180deg,#fff 0%,#fff8f8 100%) !important;
  box-shadow:0 18px 38px rgba(185,116,125,.14) !important;
}

/* La ilustración se ve completa, sin recortes agresivos */
.category-coverflow-icon{
  width:108px !important;
  height:108px !important;
  flex:0 0 108px !important;
  margin:2px auto 0 !important;
  border-radius:50% !important;
  padding:5px !important;
  overflow:hidden !important;
  background:#fffaf7 !important;
  border:1px solid #eadbd4 !important;
  box-shadow:0 7px 18px rgba(82,57,50,.07) !important;
}

.category-coverflow-card.is-active .category-coverflow-icon{
  width:144px !important;
  height:144px !important;
  flex:0 0 144px !important;
  margin-top:2px !important;
  padding:6px !important;
  border-color:#e0b5b8 !important;
  box-shadow:0 10px 22px rgba(181,112,120,.11) !important;
}

.category-coverflow-icon img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border-radius:50% !important;
  display:block !important;
}

.category-coverflow-card strong{
  margin:0 !important;
  color:#62504a !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
}

.category-coverflow-card.is-active strong{
  margin-top:0 !important;
  color:#a15f67 !important;
  font-size:15px !important;
}

.category-coverflow-card small{
  margin-top:1px !important;
  color:#ad9a92 !important;
  font-size:8px !important;
  line-height:1 !important;
}

.category-coverflow-card.is-active small{
  color:#9d7f79 !important;
  font-size:9px !important;
}

.category-coverflow-card:not(.is-active){
  opacity:.84 !important;
}
.category-coverflow-card.is-left,
.category-coverflow-card.is-right{
  opacity:.88 !important;
}
.category-coverflow-card.is-far-left,
.category-coverflow-card.is-far-right{
  opacity:.46 !important;
}
.category-coverflow-card.is-edge-left,
.category-coverflow-card.is-edge-right{
  opacity:.18 !important;
}

/* Flechas más integradas */
.category-coverflow-arrow{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid #e7d7d0 !important;
  box-shadow:0 8px 18px rgba(85,58,50,.08) !important;
  color:#a66f76 !important;
}

.category-coverflow-dots{
  margin-top:6px !important;
}
.category-coverflow-dot{
  width:6px !important;
  height:6px !important;
  background:#dfd1cb !important;
}
.category-coverflow-dot.active{
  width:24px !important;
  border-radius:999px !important;
  background:#c8848b !important;
}

/* Editor */
.editor-category-coverflow .category-coverflow-icon{
  width:58px !important;
  height:58px !important;
  flex-basis:58px !important;
  padding:3px !important;
}
.editor-category-coverflow .category-coverflow-card.is-active .category-coverflow-icon{
  width:80px !important;
  height:80px !important;
  flex-basis:80px !important;
  padding:4px !important;
}
.editor-category-coverflow .category-coverflow-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:none !important;
}

@media(max-width:1050px){
  .category-coverflow-icon{
    width:100px !important;
    height:100px !important;
    flex-basis:100px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:132px !important;
    height:132px !important;
    flex-basis:132px !important;
  }
}

@media(max-width:760px){
  .category-coverflow-card{
    width:126px !important;
    height:126px !important;
    min-width:126px !important;
    min-height:126px !important;
  }
  .category-coverflow-card.is-active{
    width:158px !important;
    height:158px !important;
    min-width:158px !important;
    min-height:158px !important;
  }
  .category-coverflow-icon{
    width:82px !important;
    height:82px !important;
    flex-basis:82px !important;
    padding:4px !important;
  }
  .category-coverflow-card.is-active .category-coverflow-icon{
    width:108px !important;
    height:108px !important;
    flex-basis:108px !important;
    padding:5px !important;
  }
  .category-coverflow-card strong{
    font-size:10px !important;
  }
  .category-coverflow-card.is-active strong{
    font-size:12px !important;
  }
}

/* ===== V191 · Contenedor de categorías compacto + móvil revisado ===== */

/* PC: la caja exterior ocupa menos alto, pero las tarjetas conservan su tamaño */
.category-coverflow-shell{
  min-height:286px !important;
  padding:18px 58px 38px !important;
  border-radius:28px !important;
}

.category-coverflow-track{
  min-height:222px !important;
}

.category-coverflow-nav{
  margin-top:0 !important;
}

.category-coverflow-dots{
  margin-top:1px !important;
}

.category-coverflow-arrow.left{left:18px !important;}
.category-coverflow-arrow.right{right:18px !important;}

/* Tablet */
@media(max-width:1050px){
  .category-coverflow-shell{
    min-height:268px !important;
    padding:16px 48px 36px !important;
    border-radius:26px !important;
  }

  .category-coverflow-track{
    min-height:210px !important;
  }

  .category-coverflow-arrow.left{left:14px !important;}
  .category-coverflow-arrow.right{right:14px !important;}
}

/* Celular */
@media(max-width:760px){
  .public-store .catalog-tools.audited-catalog-tools.category-coverflow-tools{
    padding-top:10px !important;
  }

  .category-coverflow-shell{
    width:100% !important;
    min-height:224px !important;
    padding:12px 34px 32px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .category-coverflow-track{
    min-height:176px !important;
  }

  .category-coverflow-card{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    min-height:112px !important;
    padding:7px !important;
    gap:2px !important;
  }

  .category-coverflow-card.is-active{
    width:142px !important;
    height:142px !important;
    min-width:142px !important;
    min-height:142px !important;
  }

  .category-coverflow-icon{
    width:72px !important;
    height:72px !important;
    flex:0 0 72px !important;
    padding:3px !important;
  }

  .category-coverflow-card.is-active .category-coverflow-icon{
    width:98px !important;
    height:98px !important;
    flex:0 0 98px !important;
    padding:4px !important;
  }

  .category-coverflow-card strong{
    font-size:9.5px !important;
  }

  .category-coverflow-card.is-active strong{
    font-size:11.5px !important;
  }

  .category-coverflow-card small{
    font-size:7.5px !important;
  }

  .category-coverflow-card.is-active small{
    font-size:8.5px !important;
  }

  .category-coverflow-card.is-left{
    transform:translate(calc(-50% - 98px),-50%) scale(.82) !important;
    opacity:.64 !important;
  }

  .category-coverflow-card.is-right{
    transform:translate(calc(-50% + 98px),-50%) scale(.82) !important;
    opacity:.64 !important;
  }

  .category-coverflow-card.is-far-left,
  .category-coverflow-card.is-far-right,
  .category-coverflow-card.is-edge-left,
  .category-coverflow-card.is-edge-right{
    display:none !important;
  }

  .category-coverflow-arrow{
    width:36px !important;
    height:36px !important;
  }

  .category-coverflow-arrow.left{left:6px !important;}
  .category-coverflow-arrow.right{right:6px !important;}

  .category-coverflow-dots{
    margin-top:0 !important;
  }
}

/* Celulares pequeños */
@media(max-width:420px){
  .category-coverflow-shell{
    min-height:214px !important;
    padding:10px 28px 30px !important;
  }

  .category-coverflow-track{
    min-height:168px !important;
  }

  .category-coverflow-card{
    width:104px !important;
    height:104px !important;
    min-width:104px !important;
    min-height:104px !important;
  }

  .category-coverflow-card.is-active{
    width:134px !important;
    height:134px !important;
    min-width:134px !important;
    min-height:134px !important;
  }

  .category-coverflow-icon{
    width:66px !important;
    height:66px !important;
    flex-basis:66px !important;
  }

  .category-coverflow-card.is-active .category-coverflow-icon{
    width:92px !important;
    height:92px !important;
    flex-basis:92px !important;
  }

  .category-coverflow-card.is-left{
    transform:translate(calc(-50% - 88px),-50%) scale(.78) !important;
  }

  .category-coverflow-card.is-right{
    transform:translate(calc(-50% + 88px),-50%) scale(.78) !important;
  }
}

/* ===== V192 · Mis pedidos: DNI + número de pedido ===== */

.order-lookup-page{
  min-height:100vh;
  padding:38px 24px 70px;
  background:
    radial-gradient(circle at 12% 8%,rgba(201,144,144,.12),transparent 28%),
    radial-gradient(circle at 88% 88%,rgba(232,215,198,.28),transparent 34%),
    #faf7f2;
}

.order-lookup-page>.back-link{
  max-width:1060px;
  margin:0 auto 22px;
  display:flex;
}

.order-lookup-card{
  width:min(100%,620px);
  margin:0 auto;
  padding:34px 38px 30px;
  border:1px solid #eaded7;
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 70px rgba(77,55,47,.10);
}

.order-lookup-card>.logo{
  margin-bottom:24px;
}

.order-lookup-icon{
  width:58px;
  height:58px;
  margin:0 0 20px;
  border:1px solid #ead3d0;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--rose-dark);
  background:linear-gradient(145deg,#fff8f5,#f6e3e1);
  box-shadow:0 10px 24px rgba(182,120,125,.10);
}

.order-lookup-icon svg{
  width:25px;
  height:25px;
}

.order-lookup-card h1{
  margin:8px 0 10px;
  font-size:42px;
  line-height:1.05;
}

.order-lookup-intro{
  margin:0;
  max-width:500px;
  color:#806f66;
  line-height:1.65;
  font-size:14px;
}

.order-lookup-note{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  margin:24px 0 18px;
  padding:14px 16px;
  border:1px solid #eee1da;
  border-radius:16px;
  background:#fcf7f4;
}

.order-lookup-note>svg{
  color:var(--rose-dark);
}

.order-lookup-note span{
  display:grid;
  gap:3px;
}

.order-lookup-note b{
  font-size:12px;
  color:#54433c;
}

.order-lookup-note small{
  color:#8d7b72;
  font-size:10.5px;
  line-height:1.45;
}

.order-lookup-form{
  display:grid;
  gap:12px;
}

.order-lookup-field{
  display:grid;
  gap:7px;
  padding:14px;
  border:1px solid #eaded7;
  border-radius:16px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}

.order-lookup-field:focus-within{
  border-color:#d5a5a7;
  box-shadow:0 0 0 3px rgba(201,144,144,.10);
}

.order-lookup-field>span{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.order-lookup-field>span b{
  color:#56453e;
  font-size:12px;
}

.order-lookup-field>span small{
  color:#a28e85;
  font-size:9px;
}

.order-lookup-field>div{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 12px;
  border:1px solid #e9ddd7;
  border-radius:12px;
  background:#fcfaf8;
}

.order-lookup-field>div svg{
  color:#aa777b;
  width:17px;
}

.order-lookup-field input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#473933;
  font-size:13px;
}

.order-lookup-error{
  margin:0;
  padding:11px 13px;
  border-radius:11px;
  background:#fff1f1;
}

.order-lookup-submit{
  min-height:50px;
  margin-top:4px;
  border-radius:13px;
}

.order-lookup-help{
  display:block;
  margin-top:18px;
  text-align:center;
  color:#8b7970;
  font-size:10.5px;
}

.order-lookup-help a{
  color:var(--rose-dark);
  font-weight:700;
}

/* Resultado del pedido */
.order-account-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 90% 0%,rgba(201,144,144,.09),transparent 30%),
    #faf7f2;
}

.order-account-content{
  max-width:1050px !important;
}

.order-account-loading{
  width:min(92%,700px);
  margin:80px auto;
  padding:40px;
  text-align:center;
  border:1px solid #eaded7;
  border-radius:22px;
  background:#fff;
  color:#7d6b63;
}

.order-account-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin-bottom:18px;
  padding:28px 30px;
  border:1px solid #eaded7;
  border-radius:24px;
  background:linear-gradient(135deg,#fff 0%,#fff8f6 100%);
  box-shadow:0 12px 34px rgba(79,55,48,.05);
}

.order-account-hero h1{
  margin:8px 0 8px;
  font-size:40px;
}

.order-account-hero p{
  max-width:610px;
  margin:0;
  color:#84736b;
  font-size:12px;
  line-height:1.6;
}

.order-account-status{
  min-width:170px;
  padding:16px 18px;
  border:1px solid #e8d7d2;
  border-radius:17px;
  background:#fff;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:2px 10px;
  align-items:center;
}

.order-account-status>svg{
  grid-row:1/3;
  color:var(--rose-dark);
}

.order-account-status small{
  color:#9a877f;
  font-size:9px;
}

.order-account-status b{
  color:#55433d;
  font-size:12px;
}

.order-card-single{
  padding:0 !important;
  border:1px solid #eaded7 !important;
  border-radius:24px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:0 16px 44px rgba(80,57,50,.06);
}

.order-single-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#eaded7;
  border-bottom:1px solid #eaded7;
}

.order-single-summary>span{
  min-height:88px;
  padding:18px 20px;
  background:#fffaf8;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}

.order-single-summary small{
  color:#9a877f;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:8px;
}

.order-single-summary b{
  color:#493a34;
  font-size:15px;
}

.order-single-summary .paid-off b{
  color:#52805e;
}

.order-body-single{
  padding:28px 30px 32px !important;
}

.order-progress-section,
.order-items-section{
  margin:0 0 26px;
}

.order-progress-section h2,
.order-items-section h2{
  margin:0;
  font-size:22px;
}

.order-progress-section .progress{
  margin-top:18px;
}

.order-section-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}

.order-section-title>span{
  padding:6px 10px;
  border-radius:999px;
  background:#f7eeeb;
  color:#9b686d;
  font-size:9px;
  font-weight:700;
}

.order-card-single .ordered-items{
  border:1px solid #eee2dc;
  border-radius:16px;
  overflow:hidden;
}

.order-card-single .ordered-items>div{
  padding:14px 16px;
  background:#fff;
}

.order-shipment-card,
.order-tracking-card{
  margin-top:14px;
  border-radius:17px !important;
}

.order-account-empty{
  border:1px solid #eaded7;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 36px rgba(79,55,48,.05);
}

/* Mobile-first validation for Mis pedidos */
@media(max-width:700px){
  .order-lookup-page{
    padding:22px 14px 44px;
  }

  .order-lookup-card{
    padding:24px 18px 22px;
    border-radius:22px;
  }

  .order-lookup-card h1{
    font-size:34px;
  }

  .order-lookup-note{
    grid-template-columns:28px 1fr;
    padding:12px;
  }

  .order-account-page>header{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .order-account-content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .order-account-hero{
    grid-template-columns:1fr;
    padding:22px 18px;
    border-radius:20px;
  }

  .order-account-hero h1{
    font-size:32px;
  }

  .order-account-status{
    width:100%;
    min-width:0;
  }

  .order-single-summary{
    grid-template-columns:1fr 1fr;
  }

  .order-single-summary>span{
    min-height:76px;
    padding:14px;
  }

  .order-body-single{
    padding:20px 16px 24px !important;
  }

  .order-progress-section .progress{
    overflow-x:auto;
    padding-bottom:8px;
  }

  .order-progress-section .progress>div{
    min-width:80px;
  }

  .order-card-single .ordered-items>div{
    grid-template-columns:32px 1fr auto !important;
    gap:8px !important;
  }

  .order-shipment-card,
  .order-tracking-card{
    align-items:flex-start !important;
  }
}

@media(max-width:420px){
  .order-lookup-card h1{
    font-size:30px;
  }

  .order-single-summary{
    grid-template-columns:1fr;
  }

  .order-single-summary>span{
    min-height:64px;
  }
}

/* ===== V193 · Catálogo y Mis pedidos más delicados ===== */

/* CATÁLOGO: panel de filtros compacto y alineado */
.public-store .catalog-filter-panel-refined{
  width:min(100%,900px) !important;
  margin:10px auto 22px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto !important;
  gap:10px !important;
  align-items:end !important;
  border:1px solid #eaded7 !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 10px 28px rgba(80,58,50,.05) !important;
}

.public-store .catalog-filter-panel-refined label{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
  color:#7d6b63 !important;
  font-size:10px !important;
  font-weight:600 !important;
}

.public-store .catalog-filter-panel-refined select{
  width:100% !important;
  min-height:40px !important;
  padding:0 12px !important;
  border:1px solid #e5d9d2 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#4f4039 !important;
  font-size:11px !important;
  outline:none !important;
  box-shadow:none !important;
}

.public-store .catalog-filter-panel-refined select:focus{
  border-color:#d6aaaa !important;
  box-shadow:0 0 0 3px rgba(201,144,144,.09) !important;
}

.public-store .catalog-filter-panel-refined .reset-filters{
  min-height:40px !important;
  padding:0 13px !important;
  border:1px solid #e3d4ce !important;
  border-radius:11px !important;
  background:#fff8f6 !important;
  color:#a46c72 !important;
  font-size:10px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

/* Que buscar + filtros se lean como una sola barra de herramientas */
.public-store .category-coverflow-tools .catalog-search-row{
  max-width:900px !important;
  margin:2px auto 0 !important;
  padding:0 !important;
  grid-template-columns:minmax(0,1fr) 118px !important;
}

.public-store .category-coverflow-tools .catalog-search-row .search-box,
.public-store .category-coverflow-tools .catalog-search-row .filter-toggle{
  min-height:46px !important;
  border-radius:14px !important;
}

.public-store .category-coverflow-tools .catalog-search-row .filter-toggle{
  font-size:12px !important;
  padding:0 14px !important;
}

/* MIS PEDIDOS: tarjeta y campos más pequeños/delicados */
.order-lookup-page{
  padding-top:26px !important;
}

.order-lookup-card{
  width:min(100%,540px) !important;
  padding:26px 30px 24px !important;
  border-radius:24px !important;
}

.order-lookup-card>.logo{
  margin-bottom:18px !important;
}

.order-lookup-icon{
  width:48px !important;
  height:48px !important;
  margin-bottom:14px !important;
  border-radius:15px !important;
}

.order-lookup-icon svg{
  width:21px !important;
  height:21px !important;
}

.order-lookup-card h1{
  margin:6px 0 8px !important;
  font-size:36px !important;
}

.order-lookup-intro{
  max-width:440px !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
}

.order-lookup-form{
  gap:10px !important;
  margin-top:20px !important;
}

.order-lookup-field{
  gap:5px !important;
  padding:11px 12px !important;
  border-radius:14px !important;
}

.order-lookup-field>span b{
  font-size:11px !important;
}

.order-lookup-field>span small{
  font-size:8.5px !important;
}

.order-lookup-field>div{
  min-height:39px !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

.order-lookup-field>div svg{
  width:15px !important;
}

.order-lookup-field input{
  font-size:12px !important;
}

.order-lookup-submit{
  min-height:44px !important;
  border-radius:11px !important;
  font-size:12px !important;
}

.order-lookup-help{
  margin-top:14px !important;
  font-size:9.5px !important;
}

/* Móvil */
@media(max-width:760px){
  .public-store .catalog-filter-panel-refined{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    padding:12px !important;
    margin-top:8px !important;
  }

  .public-store .catalog-filter-panel-refined .reset-filters{
    grid-column:1 / -1 !important;
  }

  .public-store .category-coverflow-tools .catalog-search-row{
    width:calc(100% - 28px) !important;
    grid-template-columns:minmax(0,1fr) 50px !important;
  }

  .public-store .category-coverflow-tools .catalog-search-row .filter-toggle{
    width:50px !important;
    min-width:50px !important;
    padding:0 !important;
    font-size:0 !important;
  }

  .public-store .category-coverflow-tools .catalog-search-row .filter-toggle svg{
    width:17px !important;
    height:17px !important;
  }

  .order-lookup-page{
    padding:18px 14px 40px !important;
  }

  .order-lookup-card{
    width:min(100%,460px) !important;
    padding:21px 16px 20px !important;
    border-radius:20px !important;
  }

  .order-lookup-card h1{
    font-size:31px !important;
  }

  .order-lookup-intro{
    font-size:11.5px !important;
  }
}

@media(max-width:420px){
  .public-store .catalog-filter-panel-refined{
    grid-template-columns:1fr !important;
  }

  .public-store .catalog-filter-panel-refined .reset-filters{
    grid-column:auto !important;
  }

  .order-lookup-card h1{
    font-size:28px !important;
  }

  .order-lookup-field{
    padding:10px !important;
  }
}

/* ===== V194 · Barra del catálogo alineada a la derecha ===== */

.public-store .category-coverflow-tools .catalog-search-row{
  width:100% !important;
  max-width:none !important;
  margin:8px 0 0 !important;
  padding:0 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

.public-store .category-coverflow-tools .catalog-search-row .search-box{
  flex:0 1 360px !important;
  width:min(360px,calc(100% - 128px)) !important;
  min-width:190px !important;
  margin:0 !important;
}

.public-store .category-coverflow-tools .catalog-search-row .filter-toggle{
  flex:0 0 116px !important;
  width:116px !important;
  min-width:116px !important;
  margin:0 !important;
}

/* Panel desplegable alineado visualmente con la barra superior */
.public-store .catalog-filter-panel-refined{
  width:min(100%,900px) !important;
  margin:10px 0 22px auto !important;
}

/* Mobile: botón de filtro en la esquina derecha */
@media(max-width:760px){
  .public-store .category-coverflow-tools .catalog-search-row{
    width:100% !important;
    padding:0 !important;
    gap:8px !important;
  }

  .public-store .category-coverflow-tools .catalog-search-row .search-box{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
  }

  .public-store .category-coverflow-tools .catalog-search-row .filter-toggle{
    flex:0 0 46px !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    margin-left:auto !important;
  }

  .public-store .catalog-filter-panel-refined{
    width:100% !important;
    margin:8px 0 18px !important;
  }
}

/* ===== V195 · Resultados de agencias sin superposición ===== */

/*
  Los nombres/direcciones largos ya no usan una altura rígida.
  Cada resultado crece de forma natural y mantiene separación propia.
*/
.public-store .shipping-details .agency-search-results{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-auto-rows:auto !important;
  gap:8px !important;
  padding:7px !important;
  max-height:270px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start !important;
}

.public-store .shipping-details .agency-search-results button,
.shipping-details .agency-search-results button,
.shipping-details .nearby-agencies button{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-content:center !important;
  gap:5px !important;
  width:100% !important;
  height:auto !important;
  min-height:72px !important;
  max-height:none !important;
  padding:11px 13px !important;
  margin:0 !important;
  border:1px solid color-mix(in srgb,var(--rose,#c99090) 22%,#ddd) !important;
  border-radius:12px !important;
  background:#fff !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.public-store .shipping-details .agency-search-results button b,
.shipping-details .agency-search-results button b,
.shipping-details .nearby-agencies button b{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#493a35 !important;
  font-size:.9rem !important;
  font-weight:750 !important;
  line-height:1.28 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

/* Dirección: máximo 2 líneas para mantener una lista compacta, sin montarse sobre otra tarjeta */
.public-store .shipping-details .agency-search-results button small,
.shipping-details .agency-search-results button small,
.shipping-details .nearby-agencies button small,
.shipping-details .nearby-agencies button span{
  display:-webkit-box !important;
  width:100% !important;
  margin:0 !important;
  color:#83716a !important;
  font-size:.74rem !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

/* Mantiene el resultado seleccionado visualmente claro */
.public-store .shipping-details .agency-search-results button.selected,
.shipping-details .agency-search-results button.selected{
  border-color:#d3a0a4 !important;
  background:#fff7f6 !important;
  box-shadow:0 0 0 2px rgba(201,144,144,.08) !important;
}

/* Scroll más limpio */
.public-store .shipping-details .agency-search-results::-webkit-scrollbar{
  width:7px !important;
}
.public-store .shipping-details .agency-search-results::-webkit-scrollbar-track{
  background:transparent !important;
}
.public-store .shipping-details .agency-search-results::-webkit-scrollbar-thumb{
  background:#aa9b94 !important;
  border-radius:999px !important;
}

/* Celular: un poco más de aire para nombres extensos */
@media(max-width:640px){
  .public-store .shipping-details .agency-search-results{
    max-height:300px !important;
    gap:7px !important;
  }

  .public-store .shipping-details .agency-search-results button,
  .shipping-details .agency-search-results button,
  .shipping-details .nearby-agencies button{
    min-height:78px !important;
    padding:11px 12px !important;
  }

  .public-store .shipping-details .agency-search-results button b,
  .shipping-details .agency-search-results button b,
  .shipping-details .nearby-agencies button b{
    font-size:.86rem !important;
  }

  .public-store .shipping-details .agency-search-results button small,
  .shipping-details .agency-search-results button small,
  .shipping-details .nearby-agencies button small,
  .shipping-details .nearby-agencies button span{
    font-size:.71rem !important;
  }
}


/* ===== V196 · Campos de filtro centrados ===== */
/* El botón puede quedar esquinado, pero el panel con Talla/Color/Precio/Disponibilidad va centrado. */
.public-store .catalog-filter-panel-refined{
  width:min(100%,900px) !important;
  margin:10px auto 22px !important;
  left:auto !important;
  right:auto !important;
}

.public-store .catalog-filter-panel-refined label{
  text-align:left !important;
}

@media(max-width:760px){
  .public-store .catalog-filter-panel-refined{
    width:calc(100% - 28px) !important;
    margin:8px auto 18px !important;
  }
}


/* ===== V197 · Agencias Olva: nombres y direcciones largas siempre contenidos ===== */
/*
  Regla final de seguridad para resultados de Olva/Shalom/Marvisur.
  Ningún texto puede salir de su tarjeta ni mezclarse con el siguiente local.
*/
.public-store .shipping-details .agency-search-results{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-rows:max-content !important;
  align-items:start !important;
  gap:9px !important;
  padding:8px !important;
  overflow-x:hidden !important;
}

.public-store .shipping-details .agency-search-results > button,
.shipping-details .agency-search-results > button{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-rows:max-content !important;
  align-content:start !important;
  gap:5px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:82px !important;
  height:auto !important;
  max-height:none !important;
  padding:11px 13px !important;
  margin:0 !important;
  overflow:hidden !important;
  white-space:normal !important;
  box-sizing:border-box !important;
  contain:layout paint !important;
}

/* Nombre del local: máximo 2 líneas */
.public-store .shipping-details .agency-search-results > button > b,
.shipping-details .agency-search-results > button > b{
  display:-webkit-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  line-height:1.25 !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

/* Dirección: hasta 3 líneas, siempre dentro de la misma tarjeta */
.public-store .shipping-details .agency-search-results > button > small,
.shipping-details .agency-search-results > button > small{
  display:-webkit-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  line-height:1.32 !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
}

/* También protege las tarjetas de agencias cercanas */
.public-store .shipping-details .nearby-agencies > button,
.shipping-details .nearby-agencies > button{
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.public-store .shipping-details .nearby-agencies > button > b,
.public-store .shipping-details .nearby-agencies > button > span,
.public-store .shipping-details .nearby-agencies > button > small,
.shipping-details .nearby-agencies > button > b,
.shipping-details .nearby-agencies > button > span,
.shipping-details .nearby-agencies > button > small{
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

@media(max-width:640px){
  .public-store .shipping-details .agency-search-results > button,
  .shipping-details .agency-search-results > button{
    min-height:86px !important;
    padding:10px 11px !important;
  }

  .public-store .shipping-details .agency-search-results > button > b,
  .shipping-details .agency-search-results > button > b{
    font-size:.82rem !important;
  }

  .public-store .shipping-details .agency-search-results > button > small,
  .shipping-details .agency-search-results > button > small{
    font-size:.69rem !important;
    -webkit-line-clamp:3 !important;
  }
}

/* V198: variantes desactivadas y errores de guardado del editor */
.variant-groups b.variant-inactive-v198{opacity:1;text-decoration:none;flex-wrap:wrap;color:#756961;background:#f1ebe6}
.variant-inactive-label-v198{flex-basis:100%;font-size:9px;font-weight:500;line-height:1.25;white-space:normal}
.editor-save-error-v198{grid-column:1/-1;overflow-wrap:anywhere}


/* ===== V205 · Usuarios compactos, sin información redundante ===== */
.user-card-v143{
  grid-template-columns:52px minmax(0,1fr) auto !important;
  grid-template-areas:"avatar info actions" !important;
  align-items:center !important;
  gap:10px 14px !important;
  min-height:78px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
}
.user-avatar-v143{
  position:relative;
  align-self:center !important;
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
  font-size:17px !important;
}
.user-lock-v205{
  position:absolute;
  left:-7px;
  bottom:-5px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border:1px solid #e2cbc5;
  border-radius:50%;
  background:#fffaf8;
  color:#9c666d;
  box-shadow:0 3px 8px rgba(78,52,47,.10);
}
.user-lock-v205 svg{width:11px;height:11px;stroke-width:2.2}
.user-info-v143{gap:4px !important}
.user-title-v143{gap:7px !important}
.user-title-v143>strong{font-size:15px !important}
.user-role-v143{
  min-height:23px !important;
  padding:0 8px !important;
  font-size:9px !important;
}
.user-email-v143{font-size:10px !important}
.user-access-v143{margin-top:1px}
.user-actions-v143{
  grid-area:actions !important;
  align-self:center !important;
  justify-self:end !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
}
.user-state-v143{
  min-width:66px !important;
  min-height:30px !important;
  padding:0 10px !important;
  font-size:9.5px !important;
}
.user-edit-v143,.user-delete-v143{
  width:auto !important;
  min-height:34px !important;
  padding:0 10px !important;
  gap:5px !important;
  border-radius:10px !important;
  font-size:9.5px !important;
  white-space:nowrap;
}
.user-edit-v143 svg,.user-delete-v143 svg{width:14px;height:14px}
/* Ya no se renderizan estos indicadores redundantes en V205. */
.current-session-note,.protected-user-v143,.connected-pill{display:none !important}

@media(max-width:700px){
  .user-card-v143{
    grid-template-columns:46px minmax(0,1fr) !important;
    grid-template-areas:"avatar info" "actions actions" !important;
    gap:8px 10px !important;
    padding:12px !important;
  }
  .user-avatar-v143{
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
    font-size:16px !important;
  }
  .user-actions-v143{
    width:100% !important;
    justify-self:stretch !important;
    justify-content:flex-end !important;
    gap:6px !important;
    padding-top:7px !important;
    border-top:1px solid #eee3de !important;
  }
  .user-state-v143{min-width:62px !important;min-height:29px !important}
  .user-edit-v143,.user-delete-v143{min-height:32px !important;padding:0 9px !important}
}
@media(max-width:390px){
  .user-card-v143{padding:11px !important}
  .user-actions-v143{justify-content:space-between !important}
  .user-state-v143{min-width:58px !important;padding:0 8px !important}
  .user-edit-v143,.user-delete-v143{padding:0 8px !important;gap:4px !important}
}

/* ===== V208 · Pedidos pendientes con alerta de stock ===== */
.order-admin-card-stock-warning{
  border-color:#e7b7ad !important;
  box-shadow:0 8px 22px rgba(155,86,70,.08) !important;
}
.order-stock-warning{
  margin:8px 12px 2px;
  padding:10px 12px;
  border:1px solid #efc5bc;
  border-radius:12px;
  background:#fff7f4;
  color:#744d45;
  display:grid;
  gap:7px;
}
.order-stock-warning>b{font-size:12px;color:#a05245}
.order-stock-warning-lines{display:grid;gap:4px}
.order-stock-warning-lines>span{font-size:11px;line-height:1.35}
.order-stock-warning-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.order-stock-warning-actions>small{font-size:10px;line-height:1.35;color:#7b665f}
.stock-whatsapp-btn{
  border:1px solid #b8d8c4;
  background:#f3fbf6;
  color:#38744f;
  min-height:32px;
  padding:0 10px;
  border-radius:10px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.stock-correction-hint{display:block;margin-top:5px;color:#a05245;font-size:10px;line-height:1.35}
.customer-stock-pending-note{
  display:grid;
  gap:4px;
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid #ead5ad;
  border-radius:13px;
  background:#fffaf0;
  color:#705d3d;
}
.customer-stock-pending-note>b{font-size:12px}
.customer-stock-pending-note>span{font-size:11px;line-height:1.45}
.cancelled-order{display:grid;gap:5px}
.cancelled-order>b{font-size:13px}
.cancelled-order>span{font-size:11px;line-height:1.45}

@media(max-width:700px){
  .order-stock-warning{margin:7px 8px 2px;padding:9px 10px}
  .order-stock-warning-actions{align-items:stretch;flex-direction:column}
  .stock-whatsapp-btn{width:100%;min-height:36px}
  .customer-stock-pending-note{padding:11px 12px}
}

/* ===== V223 · Hotfix selector de cantidad en carrito móvil ===== */
@media (max-width: 640px){
  .cart-item .quantity.small,
  .cart-item-info .quantity.small{
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin-top: 2px !important;
    padding: 0 2px !important;
    border: 1px solid #dfd1ca !important;
    border-radius: 999px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  .cart-item .quantity.small button,
  .cart-item-info .quantity.small button{
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    background: transparent !important;
  }

  .cart-item .quantity.small span,
  .cart-item-info .quantity.small span{
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    flex: 0 0 24px !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}

/* ===== V224 · Selector de cantidad todavía más compacto en carrito móvil ===== */
@media (max-width: 700px){
  .cart-item .quantity.small,
  .cart-item-info .quantity.small,
  .public-store .cart-item .quantity.small,
  .public-store .cart-item-info .quantity.small{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 1px !important;
    margin: 2px 0 0 !important;
    border: 1px solid #dfd1ca !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    vertical-align: top !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .cart-item .quantity.small button,
  .cart-item-info .quantity.small button,
  .public-store .cart-item .quantity.small button,
  .public-store .cart-item-info .quantity.small button{
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: transparent !important;
  }

  .cart-item .quantity.small span,
  .cart-item-info .quantity.small span,
  .public-store .cart-item .quantity.small span,
  .public-store .cart-item-info .quantity.small span{
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    flex: 0 0 18px !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}

/* V225 · Control sencillo de cupones */
.discount-code-form select{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--border,#e5d9e2);border-radius:11px;background:#fff;color:#30232d;font:inherit;box-sizing:border-box;}
.discount-code-form select:focus{outline:2px solid #dcb3cf;outline-offset:1px;}
.discount-code-card small{display:block;}