:root{
  --green-950:#142724;
  --green-900:#1c312e;
  --green-800:#29443e;
  --green-700:#416543;
  --green-600:#52794c;
  --green-100:#e8eee3;
  --cream:#f5f4ef;
  --paper:#ffffff;
  --text:#172024;
  --muted:#697472;
  --border:#dfe3df;
  --danger:#e65350;
  --shadow:0 4px 18px rgba(20,39,36,.07);
  --radius:10px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--cream)}
body{font-size:14px}
a{color:inherit}
button,input,select,textarea{font:inherit}
input,select,textarea{
  width:100%;border:1px solid #cfd5d1;border-radius:7px;background:#fff;padding:9px 10px;color:var(--text);outline:none
}
input:focus,select:focus,textarea:focus{border-color:#688767;box-shadow:0 0 0 3px rgba(82,121,76,.10)}
textarea{resize:vertical}
label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#34403e}
small,.muted{color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1{font-size:36px;letter-spacing:-1px;margin-bottom:6px}
h2{font-size:18px;margin-bottom:0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{
  position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--green-950),#172c29);
  color:#dfe8e4;display:flex;flex-direction:column;z-index:10
}
.sidebar-brand{min-height:120px;padding:24px 28px 18px;display:flex;flex-direction:column;justify-content:center}
.sidebar-brand img{max-width:175px;max-height:84px;object-fit:contain;filter:brightness(0) invert(1)}
.brand-script{font-family:Georgia,serif;font-style:italic;font-size:38px;color:#fff}
.sidebar-brand small{font-size:9px;letter-spacing:2.3px;color:#fff}
.sidebar-nav{display:grid;gap:3px}
.sidebar-nav a{
  display:flex;align-items:center;gap:14px;padding:13px 28px;text-decoration:none;color:#cad5d1;border-left:3px solid transparent
}
.sidebar-nav a span{width:20px;text-align:center;font-weight:900;color:#c9d4d0}
.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(121,158,120,.40);color:#fff;border-left-color:#9db491}
.sidebar-foot{margin-top:auto;padding:22px 28px;color:#96a9a3;font-size:11px}
.app-main{grid-column:2;min-width:0}
.app-topbar{height:58px;background:var(--green-950);color:#dce6e2;display:flex;align-items:center;justify-content:flex-end;padding:0 28px}
.topbar-right{display:flex;gap:30px;font-size:12px}.mobile-brand{display:none}
.app-content{padding:20px 24px 48px;max-width:1600px;margin:0 auto}
.app-footer{padding:16px 24px;color:#8b9693;font-size:11px;text-align:center}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.page-title p{margin:0;color:var(--muted)}.page-title-actions{display:flex;gap:8px}
.panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.compact-panel{padding:17px 18px}
.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}
.panel-icon{font-size:18px;color:var(--green-900)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ccd3ce;background:#fff;color:#24312e;
  border-radius:7px;padding:8px 13px;text-decoration:none;cursor:pointer;font-weight:700;font-size:12px
}
.btn:hover{filter:brightness(.98)}
.btn.primary{background:var(--green-600);color:#fff;border-color:var(--green-600)}
.btn.danger{background:#fff;color:#aa3432;border-color:#e7b3b2}
.order-workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:16px;align-items:start}
.order-main-column{display:grid;gap:16px}
.order-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.customer-inline,.order-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.check-line{display:flex;align-items:center;gap:7px;margin-top:10px;font-weight:600}
.check-line input{width:auto}
.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:2px}
.sectiontitle p{margin:4px 0 0;color:var(--muted);font-size:12px}
.individual-items{display:grid}
.individual-item{
  display:grid;grid-template-columns:34px 1.25fr .8fr 1.65fr 1.3fr 110px 38px;gap:10px;align-items:start;
  padding:16px 0;border-bottom:1px solid var(--border)
}
.item-number{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ececdf;color:#415044;font-weight:900;margin-top:20px
}
.item-field>label{display:block;margin-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.35px;color:#5f6966}
.item-extra-list{display:grid;gap:5px;max-height:135px;overflow:auto;padding-right:4px}
.extra-check{
  display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;border:1px solid var(--border);border-radius:6px;padding:5px 7px;
  background:#fff;font-size:11px;font-weight:600;cursor:pointer
}
.extra-check input{width:auto;margin:0}.extra-check small{font-size:10px;white-space:nowrap}
.extra-check:has(input:checked){background:var(--green-100);border-color:#9db18f}
.item-price-box{text-align:right;margin-top:22px}.item-price-box strong{display:block;font-size:16px}.item-price-box small{font-size:10px}
.remove-item{
  margin-top:20px;width:34px;height:34px;border:0;border-radius:6px;background:var(--danger);color:#fff;font-size:22px;line-height:1;cursor:pointer
}
.add-item-bottom{margin-top:14px;background:var(--green-600);color:#fff;border-color:var(--green-600)}
.optional-panel details summary{cursor:pointer;font-weight:800;color:#34423e}
.general-extra-row{display:grid;grid-template-columns:2fr 100px 130px auto;gap:8px;align-items:end;margin:12px 0}
.order-summary{position:sticky;top:74px;padding:17px}
.summary-items{display:grid;max-height:410px;overflow:auto}
.summary-empty{padding:20px 0;color:var(--muted);text-align:center;font-size:12px}
.summary-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border)}
.summary-line strong{display:block;font-size:12px}.summary-line small{display:block;margin-top:3px;font-size:10px}.summary-line>b{font-size:12px}
.summary-totals{margin:14px 0;display:grid;gap:7px;border-top:1px solid var(--border);padding-top:12px}
.summary-totals>div{display:flex;justify-content:space-between;align-items:center}
.discount-row{color:#697472}
.grand-total{margin-top:4px;padding:12px;background:#dfe8da;border-radius:7px;font-size:20px}
.order-summary>label{margin-top:12px}
.save-order-btn{width:100%;margin-top:16px;padding:13px;font-size:14px}
.cancel-link{display:block;text-align:center;margin-top:14px;color:#55615e}
.order-detail-head{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.order-detail-head>div{display:grid;gap:4px}.order-detail-head small{font-size:10px;text-transform:uppercase}.order-detail-head strong{font-size:16px}
.unit-order-list{display:grid}
.unit-order-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--border)}
.unit-badge{width:30px;height:30px;border-radius:50%;background:#e8eadf;display:grid;place-items:center;font-weight:900}
.unit-order-main{display:grid;gap:5px}.unit-extra-tags{display:flex;flex-wrap:wrap;gap:5px}.unit-extra-tags span{font-size:11px;background:#eef3ea;padding:4px 7px;border-radius:20px}
.general-extras-view,.order-note-box{margin-top:18px;padding:14px;background:#faf9f5;border-radius:8px}.general-extras-view>div{display:flex;justify-content:space-between;padding:5px 0}
.detail-total-box{margin:20px 0 0 auto;width:min(100%,360px);display:grid;gap:6px}.detail-total-box>div{display:flex;justify-content:space-between;padding:7px}.detail-total-box .grand{font-size:19px;background:#dfe8da;border-radius:7px;padding:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.badge,.payment-badge,.method-badge{display:inline-flex;width:max-content;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900;letter-spacing:.3px}
.status-pendiente{background:#f2ead4;color:#80671d}.status-confirmado{background:#dce9d7;color:#3c6a39}.status-preparando{background:#d9e6ee;color:#315d79}.status-listo{background:#d7eadf;color:#2f6c48}.status-entregado{background:#e4e7e5;color:#52605b}.status-cancelado{background:#f4d9d9;color:#8c3434}
.payment-pendiente{background:#f3e6c8;color:#8a6a13}.payment-pagado{background:#d9ead6;color:#356935}.method-badge{background:#eef0ee;color:#4c5855}
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}
.kcard{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow)}
.khead,.kbottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.ktime{font-size:22px;font-weight:900}.korder{font-size:14px;color:var(--muted)}
.kitchen-unit-list{display:grid;margin:14px 0;border-top:1px solid var(--border)}
.kitchen-unit{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}
.kitchen-unit-number{width:28px;height:28px;border-radius:50%;background:#ececdf;display:grid;place-items:center;font-weight:900}
.kitchen-unit strong{font-size:13px}.kitchen-extra-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.kitchen-extra-list span{font-size:11px;background:#e7efe2;padding:4px 7px;border-radius:15px}.kitchen-obs{margin-top:5px;font-size:11px;font-weight:800;color:#8c4b2e}
.kextras,.knotes{margin:8px 0;padding:9px;background:#fff7df;border-radius:6px;font-size:11px}.kbottom{padding-top:10px}
.kbuttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.kbuttons form{margin:0}.kbtn{width:100%;border:0;border-radius:5px;padding:8px 4px;font-size:9px;font-weight:900;cursor:pointer}.kbtn.confirmado{background:#dbead6}.kbtn.preparando{background:#d8e7ef}.kbtn.listo{background:#d4eadc}.kbtn.entregado{background:#e8eae9}.kbtn:disabled{opacity:.45}
.hero{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.toolbar{display:flex;gap:8px;align-items:center}.toolbar input{width:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stats>div{background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;display:grid;gap:3px}.stats b{font-size:22px}.stats span{font-size:11px;color:var(--muted)}
.order{margin:12px 0}.orderhead{display:flex;justify-content:space-between;gap:15px}.orderhead h2{margin:4px 0}.items{color:#52605c}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}
.quick-payment{display:flex;gap:8px;align-items:end;margin-top:10px}.quick-pay-field{min-width:150px}.quick-pay-field small{display:block;margin-bottom:4px}
.home-dashboard-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.sales-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sales-card{background:#fff;border:1px solid var(--border);padding:14px;border-radius:8px;display:grid;gap:4px}.sales-card strong{font-size:20px}.calendar-panel{padding:17px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{font-size:10px;color:var(--muted);text-align:center;margin:8px 0}.calendar-day{min-height:78px;border:1px solid var(--border);border-radius:6px;padding:6px;text-decoration:none;background:#fff}.calendar-day.selected{outline:2px solid var(--green-600)}.calendar-day.has-orders{background:#f2f6ef}.daynum{font-weight:800}.dayinfo{display:grid;font-size:9px;margin-top:8px}.month-history{margin:18px 0}.month-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.month-history-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px;text-decoration:none;display:grid;gap:4px}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}.price-card{background:#fafaf7;padding:12px;border:1px solid var(--border);border-radius:8px}.money-input{display:flex;align-items:center;gap:4px}.promo-editor,.extra-create-form,.extra-catalog-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;margin:12px 0}.extra-catalog-list,.promo-list{display:grid;gap:8px}.promo-row{border:1px solid var(--border);border-radius:8px;padding:12px}.promo-actions{display:flex;gap:6px;flex-wrap:wrap}.inline-actions{display:inline}.hidden{display:none!important}
.prod-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prod-table{width:100%;border-collapse:collapse}.prod-table th,.prod-table td{border-bottom:1px solid var(--border);padding:9px;text-align:left}.slot-list{display:grid;gap:8px}.slot-card{display:flex;justify-content:space-between;gap:10px;padding:10px;background:#f8f8f5;border-radius:7px}
.empty{text-align:center;padding:35px}
@media(max-width:1150px){
  .individual-item{grid-template-columns:34px 1fr .8fr 1.4fr 110px 38px}
  .item-field:nth-of-type(5){grid-column:2/5}
  .item-extras-field{grid-column:auto}
}
@media(max-width:980px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:static;width:auto;min-height:auto}.sidebar-brand{min-height:auto;padding:14px 18px}.sidebar-nav{display:flex;overflow:auto;padding:0 10px 10px}.sidebar-nav a{white-space:nowrap;padding:10px 12px;border-left:0;border-bottom:2px solid transparent}.sidebar-foot{display:none}.app-main{grid-column:1}.app-topbar{height:44px}.order-workspace{grid-template-columns:1fr}.order-summary{position:static}.order-top-grid,.home-dashboard-grid,.prod-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  .app-content{padding:16px 10px 35px}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:28px}
  .customer-inline,.order-data-grid{grid-template-columns:1fr}.individual-item{grid-template-columns:34px 1fr 38px;gap:8px}.item-number{grid-column:1}.item-field,.item-price-box{grid-column:2}.remove-item{grid-column:3;grid-row:1;margin-top:20px}.item-price-box{text-align:left;margin-top:0}.general-extra-row{grid-template-columns:1fr 1fr}.general-extra-row .danger{grid-column:1/-1}.order-detail-head{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.kitchen-grid{grid-template-columns:1fr}
}
@media print{
  .sidebar,.app-topbar,.app-footer,.noprint,.page-title-actions{display:none!important}.app-shell{display:block}.app-main{display:block}.app-content{padding:0}.panel{box-shadow:none;border:0}
}


/* V4.1 - Pedidos y Calendario separados */
.orders-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:14px;
}
.orders-date-form{
  display:flex;
  align-items:end;
  gap:8px;
}
.orders-date-form label{min-width:175px}
.orders-day-summary{
  display:flex;
  gap:22px;
  align-items:center;
}
.orders-day-summary>div{
  display:grid;
  text-align:right;
}
.orders-day-summary strong{font-size:20px}
.orders-day-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.simple-orders-list{display:grid;gap:10px}
.simple-order-card{padding:15px 17px}
.simple-order-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
}
.simple-order-main{display:flex;align-items:center;gap:12px}
.simple-order-number{
  min-width:44px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:var(--green-100);
  color:var(--green-800);
  font-weight:900;
}
.simple-order-main h2{font-size:16px;margin:0 0 3px}
.simple-order-contact{font-size:11px;color:var(--muted)}
.simple-order-statuses{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.simple-order-items{display:grid}
.simple-order-item{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:10px;
  align-items:start;
  padding:9px 0;
  border-bottom:1px solid #eef0ed;
}
.simple-unit-number{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:#efefe8;font-size:11px;font-weight:900;
}
.simple-item-detail{display:grid;gap:3px}
.simple-item-detail>strong{font-size:12px}
.simple-extra-line{display:flex;gap:5px;flex-wrap:wrap}
.simple-extra-line span{
  font-size:10px;
  background:#edf3e9;
  padding:3px 6px;
  border-radius:12px;
}
.simple-item-note{font-size:10px;color:#8a553e}
.simple-item-price{font-size:12px}
.simple-general-extras,
.simple-order-notes{
  margin-top:9px;
  padding:8px 10px;
  border-radius:6px;
  background:#faf8f2;
  font-size:11px;
}
.simple-order-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding-top:12px;
}
.simple-order-total{
  display:flex;
  align-items:baseline;
  gap:10px;
}
.simple-order-total span,.simple-order-total small{color:var(--muted);font-size:11px}
.simple-order-total strong{font-size:18px}
.simple-order-actions{display:flex;gap:6px;flex-wrap:wrap}
.simple-order-controls{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed var(--border);
}
.simple-inline-form{display:flex;gap:6px;align-items:center}
.simple-inline-form select{width:auto;min-width:135px;padding:7px 8px;font-size:11px}
.calendar-day-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:14px;
  background:var(--green-900);
  color:#fff;
  border-radius:10px;
  padding:14px 18px;
}
.calendar-day-count{display:flex;align-items:baseline;gap:12px}
.calendar-day-count small{color:#cbd7d2}
.calendar-day-count strong{font-size:28px}
.calendar-day-count span{font-size:12px;color:#dce5e1}
.calendar-only-panel{padding:18px}
.calendar-head-large{margin-bottom:14px}
.calendar-head-large h2{font-size:22px}
.calendar-weekdays-large{font-size:11px;font-weight:800}
.calendar-grid-large{gap:7px}
.calendar-day-large{
  min-height:112px;
  padding:9px;
}
.calendar-day-large .daynum{font-size:15px}
.calendar-day-large .dayinfo{
  margin-top:18px;
  font-size:10px;
}
.calendar-day-large.selected{
  outline:3px solid var(--green-600);
  outline-offset:-2px;
}
@media(max-width:800px){
  .orders-toolbar,.simple-order-controls,.simple-order-footer,.calendar-day-top{
    align-items:stretch;
    flex-direction:column;
  }
  .orders-day-summary{justify-content:space-between}
  .orders-day-summary>div{text-align:left}
  .simple-inline-form{flex-wrap:wrap}
  .simple-inline-form select{flex:1;min-width:120px}
  .calendar-day-count{align-items:flex-start;flex-direction:column;gap:3px}
  .calendar-day-large{min-height:74px}
  .calendar-day-large .dayinfo{margin-top:8px}
}


/* V4.1.1 - Extras compactos por piadina */
.compact-extra-list{
  display:block;
  max-height:118px;
  overflow-y:auto;
  border:1px solid var(--border);
  border-radius:6px;
  background:#fff;
  padding:2px 7px;
}
.compact-extra-list .extra-check{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  border:0;
  border-bottom:1px solid #eef0ed;
  border-radius:0;
  padding:5px 2px;
  background:transparent;
  min-height:27px;
}
.compact-extra-list .extra-check:last-child{border-bottom:0}
.compact-extra-list .extra-check:hover{background:#f7f8f4}
.compact-extra-list .extra-check:has(input:checked){background:#edf3e9}
.compact-extra-list .extra-check input{width:14px;height:14px}
.compact-extra-list .extra-check span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.compact-extra-list .extra-check small{
  font-size:10px;
  white-space:nowrap;
  color:var(--muted);
}


/* V4.1.2 - Selector desplegable de múltiples extras */
.extra-picker{display:grid;gap:7px}
.extra-picker-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  align-items:center;
}
.extra-picker-row .extra-select{
  min-width:0;
  padding:7px 8px;
  font-size:11px;
}
.extra-picker-row .add-extra-btn{
  padding:7px 9px;
  white-space:nowrap;
  background:var(--green-600);
  border-color:var(--green-600);
  color:#fff;
}
.selected-extras{
  display:grid;
  gap:3px;
}
.selected-extra-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 24px;
  gap:6px;
  align-items:center;
  min-height:26px;
  padding:3px 4px 3px 7px;
  border-radius:5px;
  background:#edf3e9;
  border:1px solid #dce7d7;
}
.selected-extra-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:700;
  color:#38513a;
}
.selected-extra-row small{
  font-size:9px;
  white-space:nowrap;
}
.remove-extra-btn{
  width:22px;
  height:22px;
  padding:0;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#a74843;
  font-size:17px;
  line-height:1;
  cursor:pointer;
}
.remove-extra-btn:hover{background:#f4dede}

/* V4.1.7 - ocultar pedidos cancelados de la lista */
.hide-cancelled-form{display:inline-flex;margin:0}


/* V4.1.8 - Lista de pedidos modernizada en Inicio */
.index-orders-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.index-order-card{
  padding:0;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 2px 8px rgba(24,33,36,.04);
}
.index-order-card.is-cancelled{opacity:.72}
.index-order-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:13px 14px 11px;
  background:#fafbf8;
  border-bottom:1px solid var(--border);
}
.index-order-identity{display:flex;align-items:center;gap:10px;min-width:0}
.index-order-number{
  min-width:42px;height:34px;display:grid;place-items:center;
  border-radius:7px;background:var(--green-100);color:var(--green-800);
  font-size:12px;font-weight:900;
}
.index-order-time{font-size:10px;font-weight:900;color:var(--green-700);letter-spacing:.2px}
.index-order-identity h3{margin:1px 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-order-identity small{font-size:10px;color:var(--muted)}
.index-order-statuses{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.index-order-products{padding:4px 14px}
.index-product-row{
  display:grid;grid-template-columns:24px minmax(0,1fr);
  gap:8px;padding:7px 0;border-bottom:1px solid #eef0ed;
}
.index-product-row:last-child{border-bottom:0}
.index-unit-number{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:#efefe8;font-size:10px;font-weight:900;
}
.index-product-info{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.index-product-info>strong{font-size:11px}
.index-dough{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase}
.index-extra-list{width:100%;display:flex;gap:4px;flex-wrap:wrap}
.index-extra-list span{
  font-size:9px;padding:2px 5px;border-radius:10px;background:#edf3e9;color:#38513a;
}
.index-item-note{width:100%;font-size:9px;color:#8a553e}
.index-general-extra,.index-order-note{
  margin:7px 14px 0;padding:7px 9px;border-radius:6px;
  background:#faf8f2;font-size:10px;
}
.index-order-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:11px 14px;border-top:1px solid var(--border);margin-top:9px;
}
.index-order-total{display:flex;align-items:baseline;gap:8px}
.index-order-total span,.index-order-total small{font-size:10px;color:var(--muted)}
.index-order-total strong{font-size:17px}
.index-order-buttons{display:flex;gap:5px;flex-wrap:wrap}
.index-order-buttons .btn{padding:6px 8px;font-size:10px}
.index-order-controls{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;
  padding:9px 14px 12px;background:#fafbf8;border-top:1px dashed var(--border);
}
.index-inline-control{display:flex;gap:5px;align-items:center;min-width:0}
.index-inline-control select{min-width:0;flex:1;padding:6px 7px;font-size:9px}
.index-inline-control .btn{padding:6px 7px;font-size:9px;white-space:nowrap}
@media(max-width:720px){
  .index-orders-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .index-order-card{min-width:0}
  .index-order-top{padding:9px 9px 8px}
  .index-order-products{padding:3px 9px}
  .index-order-bottom{padding:8px 9px}
  .index-order-controls{padding:7px 9px 9px}
  .index-order-top,.index-order-bottom{align-items:stretch;flex-direction:column}
  .index-order-statuses{justify-content:flex-start}
  .index-order-controls{grid-template-columns:1fr}
  .index-inline-control{flex-wrap:wrap}
  .index-inline-control select{min-width:120px}
}


/* V4.2 - Gestión de estilos de piadinas */
.product-style-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.product-style-head h2{margin-bottom:3px}
.product-create-form{
  display:grid;
  grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) 100px auto;
  gap:10px;
  align-items:end;
  margin:15px 0 18px;
  padding:14px;
  background:#f5f7f2;
  border:1px solid var(--border);
  border-radius:8px;
}
.product-active-create{padding-bottom:9px}
.product-create-actions{
  grid-column:1/-1;
  display:flex;
  gap:7px;
}
.product-style-list{
  display:grid;
  gap:7px;
  margin-top:14px;
}
.product-style-row{
  display:grid;
  grid-template-columns:minmax(210px,1.5fr) minmax(140px,.75fr) 85px 95px 75px;
  gap:9px;
  align-items:end;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fafaf7;
}
.product-style-row label{
  margin:0;
  font-size:10px;
}
.product-style-row input{
  margin-top:4px;
}
.product-active-check{
  min-height:38px;
  align-items:center;
}
.product-style-state{
  align-self:center;
  justify-self:end;
  font-size:9px;
  font-weight:900;
  letter-spacing:.45px;
  padding:5px 7px;
  border-radius:12px;
}
.product-style-state.is-active{
  background:#e4efe0;
  color:#31563a;
}
.product-style-state.is-inactive{
  background:#eee9e4;
  color:#7a675e;
}
.product-style-save{
  display:flex;
  justify-content:flex-end;
  margin-top:12px;
}
.pricing-help{
  margin:12px 0 0;
  font-size:10px;
  color:var(--muted);
}
@media(max-width:850px){
  .product-create-form{
    grid-template-columns:1fr 1fr;
  }
  .product-style-row{
    grid-template-columns:1fr 1fr;
  }
  .product-style-state{
    justify-self:start;
  }
}


/* V4.3 - Acceso administrativo */
.sidebar-account{
  margin-top:auto;
  padding:14px 16px 18px;
  border-top:1px solid rgba(255,255,255,.10);
}
.sidebar-user{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
  color:#fff;
}
.sidebar-user-dot{font-size:10px;color:#b8caa9}
.sidebar-user div{display:grid;gap:1px}
.sidebar-user small{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.6px;
  opacity:.62;
}
.sidebar-user strong{font-size:11px}
.sidebar-logout{
  width:100%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:6px;
  padding:8px 10px;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.sidebar-logout:hover{background:rgba(255,255,255,.12)}
.sidebar-motto{
  margin-top:12px;
  font-size:8px;
  letter-spacing:.4px;
  text-align:center;
  opacity:.48;
  color:#fff;
}

.auth-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.42),transparent 26%),
    #f2eee3;
  color:#263b35;
}
.auth-wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.auth-card{
  width:min(420px,100%);
  background:#fffdf7;
  border:1px solid #ded9ca;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(32,48,42,.12);
  overflow:hidden;
}
.auth-brand{
  padding:28px 30px 24px;
  text-align:center;
  color:#fff;
  background:#233a36;
}
.auth-brand-script{
  font-size:38px;
  line-height:1;
  font-weight:800;
  font-style:italic;
  letter-spacing:-1.5px;
}
.auth-brand small{
  display:block;
  margin-top:8px;
  font-size:9px;
  letter-spacing:2px;
  opacity:.78;
}
.auth-copy{padding:27px 30px 8px}
.auth-kicker{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
  color:#6f8267;
}
.auth-copy h1{margin:0 0 7px;font-size:28px}
.auth-copy p{margin:0;color:#6e7773;font-size:12px;line-height:1.5}
.auth-form{
  display:grid;
  gap:13px;
  padding:18px 30px 28px;
}
.auth-form label{
  display:grid;
  gap:5px;
  font-size:10px;
  font-weight:800;
  color:#41514d;
}
.auth-form input{
  width:100%;
  box-sizing:border-box;
  padding:11px 12px;
  border:1px solid #d5d7cf;
  border-radius:7px;
  background:#fff;
  font:inherit;
  font-size:13px;
}
.auth-form input:focus{
  outline:2px solid #8b9d7d;
  outline-offset:1px;
  border-color:#718767;
}
.auth-submit{
  width:100%;
  margin-top:4px;
  padding:11px 14px;
}
.auth-error{
  margin:10px 30px 0;
  padding:10px 12px;
  border-radius:7px;
  background:#f8e5e1;
  border:1px solid #edcbc4;
  color:#8b3e34;
  font-size:11px;
  font-weight:700;
}
.auth-footnote{
  margin:-8px 30px 26px;
  color:#8a908c;
  font-size:9px;
  line-height:1.45;
  text-align:center;
}
@media(max-width:980px){
  .sidebar-account{display:none}
}


/* V4.4 - Pedido público */
.public-order-body{
  min-height:100vh;
  margin:0;
  background:#f3efe4;
  color:#263b35;
}
.public-order-header{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:16px max(24px,calc((100vw - 1180px)/2));
  background:#233a36;
  color:#fff;
  box-sizing:border-box;
}
.public-order-brand img{max-width:230px;max-height:64px;display:block}
.public-brand-script{
  font-size:35px;
  line-height:1;
  font-weight:800;
  font-style:italic;
  letter-spacing:-1.3px;
}
.public-order-brand small,.public-success-brand small{
  display:block;
  margin-top:6px;
  font-size:8px;
  letter-spacing:2px;
  opacity:.72;
}
.public-order-contact{display:grid;text-align:right;gap:3px}
.public-order-contact strong{font-size:16px}
.public-order-contact span{font-size:10px;opacity:.76}
.public-order-wrap{max-width:1180px;margin:0 auto;padding:32px 20px 45px}
.public-order-intro{max-width:690px;margin-bottom:22px}
.public-kicker{
  display:block;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
  color:#718767;
}
.public-order-intro h1{font-size:38px;margin:6px 0 8px}
.public-order-intro p{font-size:13px;line-height:1.55;color:#65716d;margin:0}
.public-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.public-order-main{display:grid;gap:13px}
.public-card,.public-summary-card{
  background:#fffdf8;
  border:1px solid #ddd8ca;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(31,48,42,.045);
}
.public-card{padding:18px}
.public-section-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:15px}
.public-section-title>span,.public-section-title-left>span{
  flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#e7eee2;color:#365440;font-size:11px;font-weight:900;
}
.public-section-title h2{font-size:17px;margin:0 0 2px}
.public-section-title p{font-size:10px;color:#7b827f;margin:0}
.public-section-title-action{justify-content:space-between;align-items:center}
.public-section-title-left{display:flex;gap:11px;align-items:flex-start}
.public-add-item{
  border:0;border-radius:7px;padding:9px 11px;background:#46654d;color:#fff;
  font:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap;
}
.public-customer-grid,.public-pickup-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
}
.public-pickup-grid{grid-template-columns:1.2fr 1fr 1fr}
.public-card label{
  display:grid;gap:5px;font-size:9px;font-weight:900;color:#54615d;
  text-transform:uppercase;letter-spacing:.35px;
}
.public-card input,.public-card select,.public-card textarea{
  width:100%;box-sizing:border-box;border:1px solid #d7d8d1;border-radius:7px;
  padding:10px 11px;background:#fff;font:inherit;font-size:12px;color:#273b35;
}
.public-card textarea{resize:vertical}
.public-item-card{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 78px 28px;
  gap:10px;
  align-items:start;
  padding:13px 0;
  border-top:1px solid #ecece5;
}
.public-item-card:first-child{border-top:0}
.public-item-number{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:#efefe9;font-size:10px;font-weight:900;
}
.public-item-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:9px;
}
.public-extra-field,.public-note-field{grid-column:1/-1}
.public-extra-field>label{display:block;margin-bottom:5px}
.public-extra-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.public-extra-add{
  border:1px solid #47644f;background:#47644f;color:#fff;border-radius:7px;
  padding:8px 10px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;
}
.public-selected-extras{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.public-selected-extra{
  display:flex;align-items:center;gap:6px;background:#edf3e9;border:1px solid #dae6d5;
  border-radius:15px;padding:4px 5px 4px 8px;font-size:9px;color:#39523e;
}
.public-selected-extra small{font-size:8px;color:#68736d}
.public-selected-extra button{
  width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:#9a4940;
  font-size:15px;line-height:1;cursor:pointer;padding:0;
}
.public-item-price{font-size:12px;font-weight:900;text-align:right;padding-top:25px}
.public-item-remove{
  width:27px;height:27px;border:0;border-radius:6px;background:#f6e5e1;color:#9d473e;
  font-size:18px;line-height:1;cursor:pointer;margin-top:20px;
}
.public-summary-card{position:sticky;top:18px;overflow:hidden}
.public-summary-head{padding:18px 18px 12px;background:#233a36;color:#fff}
.public-summary-head small{font-size:8px;letter-spacing:1.3px;opacity:.7}
.public-summary-head h2{font-size:22px;margin:3px 0 0}
.public-summary-items{padding:11px 18px;max-height:360px;overflow:auto}
.public-summary-empty{font-size:10px;color:#8a908d}
.public-summary-line{
  display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ecece6;
}
.public-summary-line>div{display:grid;gap:2px;min-width:0}
.public-summary-line strong{font-size:10px}
.public-summary-line small{font-size:8px;color:#7b837f}
.public-summary-line em{font-size:8px;color:#57705c;font-style:normal}
.public-summary-line>b{font-size:10px;white-space:nowrap}
.public-summary-totals{padding:12px 18px;border-top:1px solid #e5e3dc;display:grid;gap:7px}
.public-summary-totals>div{display:flex;justify-content:space-between;gap:15px;font-size:10px}
.public-summary-final{padding-top:8px;border-top:1px solid #d9d8d0;margin-top:2px;align-items:baseline}
.public-summary-final strong{font-size:20px}
.public-promo-label{
  margin:0 18px 11px;padding:7px 9px;border-radius:6px;background:#e8f1e4;color:#3f6146;
  font-size:9px;font-weight:800;
}
.public-submit{
  display:block;width:calc(100% - 36px);margin:4px 18px 9px;border:0;border-radius:8px;
  background:#46654d;color:#fff;padding:12px;font:inherit;font-size:11px;font-weight:900;cursor:pointer;
}
.public-summary-note{font-size:8px;line-height:1.45;color:#8b908d;margin:0 18px 17px;text-align:center}
.public-order-footer{
  display:flex;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:28px 0 0;color:#747d79;font-size:9px;
}
.public-message{padding:15px;border-radius:8px}.public-message.error{background:#f8e5e1;color:#8b3e34}

.public-success-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}
.public-success-card{
  width:min(600px,100%);background:#fffdf8;border:1px solid #ddd8ca;border-radius:14px;
  box-shadow:0 18px 55px rgba(32,48,42,.10);overflow:hidden;text-align:center;
}
.public-success-brand{background:#233a36;color:#fff;padding:22px}
.public-success-brand img{max-width:250px;max-height:70px}
.public-success-icon{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:#e5eee1;color:#42634a;font-size:26px;font-weight:900;margin:25px auto 10px;
}
.public-success-card h1{font-size:29px;margin:5px 20px 6px}
.public-success-lead{font-size:12px;color:#6f7874;margin:0 auto 15px;padding:0 25px}
.public-order-code{
  display:inline-block;background:#f0efe8;border-radius:7px;padding:7px 10px;
  font-size:10px;font-weight:900;margin-bottom:16px;
}
.public-success-info{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfddd4;
  border-top:1px solid #dfddd4;border-bottom:1px solid #dfddd4;
}
.public-success-info>div{background:#faf9f4;padding:11px;display:grid;gap:3px}
.public-success-info span{font-size:8px;text-transform:uppercase;color:#8a908d}
.public-success-info strong{font-size:11px}
.public-success-items{padding:12px 22px}
.public-success-item{
  display:flex;justify-content:space-between;gap:15px;text-align:left;padding:9px 0;border-bottom:1px solid #ecebe5;
}
.public-success-item>div{display:grid;gap:2px}
.public-success-item strong{font-size:10px}
.public-success-item small,.public-success-item em{font-size:8px;color:#7a837f;font-style:normal}
.public-success-note{color:#8a553e!important}
.public-success-item>b{font-size:10px;white-space:nowrap}
.public-success-total{padding:7px 22px 16px;display:grid;gap:6px}
.public-success-total>div{display:flex;justify-content:space-between;font-size:10px}
.public-success-total .final{padding-top:9px;border-top:1px solid #d9d8d0;font-size:14px}
.public-success-total .final strong{font-size:21px}
.public-success-status{margin:0 22px 14px;padding:9px;border-radius:7px;background:#f2f4ed;font-size:9px}
.public-new-order{
  display:inline-block;margin-bottom:17px;text-decoration:none;background:#46654d;color:#fff;
  border-radius:7px;padding:10px 14px;font-size:10px;font-weight:900;
}
.public-success-contact{
  display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:13px 20px;
  border-top:1px solid #e7e5dd;color:#7a827f;font-size:8px;
}

@media(max-width:850px){
  .public-order-header{padding:14px 18px}
  .public-order-layout{grid-template-columns:1fr}
  .public-summary-card{position:static}
}
@media(max-width:620px){
  .public-order-header{align-items:flex-start;flex-direction:column;gap:8px}
  .public-order-contact{text-align:left}
  .public-order-wrap{padding:22px 10px 35px}
  .public-order-intro h1{font-size:31px}
  .public-card{padding:14px}
  .public-customer-grid,.public-pickup-grid,.public-item-grid{grid-template-columns:1fr}
  .public-extra-field,.public-note-field{grid-column:auto}
  .public-section-title-action{align-items:flex-start;flex-direction:column}
  .public-add-item{align-self:stretch}
  .public-item-card{grid-template-columns:27px minmax(0,1fr) 26px}
  .public-item-content{grid-column:2}
  .public-item-price{grid-column:2;text-align:left;padding-top:0}
  .public-item-remove{grid-column:3;grid-row:1;margin-top:0}
  .public-success-info{grid-template-columns:1fr}
}


/* V4.6 - Web pública principal */
html{scroll-behavior:smooth}

.landing-body{
  margin:0;
  background:#f3efe4;
  color:#263b35;
}

.landing-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(35,58,54,.97);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.landing-header-inner{
  max-width:1180px;
  min-height:74px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
}

.landing-brand{
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
}

.landing-brand img{
  max-width:220px;
  max-height:54px;
  display:block;
}

.landing-brand-script{
  font-size:31px;
  line-height:1;
  font-style:italic;
  font-weight:800;
  letter-spacing:-1.2px;
}

.landing-brand small{
  display:block;
  margin-top:5px;
  font-size:7px;
  letter-spacing:1.8px;
  opacity:.72;
}

.landing-nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.landing-nav a{
  color:#f7f5ef;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  transition:opacity .18s ease;
}

.landing-nav a:hover{opacity:.72}

.landing-nav-order{
  background:#fff;
  color:#233a36!important;
  padding:9px 12px;
  border-radius:7px;
}

.landing-menu-toggle{
  display:none;
  border:0;
  background:transparent;
  color:#fff;
  font-size:25px;
  cursor:pointer;
}

.landing-hero{
  padding:88px 20px 72px;
  background:
    radial-gradient(circle at 80% 20%,rgba(93,119,93,.11),transparent 30%),
    linear-gradient(180deg,#f4f0e6 0%,#f0ebdf 100%);
}

.landing-hero-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:65px;
  align-items:center;
}

.landing-kicker{
  display:block;
  color:#6d826c;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.6px;
}

.landing-hero h1{
  max-width:690px;
  margin:10px 0 16px;
  font-size:58px;
  line-height:1.02;
  letter-spacing:-2.2px;
}

.landing-hero-copy>p{
  max-width:650px;
  margin:0;
  color:#66726d;
  font-size:15px;
  line-height:1.65;
}

.landing-hero-actions{
  display:flex;
  gap:10px;
  margin-top:27px;
  flex-wrap:wrap;
}

.landing-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:0 18px;
  border-radius:8px;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  box-sizing:border-box;
}

.landing-btn-primary{
  background:#46654d;
  color:#fff;
}

.landing-btn-secondary{
  border:1px solid #bac0b7;
  color:#34483e;
  background:transparent;
}

.landing-btn-light{
  background:#fffdf8;
  color:#233a36;
  min-width:145px;
}

.landing-hero-info{
  display:flex;
  gap:12px 20px;
  flex-wrap:wrap;
  margin-top:22px;
  color:#79817d;
  font-size:9px;
  font-weight:800;
}

.landing-hero-info span:before{
  content:"•";
  margin-right:7px;
  color:#758b70;
}

.landing-hero-card{
  min-height:290px;
  border-radius:18px;
  background:#233a36;
  color:#fff;
  padding:34px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 22px 48px rgba(32,48,42,.13);
}

.landing-hero-card-mark{
  width:72px;
  height:72px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:33px;
  font-weight:800;
  font-style:italic;
}

.landing-hero-card span{
  display:block;
  font-size:8px;
  letter-spacing:1.6px;
  opacity:.62;
}

.landing-hero-card strong{
  display:block;
  margin-top:5px;
  font-size:26px;
}

.landing-hero-card p{
  margin:6px 0 0;
  color:#cbd5d0;
  font-size:11px;
  line-height:1.5;
}

.landing-section,
.landing-how,
.landing-contact{
  max-width:1180px;
  margin:0 auto;
  padding:70px 20px;
}

.landing-section-head{
  max-width:600px;
  margin-bottom:27px;
}

.landing-section-head h2{
  margin:6px 0 7px;
  font-size:34px;
}

.landing-section-head p{
  margin:0;
  font-size:12px;
  color:#78817d;
}

.landing-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.landing-product-card{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  background:#fffdf8;
  border:1px solid #ddd8ca;
  border-radius:10px;
  padding:15px 16px;
}

.landing-product-number{
  font-size:16px;
  color:#70836d;
}

.landing-product-card h3{
  margin:0 0 2px;
  font-size:14px;
}

.landing-product-card p{
  margin:0;
  color:#7a827e;
  font-size:9px;
}

.landing-product-card>strong{
  font-size:12px;
  white-space:nowrap;
}

.landing-center{
  text-align:center;
  margin-top:25px;
}

.landing-how{
  max-width:none;
  background:#fffdf8;
}

.landing-how>.landing-section-head,
.landing-how>.landing-steps{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.landing-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}

.landing-steps article{
  border:1px solid #dfddd4;
  border-radius:11px;
  padding:22px;
  background:#faf8f2;
}

.landing-steps article>span{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#e7eee2;
  color:#3f5e46;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:900;
}

.landing-steps h3{
  margin:14px 0 5px;
  font-size:17px;
}

.landing-steps p{
  margin:0;
  color:#737d78;
  font-size:10px;
  line-height:1.55;
}

.landing-cta{
  max-width:1140px;
  margin:30px auto;
  padding:38px 40px;
  border-radius:14px;
  background:#46654d;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  box-sizing:border-box;
}

.landing-cta .landing-kicker{color:#d6e0d2}

.landing-cta h2{
  margin:5px 0 4px;
  font-size:28px;
}

.landing-cta p{
  margin:0;
  color:#dce5da;
  font-size:11px;
}

.landing-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.landing-contact-grid>div{
  min-height:100px;
  border-radius:10px;
  background:#fffdf8;
  border:1px solid #ddd8ca;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.landing-contact-grid span{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.9px;
  color:#818985;
}

.landing-contact-grid strong{
  margin-top:5px;
  font-size:14px;
}

.landing-footer{
  min-height:90px;
  background:#233a36;
  color:#fff;
  padding:20px max(20px,calc((100vw - 1180px)/2));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  box-sizing:border-box;
}

.landing-footer>div{
  display:grid;
  gap:3px;
}

.landing-footer strong{font-size:15px}
.landing-footer span,
.landing-footer small{
  font-size:8px;
  color:#cbd4d0;
}

.landing-empty{
  grid-column:1/-1;
  padding:18px;
  border:1px solid #ddd8ca;
  border-radius:9px;
  background:#fffdf8;
  font-size:11px;
  color:#747d79;
}

@media(max-width:780px){
  .landing-menu-toggle{display:block}

  .landing-nav{
    display:none;
    position:absolute;
    top:74px;
    left:0;
    right:0;
    background:#233a36;
    padding:12px 20px 18px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .landing-nav.open{display:flex}

  .landing-nav a{
    padding:10px 8px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .landing-nav-order{
    margin-top:6px;
    text-align:center;
  }

  .landing-hero{
    padding-top:55px;
  }

  .landing-hero-inner{
    grid-template-columns:1fr;
    gap:28px;
  }

  .landing-hero h1{
    font-size:42px;
  }

  .landing-hero-card{
    min-height:230px;
  }

  .landing-product-grid{
    grid-template-columns:1fr;
  }

  .landing-steps{
    grid-template-columns:1fr;
  }

  .landing-contact-grid{
    grid-template-columns:1fr;
  }

  .landing-cta{
    margin:20px 12px;
    padding:28px 24px;
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:480px){
  .landing-header-inner{padding:0 14px}
  .landing-brand img{max-width:180px}
  .landing-hero{padding-left:14px;padding-right:14px}
  .landing-hero h1{font-size:36px}
  .landing-section,
  .landing-how,
  .landing-contact{padding-left:14px;padding-right:14px}
  .landing-product-card{grid-template-columns:22px minmax(0,1fr)}
  .landing-product-card>strong{grid-column:2}
  .landing-footer{align-items:flex-start;flex-direction:column}
}


/* V4.7 - Slideshow, menú visual y gestión de imágenes */
.media-upload-form{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:10px;
  align-items:end;
  margin:14px 0 18px;
}
.media-upload-form label{margin:0}
.media-slide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.media-slide-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:9px;
  background:#fafaf7;
}
.media-slide-card>img{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  object-fit:cover;
}
.media-slide-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:8px;
}
.media-slide-footer small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.media-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.media-product-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fafaf7;
}
.media-product-image{
  aspect-ratio:4/3;
  background:#ecece5;
}
.media-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.media-product-placeholder{
  height:100%;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:11px;
}
.media-product-body{
  padding:11px;
  display:grid;
  gap:7px;
}
.media-product-body>strong{font-size:13px}
.media-product-body>small{font-size:9px;color:var(--muted)}
.media-product-form{display:grid;gap:7px}
.media-product-form input[type=file]{font-size:9px}

.landing-hero-slider{
  position:relative;
  overflow:hidden;
  min-height:560px;
  display:flex;
  align-items:center;
}
.landing-slides{
  position:absolute;
  inset:0;
  z-index:0;
}
.landing-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  transition:opacity .9s ease,transform 5.5s ease;
}
.landing-slide.active{
  opacity:1;
  transform:scale(1);
}
.landing-slide-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(20,36,31,.82) 0%,rgba(20,36,31,.66) 43%,rgba(20,36,31,.18) 100%);
}
.landing-hero-slider .landing-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
}
.landing-hero-copy.with-images{
  color:#fff;
  max-width:690px;
}
.landing-hero-copy.with-images .landing-kicker{color:#d7e4d3}
.landing-hero-copy.with-images>p{color:#edf1ed}
.landing-hero-copy.with-images .landing-btn-primary{
  background:#fff;
  color:#233a36;
}
.landing-hero-copy.with-images .landing-btn-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.55);
}
.landing-hero-copy.with-images .landing-hero-info{color:#e6ece7}
.landing-slide-dots{
  align-self:end;
  justify-self:end;
  display:flex;
  gap:7px;
  padding-bottom:5px;
}
.landing-slide-dots button{
  width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;
  background:transparent;cursor:pointer;
}
.landing-slide-dots button.active{background:#fff}
.landing-product-card-image{
  grid-template-columns:82px minmax(0,1fr) auto;
}
.landing-product-thumb{
  width:82px;height:68px;border-radius:7px;overflow:hidden;background:#e8e6dc;
}
.landing-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.landing-product-thumb-empty{
  width:100%;height:100%;display:grid;place-items:center;font-size:24px;
  font-weight:800;font-style:italic;color:#78867a;
}

.public-menu-catalog{
  margin-bottom:18px;
  padding:20px;
  background:#fffdf8;
  border:1px solid #ddd8ca;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(31,48,42,.045);
}
.public-menu-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:16px;
}
.public-menu-head h2{margin:4px 0 4px;font-size:27px}
.public-menu-head p{margin:0;font-size:10px;color:#79817d}
.public-cart-counter{
  padding:8px 10px;
  border-radius:18px;
  background:#e7eee2;
  color:#3f5d45;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.public-cart-counter span{font-size:13px}
.public-menu-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.public-menu-product{
  padding:0;
  overflow:hidden;
  border:1px solid #dfddd3;
  border-radius:12px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  font:inherit;
  color:#263b35;
  box-shadow:0 3px 10px rgba(29,45,39,.04);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.public-menu-product:hover{
  transform:translateY(-2px);
  border-color:#96a68f;
  box-shadow:0 9px 20px rgba(29,45,39,.09);
}
.public-menu-image{
  aspect-ratio:4/3;
  background:#eeece4;
  overflow:hidden;
}
.public-menu-image img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.public-menu-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  font-size:42px;font-weight:800;font-style:italic;color:#778778;
}
.public-menu-product-body{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 8px;
  align-items:center;
  padding:11px;
}
.public-menu-product-body strong{
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.public-menu-product-body>span{font-size:11px;font-weight:900}
.public-menu-product-body small{
  grid-column:1/-1;
  margin-top:4px;
  color:#55705a;
  font-size:9px;
  font-weight:900;
}
.public-items-empty{
  padding:22px;
  border:1px dashed #d7d5cb;
  border-radius:8px;
  text-align:center;
  color:#8a908d;
  font-size:10px;
}
.public-item-visual{
  grid-template-columns:30px 74px minmax(0,1fr) 78px 28px;
}
.public-item-thumb{
  width:74px;height:74px;border-radius:9px;overflow:hidden;background:#eceae1;
}
.public-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.public-item-thumb-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  font-size:28px;font-weight:800;font-style:italic;color:#788778;
}
.public-item-selected{
  margin-bottom:8px;
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.public-item-selected strong{display:block;font-size:13px}
.public-item-selected small{display:block;margin-top:2px;font-size:8px;color:#818884}

@media(max-width:1000px){
  .public-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .media-product-grid,.media-slide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .public-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .public-menu-catalog{padding:13px}
  .public-menu-head{align-items:flex-start;flex-direction:column}
  .public-item-visual{grid-template-columns:27px 58px minmax(0,1fr) 26px}
  .public-item-thumb{width:58px;height:58px}
  .public-item-content{grid-column:3}
  .public-item-price{grid-column:3}
  .public-item-remove{grid-column:4;grid-row:1}
  .media-upload-form{grid-template-columns:1fr}
}
@media(max-width:520px){
  .public-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-menu-product-body{padding:8px}
  .public-menu-product-body strong{font-size:10px}
  .public-menu-product-body>span{font-size:9px}
  .media-product-grid,.media-slide-grid{grid-template-columns:1fr}
  .landing-hero-slider{min-height:520px}
  .landing-slide-overlay{background:rgba(20,36,31,.67)}
  .landing-slide-dots{justify-self:start}
  .landing-product-card-image{grid-template-columns:70px minmax(0,1fr)}
  .landing-product-card-image>strong{grid-column:2}
  .landing-product-thumb{width:70px;height:60px}
}


/* V4.8 - Identidad visual basada en mockup aprobado */
.visual-home{
  margin:0;
  background:#f4f1e8;
  color:#162027;
  font-family:Arial,Helvetica,sans-serif;
}
.visual-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,244,236,.96);
  border-bottom:1px solid rgba(25,35,34,.08);
  backdrop-filter:blur(9px);
}
.visual-header-inner{
  max-width:1260px;
  height:100px;
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:350px 1fr auto;
  align-items:center;
  gap:26px;
  box-sizing:border-box;
}
.visual-logo img{max-width:330px;max-height:94px;display:block}
.visual-logo{text-decoration:none;color:#111}
.visual-logo-fallback strong{
  display:block;
  font-size:37px;
  font-family:Georgia,serif;
  font-style:italic;
  line-height:.9;
}
.visual-logo-fallback small{font-size:8px;letter-spacing:1.6px}
.visual-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
}
.visual-nav a{
  position:relative;
  color:#263038;
  text-decoration:none;
  font-size:14px;
  padding:35px 0 31px;
}
.visual-nav a.active:after,
.visual-nav a:hover:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:20px;
  height:3px;
  background:#3b7852;
  border-radius:3px;
}
.visual-order-btn,
.visual-hero-order{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#2f7548;
  color:#fff;
  border-radius:14px;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 8px 20px rgba(38,104,62,.18);
}
.visual-order-btn{min-width:170px;height:48px;font-size:15px}
.visual-menu-toggle{display:none;border:0;background:none;font-size:25px}

.visual-hero{
  position:relative;
  min-height:510px;
  overflow:hidden;
  background:#ded7c6;
}
.visual-hero-slides,.visual-hero-slide{
  position:absolute;
  inset:0;
}
.visual-hero-slide{
  background-position:center;
  background-size:cover;
  opacity:0;
  transform:scale(1.025);
  transition:opacity .9s ease,transform 5.4s ease;
}
.visual-hero-slide.active{opacity:1;transform:scale(1)}
.visual-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(245,241,231,.96) 0%,rgba(245,241,231,.88) 32%,rgba(245,241,231,.30) 60%,rgba(245,241,231,.06) 100%);
}
.visual-hero-content{
  position:relative;
  z-index:3;
  max-width:1260px;
  min-height:510px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  box-sizing:border-box;
}
.visual-hero-copy{width:min(610px,55%)}
.visual-eyebrow{
  display:block;
  color:#387550;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.6px;
  margin-bottom:8px;
}
.visual-hero h1{
  margin:0 0 16px;
  font-size:49px;
  line-height:1.05;
  letter-spacing:-1.8px;
  color:#15202a;
}
.visual-hero p{
  margin:0;
  max-width:510px;
  color:#34424a;
  font-size:18px;
  line-height:1.5;
}
.visual-hero-order{
  margin-top:24px;
  min-width:190px;
  height:56px;
  font-size:17px;
}
.visual-slider-dots{display:flex;gap:9px;margin-top:30px}
.visual-slider-dots button{
  width:11px;height:11px;border:0;border-radius:50%;
  background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.08);
  padding:0;cursor:pointer;
}
.visual-slider-dots button.active{background:#2f7548}

.visual-products{
  max-width:1260px;
  margin:0 auto;
  padding:34px 24px 50px;
}
.visual-section-top{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:15px;
}
.visual-section-top h2{
  margin:0;
  font-size:40px;
  letter-spacing:-1.2px;
}
.visual-section-top>a{
  color:#39784f;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.visual-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.visual-product-card{
  overflow:hidden;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 24px rgba(31,38,35,.10);
  display:flex;
  flex-direction:column;
  min-height:330px;
}
.visual-product-image{
  height:170px;
  display:block;
  background:#fbfbf8;
  overflow:hidden;
}
.visual-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:8px;
  box-sizing:border-box;
}
.visual-product-placeholder{
  height:100%;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-size:48px;
  font-style:italic;
  color:#718071;
}
.visual-product-body{
  padding:13px 15px 15px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.visual-product-body h3{
  margin:0 0 5px;
  text-transform:uppercase;
  font-size:15px;
}
.visual-product-body p{
  min-height:44px;
  margin:0;
  color:#6b747b;
  font-size:12px;
  line-height:1.35;
}
.visual-product-footer{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.visual-product-footer>strong{font-size:17px}
.visual-add-btn{
  background:#377a4b;
  color:#fff;
  text-decoration:none;
  border-radius:9px;
  padding:9px 13px;
  font-size:12px;
  font-weight:800;
}

.visual-how{
  background:#fff;
  border-top:1px solid #ece9df;
  border-bottom:1px solid #ece9df;
}
.visual-how-inner{
  max-width:1260px;
  margin:0 auto;
  padding:50px 24px;
}
.visual-how h2,.visual-contact h2{
  margin:0 0 22px;
  font-size:33px;
}
.visual-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.visual-step-grid article{
  padding:22px;
  border-radius:14px;
  background:#f6f3eb;
}
.visual-step-grid article>span{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:#dfeadd;
  color:#2f6740;font-weight:900;
}
.visual-step-grid h3{margin:14px 0 5px}
.visual-step-grid p{margin:0;color:#6d7672;font-size:13px}
.visual-contact{
  max-width:1260px;margin:0 auto;padding:50px 24px;
  display:flex;justify-content:space-between;gap:30px;align-items:center;
}
.visual-contact-info{display:flex;gap:24px;flex-wrap:wrap}
.visual-contact-info span{font-size:11px;color:#727b76;display:grid;gap:3px}
.visual-contact-info strong{font-size:13px;color:#27352f}
.visual-footer{
  min-height:86px;
  background:#233a36;color:#fff;
  display:flex;justify-content:space-between;align-items:center;
  padding:0 max(24px,calc((100vw - 1260px)/2));
  box-sizing:border-box;
}
.visual-footer span{font-size:10px;color:#d3ddd8}

/* Pedido visual estilo catálogo */
.visual-order-page{
  background:#f1efe9;
}
.visual-order-page .public-order-header{
  background:#f7f4ec;
  color:#18222a;
  border-bottom:1px solid #e2ded4;
}
.visual-order-page .public-order-brand img{max-width:300px;max-height:90px;width:auto;height:auto}
.visual-order-page .public-order-contact span{color:#68726e}
.visual-order-page .public-order-wrap{max-width:1260px}
.visual-order-page .public-order-intro{
  max-width:760px;
}
.visual-order-page .public-order-intro h1{
  font-size:40px;
  letter-spacing:-1px;
}
.visual-order-page .public-menu-catalog{
  border:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.visual-order-page .public-menu-head h2{
  font-size:36px;
  margin-top:2px;
}
.visual-order-page .public-menu-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.visual-order-page .public-menu-product{
  border:0;
  border-radius:14px;
  box-shadow:0 6px 24px rgba(31,38,35,.10);
  background:#fff;
}
.visual-order-page .public-menu-image{
  aspect-ratio:1.6/1;
  background:#fff;
}
.visual-order-page .public-menu-image img{
  object-fit:contain;
  padding:7px;
  box-sizing:border-box;
}
.visual-order-page .public-menu-product-body{
  display:block;
  padding:12px 13px 13px;
}
.visual-order-page .public-menu-product-body>strong{
  display:block;
  font-size:13px;
  text-transform:uppercase;
  white-space:normal;
}
.visual-order-page .public-menu-product-body>p{
  min-height:42px;
  margin:5px 0 9px;
  color:#6f777d;
  font-size:10px;
  line-height:1.35;
}
.visual-order-page .public-menu-product-body>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.visual-order-page .public-menu-product-body>div>span{
  font-size:15px;
  font-weight:900;
}
.visual-order-page .public-menu-product-body>div>small{
  background:#377a4b;
  color:#fff;
  border-radius:8px;
  padding:8px 10px;
  font-size:10px;
  font-weight:900;
}
.visual-order-page .public-menu-product:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(31,38,35,.14);
}
.visual-order-page .public-card,
.visual-order-page .public-summary-card{
  border:0;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(31,38,35,.07);
  background:#fff;
}
.visual-order-page .public-summary-head{
  background:#233a36;
}
.visual-order-page .public-submit,
.visual-order-page .public-add-item,
.visual-order-page .public-extra-add{
  background:#377a4b;
}

@media(max-width:1050px){
  .visual-header-inner{grid-template-columns:220px 1fr auto}
  .visual-nav{gap:18px}
  .visual-product-grid,
  .visual-order-page .public-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .visual-header-inner{
    height:78px;
    grid-template-columns:1fr auto;
  }
  .visual-menu-toggle{display:block}
  .visual-order-btn{display:none}
  .visual-nav{
    display:none;
    position:absolute;
    top:78px;left:0;right:0;
    padding:10px 18px 16px;
    background:#f7f4ec;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    border-top:1px solid #e5e1d8;
  }
  .visual-nav.open{display:flex}
  .visual-nav a{padding:12px 4px}
  .visual-nav a.active:after,.visual-nav a:hover:after{display:none}
  .visual-hero-copy{width:min(670px,85%)}
  .visual-hero h1{font-size:42px}
  .visual-product-grid,
  .visual-order-page .public-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .visual-header-inner{padding:0 14px}
  .visual-logo img{max-width:205px;max-height:68px}
  .visual-hero{min-height:480px}
  .visual-hero-content{min-height:480px;padding:0 16px}
  .visual-hero-overlay{background:rgba(247,244,236,.78)}
  .visual-hero-copy{width:100%}
  .visual-hero h1{font-size:34px}
  .visual-hero p{font-size:15px}
  .visual-products{padding-left:12px;padding-right:12px}
  .visual-section-top h2{font-size:31px}
  .visual-product-grid,
  .visual-order-page .public-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .visual-product-card{min-height:290px}
  .visual-product-image{height:120px}
  .visual-product-body{padding:10px}
  .visual-product-body h3{font-size:12px}
  .visual-product-body p{font-size:10px;min-height:54px}
  .visual-product-footer{align-items:flex-end;flex-direction:column}
  .visual-product-footer>strong{align-self:flex-start}
  .visual-add-btn{align-self:stretch;text-align:center}
  .visual-step-grid{grid-template-columns:1fr}
  .visual-contact{align-items:flex-start;flex-direction:column}
  .visual-footer{padding:18px;align-items:flex-start;flex-direction:column;gap:5px}
  .visual-order-page .public-menu-product-body>p{min-height:54px;font-size:9px}
  .visual-order-page .public-menu-product-body>div{align-items:flex-start;flex-direction:column}
  .visual-order-page .public-menu-product-body>div>small{width:100%;box-sizing:border-box;text-align:center}
}

@media(max-width:560px){
  .visual-order-page .public-order-brand img{
    max-width:220px;
    max-height:72px;
  }
}

/* V4.8.3 - Logo de pedido enlazado a la Home */
.public-order-home-link{
  display:inline-block;
  text-decoration:none;
  color:inherit;
}
.public-order-home-link img{
  display:block;
}

/* V4.8.4 - Header de Home reutilizado en página de pedido */
.visual-order-page .visual-header{
  position:sticky;
  top:0;
  z-index:100;
}
.visual-order-page .visual-nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  height:3px;
  background:#3b7852;
  border-radius:3px;
}
@media(max-width:820px){
  .visual-order-page .visual-nav a.active:after{display:none}
}


/* V5.0 - Cuentas de clientes */
.customer-auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px 14px;background:#f4f1e9}
.customer-auth-card{width:min(460px,100%);background:#fff;border:1px solid #ded8ca;border-radius:18px;padding:30px;box-shadow:0 18px 55px rgba(32,43,35,.10)}
.customer-auth-card h1{margin:6px 0 8px;font-size:36px}.customer-auth-card>p{color:#68736d;margin:0 0 22px}
.customer-auth-card form{display:grid;gap:14px}.customer-auth-card label{display:grid;gap:6px;font-size:12px;font-weight:800}
.customer-auth-card input{width:100%;padding:12px;border:1px solid #d6d8d2;border-radius:8px}
.customer-auth-back{display:inline-block;margin-bottom:20px;color:#496058;text-decoration:none}
.customer-auth-error{background:#fbe7e4;color:#8b2d26;padding:10px 12px;border-radius:8px;margin-bottom:14px}
.customer-auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#7b817d;font-size:11px}.customer-auth-divider:before,.customer-auth-divider:after{content:"";height:1px;background:#e4e4df;flex:1}
.customer-auth-secondary{display:block;text-align:center;color:#35584c;font-weight:800;text-decoration:none}
.customer-account-create-note{margin-top:12px;padding:12px 14px;border-radius:9px;background:#edf3e9;display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;font-size:11px}.customer-account-create-note strong{color:#315243}.customer-account-create-note span{color:#66726c}.customer-account-create-note a{margin-left:auto;color:#315243;font-weight:800}
.customer-order-logged{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #d9e4d5;background:#f4f8f1;border-radius:10px}.customer-order-logged>div{display:grid;gap:3px}.customer-order-logged small{font-size:9px;letter-spacing:.8px;color:#6d776f}.customer-order-logged strong{font-size:17px}.customer-order-logged span{font-size:11px;color:#68736d}.customer-order-logged a{font-weight:800;color:#35584c}
.customer-success-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.public-new-order.secondary{background:#fff;color:#315243;border:1px solid #ccd8ce}
.customer-account-header{height:64px;padding:0 max(18px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:#173a30;color:#fff;gap:12px}.customer-account-brand{color:#fff;text-decoration:none;font-size:24px;font-weight:900}.customer-account-header>div{display:flex;align-items:center;gap:8px}.customer-account-header form{margin:0}.customer-account-header button,.customer-account-order{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:8px;padding:9px 12px;text-decoration:none;font-weight:800;cursor:pointer}.customer-account-order{background:#fff;color:#173a30}
.customer-account-wrap{width:min(1080px,calc(100% - 28px));margin:28px auto 60px}.customer-account-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.customer-account-hero h1{font-size:38px;margin:4px 0}.customer-account-hero p{margin:0;color:#69736e}.customer-verified-badge{padding:8px 11px;border-radius:999px;background:#fff0cc;color:#755d1a;font-size:10px;font-weight:900}.customer-verified-badge.verified{background:#dff1e4;color:#25603b}
.customer-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.customer-account-stats>div{background:#fff;border:1px solid #e1ded5;border-radius:12px;padding:18px;display:grid;gap:4px}.customer-account-stats strong{font-size:25px}.customer-account-stats span{font-size:10px;color:#707972;text-transform:uppercase}
.customer-orders-section{background:#fff;border:1px solid #e1ded5;border-radius:15px;padding:22px}.customer-orders-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.customer-orders-title h2{margin:3px 0}.customer-orders-title>a{color:#315243;font-weight:800}.customer-order-list{display:grid;gap:9px}.customer-order-card{border:1px solid #e1e3df;border-radius:10px;padding:14px}.customer-order-card.cancelled{opacity:.65;background:#fff5f3}.customer-order-top,.customer-order-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.customer-order-top>div{display:grid;gap:3px}.customer-order-top small{color:#7b827d}.customer-order-status{font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:#eee}.customer-order-status.status-entregado{background:#dff1e4;color:#25603b}.customer-order-status.status-cancelado{background:#f8dfdc;color:#8b2d26}.customer-order-status.status-pendiente{background:#fff0cc;color:#755d1a}.customer-order-products{font-size:12px;color:#5e6963;padding:11px 0;border-bottom:1px solid #eee}.customer-order-bottom{padding-top:10px}.customer-order-bottom span{font-size:10px;color:#727b76}.customer-order-bottom strong{font-size:17px}.customer-empty-orders{padding:25px;text-align:center;color:#6f7772;background:#f8f8f5;border-radius:9px}
@media(max-width:650px){.customer-account-header{height:auto;padding:10px 12px}.customer-account-brand{font-size:20px}.customer-account-order{display:none}.customer-account-hero{align-items:flex-start;flex-direction:column}.customer-account-hero h1{font-size:30px}.customer-account-stats{grid-template-columns:1fr 1fr}.customer-account-stats>div:last-child{grid-column:1/-1}.customer-orders-section{padding:13px}.customer-order-top,.customer-order-bottom{align-items:flex-start;flex-direction:column}.customer-order-logged{align-items:flex-start;flex-direction:column}.customer-account-create-note a{margin-left:0;width:100%}}

/* V5.0.5 - Fondo del box del logo en pedido confirmado */
.public-success-brand{background:#f6f3eb !important;}


/* V5.0.6 - Detalle completo de pedidos en Mi cuenta */
.customer-order-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.customer-order-meta>div{
  background:#f6f3eb;
  border:1px solid #e2ddd0;
  border-radius:9px;
  padding:9px 10px;
  display:grid;
  gap:3px;
}
.customer-order-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#7a817d;font-weight:800}
.customer-order-meta strong{font-size:12px;color:#273c34}
.customer-order-detail-items{display:grid;gap:8px;margin-top:10px}
.customer-order-detail-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  border:1px solid #e5e0d4;
  border-radius:10px;
  padding:11px 12px;
  background:#fffdf8;
}
.customer-order-detail-item-main{display:grid;gap:4px;min-width:0}
.customer-order-detail-item-main>strong{font-size:13px;color:#263a33}
.customer-order-detail-item-main>small{font-size:11px;color:#68746f}
.customer-order-detail-extras{display:grid;gap:2px;margin-top:2px}
.customer-order-detail-extras span{font-size:11px;color:#63765e;font-weight:700}
.customer-order-detail-note{
  margin-top:3px;
  font-size:11px;
  line-height:1.4;
  background:#f6f3eb;
  border-radius:6px;
  padding:6px 8px;
  color:#4d5b56;
}
.customer-order-detail-price{white-space:nowrap;font-size:13px;color:#263a33}
.customer-order-general-extras,.customer-order-general-note{
  margin-top:9px;
  padding:10px 12px;
  border-radius:9px;
  background:#f6f3eb;
  border:1px solid #e2ddd0;
  display:grid;
  gap:4px;
  font-size:11px;
}
.customer-order-general-extras>strong,.customer-order-general-note>strong{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:#43544d;
}
.customer-order-general-extras span{color:#63765e;font-weight:700}
.customer-order-general-note span{line-height:1.45;color:#4f5d58}
.customer-order-totals{
  display:grid;
  gap:5px;
  margin-top:12px;
  border-top:1px solid #e2ddd0;
  padding-top:10px;
}
.customer-order-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.customer-order-totals .discount strong{color:#63765e}
.customer-order-totals .total{
  font-size:15px;
  padding-top:5px;
  margin-top:2px;
  border-top:1px dashed #ddd7ca;
}
.customer-order-detail-empty{font-size:12px;color:#7b817f;padding:8px 0}
@media(max-width:720px){
  .customer-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){
  .customer-order-meta{grid-template-columns:1fr 1fr}
  .customer-order-detail-item{gap:8px}
}

/* V5.0.10 - Total de extras en Mi cuenta */
.customer-order-extras-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:9px;
  background:#f6f3eb;
  border:1px solid #ddd6c7;
}
.customer-order-extras-total span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  color:#53635c;
}
.customer-order-extras-total strong{
  font-size:14px;
  color:#263a33;
}


/* V5.0.11 - Retiro / Take Away */
.public-pickup-zone-note{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid #ded8ca;
  border-radius:11px;
  background:#f6f3eb;
}
.public-pickup-zone-note>div{display:grid;gap:3px}
.public-pickup-zone-note small{
  font-size:9px;
  letter-spacing:.8px;
  font-weight:900;
  color:#748079;
}
.public-pickup-zone-note strong{font-size:13px;color:#293f36}
.public-pickup-zone-note p{
  grid-column:1/-1;
  margin:2px 0 0;
  font-size:11px;
  line-height:1.45;
  color:#66716c;
}
.public-pickup-location-card{
  margin:18px 0;
  padding:16px;
  border:1px solid #d9d2c3;
  border-radius:12px;
  background:#f6f3eb;
  text-align:left;
}
.public-pickup-location-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:8px;
}
.public-pickup-location-head span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.9px;
  color:#607068;
}
.public-pickup-location-head strong{
  font-size:11px;
  color:#355047;
}
.public-pickup-address{
  font-size:17px;
  font-weight:900;
  line-height:1.25;
  color:#273c34;
  margin-bottom:10px;
}
.public-pickup-date-line{
  display:flex;
  gap:10px;
  justify-content:space-between;
  padding:8px 0;
  border-top:1px solid #ddd6c7;
  border-bottom:1px solid #ddd6c7;
  font-size:12px;
}
.public-pickup-location-card p{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
  color:#596760;
}
.public-maps-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  min-height:40px;
  padding:0 16px;
  border-radius:8px;
  background:#293f36;
  color:#fff !important;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.customer-order-pickup-location{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:10px 0 12px;
  padding:11px 12px;
  border:1px solid #ddd6c7;
  border-radius:10px;
  background:#f6f3eb;
}
.customer-order-pickup-location>div{display:grid;gap:3px}
.customer-order-pickup-location small{
  font-size:9px;
  font-weight:900;
  letter-spacing:.7px;
  color:#68776f;
}
.customer-order-pickup-location strong{
  font-size:13px;
  color:#293f36;
}
.customer-order-pickup-location span{
  font-size:11px;
  line-height:1.4;
  color:#66716c;
}
.customer-order-pickup-location a{
  flex:0 0 auto;
  text-decoration:none;
  border-radius:8px;
  background:#293f36;
  color:#fff;
  padding:9px 12px;
  font-size:11px;
  font-weight:900;
}
@media(max-width:560px){
  .public-pickup-zone-note{grid-template-columns:1fr}
  .public-pickup-zone-note p{grid-column:auto}
  .customer-order-pickup-location{align-items:flex-start;flex-direction:column}
  .customer-order-pickup-location a{width:100%;text-align:center}
}


/* V5.0.12 - Retiro destacado en pedido_confirmado.php */
.public-success-card .public-pickup-location-card{
  position:relative;
  margin:24px 0 20px;
  padding:22px 20px 20px;
  border:2px solid #263f35;
  border-radius:16px;
  background:#fffdf8;
  box-shadow:0 10px 28px rgba(38,63,53,.14);
  overflow:hidden;
}
.public-success-card .public-pickup-location-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:#263f35;
}
.public-success-card .public-pickup-location-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #d9d2c3;
}
.public-success-card .public-pickup-location-head span{
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  color:#263f35;
}
.public-success-card .public-pickup-location-head strong{
  padding:6px 10px;
  border-radius:999px;
  background:#263f35;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.3px;
}
.public-success-card .public-pickup-address{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.25;
  font-weight:900;
  color:#1f342c;
}
.public-success-card .public-pickup-date-line{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 14px;
  padding:12px;
  border:1px solid #ddd6c7;
  border-radius:10px;
  background:#f6f3eb;
}
.public-success-card .public-pickup-date-line span,
.public-success-card .public-pickup-date-line strong{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#263f35;
  text-align:center;
}
.public-success-card .public-pickup-location-card p{
  margin:0 0 14px;
  padding:11px 12px;
  border-radius:10px;
  background:#f7f4ed;
  font-size:13px;
  line-height:1.55;
  color:#4f5e57;
}
.public-success-card .public-maps-button{
  display:flex;
  width:100%;
  min-height:50px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  margin-top:14px;
  border:2px solid #263f35;
  border-radius:10px;
  background:#263f35;
  color:#fff !important;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  font-weight:900;
  letter-spacing:.8px;
  box-shadow:0 6px 16px rgba(38,63,53,.18);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.public-success-card .public-maps-button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(38,63,53,.22);
}
.public-success-card .public-maps-button:focus-visible{
  outline:3px solid rgba(38,63,53,.22);
  outline-offset:3px;
}
@media(max-width:560px){
  .public-success-card .public-pickup-location-card{
    padding:18px 15px 16px;
  }
  .public-success-card .public-pickup-address{
    font-size:19px;
  }
  .public-success-card .public-pickup-date-line{
    grid-template-columns:1fr;
  }
  .public-success-card .public-maps-button{
    min-height:52px;
    font-size:14px;
  }
}

/* V5.1 disponibilidad */
.public-menu-product.public-product-soldout{
  opacity:.48;filter:grayscale(.55);cursor:not-allowed;position:relative
}
.public-menu-product.public-product-soldout::after{
  content:"AGOTADA";position:absolute;top:12px;right:12px;background:#8c3434;color:#fff;
  padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.7px
}
.public-item-card.public-item-unavailable{
  border:2px solid #b54a45!important;background:#fff4f3!important
}
.public-item-card.public-item-unavailable::before{
  content:"AGOTADA PARA LA FECHA ELEGIDA · QUITAR O CAMBIAR FECHA";
  display:block;color:#9b3632;font-size:10px;font-weight:900;letter-spacing:.35px;margin-bottom:8px
}


/* ===== V5.2 SEO LOCAL ===== */
.visual-local-seo{padding:72px 24px;background:#f6f3eb;border-top:1px solid rgba(34,60,45,.12)}
.visual-local-seo-inner{max-width:920px;margin:0 auto;text-align:center}
.visual-local-seo h2{font-size:clamp(30px,4vw,48px);margin:8px 0 16px}
.visual-local-seo p{max-width:760px;margin:10px auto;line-height:1.75;font-size:17px}
.visual-local-seo a{color:inherit;font-weight:800}
.seo-page{background:#f7f3e9}
.seo-simple-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.seo-simple-header>a:first-child{display:flex;flex-direction:column;text-decoration:none;color:#1f392c}
.seo-simple-header strong{font-size:28px}.seo-simple-header small{font-size:10px;letter-spacing:.12em}
.seo-content{max-width:1180px;margin:0 auto;padding:38px 24px 72px}
.seo-breadcrumb{font-size:14px;margin-bottom:34px;color:#657269}.seo-breadcrumb a{color:inherit}
.seo-intro{max-width:820px;margin-bottom:38px}.seo-intro h1{font-size:clamp(34px,5vw,58px);margin:8px 0 14px}.seo-intro p{font-size:18px;line-height:1.7}
.visual-product-body h2{font-size:inherit;margin:0}.visual-product-body h2 a{text-decoration:none;color:inherit}
.seo-product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:54px;align-items:center;background:#fff;padding:34px;border-radius:24px;box-shadow:0 12px 40px rgba(38,48,39,.08)}
.seo-product-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block}
.seo-product-photo .visual-product-placeholder{min-height:420px;border-radius:18px}
.seo-product-copy h1{font-size:clamp(38px,5vw,64px);margin:8px 0 18px}.seo-lead{font-size:20px;line-height:1.6}.seo-product-copy>p{line-height:1.7}
.seo-price{display:block;font-size:28px;margin:24px 0 18px}
@media(max-width:760px){.seo-product-detail{grid-template-columns:1fr;padding:20px;gap:28px}.seo-simple-header{padding:14px 18px}.seo-simple-header strong{font-size:23px}.seo-content{padding:26px 16px 50px}}


/* ===== V5.2.2 · GRAFICA PAGINAS DE PRODUCTOS ===== */
:root{
  --piadina-green:#263f35;
  --piadina-green-2:#334f43;
  --piadina-cream:#f5efe2;
  --piadina-paper:#fffaf0;
  --piadina-red:#9c463d;
  --piadina-gold:#b39055;
  --piadina-ink:#24362f;
}
.product-art-page,.products-art-page{
  background:
    radial-gradient(circle at 12% 8%,rgba(179,144,85,.08) 0 2px,transparent 3px) 0 0/36px 36px,
    linear-gradient(180deg,#f8f3e8 0%,#f4eddf 100%);
  color:var(--piadina-ink);
}
.product-top-ribbon{
  min-height:31px;display:flex;align-items:center;justify-content:center;
  background:var(--piadina-green);color:#fff;font-size:10px;font-weight:900;
  letter-spacing:.22em;text-align:center;padding:0 16px;
}
.product-brand-header{background:rgba(255,250,240,.94);backdrop-filter:blur(10px)}
.product-brand-lockup .product-brand-script{
  font-family:Georgia,"Times New Roman",serif;font-size:31px;font-style:italic;font-weight:800;
  line-height:.95;color:var(--piadina-green);
}
.product-brand-lockup small{margin-top:6px;color:#6a766e}
.product-header-actions{display:flex;align-items:center;gap:14px}
.product-menu-link{
  color:var(--piadina-green);font-size:12px;font-weight:900;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--piadina-green);
}
.product-art-content,.products-art-content{position:relative}
.product-art-content::before,.products-art-content::before{
  content:"";position:absolute;right:-80px;top:10px;width:210px;height:210px;border:1px solid rgba(38,63,53,.11);
  border-radius:50%;box-shadow:0 0 0 28px rgba(38,63,53,.025),0 0 0 58px rgba(38,63,53,.018);pointer-events:none
}
.product-breadcrumb{display:flex;align-items:center;gap:9px;position:relative;z-index:2}
.product-breadcrumb span{opacity:.45}
.product-art-card{
  position:relative;overflow:hidden;border:1px solid rgba(38,63,53,.11);
  background:rgba(255,250,240,.96);box-shadow:0 24px 70px rgba(57,52,41,.12);
}
.product-art-card::before{
  content:"";position:absolute;inset:14px;border:1px solid rgba(179,144,85,.24);
  border-radius:17px;pointer-events:none;z-index:0
}
.product-art-photo,.product-art-copy{position:relative;z-index:1}
.product-art-photo{padding:8px}
.product-art-photo img{aspect-ratio:1/1;box-shadow:0 13px 34px rgba(31,46,39,.14)}
.product-photo-kicker{
  position:absolute;left:26px;top:26px;z-index:3;background:var(--piadina-green);color:#fff;
  font-size:9px;font-weight:900;letter-spacing:.16em;padding:9px 12px;border-radius:999px;
  box-shadow:0 6px 14px rgba(38,63,53,.18)
}
.product-photo-seal{
  position:absolute;right:-9px;bottom:20px;width:118px;height:118px;border-radius:50%;
  background:var(--piadina-red);color:#fff;border:4px solid var(--piadina-paper);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  transform:rotate(-7deg);box-shadow:0 10px 22px rgba(64,40,35,.18)
}
.product-photo-seal::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.55);border-radius:50%}
.product-photo-seal span,.product-photo-seal small{font-size:8px;letter-spacing:.13em;font-weight:800}
.product-photo-seal strong{font-size:13px;letter-spacing:.05em;margin:4px 0}
.product-art-copy{padding:16px 8px 12px}
.product-mini-label{
  display:inline-block;color:var(--piadina-red);font-size:10px;font-weight:900;letter-spacing:.22em;
  border-bottom:1px solid rgba(156,70,61,.35);padding-bottom:5px
}
.product-art-copy h1{
  font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--piadina-green);
  letter-spacing:-.035em;line-height:.94
}
.product-title-rule{display:flex;align-items:center;gap:10px;max-width:280px;margin:0 0 24px}
.product-title-rule span{height:1px;background:rgba(38,63,53,.25);flex:1}.product-title-rule b{color:var(--piadina-gold);font-size:12px}
.product-title-rule-left{margin-left:0}
.product-art-copy .seo-lead{font-family:Georgia,"Times New Roman",serif;color:#3b4b44;font-size:20px}
.product-feature-grid{display:grid;gap:9px;margin:24px 0}
.product-feature{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-top:1px solid rgba(38,63,53,.11)
}
.product-feature:last-child{border-bottom:1px solid rgba(38,63,53,.11)}
.product-feature-icon{
  flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--piadina-green);color:#fff;font-size:9px;font-weight:900;letter-spacing:.05em
}
.product-feature div{display:flex;flex-direction:column}.product-feature strong{font-size:13px}.product-feature small{font-size:11px;color:#7a827e;margin-top:2px}
.product-local-note{
  display:flex;gap:12px;align-items:flex-start;background:#efe6d5;border-left:4px solid var(--piadina-gold);
  padding:13px 14px;margin:18px 0;border-radius:0 10px 10px 0
}
.product-local-pin{font-size:20px;line-height:1;color:var(--piadina-red)}.product-local-note p{margin:0!important;font-size:12px;line-height:1.55!important}
.product-buy-row{
  display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:14px;margin-top:22px
}
.product-price-block{min-width:120px;padding:9px 15px;border:1px solid rgba(38,63,53,.15);background:#fffaf2;border-radius:12px}
.product-price-block small{display:block;font-size:9px;font-weight:900;letter-spacing:.15em;color:#7b827e}
.product-price-block .seo-price{font-size:25px;margin:3px 0 0;color:var(--piadina-green)}
.product-order-cta{
  margin:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:18px;
  min-height:60px;padding:0 20px!important
}
.product-order-cta b{font-size:23px}
.product-signature{
  margin-top:19px;font-family:Georgia,"Times New Roman",serif;font-style:italic;
  text-align:right;color:#7a7468;font-size:15px
}
.product-story-strip{
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  margin:34px auto 0;padding:16px 22px;border-top:1px solid rgba(38,63,53,.12);border-bottom:1px solid rgba(38,63,53,.12);
  color:var(--piadina-green);font-size:10px;font-weight:900;letter-spacing:.18em
}
.product-story-strip i{color:var(--piadina-red);font-style:normal}
.product-art-footer{background:var(--piadina-green)!important;color:#fff!important}

/* Menú general */
.products-hero-art{
  position:relative;display:grid;grid-template-columns:1fr 310px;gap:54px;align-items:center;
  padding:48px 52px;margin-bottom:42px;border-radius:25px;overflow:hidden;
  background:
    linear-gradient(115deg,rgba(255,250,240,.98),rgba(239,230,213,.94)),
    #efe6d5;
  border:1px solid rgba(38,63,53,.12);box-shadow:0 18px 54px rgba(57,52,41,.08)
}
.products-hero-art::after{
  content:"";position:absolute;right:220px;bottom:-95px;width:270px;height:270px;border-radius:50%;
  border:1px solid rgba(38,63,53,.08);box-shadow:0 0 0 34px rgba(38,63,53,.025)
}
.products-hero-copy{position:relative;z-index:2}
.products-hero-copy h1{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,70px);
  line-height:.97;letter-spacing:-.045em;color:var(--piadina-green);margin:10px 0 18px
}
.products-hero-copy h1 em{color:var(--piadina-red);font-weight:500}
.products-hero-copy p{max-width:680px;font-size:17px;line-height:1.7}
.products-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.products-hero-badges span{
  border:1px solid rgba(38,63,53,.22);border-radius:999px;padding:8px 11px;
  font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--piadina-green)
}
.products-hero-mark{
  width:245px;height:245px;border-radius:50%;justify-self:center;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;background:var(--piadina-green);color:#fff;
  border:9px solid #ede0cc;box-shadow:0 0 0 1px var(--piadina-green),0 14px 30px rgba(38,63,53,.18);
  transform:rotate(4deg);position:relative;z-index:2
}
.products-hero-mark::before{content:"";position:absolute;inset:13px;border:1px dashed rgba(255,255,255,.42);border-radius:50%}
.products-hero-mark span{font-size:10px;letter-spacing:.23em}.products-hero-mark strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:.95;margin:11px 0}.products-hero-mark small{font-size:8px;letter-spacing:.13em}
.products-art-grid{gap:26px}
.products-art-card{
  position:relative;overflow:hidden;border-radius:20px!important;border:1px solid rgba(38,63,53,.11)!important;
  background:#fffaf1!important;box-shadow:0 14px 38px rgba(57,52,41,.08)!important;transition:transform .2s ease,box-shadow .2s ease
}
.products-art-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(57,52,41,.13)!important}
.products-art-card .visual-product-image{position:relative;overflow:hidden}
.products-art-card .visual-product-image::after{
  content:"FATTA A MANO";position:absolute;left:13px;bottom:13px;background:rgba(38,63,53,.92);
  color:#fff;font-size:8px;font-weight:900;letter-spacing:.14em;padding:7px 9px;border-radius:999px
}
.products-art-card-body{padding:18px 19px 20px!important}
.products-card-kicker{font-size:8px;font-weight:900;letter-spacing:.16em;color:var(--piadina-red)}
.products-art-card-body h2{
  font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:27px!important;margin:5px 0 9px!important;color:var(--piadina-green)
}
.products-art-card-body p{min-height:58px;line-height:1.5;color:#5d6963}
.products-art-card .visual-product-footer{border-top:1px solid rgba(38,63,53,.1);padding-top:14px;margin-top:13px}
.products-bottom-message{
  margin-top:54px;padding:50px 24px;text-align:center;border-top:1px solid rgba(38,63,53,.13);
  border-bottom:1px solid rgba(38,63,53,.13);background:rgba(255,250,240,.62)
}
.products-bottom-message>span{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--piadina-red)}
.products-bottom-message h2{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(30px,4vw,48px);color:var(--piadina-green);margin:8px 0}
.products-bottom-message p{margin:0 auto 20px;max-width:620px;color:#68736d}

@media(max-width:850px){
  .products-hero-art{grid-template-columns:1fr;padding:38px 30px}.products-hero-mark{width:190px;height:190px;justify-self:start}
  .product-buy-row{grid-template-columns:1fr}.product-price-block{min-width:0}
}
@media(max-width:760px){
  .product-top-ribbon{font-size:8px;letter-spacing:.13em}
  .product-header-actions{gap:8px}.product-menu-link{display:none}
  .product-art-card{padding:15px!important}
  .product-art-card::before{inset:8px}
  .product-art-photo{padding:0}
  .product-photo-seal{width:94px;height:94px;right:-3px;bottom:9px}
  .product-photo-seal strong{font-size:11px}
  .product-art-copy{padding:8px 2px 2px}
  .product-feature-grid{margin:18px 0}
  .products-hero-art{padding:30px 20px}.products-hero-copy h1{font-size:43px}.products-hero-mark{display:none}
}
@media(max-width:480px){
  .product-brand-lockup .product-brand-script{font-size:25px}
  .product-brand-lockup small{font-size:8px!important}
  .product-photo-kicker{left:13px;top:13px}
  .product-buy-row{gap:9px}.product-order-cta{min-height:54px}
  .product-story-strip{gap:10px;font-size:8px;letter-spacing:.11em}
}


/* ===== V5.2.3 · MISMA CABECERA DE HOME + PRODUCTOS INTUITIVOS ===== */
.products-intuitive-page,
.product-intuitive-page{
  background:#f6f3eb;
  color:#263f35;
}
.products-intuitive-content,
.product-intuitive-content{
  max-width:1180px;
  margin:0 auto;
  padding:34px 24px 72px;
}
.products-intuitive-page .visual-header,
.product-intuitive-page .visual-header{
  position:relative;
  z-index:20;
}

/* menú general */
.products-simple-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin:8px 0 34px;
  padding:28px 0 26px;
  border-bottom:1px solid rgba(38,63,53,.14);
}
.products-simple-hero h1{
  margin:5px 0 9px;
  font-size:clamp(36px,5vw,58px);
  line-height:1;
  color:#263f35;
}
.products-simple-hero p{
  max-width:700px;
  margin:0;
  font-size:17px;
  line-height:1.6;
  color:#66726c;
}
.products-hero-order-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:10px;
  background:#263f35;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}
.products-intuitive-grid{gap:24px}
.products-intuitive-card{
  overflow:hidden;
  border:1px solid rgba(38,63,53,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 26px rgba(38,63,53,.07);
  transition:transform .18s ease,box-shadow .18s ease;
}
.products-intuitive-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(38,63,53,.11);
}
.products-intuitive-card .visual-product-image{
  display:block;
  background:#eee7da;
}
.products-intuitive-card .visual-product-image img{
  width:100%;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
}
.products-intuitive-card-body{padding:18px!important}
.products-intuitive-card-body h2{
  margin:0 0 8px!important;
  font-size:25px!important;
  color:#263f35;
}
.products-intuitive-card-body h2 a{text-decoration:none;color:inherit}
.products-intuitive-card-body p{
  min-height:52px;
  margin:0 0 15px;
  line-height:1.5;
  color:#6a746f;
}
.products-intuitive-price{
  font-size:22px;
  font-weight:900;
  color:#263f35;
  margin-bottom:12px;
}
.products-intuitive-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.products-detail-btn,
.products-add-btn{
  min-height:43px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:9px!important;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.products-detail-btn{
  border:1px solid rgba(38,63,53,.25);
  color:#263f35;
  background:#fff;
}
.products-add-btn{
  background:#263f35!important;
  color:#fff!important;
}
.products-order-help{
  margin-top:38px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#efe8da;
  border:1px solid rgba(38,63,53,.1);
  border-radius:14px;
}
.products-order-help div{display:flex;flex-direction:column;gap:4px}
.products-order-help strong{font-size:18px}
.products-order-help span{color:#69746e}
.products-order-help>a{
  flex:0 0 auto;
  background:#263f35;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  padding:13px 18px;
  border-radius:9px;
}

/* detalle individual */
.product-intuitive-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:42px;
  align-items:center;
  padding:26px;
  background:#fff;
  border:1px solid rgba(38,63,53,.12);
  border-radius:20px;
  box-shadow:0 12px 38px rgba(38,63,53,.08);
}
.product-intuitive-media{
  position:relative;
  overflow:hidden;
  border-radius:15px;
  background:#eee7da;
}
.product-intuitive-media img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.product-intuitive-media .visual-product-placeholder{
  min-height:480px;
}
.product-handmade-badge{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(38,63,53,.94);
  color:#fff;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:900;
}
.product-intuitive-info h1{
  margin:7px 0 14px;
  font-size:clamp(40px,5vw,62px);
  line-height:.98;
  color:#263f35;
}
.product-intuitive-description{
  margin:0 0 22px;
  font-size:18px;
  line-height:1.6;
  color:#56625c;
}
.product-quick-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 0 24px;
}
.product-quick-facts>div{
  padding:12px 11px;
  border-radius:10px;
  background:#f6f3eb;
}
.product-quick-facts strong,
.product-quick-facts span{
  display:block;
}
.product-quick-facts strong{
  font-size:12px;
  margin-bottom:4px;
}
.product-quick-facts span{
  font-size:10px;
  line-height:1.35;
  color:#747d78;
}
.product-intuitive-buy{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:stretch;
}
.product-intuitive-buy .product-intuitive-price{
  min-width:122px;
  margin:0;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid rgba(38,63,53,.15);
  background:#fff;
}
.product-intuitive-price small{
  display:block;
  margin-bottom:3px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7a837e;
}
.product-intuitive-price strong{
  display:block;
  font-size:25px;
}
.product-main-order-btn{
  min-height:61px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 20px;
  border-radius:10px;
  background:#263f35;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:900;
}
.product-main-order-btn span{font-size:22px}
.product-next-step{
  margin-top:16px;
  padding:13px 14px;
  border-left:4px solid #b39055;
  background:#f5efe2;
  border-radius:0 9px 9px 0;
}
.product-next-step strong,
.product-next-step span{
  display:block;
}
.product-next-step strong{font-size:12px;margin-bottom:3px}
.product-next-step span{font-size:11px;line-height:1.5;color:#6a746f}
.product-back-link{
  display:inline-block;
  margin-top:18px;
  color:#263f35;
  font-size:13px;
  font-weight:800;
}
.product-not-found-simple{
  padding:60px 0;
  text-align:center;
}

/* mantener el logo de Home con proporciones correctas */
.products-intuitive-page .visual-logo img,
.product-intuitive-page .visual-logo img{
  max-height:62px;
  width:auto;
}

@media(max-width:820px){
  .products-simple-hero{align-items:flex-start;flex-direction:column}
  .product-intuitive-card{grid-template-columns:1fr;gap:24px}
  .product-intuitive-media img{aspect-ratio:4/3}
}
@media(max-width:620px){
  .products-intuitive-content,
  .product-intuitive-content{padding:24px 14px 50px}
  .products-intuitive-actions{grid-template-columns:1fr}
  .products-order-help{align-items:stretch;flex-direction:column}
  .products-order-help>a{text-align:center}
  .product-intuitive-card{padding:14px;border-radius:15px}
  .product-quick-facts{grid-template-columns:1fr}
  .product-intuitive-buy{grid-template-columns:1fr}
  .product-intuitive-buy .product-intuitive-price{min-width:0}
}


/* ===== V5.2.4 · CARDS UNIFICADAS HOME + PEDIDO ===== */

/* HOME: usa exactamente el lenguaje visual de /piadinas */
.home-products-intuitive-grid{
  gap:24px;
}
.home-products-intuitive-grid .products-intuitive-card{
  min-height:0;
}
.home-products-intuitive-grid .visual-product-image{
  height:auto;
}
.home-products-intuitive-grid .visual-product-image img{
  aspect-ratio:4/3;
  object-fit:cover;
  padding:0;
}
.home-products-intuitive-grid .products-intuitive-card-body h2{
  font-size:25px!important;
  text-transform:none;
}

/* PEDIDO: card visual igual a /piadinas, pero con CTA separado */
.visual-order-page .order-products-intuitive-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.visual-order-page .public-menu-product.products-intuitive-card{
  display:flex;
  flex-direction:column;
  padding:0;
  border:1px solid rgba(38,63,53,.12)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(38,63,53,.07)!important;
  overflow:hidden;
  cursor:default;
  text-align:left;
}
.visual-order-page .public-menu-product.products-intuitive-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(38,63,53,.11)!important;
}
.visual-order-page .public-menu-product .visual-product-image{
  display:block;
  height:auto;
  aspect-ratio:auto;
  background:#eee7da;
  overflow:hidden;
}
.visual-order-page .public-menu-product .visual-product-image img{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  padding:0;
  display:block;
}
.visual-order-page .public-menu-product .visual-product-placeholder{
  aspect-ratio:4/3;
  height:auto;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:18px!important;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body h2{
  margin:0 0 8px!important;
  font-size:25px!important;
  line-height:1.05;
  text-transform:none;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body h2 a{
  color:#263f35;
  text-decoration:none;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body>p{
  min-height:52px;
  margin:0 0 15px;
  color:#6a746f;
  font-size:12px;
  line-height:1.5;
}
.visual-order-page .public-menu-product .products-intuitive-price{
  margin-top:auto;
  margin-bottom:12px;
  font-size:22px;
  font-weight:900;
  color:#263f35;
}
.visual-order-page .public-menu-product .products-intuitive-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.visual-order-page .public-menu-product .products-detail-btn,
.visual-order-page .public-menu-product .products-add-btn{
  box-sizing:border-box;
  width:100%;
  min-height:43px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center;
}
.visual-order-page .public-menu-product .products-add-btn{
  border:0;
  cursor:pointer;
}
.visual-order-page .public-menu-product .products-add-btn:disabled{
  cursor:not-allowed;
  background:#9d8a83!important;
  opacity:.8;
}

/* AGOTADA: no bloquea la foto, nombre ni "Ver detalle" */
.public-menu-product.public-product-soldout{
  opacity:1!important;
  filter:none!important;
  cursor:default!important;
  position:relative;
}
.public-menu-product.public-product-soldout::after{
  pointer-events:none;
}
.public-menu-product.public-product-soldout .visual-product-image img{
  opacity:.58;
  filter:grayscale(.35);
}
.public-menu-product.public-product-soldout .public-menu-product-body>p{
  opacity:.72;
}

/* La foto es navegación, nunca botón de agregado */
.public-product-profile-link,
.public-product-name-link{
  cursor:pointer;
}
.public-product-profile-link:focus-visible,
.public-product-name-link:focus-visible,
.products-detail-btn:focus-visible,
.public-product-add:focus-visible{
  outline:3px solid rgba(55,122,75,.35);
  outline-offset:2px;
}

@media(max-width:980px){
  .visual-order-page .order-products-intuitive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .visual-order-page .order-products-intuitive-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .visual-order-page .public-menu-product .products-intuitive-actions{
    grid-template-columns:1fr 1fr;
  }
  .home-products-intuitive-grid .products-intuitive-actions{
    grid-template-columns:1fr 1fr;
  }
}


/* ===== V5.2.5 · PEDIDO PERSISTENTE AL VER PRODUCTOS ===== */
.product-profile-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:18px;
}
.product-profile-nav .product-back-link{
  margin-top:0;
}
.product-return-order{
  padding:10px 13px;
  border-radius:9px;
  background:#f0e8d8;
  text-decoration:none;
}
.product-return-order[hidden]{
  display:none!important;
}


/* ===== V5.2.6 · CONFIGURADOR EN PERFIL DE PRODUCTO ===== */
.product-configurator{
  margin-top:24px;
  border:1px solid rgba(38,63,53,.14);
  border-radius:15px;
  background:#fbf8f1;
  overflow:hidden;
}
.product-configurator-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  background:#263f35;
  color:#fff;
}
.product-configurator-title small{
  display:block;
  margin-bottom:3px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.17em;
  opacity:.78;
}
.product-configurator-title h2{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.15!important;
}
.product-configurator-title>span{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.product-config-step{
  padding:17px 18px;
  border-bottom:1px solid rgba(38,63,53,.1);
}
.product-config-step-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.product-config-step-head>span{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#263f35;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.product-config-step-head div{
  display:flex;
  flex-direction:column;
}
.product-config-step-head strong{
  font-size:13px;
  color:#263f35;
}
.product-config-step-head small{
  margin-top:1px;
  font-size:10px;
  color:#7b837f;
}
.product-dough-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.product-choice-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(38,63,53,.15);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.product-choice-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.product-choice-dot{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid #92a098;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff;
}
.product-choice-card input:checked + .product-choice-dot{
  border-color:#263f35;
  background:#263f35;
}
.product-choice-card:has(input:checked){
  border-color:#263f35;
  background:#f1ede3;
}
.product-choice-card>span:last-child{
  display:flex;
  flex-direction:column;
}
.product-choice-card strong{
  font-size:12px;
  color:#263f35;
}
.product-choice-card small{
  margin-top:2px;
  font-size:9px;
  color:#7c837f;
}
.product-extra-options{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.product-extra-option{
  position:relative;
  display:grid;
  grid-template-columns:26px 1fr auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(38,63,53,.12);
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.product-extra-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.product-extra-checkmark{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#efe9dd;
  color:#263f35;
  font-size:16px;
  font-weight:500;
}
.product-extra-option input:checked + .product-extra-checkmark{
  background:#263f35;
  color:#fff;
}
.product-extra-option:has(input:checked){
  border-color:rgba(38,63,53,.4);
  background:#f6f2e8;
}
.product-extra-name{
  font-size:12px;
  color:#3f4d46;
}
.product-extra-option>strong{
  font-size:11px;
  color:#263f35;
}
.product-no-extras{
  margin:0;
  font-size:11px;
  color:#7b837f;
}
.product-profile-note{
  box-sizing:border-box;
  width:100%;
  resize:vertical;
  min-height:72px;
  padding:11px 12px;
  border:1px solid rgba(38,63,53,.18);
  border-radius:9px;
  background:#fff;
  color:#263f35;
  font:inherit;
  font-size:12px;
}
.product-profile-note:focus{
  outline:3px solid rgba(38,63,53,.1);
  border-color:#263f35;
}
.product-config-total{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:stretch;
  padding:17px 18px;
}
.product-config-total>div:first-child{
  min-width:130px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-config-total small{
  display:block;
  margin-bottom:2px;
  color:#77807b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.product-config-total>div>strong{
  font-size:24px;
  color:#263f35;
}
.product-profile-add-btn{
  border:0;
  cursor:pointer;
  margin:0!important;
  min-height:58px;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  padding:0 19px!important;
}
.product-profile-add-btn:disabled{
  opacity:.7;
  cursor:default;
}
.product-profile-add-btn b{
  font-size:21px;
}
.product-profile-added{
  margin:0 18px 17px;
  padding:10px 12px;
  border-radius:8px;
  background:#e4eee6;
  color:#285436;
}
.product-profile-added strong,
.product-profile-added span{
  display:block;
}
.product-profile-added strong{
  font-size:12px;
}
.product-profile-added span{
  margin-top:2px;
  font-size:10px;
}
.product-profile-added[hidden]{
  display:none!important;
}
@media(max-width:620px){
  .product-dough-options{
    grid-template-columns:1fr;
  }
  .product-config-total{
    grid-template-columns:1fr;
  }
  .product-config-total>div:first-child{
    min-width:0;
  }
}


/* ===== V5.2.7 · EXTRAS EN LISTA CON AUTO-AGREGADO ===== */
.product-extra-selector-wrap{
  margin-bottom:10px;
}
.product-extra-select{
  box-sizing:border-box;
  width:100%;
  min-height:44px;
  padding:0 40px 0 12px;
  border:1px solid rgba(38,63,53,.18);
  border-radius:9px;
  background:#fff;
  color:#263f35;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.product-extra-select:focus{
  outline:3px solid rgba(38,63,53,.1);
  border-color:#263f35;
}
.product-selected-extras{
  display:grid;
  gap:7px;
}
.product-selected-extras-empty{
  padding:10px 11px;
  border:1px dashed rgba(38,63,53,.18);
  border-radius:8px;
  color:#828984;
  font-size:10px;
  background:rgba(255,255,255,.55);
}
.product-selected-extras-empty[hidden]{
  display:none!important;
}
.product-selected-extra{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border:1px solid rgba(38,63,53,.13);
  border-radius:9px;
  background:#fff;
}
.product-selected-extra-info{
  display:flex;
  flex-direction:column;
}
.product-selected-extra-info strong{
  font-size:12px;
  color:#263f35;
}
.product-selected-extra-info span{
  margin-top:2px;
  font-size:10px;
  color:#6f7973;
}
.product-selected-extra-remove{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#efe6dc;
  color:#7a3d35;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.product-selected-extra-remove:hover{
  background:#e8d8cb;
}


/* ===== V5.4.2 · CATÁLOGO PÚBLICO POR CATEGORÍAS ===== */
.home-catalog-heading{
  margin-bottom:18px;
}
.home-catalog-heading p{
  margin:6px 0 0;
  opacity:.72;
}
.home-category-stack{
  display:grid;
  gap:28px;
}
.home-category-box{
  background:rgba(255,252,245,.92);
  border:1px solid rgba(55,72,52,.15);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 34px rgba(41,50,38,.08);
}
.home-category-box-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(55,72,52,.12);
}
.home-category-box-head h3{
  margin:3px 0 0;
  font-size:clamp(1.55rem,2.8vw,2.25rem);
}
.home-category-kicker{
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  color:#7b6c50;
}
.home-category-view-all{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font-weight:800;
  color:#334a39;
  text-decoration:none;
}
.home-category-view-all:hover{
  text-decoration:underline;
}
@media(max-width:720px){
  .home-category-box{
    padding:16px;
    border-radius:18px;
  }
  .home-category-box-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
}


/* V5.4.3 · Cantidad de bebidas */
.product-qty-control,
.public-qty-control{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.product-qty-btn,
.public-qty-control button{
  width:38px;
  height:38px;
  border:1px solid rgba(52,73,55,.18);
  border-radius:10px;
  background:#f5efe3;
  color:#314b37;
  font-size:1.25rem;
  font-weight:800;
  cursor:pointer;
}
#product-qty,
.public-qty-input{
  width:70px;
  height:38px;
  text-align:center;
  border:1px solid rgba(52,73,55,.18);
  border-radius:10px;
  background:#fff;
  font-weight:800;
}


/* V5.4.7 — Checkout en dos columnas; resumen primero en columna derecha */
.public-order-layout-checkout{
  grid-template-columns:minmax(0,1fr) 430px;
  gap:20px;
  align-items:start;
}

.public-order-layout-checkout .public-order-main{
  min-width:0;
}

.public-order-side{
  display:grid;
  gap:13px;
  align-content:start;
  min-width:0;
}

.public-order-side .public-summary-card,
.public-order-side .public-card{
  width:100%;
  box-sizing:border-box;
}

.public-order-side .public-summary-top{
  position:static;
  order:-10;
}

.public-order-side .public-card{
  padding:16px;
}

.public-order-side .public-customer-grid,
.public-order-side .public-pickup-grid,
.public-order-side .public-item-grid{
  grid-template-columns:1fr;
}

.public-order-side .public-extra-field,
.public-order-side .public-note-field{
  grid-column:1;
}

@media(max-width:1050px){
  .public-order-layout-checkout{
    grid-template-columns:minmax(0,1fr) 390px;
  }
}

@media(max-width:900px){
  .public-order-layout-checkout{
    grid-template-columns:1fr;
  }

  .public-order-side{
    width:100%;
  }
}


/* V5.4.7.1 — Mejora visual pedido + masa obligatoria + resumen sticky */

/* Columna de productos: tarjetas más cómodas y legibles */
.visual-order-page .order-products-intuitive-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.visual-order-page .public-menu-catalog{
  padding:20px;
  border:1px solid rgba(38,63,53,.08);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(38,63,53,.05);
}
.visual-order-page .public-menu-head{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(38,63,53,.09);
}
.visual-order-page .public-menu-product.products-intuitive-card{
  min-width:0;
  border:1px solid rgba(38,63,53,.11)!important;
  box-shadow:0 7px 22px rgba(38,63,53,.07)!important;
}
.visual-order-page .public-menu-product .visual-product-image img{
  aspect-ratio:16/10;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body{
  padding:15px!important;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body h2{
  font-size:21px!important;
  margin-bottom:6px!important;
}
.visual-order-page .public-menu-product-body.products-intuitive-card-body>p{
  min-height:42px;
  margin-bottom:10px;
  font-size:11px;
}
.visual-order-page .public-menu-product .products-intuitive-price{
  font-size:20px;
  margin-bottom:10px;
}
.visual-order-page .public-menu-product .products-detail-btn,
.visual-order-page .public-menu-product .products-add-btn{
  min-height:40px;
  font-size:11px!important;
}

/* Selector simple de masa */
.public-dough-field{
  display:grid;
  gap:7px;
}
.public-field-label{
  font-size:10px;
  font-weight:800;
  color:#405048;
}
.public-required{
  color:#9d3f35;
}
.public-dough-simple{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.public-dough-choice{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #deded7;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  color:#31463d;
  box-sizing:border-box;
}
.public-dough-choice:hover{
  border-color:#8aa28f;
  background:#f8faf7;
}
.public-dough-choice input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#377a4b;
  flex:0 0 auto;
}
.public-dough-choice:has(input:checked){
  border-color:#6e9176;
  background:#f2f7f2;
}
.public-dough-help{
  display:none;
  font-size:9px;
  color:#a33e35;
}
.public-item-card.public-dough-missing .public-dough-field{
  padding:9px;
  border:1px solid rgba(163,62,53,.48);
  border-radius:10px;
  background:#fff8f6;
}
.public-item-card.public-dough-missing .public-dough-help{
  display:block;
}
.public-summary-missing{
  color:#a33e35!important;
  font-weight:800;
}

/* Sticky real: el resumen queda por encima de las imágenes de la izquierda */
.public-order-layout-checkout .public-order-main{
  position:relative;
  z-index:1;
}
.public-order-layout-checkout .public-order-side{
  position:relative;
  z-index:30;
}
.public-order-side .public-summary-top{
  position:sticky;
  top:12px;
  z-index:80;
  order:-10;
  isolation:isolate;
  box-shadow:0 12px 32px rgba(31,38,35,.18)!important;
}
.public-order-side .public-summary-top::before{
  content:"";
  position:absolute;
  inset:-8px -4px;
  z-index:-1;
  border-radius:18px;
  background:rgba(244,241,233,.96);
  pointer-events:none;
}

/* Evita que transforms/hover de productos compitan con el resumen sticky */
.visual-order-page .public-menu-product.products-intuitive-card{
  z-index:0;
}
.visual-order-page .public-menu-product.products-intuitive-card:hover{
  z-index:2;
}

@media(max-width:1050px){
  .visual-order-page .order-products-intuitive-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){
  .public-order-side .public-summary-top{
    position:static;
    z-index:auto;
  }
  .public-order-side .public-summary-top::before{
    display:none;
  }
  .visual-order-page .order-products-intuitive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .visual-order-page .order-products-intuitive-grid{
    grid-template-columns:1fr;
  }
  .public-dough-simple{
    grid-template-columns:1fr;
  }
}


/* V5.4.7.2 — Separación de boxes + resumen siempre por encima de la columna derecha */

/* Más aire entre Resumen / Tus datos / Retiro y pago / Personalizá / Observación */
.public-order-side{
  gap:22px !important;
}

/*
  El sticky debe pertenecer a la columna derecha completa.
  Al hacer scroll, queda visualmente por encima de cualquiera de los boxes
  que continúan subiendo por debajo: Retiro y pago, Personalizá y Observación.
*/
.public-order-layout-checkout{
  overflow:visible !important;
}
.public-order-layout-checkout .public-order-side{
  overflow:visible !important;
  isolation:isolate;
  z-index:100 !important;
}
.public-order-side .public-summary-top{
  position:sticky !important;
  top:14px !important;
  z-index:1000 !important;
  isolation:isolate;
  background:#fff !important;
  opacity:1 !important;
}

/* Los demás boxes quedan en un plano inferior y pasan por debajo del Resumen */
.public-order-side > .public-card{
  position:relative;
  z-index:1 !important;
}
.public-order-side .public-summary-top + .public-card{
  margin-top:2px;
}

/* Fondo opaco alrededor del resumen para que nada se transparente al pasar debajo */
.public-order-side .public-summary-top::before{
  content:"";
  position:absolute;
  inset:-10px -6px;
  z-index:-1;
  border-radius:20px;
  background:#f4f1e9 !important;
  opacity:1 !important;
  pointer-events:none;
}

/* También mantener toda la columna de productos por debajo */
.public-order-layout-checkout .public-order-main,
.visual-order-page .public-menu-catalog,
.visual-order-page .public-menu-product,
.visual-order-page .public-menu-product img{
  z-index:1 !important;
}

@media(max-width:900px){
  .public-order-side{
    gap:16px !important;
  }
  .public-order-side .public-summary-top{
    position:static !important;
    z-index:auto !important;
  }
}


/* V5.4.7.3 — RESUMEN SIEMPRE POR ENCIMA */

/*
  La versión anterior tenía además un cierre HTML incorrecto del aside derecho.
  Con el DOM corregido, forzamos una jerarquía de capas simple:
  - Resumen: capa 99999
  - resto de la columna derecha: capa 1
  - catálogo/productos: capa 0
*/
.public-order-layout-checkout{
  position:relative !important;
  overflow:visible !important;
}

.public-order-layout-checkout .public-order-main{
  position:relative !important;
  z-index:0 !important;
}

.public-order-layout-checkout .public-order-side{
  position:relative !important;
  z-index:10 !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* Todos los boxes posteriores quedan debajo del resumen */
.public-order-side > .public-card{
  position:relative !important;
  z-index:1 !important;
  isolation:auto !important;
}

.public-order-side > .public-card,
.public-order-side > .public-card *{
  /* Evita que controles internos creen una capa superior al sticky */
  z-index:auto !important;
}

/* Resumen: stacking context propio y completamente opaco */
.public-order-side > .public-summary-top{
  position:sticky !important;
  top:14px !important;
  z-index:99999 !important;
  isolation:isolate !important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  background:#fff !important;
  overflow:hidden !important;
  opacity:1 !important;
  box-shadow:0 14px 38px rgba(31,38,35,.24) !important;
}

/* Cada parte interna del resumen queda dentro de su misma capa */
.public-order-side > .public-summary-top > *{
  position:relative;
  z-index:2 !important;
}

/* Fondo sólido extra detrás de todo el resumen */
.public-order-side > .public-summary-top::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1 !important;
  background:#fff !important;
  border-radius:inherit;
  pointer-events:none;
}

/* Productos e imágenes nunca pueden superar la columna derecha */
.visual-order-page .public-menu-catalog,
.visual-order-page .public-menu-grid,
.visual-order-page .public-menu-product,
.visual-order-page .public-menu-product *,
.visual-order-page .visual-product-image,
.visual-order-page .visual-product-image img{
  z-index:auto !important;
}

.public-order-layout-checkout .public-order-main{
  isolation:isolate;
}

/* Más separación visual entre los boxes */
.public-order-side{
  gap:24px !important;
}

@media(max-width:900px){
  .public-order-side > .public-summary-top{
    position:static !important;
    z-index:auto !important;
    transform:none !important;
  }
}


/* V5.4.8.0 — Pedido reorganizado: pasos superiores + carrusel + categorías + resumen fijo */
.public-order-layout-v548{
  grid-template-columns:minmax(0,1fr) 390px !important;
  gap:26px !important;
  align-items:start !important;
  overflow:visible !important;
}
.public-order-main-v548{
  display:grid;
  gap:24px;
  min-width:0;
}
.public-top-steps{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:start;
}
.public-top-steps > .public-card{
  margin:0 !important;
  height:100%;
  box-sizing:border-box;
}
.public-order-main-v548 > .public-card{
  margin:0 !important;
}

/* Carrusel de piadinas */
.public-piadina-catalog{
  overflow:hidden;
}
.public-piadina-catalog .public-menu-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.public-carousel-controls{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.public-carousel-btn{
  width:42px;
  height:42px;
  border:1px solid rgba(42,70,57,.18);
  border-radius:50%;
  background:#fff;
  color:#315242;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 5px 14px rgba(38,63,53,.08);
}
.public-carousel-btn:hover{
  background:#f1f6f1;
  border-color:#74927e;
}
.public-piadina-carousel{
  min-width:0;
}
.public-piadina-carousel-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  padding:4px 3px 12px;
  overscroll-behavior-inline:contain;
}
.public-piadina-carousel-track .public-menu-product{
  flex:0 0 min(310px,82%);
  scroll-snap-align:start;
  margin:0 !important;
}
.public-piadina-carousel-track .visual-product-image img{
  aspect-ratio:4/3;
  object-fit:cover;
}

/* Productos varios y bebidas conservan formato normal, cada uno en su box */
.public-category-box{
  overflow:visible;
}
.public-normal-products-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.public-normal-products-grid .public-menu-product{
  min-width:0;
}
.public-other-products-box{
  border-top:4px solid rgba(103,122,80,.55) !important;
}
.public-beverages-box{
  border-top:4px solid rgba(83,112,127,.48) !important;
}

/* Paso 3 y 4 claramente separados */
.public-order-main-v548 > .public-card{
  box-shadow:0 8px 24px rgba(38,63,53,.06);
}

/* Resumen: único contenido de la derecha y siempre por encima */
.public-order-side-v548{
  position:relative !important;
  z-index:5000 !important;
  overflow:visible !important;
  align-self:stretch;
}
.public-order-side-v548 > .public-summary-top{
  position:sticky !important;
  top:14px !important;
  z-index:999999 !important;
  background:#fff !important;
  opacity:1 !important;
  isolation:isolate !important;
  overflow:hidden !important;
  transform:translateZ(0);
  box-shadow:0 16px 40px rgba(31,38,35,.24) !important;
}
.public-order-side-v548 > .public-summary-top::before{
  content:"";
  position:absolute;
  inset:0;
  background:#fff !important;
  z-index:0 !important;
  pointer-events:none;
}
.public-order-side-v548 > .public-summary-top > *{
  position:relative;
  z-index:2 !important;
}
.public-order-main-v548,
.public-order-main-v548 *{
  z-index:auto;
}
.public-order-main-v548{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate;
}

/* El configurador del paso 3 gana ancho al estar en la columna principal */
.public-order-main-v548 #public-items{
  display:grid;
  gap:14px;
}
.public-order-main-v548 .public-item-card{
  margin:0;
}

@media(max-width:1100px){
  .public-order-layout-v548{
    grid-template-columns:minmax(0,1fr) 350px !important;
    gap:20px !important;
  }
  .public-normal-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .public-order-layout-v548{
    grid-template-columns:1fr !important;
  }
  .public-top-steps{
    grid-template-columns:1fr;
  }
  .public-order-side-v548{
    order:-1;
  }
  .public-order-side-v548 > .public-summary-top{
    position:static !important;
    transform:none !important;
  }
}

@media(max-width:620px){
  .public-piadina-carousel-track .public-menu-product{
    flex-basis:88%;
  }
  .public-normal-products-grid{
    grid-template-columns:1fr !important;
  }
  .public-carousel-btn{
    width:38px;
    height:38px;
  }
}


/* V5.4.8.1 — Carrusel 1 por 1, laterales atenuadas, autoplay y configuración dentro de cada Piadina */

.public-piadina-carousel{
  position:relative;
  overflow:hidden;
  margin-left:-4px;
  margin-right:-4px;
}

.public-piadina-carousel-track{
  display:flex !important;
  gap:22px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:17%;
  padding:8px 17% 18px !important;
  scrollbar-width:none;
}
.public-piadina-carousel-track::-webkit-scrollbar{
  display:none;
}

.public-piadina-carousel-track .public-piadina-slide{
  flex:0 0 66% !important;
  max-width:640px;
  scroll-snap-align:center;
  opacity:.28;
  filter:saturate(.55);
  transform:scale(.91);
  transition:opacity .38s ease, transform .38s ease, filter .38s ease, box-shadow .38s ease;
  pointer-events:auto;
}

.public-piadina-carousel-track .public-piadina-slide.is-active{
  opacity:1;
  filter:none;
  transform:scale(1);
  box-shadow:0 15px 38px rgba(38,63,53,.15) !important;
}

.public-piadina-slide:not(.is-active) .public-menu-product-body{
  opacity:.72;
}

.public-piadina-slide .visual-product-image img{
  aspect-ratio:16/9 !important;
  object-fit:cover;
}

.public-carousel-config{
  display:grid;
  gap:14px;
  margin:14px 0 15px;
  padding:14px;
  border:1px solid rgba(50,78,65,.12);
  border-radius:14px;
  background:#faf9f5;
}

.public-carousel-config-block{
  display:grid;
  gap:8px;
}

.public-carousel-config-title{
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  color:#304a3d;
}
.public-carousel-config-title > span{
  color:#a43f35;
}
.public-carousel-config-title em{
  margin-left:5px;
  font-size:9px;
  font-style:normal;
  font-weight:600;
  color:#7b837e;
}

.public-carousel-dough-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.public-carousel-dough-options label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid #dddcd5;
  border-radius:9px;
  background:#fff;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
.public-carousel-dough-options input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#397a4d;
}
.public-carousel-dough-options label:has(input:checked){
  border-color:#75927d;
  background:#eef5ef;
}

.public-carousel-extras{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.public-carousel-extra-choice{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:8px 9px;
  border:1px solid #e2e0d9;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.public-carousel-extra-choice input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#397a4d;
}
.public-carousel-extra-choice span{
  min-width:0;
  font-size:9px;
  font-weight:750;
  color:#36483f;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.public-carousel-extra-choice small{
  font-size:8px;
  color:#6d786f;
}
.public-carousel-extra-choice:has(input:checked){
  border-color:#83a08c;
  background:#f0f6f1;
}

.public-carousel-dough-error{
  display:none;
  color:#a43f35;
  font-size:9px;
  font-weight:800;
}
.public-piadina-slide.public-carousel-config-missing .public-carousel-config{
  border-color:rgba(164,63,53,.55);
  background:#fff7f5;
}
.public-piadina-slide.public-carousel-config-missing .public-carousel-dough-error{
  display:block;
}

.public-piadina-slide .products-intuitive-actions{
  margin-top:2px;
}
.public-piadina-slide .public-piadina-config-add{
  min-width:150px;
}

@media(max-width:1100px){
  .public-piadina-carousel-track{
    scroll-padding-inline:11%;
    padding-left:11% !important;
    padding-right:11% !important;
  }
  .public-piadina-carousel-track .public-piadina-slide{
    flex-basis:78% !important;
  }
}

@media(max-width:700px){
  .public-piadina-carousel-track{
    gap:14px !important;
    scroll-padding-inline:6%;
    padding-left:6% !important;
    padding-right:6% !important;
  }
  .public-piadina-carousel-track .public-piadina-slide{
    flex-basis:88% !important;
    transform:scale(.96);
  }
  .public-carousel-extras{
    grid-template-columns:1fr;
  }
  .public-carousel-dough-options{
    grid-template-columns:1fr;
  }
}


/* V5.4.8.2 — Masa con iconos + extras desplegables + pausa real de carrusel */

.public-carousel-config{
  background:linear-gradient(180deg,#fbfaf6 0%,#f6f4ed 100%);
  border:1px solid rgba(48,74,61,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.public-carousel-dough-options{
  gap:10px !important;
}

.public-carousel-dough-choice{
  display:grid !important;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:9px !important;
  min-height:62px;
  padding:10px 11px !important;
  border-radius:12px !important;
}

.public-carousel-dough-choice > input{
  width:17px !important;
  height:17px !important;
}

.public-dough-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f0f4ed;
  font-size:20px;
  line-height:1;
}

.public-carousel-dough-choice:has(input:checked) .public-dough-icon{
  background:#dfeadf;
}

.public-dough-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.public-dough-copy strong{
  font-size:10px;
  color:#2f493c;
}

.public-dough-copy small{
  font-size:8px;
  font-weight:600;
  color:#7b847d;
}

/* Extras como selector desplegable */
.public-carousel-extra-picker{
  display:grid;
  gap:5px;
}

.public-carousel-extra-select{
  width:100%;
  min-height:42px;
  padding:9px 38px 9px 11px;
  border:1px solid #d9ddd7;
  border-radius:10px;
  background:#fff;
  color:#30483c;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}

.public-carousel-extra-select:focus{
  outline:none;
  border-color:#77917e;
  box-shadow:0 0 0 3px rgba(86,119,96,.10);
}

.public-carousel-extra-picker > small{
  font-size:8px;
  color:#7a817c;
}

/* Extras elegidos aparecen automáticamente debajo */
.public-carousel-selected-extras{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  min-height:0;
}

.public-carousel-selected-extra{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:7px 7px 7px 10px;
  border:1px solid #cddbcf;
  border-radius:999px;
  background:#edf5ee;
  color:#31503e;
}

.public-carousel-selected-extra > span{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.public-carousel-selected-extra strong{
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.public-carousel-selected-extra small{
  font-size:8px;
  color:#65766a;
  white-space:nowrap;
}

.public-carousel-selected-extra button{
  width:22px;
  height:22px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(49,80,62,.09);
  color:#31503e;
  font-size:15px;
  line-height:1;
  cursor:pointer;
}

.public-carousel-selected-extra button:hover{
  background:rgba(49,80,62,.16);
}

/* Mientras el usuario está sobre el carrusel, reforzamos visualmente la tarjeta activa */
.public-piadina-carousel:hover .public-piadina-slide.is-active,
.public-piadina-carousel:focus-within .public-piadina-slide.is-active{
  box-shadow:0 18px 44px rgba(38,63,53,.18) !important;
}

@media(max-width:700px){
  .public-carousel-dough-choice{
    grid-template-columns:auto auto 1fr;
  }
  .public-dough-icon{
    width:32px;
    height:32px;
    font-size:18px;
  }
}


/* V5.4.8.3 — Iconos monocromos + reset de configuración + carrusel sin scroll vertical */

.public-dough-icon{
  color:#466554 !important;
  background:#eef3ee !important;
  border:1px solid rgba(70,101,84,.12);
}

.public-dough-icon svg{
  width:21px;
  height:21px;
  display:block;
}

.public-carousel-dough-choice:has(input:checked) .public-dough-icon{
  color:#2f5f43 !important;
  background:#dfeadf !important;
  border-color:rgba(47,95,67,.22);
}

.public-carousel-dough-choice{
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.public-carousel-dough-choice:has(input:checked){
  box-shadow:0 0 0 2px rgba(60,103,75,.08);
}

/* El movimiento del carrusel es únicamente horizontal.
   Evita saltos verticales de la página en autoplay. */
.public-piadina-carousel-track{
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:none;
}


/* V5.4.8.4 — Eliminar productos directamente desde RESUMEN */
.public-summary-line{
  gap:12px;
}

.public-summary-line-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}

.public-summary-remove{
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(131,57,49,.16);
  border-radius:50%;
  background:#fff7f5;
  color:#9a463e;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.public-summary-remove svg{
  width:16px;
  height:16px;
  display:block;
}

.public-summary-remove:hover{
  background:#fbe8e4;
  border-color:rgba(131,57,49,.28);
  transform:scale(1.05);
}

.public-summary-remove:focus-visible{
  outline:2px solid rgba(154,70,62,.35);
  outline-offset:2px;
}

@media(max-width:480px){
  .public-summary-remove{
    width:32px;
    height:32px;
  }
}


/* V5.4.8.5 — Carrusel abierto, ancho completo, flechas internas y scroll vertical libre */
.public-piadina-catalog{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.public-piadina-head-simple{display:block!important;margin:0 0 13px!important;padding:0 2px!important}
.public-piadina-title{display:block;font-size:17px!important;line-height:1.15;letter-spacing:.085em;color:#304a3d}
.public-piadina-carousel{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 0 14px!important;overflow:hidden!important;touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-y:auto!important}
.public-piadina-carousel-track{width:100%!important;box-sizing:border-box;padding:8px 14% 18px!important;scroll-padding-inline:14%!important;overflow-x:auto!important;overflow-y:visible!important;touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important;scrollbar-width:none}
.public-piadina-carousel-track::-webkit-scrollbar{display:none}
.public-piadina-carousel-track .public-piadina-slide{flex:0 0 72%!important;max-width:720px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 32px rgba(35,61,48,.08)!important;overflow:hidden}
.public-piadina-carousel-track .public-piadina-slide.is-active{box-shadow:0 18px 46px rgba(35,61,48,.16)!important}
.public-carousel-btn{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:80!important;width:46px!important;height:46px!important;margin:0!important;border:1px solid rgba(46,77,61,.14)!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;color:#355946!important;font-size:31px!important;box-shadow:0 8px 24px rgba(35,61,48,.16)!important;backdrop-filter:blur(5px)}
.public-carousel-prev{left:10px!important}.public-carousel-next{right:10px!important}.public-carousel-btn:hover{transform:translateY(-50%) scale(1.06)!important;background:#fff!important}
.public-piadina-carousel::before,.public-piadina-carousel::after{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:25;pointer-events:none}
.public-piadina-carousel::before{left:0;background:linear-gradient(90deg,rgba(247,245,239,.82),rgba(247,245,239,0))}.public-piadina-carousel::after{right:0;background:linear-gradient(270deg,rgba(247,245,239,.82),rgba(247,245,239,0))}
.public-piadina-carousel,.public-piadina-carousel-track,.public-piadina-carousel .public-piadina-slide,.public-piadina-carousel .public-menu-product-body,.public-piadina-carousel .public-carousel-config{overscroll-behavior-y:auto!important}
@media(max-width:1100px){.public-piadina-carousel-track{padding-left:10%!important;padding-right:10%!important;scroll-padding-inline:10%!important}.public-piadina-carousel-track .public-piadina-slide{flex-basis:80%!important}}
@media(max-width:700px){.public-piadina-title{font-size:15px!important}.public-piadina-carousel-track{padding-left:7%!important;padding-right:7%!important;scroll-padding-inline:7%!important}.public-piadina-carousel-track .public-piadina-slide{flex-basis:86%!important}.public-carousel-btn{width:40px!important;height:40px!important;font-size:27px!important}.public-carousel-prev{left:5px!important}.public-carousel-next{right:5px!important}.public-piadina-carousel::before,.public-piadina-carousel::after{width:5%}}


/* V5.4.8.6 — Corrige overflow horizontal y mejora título del carrusel */

/* Evitar que cualquier elemento del carrusel ensanche el viewport */
.public-order-main-v548,
.public-menu-catalog,
.public-piadina-catalog,
.public-piadina-carousel,
.public-piadina-carousel-track{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.public-piadina-catalog{
  overflow:hidden !important;
}

.public-piadina-carousel{
  overflow:hidden !important;
}

.public-piadina-carousel-track{
  width:100% !important;
  max-width:100% !important;
  padding-left:11% !important;
  padding-right:11% !important;
  scroll-padding-inline:11% !important;
}

/* Las tarjetas siguen mostrando laterales pero sin forzar ancho extra */
.public-piadina-carousel-track .public-piadina-slide{
  flex:0 0 76% !important;
  max-width:680px !important;
  min-width:0 !important;
}

/* Título más alegre y protagonista */
.public-piadina-head-simple{
  margin:0 0 18px !important;
  padding:0 6px !important;
  text-align:center;
}

.public-piadina-title{
  display:inline-block !important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:31px !important;
  font-weight:700 !important;
  line-height:1.05 !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
  color:#365b45 !important;
  transform:rotate(-1deg);
}

/* Una pequeña línea artesanal debajo, sin convertirlo en un box */
.public-piadina-title::after{
  content:"";
  display:block;
  width:74%;
  height:3px;
  margin:7px auto 0;
  border-radius:999px;
  background:currentColor;
  opacity:.22;
  transform:rotate(-1deg);
}

/* Protección extra frente a scrollbar lateral del navegador */
html,body{
  max-width:100%;
  overflow-x:hidden;
}

@media(max-width:1100px){
  .public-piadina-carousel-track{
    padding-left:8% !important;
    padding-right:8% !important;
    scroll-padding-inline:8% !important;
  }
  .public-piadina-carousel-track .public-piadina-slide{
    flex-basis:82% !important;
  }
}

@media(max-width:700px){
  .public-piadina-title{
    font-size:25px !important;
  }
  .public-piadina-carousel-track{
    padding-left:5% !important;
    padding-right:5% !important;
    scroll-padding-inline:5% !important;
  }
  .public-piadina-carousel-track .public-piadina-slide{
    flex-basis:88% !important;
  }
}


/* V5.4.8.7 — Título cursivo grueso, grande y alineado a la izquierda */
.public-piadina-head-simple{
  margin:0 0 20px !important;
  padding:0 6px !important;
  text-align:left !important;
}

.public-piadina-title{
  display:inline-block !important;
  font-family:"Lobster","Brush Script MT",cursive !important;
  font-size:43px !important;
  font-weight:400 !important;
  line-height:1.05 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  color:#365b45 !important;
  transform:none !important;
}

.public-piadina-title::after{
  display:none !important;
}

@media(max-width:700px){
  .public-piadina-head-simple{
    padding-left:4px !important;
    margin-bottom:15px !important;
  }
  .public-piadina-title{
    font-size:34px !important;
  }
}


/* V5.4.8.8 — Título Hurricane */
.public-piadina-title{
  font-family:"Hurricane","Brush Script MT",cursive !important;
  font-size:58px !important;
  font-weight:700 !important;
  line-height:.95 !important;
  letter-spacing:.005em !important;
  text-transform:none !important;
  color:#365b45 !important;
}

@media(max-width:700px){
  .public-piadina-title{
    font-size:46px !important;
  }
}


/* V5.5.0 — Flujo público en 3 pasos */
.public-order-progress{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 26px;
  padding:12px 14px;
  border:1px solid rgba(50,86,67,.10);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  position:sticky;
  top:10px;
  z-index:120;
  box-shadow:0 8px 24px rgba(38,63,53,.06);
}

.public-order-progress-item{
  border:0;
  background:transparent;
  padding:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#79857d;
  cursor:pointer;
  white-space:nowrap;
}

.public-order-progress-item span{
  width:31px;
  height:31px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef1ec;
  color:#657269;
  font-weight:800;
}

.public-order-progress-item strong{
  font-size:13px;
}

.public-order-progress-item.is-current{
  color:#315843;
}

.public-order-progress-item.is-current span{
  background:#315843;
  color:#fff;
  box-shadow:0 5px 14px rgba(49,88,67,.22);
}

.public-order-progress-item.is-complete span{
  background:#dfeade;
  color:#315843;
}

.public-order-progress-line{
  flex:1 1 auto;
  height:1px;
  background:rgba(49,88,67,.16);
}

.public-order-step{
  scroll-margin-top:92px;
  margin-bottom:34px;
}

.public-order-step:not(.is-current){
  opacity:.94;
}

.public-step-heading,
.public-step-review-intro{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 0 18px;
}

.public-step-number{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#315843;
  color:#fff;
  font-weight:900;
  box-shadow:0 6px 16px rgba(49,88,67,.18);
}

.public-step-heading .public-piadina-title{
  margin:0 !important;
}

.public-step-heading p,
.public-step-review-intro p{
  margin:6px 0 0;
  color:#68746d;
}

.public-step-review-intro h2{
  margin:0;
  font-size:27px;
  color:#2f4f3f;
}

.public-step-card,
.public-step-subcard{
  margin-bottom:18px !important;
}

.public-order-step-2 .public-step-card{
  border:0 !important;
  box-shadow:0 10px 30px rgba(38,63,53,.07) !important;
}

.public-step-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  margin-top:18px;
}

.public-step-next{
  border:0;
  border-radius:999px;
  padding:14px 20px;
  background:#315843;
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(49,88,67,.18);
  transition:transform .18s ease,opacity .18s ease,background .18s ease;
}

.public-step-next:hover:not(:disabled){
  transform:translateY(-1px);
  background:#284b39;
}

.public-step-next:disabled{
  opacity:.42;
  cursor:not-allowed;
  box-shadow:none;
}

#public-step1-hint{
  color:#7b827d;
}

#public-step1-hint.is-ready{
  color:#39714f;
  font-weight:700;
}

.public-subsection-title{
  margin-bottom:12px;
}

.public-subsection-title h2{
  font-size:20px !important;
}

.public-order-step-3 .public-step-subcard{
  border-color:rgba(49,88,67,.10) !important;
}

.public-order-step-3 .public-customer-confirm-card{
  background:#fbfaf6;
}

.public-order-step-3 .public-observation-card textarea{
  min-height:92px;
}

@media(max-width:900px){
  .public-order-progress{
    top:6px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .public-order-progress::-webkit-scrollbar{display:none;}
  .public-order-progress-line{
    min-width:24px;
  }
  .public-order-progress-item strong{
    display:none;
  }
  .public-order-step{
    scroll-margin-top:78px;
  }
}

@media(max-width:620px){
  .public-step-heading,
  .public-step-review-intro{
    gap:10px;
  }
  .public-step-number{
    width:34px;
    height:34px;
  }
  .public-step-heading .public-piadina-title{
    font-size:44px !important;
  }
}


/* V5.5.1 — Vuelve el box del carrusel y el Resumen flota por encima */

/* Box visual para todo el bloque del carrusel */
.public-order-step-1 .public-piadina-catalog{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin:14px 0 18px !important;
  padding:18px 18px 20px !important;
  border:1px solid rgba(49,88,67,.11) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 14px 34px rgba(38,63,53,.08) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  z-index:1 !important;
}

/* Mantener el carrusel contenido dentro del box */
.public-order-step-1 .public-piadina-carousel{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  z-index:1 !important;
}

.public-order-step-1 .public-piadina-carousel-track{
  max-width:100% !important;
  box-sizing:border-box !important;
  z-index:1 !important;
}

/* El Resumen tiene prioridad visual sobre carrusel, productos y pasos */
.public-order-layout-v548{
  position:relative !important;
  overflow:visible !important;
}

.public-order-main-v548{
  position:relative !important;
  z-index:1 !important;
}

.public-order-side-v548{
  position:relative !important;
  z-index:5000 !important;
  isolation:isolate !important;
  overflow:visible !important;
}

.public-summary-top{
  position:sticky !important;
  top:14px !important;
  z-index:999999 !important;
  background:#fff !important;
  box-shadow:0 18px 46px rgba(32,54,43,.18) !important;
  isolation:isolate !important;
  transform:translateZ(0);
}

/* Nada del carrusel puede dibujarse por encima del resumen */
.public-piadina-catalog,
.public-piadina-carousel,
.public-piadina-carousel-track,
.public-piadina-slide,
.public-carousel-btn{
  z-index:auto !important;
}

.public-order-side-v548 .public-summary-top{
  z-index:999999 !important;
}

/* En desktop, el resumen se mantiene por encima aunque el carrusel pase por detrás */
@media(min-width:901px){
  .public-order-side-v548{
    z-index:10000 !important;
  }
  .public-summary-top{
    z-index:1000000 !important;
  }
}

/* En móvil vuelve a flujo normal */
@media(max-width:900px){
  .public-summary-top{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    box-shadow:0 10px 28px rgba(32,54,43,.10) !important;
  }

  .public-order-side-v548{
    z-index:auto !important;
  }

  .public-order-step-1 .public-piadina-catalog{
    padding:14px 10px 16px !important;
    border-radius:20px !important;
  }
}


/* V5.5.2 — Corrige overflow del carrusel + Resumen más angosto */

/* Estructura de columnas más estable */
.public-order-layout-v548{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:22px !important;
  align-items:start !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.public-order-main-v548{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}

.public-order-side-v548{
  width:300px !important;
  max-width:300px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Panel Resumen más angosto y contenido */
.public-summary-top{
  width:100% !important;
  max-width:300px !important;
  box-sizing:border-box !important;
  padding:18px !important;
}

/* Blindaje contra overflow horizontal del carrusel */
.public-order-step-1,
.public-order-step-1 .public-piadina-catalog,
.public-order-step-1 .public-piadina-carousel{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.public-order-step-1 .public-piadina-catalog{
  overflow:hidden !important;
}

/* El viewport del carrusel recorta; sólo el track hace scroll horizontal */
.public-order-step-1 .public-piadina-carousel{
  overflow:hidden !important;
  padding:0 !important;
}

.public-order-step-1 .public-piadina-carousel-track{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
  padding-left:9% !important;
  padding-right:9% !important;
  scroll-padding-inline:9% !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.public-order-step-1 .public-piadina-carousel-track::-webkit-scrollbar{
  display:none;
}

.public-order-step-1 .public-piadina-slide{
  flex:0 0 78% !important;
  max-width:650px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Flechas siempre dentro del box y sin forzar ancho */
.public-order-step-1 .public-carousel-btn{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:90 !important;
}

.public-order-step-1 .public-carousel-prev{
  left:8px !important;
}

.public-order-step-1 .public-carousel-next{
  right:8px !important;
}

/* Protección global adicional */
.public-order-wrap,
#public-order-form{
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
}

html,body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

@media(max-width:1100px){
  .public-order-layout-v548{
    grid-template-columns:minmax(0,1fr) 280px !important;
    gap:18px !important;
  }

  .public-order-side-v548,
  .public-summary-top{
    width:280px !important;
    max-width:280px !important;
  }

  .public-order-step-1 .public-piadina-carousel-track{
    padding-left:7% !important;
    padding-right:7% !important;
    scroll-padding-inline:7% !important;
  }

  .public-order-step-1 .public-piadina-slide{
    flex-basis:82% !important;
  }
}

@media(max-width:900px){
  .public-order-layout-v548{
    display:block !important;
  }

  .public-order-side-v548,
  .public-summary-top{
    width:100% !important;
    max-width:none !important;
  }

  .public-order-step-1 .public-piadina-carousel-track{
    padding-left:5% !important;
    padding-right:5% !important;
    scroll-padding-inline:5% !important;
  }

  .public-order-step-1 .public-piadina-slide{
    flex-basis:88% !important;
  }
}


/* V5.5.4 — Sólo paso activo + pago en Resumen + sticky corregido */
.public-order-step{
  display:none !important;
  opacity:1 !important;
}
.public-order-step.is-current{
  display:block !important;
}

.public-order-layout-v548{
  align-items:start !important;
  overflow:visible !important;
}
.public-order-main-v548{
  min-width:0 !important;
  overflow:visible !important;
}

/* Sticky aplicado al aside completo: evita que el box quede limitado por un padre corto */
.public-order-side-v548{
  position:sticky !important;
  top:14px !important;
  align-self:start !important;
  height:max-content !important;
  z-index:10000 !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.public-order-side-v548 .public-summary-top{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  width:100% !important;
  max-width:100% !important;
  transform:none !important;
}

.public-summary-payment{
  margin:14px 0 16px;
  padding:12px 0 14px;
  border-top:1px solid rgba(49,88,67,.11);
  border-bottom:1px solid rgba(49,88,67,.11);
}
.public-summary-payment label{
  display:block;
  margin:0 0 7px;
  color:#315843;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.public-summary-payment select{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid rgba(49,88,67,.18);
  border-radius:10px;
  background:#fff;
  padding:10px 11px;
  color:#34453b;
  font:inherit;
  font-size:14px;
}

.public-order-step-2 .public-pickup-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

@media(max-width:900px){
  .public-order-side-v548{
    position:static !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    z-index:auto !important;
  }
  .public-order-step-2 .public-pickup-grid{
    grid-template-columns:1fr !important;
  }
}


/* V5.5.5 — FIX REAL del Resumen sticky
   El conflicto venía de overflow-x aplicado a ancestros del sticky. */

/* Ningún ancestro del Resumen puede crear un contenedor de scroll artificial */
html,
body,
.public-order-wrap,
#public-order-form,
.public-order-layout-v548{
  overflow-x:visible !important;
}

.public-order-wrap,
#public-order-form,
.public-order-layout-v548,
.public-order-main-v548{
  overflow-y:visible !important;
}

/* Evitar desborde sin romper sticky */
html,
body{
  width:100% !important;
  max-width:100% !important;
}

.public-order-wrap,
#public-order-form{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* El carrusel sigue siendo el único sector con scroll horizontal */
.public-order-step-1 .public-piadina-catalog,
.public-order-step-1 .public-piadina-carousel{
  overflow:hidden !important;
  min-width:0 !important;
  max-width:100% !important;
}

.public-order-step-1 .public-piadina-carousel-track{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  min-width:0 !important;
  max-width:100% !important;
}

/* Sticky sobre el elemento de columna completo */
.public-order-side-v548{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:18px !important;
  align-self:start !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  z-index:10000 !important;
}

.public-order-side-v548 .public-summary-top{
  position:relative !important;
  top:auto !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
}

/* Asegura que la columna principal sea la que define la altura total del grid */
.public-order-main-v548{
  align-self:stretch !important;
}

/* En escritorio no debe existir ninguna regla que desactive el sticky */
@media(min-width:901px){
  .public-order-side-v548{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:18px !important;
  }
}

/* En móvil vuelve al flujo natural */
@media(max-width:900px){
  .public-order-side-v548{
    position:static !important;
    top:auto !important;
  }
}


/* V5.5.7 — Estado Carrito Vacío del botón Resumen */
#public-summary-action.is-cart-empty,
#public-summary-action:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  filter:grayscale(.35);
  box-shadow:none !important;
  transform:none !important;
}


/* V5.5.10 — Tipo de masa editable desde Resumen */
.public-summary-line-main{
  min-width:0;
  flex:1 1 auto;
}

.public-summary-dough-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:7px;
  max-width:190px;
}

.public-summary-dough-wrap > span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  color:#6f6a5d;
}

.public-summary-dough{
  width:100%;
  min-height:34px;
  padding:6px 30px 6px 9px;
  border:1px solid rgba(64,77,44,.24);
  border-radius:9px;
  background:#fffdf7;
  color:#334027;
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.public-summary-dough:focus{
  outline:2px solid rgba(72,91,48,.18);
  outline-offset:1px;
  border-color:#596b3c;
}

@media(max-width:900px){
  .public-summary-dough-wrap{
    max-width:100%;
  }
}


/* V5.5.11 — Resumen más legible y compacto */
.public-order-side .public-summary-card{
  border-radius:14px !important;
  border:1px solid rgba(49,88,67,.15) !important;
  box-shadow:0 14px 34px rgba(31,53,43,.14) !important;
  background:#fffef9 !important;
}
.public-order-side .public-summary-head{
  padding:13px 15px 10px !important;
  background:#294a3a !important;
}
.public-order-side .public-summary-head small{
  font-size:8px !important;
  letter-spacing:1.5px !important;
  opacity:.76 !important;
}
.public-order-side .public-summary-head h2{
  margin:1px 0 0 !important;
  font-size:20px !important;
  line-height:1.05 !important;
  letter-spacing:-.01em !important;
}
.public-order-side .public-summary-items{
  padding:7px 14px 4px !important;
  max-height:300px !important;
}
.public-order-side .public-summary-line{
  gap:8px !important;
  padding:7px 0 !important;
  align-items:flex-start !important;
}
.public-order-side .public-summary-line strong{
  font-size:11px !important;
  line-height:1.25 !important;
}
.public-order-side .public-summary-line em{
  font-size:8.5px !important;
  line-height:1.25 !important;
}
.public-order-side .public-summary-line-actions{
  gap:5px !important;
  align-items:center !important;
}
.public-order-side .public-summary-line-actions b{
  font-size:10px !important;
}
.public-order-side .public-summary-dough-wrap{
  margin-top:5px !important;
  gap:2px !important;
  max-width:160px !important;
}
.public-order-side .public-summary-dough-wrap > span{
  font-size:9px !important;
}
.public-order-side .public-summary-dough{
  min-height:30px !important;
  padding:4px 25px 4px 7px !important;
  border-radius:7px !important;
  font-size:10px !important;
}
.public-order-side .public-summary-payment{
  margin:6px 14px 0 !important;
  padding:9px 0 7px !important;
  border-top:1px solid #e7e5dc !important;
}
.public-order-side .public-summary-payment label{
  font-size:9px !important;
  font-weight:800 !important;
  margin-bottom:4px !important;
}
.public-order-side .public-summary-payment select{
  min-height:34px !important;
  padding:6px 9px !important;
  font-size:10px !important;
}
.public-order-side .public-summary-totals{
  padding:8px 14px !important;
  gap:5px !important;
}
.public-order-side .public-summary-totals>div{
  font-size:10px !important;
}
.public-order-side .public-summary-final{
  padding-top:7px !important;
  margin-top:1px !important;
}
.public-order-side .public-summary-final span{
  font-size:11px !important;
  font-weight:800 !important;
}
.public-order-side .public-summary-final strong{
  font-size:19px !important;
}
.public-order-side .public-promo-label{
  margin:0 14px 7px !important;
  padding:6px 8px !important;
  font-size:8.5px !important;
}
.public-order-side .public-submit{
  width:calc(100% - 28px) !important;
  margin:3px 14px 7px !important;
  padding:10px 11px !important;
  border-radius:9px !important;
  font-size:11px !important;
}
.public-order-side .public-summary-note{
  margin:0 14px 12px !important;
  font-size:7.8px !important;
  line-height:1.35 !important;
}
.public-order-side .public-summary-remove{
  width:27px !important;
  height:27px !important;
}