:root{
  --green:#69B42C;--deep:#0C3120;--orange:#FE330A;--yellow:#FFC911;--purple:#6B1687;--magenta:#930F4B;
  --ink:#102116;--muted:#647067;--line:#dfe7df;--panel:#fff;--bg:#f7faf7;--danger:#c62828;
  --shadow:0 12px 36px rgba(10,43,24,.12);--r:18px;--r2:26px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{display:grid;place-items:center;min-height:100vh;font-weight:800;color:var(--deep)}
a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:.78rem}.small{font-size:.88rem}.strong{font-weight:800}.nowrap{white-space:nowrap}
.logo{display:block;width:150px;max-height:64px;object-fit:contain}.logo-small{width:112px}.product-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#fff;padding:3px}
.public-shell{min-height:100vh;background:var(--page-bg,#fff)}
.public-header{position:sticky;top:0;z-index:30;background:rgba(9,29,18,.96);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
.header-inner{max-width:1240px;margin:auto;min-height:78px;display:flex;align-items:center;gap:20px;padding:8px 20px}.public-header .logo{background:#fff;border-radius:10px;padding:4px;width:125px}.nav{display:flex;gap:6px;align-items:center;flex:1;justify-content:center}.nav button{border:0;background:transparent;color:#fff;padding:11px 12px;border-radius:10px;font-size:.88rem;font-weight:700}.nav button:hover,.nav button.active{background:rgba(255,255,255,.1);color:var(--accent,var(--green))}.header-actions{display:flex;gap:8px;align-items:center}.cart-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--orange);color:#fff;font-size:.75rem;margin-left:4px}
.mobile-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.5rem}.main{max-width:1240px;margin:auto;padding:30px 20px 70px}.section{margin:36px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0}.kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--accent,var(--green))}
.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:900;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent,var(--green));color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-outline{border:1px solid currentColor;background:transparent;color:var(--accent,var(--green))}.btn-yellow{background:var(--yellow);color:#1a250d}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#eef4ef;color:var(--deep)}.btn-block{width:100%}.btn-sm{padding:8px 11px;font-size:.82rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 4px 18px rgba(10,43,24,.04);padding:20px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.auto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.footer{background:#0a1e13;color:#dbe8df}.footer-inner{max-width:1240px;margin:auto;padding:34px 20px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px}.footer .logo{background:#fff;border-radius:10px;padding:4px;width:130px}.footer h4{margin:0 0 12px}.footer-links{display:grid;gap:7px;color:#c3d4c8;font-size:.9rem}
/* Pantalla 00 */
.landing{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(105,180,44,.33),transparent 35%),radial-gradient(circle at 85% 70%,rgba(147,15,75,.35),transparent 34%),linear-gradient(135deg,#061a0d,#0c3120 58%,#07180c);color:#fff;position:relative;overflow:hidden}.landing::before,.landing::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(1px);opacity:.35}.landing::before{left:-190px;bottom:-180px;background:radial-gradient(circle,var(--green),transparent 65%)}.landing::after{right:-190px;top:-130px;background:radial-gradient(circle,var(--magenta),transparent 65%)}
.admin-entry{position:absolute;right:24px;top:20px;z-index:5;border:1px solid rgba(255,201,17,.55);color:var(--yellow);background:rgba(0,0,0,.2);padding:10px 12px;border-radius:14px;font-weight:800}.landing-content{position:relative;z-index:2;max-width:1060px;margin:auto;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:70px 24px}.landing-brand{text-align:center}.landing .logo{width:min(500px,90%);margin:auto;background:#fff;border-radius:22px;padding:14px}.landing h1{font-size:clamp(2rem,4vw,4rem);line-height:.98;margin:30px 0 10px}.landing h1 span{color:var(--green)}.rainbow-line{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--orange),var(--purple));max-width:420px;margin:18px auto}.access-panel{background:rgba(5,25,13,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.25);border-radius:28px;padding:28px;backdrop-filter:blur(14px)}.access-panel .btn{min-height:58px;font-size:1.05rem}.access-stack{display:grid;gap:14px}.benefits-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.benefit-mini{text-align:center;font-size:.78rem;padding:10px;color:#cfe2d2}.benefit-mini b{display:block;color:#fff;margin-top:4px}
/* carousel */
.marquee-wrap{overflow:hidden;background:var(--deep);color:#fff;border-radius:14px;margin-bottom:18px;border:1px solid rgba(255,255,255,.12)}.marquee{display:flex;width:max-content;animation:marquee var(--marquee-speed,22s) linear infinite;will-change:transform}.marquee:hover{animation-play-state:paused}.marquee-set{display:flex}.marquee-item{display:flex;align-items:center;gap:9px;padding:14px 34px;border-right:1px solid rgba(255,255,255,.15);font-weight:750;white-space:nowrap}.marquee-item::before{content:"✦";color:var(--yellow)}@keyframes marquee{to{transform:translateX(-50%)}}
/* home */
.hero{background:linear-gradient(110deg,#fff 0 48%,#e9f5e4 48%);border-radius:var(--r2);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;border:1px solid #dce8d8}.hero-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(2.1rem,4vw,4.2rem);line-height:.98;margin:8px 0 20px}.hero h1 span{color:var(--green)}.hero-visual{display:grid;place-items:center;padding:30px;background:radial-gradient(circle,#fff,transparent 66%)}.bag-row{display:flex;align-items:end;justify-content:center;gap:10px;width:100%}.bag{width:22%;max-width:130px;height:270px;border-radius:18px 18px 12px 12px;border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 35px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bag::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.55),transparent 32%)}.bag img{width:60px;z-index:2;background:#fff;border-radius:50%;padding:3px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.benefit-item{padding:22px;text-align:center;border-right:1px solid var(--line)}.benefit-item:last-child{border:0}.benefit-icon{font-size:1.8rem;color:var(--green)}
.mix-card{position:relative;overflow:hidden;padding:0}.mix-top{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--mix) 28%,white),#fff)}.mix-top .product-logo{width:70px;height:70px}.mix-body{padding:18px}.mix-family{font-weight:950;color:var(--mix);font-size:1.04rem}.mix-name{font-weight:900;margin:3px 0 10px}.ingredients{display:flex;flex-wrap:wrap;gap:6px}.chip{border-radius:999px;background:#eef4ef;padding:5px 8px;font-size:.73rem;color:#385143}.social-teaser{border-radius:24px;background:linear-gradient(120deg,#1d0b2a,#551451 50%,#891050);color:#fff;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.social-art{min-height:230px;border-radius:18px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.25),transparent 20%),linear-gradient(135deg,#6b1687,#930f4b);display:grid;place-items:center;font-size:5rem}
/* subscriptions */
.screen-02{--accent:var(--yellow)}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plan-card{border:2px solid #e8d56f;padding:25px;border-radius:22px;background:#fff}.plan-card.weekly{border-color:var(--green)}.plan-price{font-size:3rem;font-weight:950;line-height:1}.plan-price small{font-size:.9rem}.plan-config{margin-top:24px;background:#fffaf0;border:1px solid #f0dfb6;border-radius:20px;padding:20px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #d9dfd7;background:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.tab.active{background:var(--deep);color:#fff}.day-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eceeea}.day-row:last-child{border:0}.qty-control{display:flex;gap:5px;align-items:center}.qty-control button{width:30px;height:30px;border-radius:8px;border:1px solid #d7e0d7;background:#fff}.toggle{display:inline-flex;align-items:center;gap:8px}.toggle input{width:42px;height:22px}.delivery-mini{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff;border:1px dashed #b8c8b7;border-radius:16px;padding:16px;margin-top:18px}
/* screen 03 */
.screen-03{--accent:var(--orange)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:0;padding:8px 12px;border-radius:999px;background:#fff0e9;color:#7e2a0a;font-weight:850}.filter.active{background:var(--orange);color:#fff}.extra-card{padding:15px}.extra-visual{height:110px;border-radius:14px;background:linear-gradient(135deg,#fff5d5,#ffede5);display:grid;place-items:center;font-size:2rem}.product-detail{display:grid;grid-template-columns:220px 1fr;gap:22px}.product-detail-visual{min-height:300px;border-radius:20px;background:linear-gradient(135deg,#edf8e7,#fff);display:grid;place-items:center}.product-detail-visual .product-logo{width:110px;height:110px}
/* deliveries */
.screen-04{--accent:var(--green);background:#061d10;color:#fff}.screen-04 .main{max-width:1320px}.screen-04 .card{background:#0b2918;border-color:#21492f;color:#fff}.route-statuses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-status{padding:16px;border:1px solid #365a41;border-radius:15px}.route-status.active{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,201,17,.15)}.route-status.enpoint.active{border-color:var(--green)}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 10px var(--yellow))}}.mapbox{min-height:350px;border-radius:22px;background:linear-gradient(135deg,#e9ece6,#cbd8c8);position:relative;overflow:hidden;color:#12351e}.route-line{position:absolute;left:8%;right:8%;top:48%;height:4px;background:#5c943d;border-radius:99px;transform:rotate(-5deg)}.map-point{position:absolute;width:36px;height:36px;border-radius:50%;background:#0c6d28;color:#fff;display:grid;place-items:center;font-weight:900;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}.point-list{display:grid;gap:6px;margin-top:14px}.point-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #21492f}.point-num{width:26px;height:26px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;font-weight:900}
/* social */
.screen-05{--accent:var(--magenta);background:linear-gradient(180deg,#13081f,#25102d 55%,#100715);color:#fff}.screen-05 .card{background:#25152d;border-color:#56335b;color:#fff}.social-hero{display:grid;grid-template-columns:1fr 1.25fr;min-height:340px;border-radius:26px;overflow:hidden;background:linear-gradient(120deg,#260b31,#6b1687,#930f4b)}.social-hero-copy{padding:42px}.social-hero h1{font-size:clamp(2.6rem,5vw,5rem);margin:0}.social-people{display:grid;place-items:center;font-size:6rem;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 55%)}.social-cat{min-height:170px;background:linear-gradient(135deg,#5d1d70,#2b1235);display:flex;flex-direction:column;justify-content:end}.content-list{display:grid;gap:12px}.content-item{border:1px solid #56335b;border-radius:14px;padding:13px;background:#28162f}
/* account */
.screen-06{--accent:var(--magenta);background:#fff}.account-hero{background:linear-gradient(120deg,#720943,#b10c69);color:#fff;border-radius:24px;padding:30px}.account-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;margin-top:18px}.account-mini{background:#fff;color:#2d1730;border-radius:16px;padding:16px}.account-panels{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px}.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:850;background:#e7f5e5;color:#266829}.status-pill.warn{background:#fff0df;color:#99400d}.status-pill.danger{background:#ffe6e5;color:#a92621}
/* cart */
.screen-07{--accent:var(--green);background:linear-gradient(180deg,#061e11,#0a2c18);color:#fff}.screen-07 .main{max-width:920px}.screen-07 .card{background:#0b2a19;border-color:#31503a;color:#fff}.cart-summary{padding:30px}.cart-line{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #2a4934}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:950;padding-top:18px;color:var(--yellow)}.delivery-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.confirm-order{font-size:1.2rem;background:linear-gradient(90deg,var(--yellow),var(--green));color:#143019}
/* admin */
.admin-shell{min-height:100vh;background:#f4f7f5;display:grid;grid-template-columns:250px 1fr;color:#142018}.admin-sidebar{background:#102337;color:#fff;position:sticky;top:0;height:100vh;padding:18px 14px;overflow:auto}.admin-sidebar .logo{background:#fff;border-radius:10px;padding:4px;width:125px}.admin-user{display:flex;gap:10px;align-items:center;padding:18px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-weight:900}.admin-nav{display:grid;gap:4px;margin-top:15px}.admin-nav button{border:0;background:transparent;color:#dbe7f0;text-align:left;padding:10px;border-radius:8px}.admin-nav button.active,.admin-nav button:hover{background:#69b42c;color:#fff}.admin-main{padding:22px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.admin-top h1{margin:0}.admin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-card{background:#fff;border:1px solid #dce3df;border-radius:15px;padding:18px;min-height:150px}.admin-card h3{margin:0 0 6px}.admin-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.kpi{background:#fff;border:1px solid #dce3df;border-radius:12px;padding:13px}.kpi b{display:block;font-size:1.35rem;margin-top:4px}.admin-panel{background:#fff;border:1px solid #dce3df;border-radius:16px;padding:18px;margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{margin:0}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid #edf0ee;vertical-align:top}.admin-table th{font-size:.75rem;text-transform:uppercase;color:#607067}.table-wrap{overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px}.field label{font-size:.78rem;font-weight:850;color:#54645b}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9d2;border-radius:10px;padding:10px;background:#fff}.field textarea{min-height:90px;resize:vertical}.editor-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(480px,1.2fr);gap:16px}.editor-controls{background:#fff;border:1px solid #dce3df;border-radius:16px;padding:15px}.live-preview{background:#fff;border:1px solid #dce3df;border-radius:16px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #e5eae7}.preview-frame{padding:12px;overflow:auto}.preview-canvas{min-height:420px;border-radius:12px;overflow:hidden;transform-origin:top left}.preview-canvas.tablet{width:760px;max-width:100%}.preview-canvas.mobile{width:390px;max-width:100%;margin:auto}.screen-card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.screen-card{border:1px solid #d9e0dc;background:#fff;border-radius:12px;padding:12px;text-align:left}.screen-card.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(105,180,44,.15)}.drag-item{border:1px solid #dae2dc;border-radius:10px;padding:10px;background:#fbfdfb;margin:7px 0;cursor:grab}.exclusive{border-left:5px solid var(--magenta);background:#fff9fc}.warning-box{border:1px solid #f0c065;background:#fff8e8;color:#714b00;border-radius:12px;padding:12px}.success-box{border:1px solid #8cc77a;background:#eff9ec;color:#225a22;border-radius:12px;padding:12px}.danger-box{border:1px solid #e7a19e;background:#fff1f0;color:#7b1f1a;border-radius:12px;padding:12px}.finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-block{background:#f8faf8;border:1px solid #e0e7e1;border-radius:12px;padding:12px}.metric{font-size:1.45rem;font-weight:950}.recipe-table input{width:100px}.admin-inline-actions{display:flex;gap:6px;flex-wrap:wrap}
/* modal/toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;color:#142018;border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.3);padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{margin:0}.modal-close{width:36px;height:36px;border-radius:50%;border:0;background:#eef2ef}.toast{position:fixed;right:20px;bottom:20px;z-index:120;background:#102f1d;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);animation:toastin .2s ease}.toast.error{background:#8d211f}.toast.warn{background:#7b5700}@keyframes toastin{from{transform:translateY(12px);opacity:0}}
.empty{padding:36px;text-align:center;border:1px dashed #c8d4cb;border-radius:16px;color:#647067;background:rgba(255,255,255,.55)}
@media(max-width:1050px){.nav{display:none}.mobile-toggle{display:block}.nav.open{display:grid;position:absolute;left:0;right:0;top:76px;background:#0a2013;padding:12px 20px;justify-content:stretch}.nav.open button{text-align:left}.grid-4{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:320px}.plans{grid-template-columns:1fr}.social-hero{grid-template-columns:1fr}.account-grid{grid-template-columns:repeat(2,1fr)}.account-panels{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-nav{grid-template-columns:repeat(3,1fr)}.admin-cards{grid-template-columns:repeat(2,1fr)}.admin-kpis{grid-template-columns:repeat(3,1fr)}.editor-layout{grid-template-columns:1fr}.screen-card-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.main{padding:18px 14px 50px}.landing-content{grid-template-columns:1fr;padding-top:90px}.landing-brand{display:none}.access-panel{padding:20px}.benefits-mini{grid-template-columns:repeat(2,1fr)}.header-inner{padding:8px 12px}.public-header .logo{width:105px}.header-actions .btn{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.benefit-strip{grid-template-columns:repeat(2,1fr)}.benefit-item:nth-child(2){border-right:0}.hero-copy{padding:28px}.bag{height:210px}.social-teaser{grid-template-columns:1fr}.day-row{grid-template-columns:80px 1fr}.day-row .qty-control{grid-column:2}.route-statuses{grid-template-columns:1fr}.point-row{grid-template-columns:32px 1fr}.point-row>span:last-child{grid-column:2}.product-detail{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.delivery-card{align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}.admin-main{padding:12px}.admin-nav{grid-template-columns:1fr 1fr}.admin-cards{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr 1fr}.finance-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.screen-card-list{grid-template-columns:repeat(2,1fr)}.admin-top{align-items:flex-start;flex-direction:column}.modal{padding:18px}}

/* ===== V2 PANTALLA 00 / EDITOR VISUAL ===== */
.landing-v2{
  min-height:100vh;
  background-color:var(--landing-bg,#0C3120);
  background-image:linear-gradient(rgba(0,20,10,var(--landing-overlay,.3)),rgba(0,20,10,var(--landing-overlay,.3))),var(--landing-image,none);
  background-position:var(--landing-pos,center);
  background-size:var(--landing-size,cover);
  background-repeat:no-repeat;
  display:grid;
  place-items:center;
  padding:74px 24px 30px;
}
.landing-v2::before,.landing-v2::after{display:none}
.landing-v2-inner{position:relative;z-index:2;width:min(var(--landing-content,760px),100%);text-align:center;display:flex;flex-direction:column;align-items:center}
.landing-main-logo{display:block;max-width:92%;height:auto;object-fit:contain;margin:0 auto 24px;background:transparent!important;padding:0!important;border-radius:0!important}
.landing-v2 h1{margin:0;max-width:900px;font-size:clamp(2.2rem,5vw,var(--landing-title-size,58px));line-height:.98;color:var(--landing-title,#fff);font-weight:950;letter-spacing:.01em;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.landing-v2 .landing-subtitle{font-size:var(--landing-subtitle-size,18px);color:var(--landing-subtitle,#fff);letter-spacing:.16em;margin:16px 0 24px;font-weight:650}
.landing-v2 .rainbow-line{width:min(420px,75%);margin:20px auto 0}
.landing-actions{width:min(520px,100%);display:grid;gap:12px;margin:0 auto 24px}
.landing-cta{min-height:58px;border:0;border-radius:14px;font-size:1.04rem;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.landing-cta.create{background:var(--create-bg,#69B42C);color:var(--create-color,#0C3120)}
.landing-cta.login{background:var(--login-bg,#FFC911);color:var(--login-color,#0C3120)}
.forgot-link{border:0;background:transparent;color:var(--forgot-color,#FFC911);font-weight:850;text-decoration:underline;text-underline-offset:4px;padding:8px;cursor:pointer}
.modal-forgot{color:var(--magenta)!important}
.benefits-v2{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px 12px;margin-top:6px;backdrop-filter:blur(10px)}
.benefits-v2 .benefit-mini{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid rgba(255,255,255,.13)}
.benefits-v2 .benefit-mini:last-child{border-right:0}
.benefits-v2 .benefit-mini span{font-size:1.25rem}
.benefits-v2 .benefit-mini small{display:block;color:#dce9df;line-height:1.2}

.editor-layout-v2{grid-template-columns:minmax(470px,.95fr) minmax(520px,1.05fr)}
.editor-v2-grid{display:grid;grid-template-columns:165px 1fr;gap:14px;align-items:start}
.element-list{display:grid;gap:7px;position:sticky;top:10px}
.element-button{border:1px solid #d9e0dc;background:#fbfdfb;border-radius:10px;padding:10px;text-align:left;font-weight:750;color:#284136}
.element-button.active{background:#eaf5e3;border-color:var(--green);box-shadow:0 0 0 2px rgba(105,180,44,.12)}
.property-panel{display:grid;gap:12px;min-width:0}
.property-panel h3{margin:0 0 4px}
.color-row{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center}
.color-row input[type=color]{height:42px;padding:3px}
.benefit-editor{border:1px solid #e1e7e3;border-radius:12px;padding:10px;display:grid;gap:8px;background:#fafcfb}
.editor-actions-sticky{position:sticky;bottom:0;background:rgba(255,255,255,.96);border-top:1px solid #e1e7e3;margin:18px -15px -15px;padding:12px 15px;display:flex;gap:7px;flex-wrap:wrap;z-index:4;backdrop-filter:blur(10px)}
.preview-canvas .landing-v2{min-height:560px;border-radius:12px;padding-top:64px}
.preview-canvas.mobile .landing-v2{min-height:700px;padding:72px 16px 20px}
.preview-canvas.mobile .benefits-v2{grid-template-columns:1fr 1fr}
.preview-canvas.mobile .benefits-v2 .benefit-mini:nth-child(2){border-right:0}
.preview-canvas.mobile .landing-v2 h1{font-size:clamp(2rem,11vw,3.4rem)}
.preview-modal .landing-v2{min-height:70vh;border-radius:14px}
[data-edit-element]{outline:0 solid transparent;transition:outline .15s ease,filter .15s ease}
.preview-canvas [data-edit-element]:hover{outline:3px solid rgba(255,201,17,.85);outline-offset:3px;filter:brightness(1.05)}

@media(max-width:1050px){.editor-layout-v2{grid-template-columns:1fr}.editor-v2-grid{grid-template-columns:150px 1fr}}
@media(max-width:700px){
  .landing-v2{padding:82px 14px 20px}
  .landing-v2 h1{font-size:clamp(2rem,11vw,3.4rem)}
  .landing-v2 .landing-subtitle{letter-spacing:.09em}
  .landing-main-logo{max-width:78%}
  .benefits-v2{grid-template-columns:1fr 1fr}
  .benefits-v2 .benefit-mini:nth-child(2){border-right:0}
  .editor-v2-grid{grid-template-columns:1fr}
  .element-list{position:relative;grid-template-columns:1fr 1fr}
}

/* ===== V3 PANTALLA 00 / VISTA USUARIO / CLAVES ===== */
.ui-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.admin-entry.admin-shield{
  width:var(--admin-size,46px);height:var(--admin-size,46px);padding:0;border-radius:16px;
  display:grid;place-items:center;color:var(--admin-color,#fff);background:var(--admin-bg,rgba(4,28,16,.78));
  border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(12px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.admin-entry.admin-shield:hover{transform:translateY(-2px) scale(1.03);border-color:rgba(255,201,17,.72);box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 3px rgba(255,201,17,.09)}
.admin-entry.admin-shield .ui-svg{width:55%;height:55%;stroke-width:1.65}

.benefit-icon-shell{width:38px;height:38px;display:grid;place-items:center;margin-bottom:6px;color:#fff}
.benefit-icon-shell .ui-svg{width:24px;height:24px}
.icon-style-outline .benefit-icon-shell{border:1px solid rgba(255,255,255,.35);border-radius:12px;background:transparent}
.icon-style-soft .benefit-icon-shell{border-radius:12px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.icon-style-glass .benefit-icon-shell{border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.05));box-shadow:0 8px 22px rgba(0,0,0,.15);backdrop-filter:blur(8px)}
.benefits-v2 .benefit-mini span.benefit-icon-shell{font-size:inherit}

.user-view-ribbon{position:fixed;right:18px;bottom:18px;z-index:95;display:flex;align-items:center;gap:10px;padding:8px 9px 8px 13px;border-radius:16px;background:rgba(11,31,19,.94);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 42px rgba(0,0,0,.28);backdrop-filter:blur(12px);font-size:.75rem;font-weight:850;letter-spacing:.03em}
.user-view-ribbon button{border:0;border-radius:10px;background:#FFC911;color:#0C3120;font-weight:900;padding:8px 11px;cursor:pointer}
.access-key-display{font-size:clamp(1.8rem,6vw,3rem);font-weight:950;letter-spacing:.08em;text-align:center;padding:16px;border-radius:14px;background:#0C3120;color:#FFC911;margin:12px 0}
.access-key-inline{font-weight:950;font-size:1.08em;color:#0C3120;background:#FFC911;padding:3px 7px;border-radius:7px;white-space:nowrap}
.client-key{font-weight:900;color:#0C3120;margin-top:4px;white-space:nowrap}

@media(max-width:700px){
  .admin-entry.admin-shield{right:14px;top:14px}
  .user-view-ribbon{left:12px;right:12px;bottom:12px;justify-content:space-between}
  .user-view-ribbon span{display:none}
  .user-view-ribbon button{width:100%}
}

/* ===== V4 - Identidad cromatica por pantalla + editor visual completo ===== */
.public-shell{font-family:var(--screen-font,Segoe UI,Arial,sans-serif);background-color:var(--screen-page-bg,#f7f9f7);background-image:var(--screen-page-image,none);background-size:var(--screen-page-fit,cover);background-position:var(--screen-page-position,center);background-attachment:fixed;color:var(--screen-body-color,#354238)}
.public-shell .public-header{background:var(--screen-header-bg,#0C3120)!important;color:var(--screen-header-text,#fff)!important}
.public-shell .public-header .nav button,.public-shell .public-header .cart-btn{color:var(--screen-header-text,#fff)}
.public-shell .public-header .nav button:hover,.public-shell .public-header .nav button.active{background:rgba(255,255,255,.18);color:var(--screen-header-text,#fff)}
.public-shell .footer{background:var(--screen-footer-bg,#0C3120)!important;color:var(--screen-footer-text,#fff)!important}
.public-shell .footer .footer-links,.public-shell .footer a,.public-shell .footer span{color:var(--screen-footer-text,#fff)!important}
.public-shell .main{max-width:var(--screen-content-width,1240px);color:var(--screen-body-color,#354238)}
.public-shell .section-title h1,.public-shell .section-title>div>h1{color:var(--screen-title-color,#0C3120)!important;font-size:clamp(2rem,5vw,var(--screen-title-size,58px))!important}
.public-shell .section-title h2,.public-shell .section h2{color:var(--screen-section-title,#0C3120)}
.public-shell .hero{background:var(--screen-hero-bg,#fff)!important;border-radius:var(--screen-hero-radius,22px)!important}
.public-shell .hero h1{color:var(--screen-hero-title,#0C3120)!important;font-size:clamp(2rem,5vw,var(--screen-hero-title-size,64px))!important}
.public-shell .hero h1 span{color:inherit!important}
.public-shell .hero p{color:var(--screen-hero-text,#354238)!important}
.public-shell .btn-primary{background:var(--screen-button-bg,#69B42C)!important;color:var(--screen-button-text,#fff)!important;border-radius:var(--screen-button-radius,12px)!important}
.public-shell .card,.public-shell .plan-card,.public-shell .plan-config,.public-shell .account-mini,.public-shell .content-item{background:var(--screen-card-bg,#fff)!important;border-color:var(--screen-card-border,#dce3df)!important;border-radius:var(--screen-card-radius,18px)!important;box-shadow:var(--screen-card-shadow,none);color:var(--screen-card-text,#46564C)!important}
.public-shell .card h1,.public-shell .card h2,.public-shell .card h3,.public-shell .plan-card h2,.public-shell .account-mini b,.public-shell .content-item b{color:var(--screen-card-title,#0C3120)!important}
.hero-visual{overflow:hidden;padding:0!important;min-height:360px;background:transparent!important}
.hero-photo{width:100%;height:100%;min-height:360px;display:block}
.mix-top{height:180px;overflow:hidden;background:#f7f7f3!important}
.mix-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.mix-card:hover .mix-photo{transform:scale(1.035)}
.social-art{overflow:hidden;padding:0!important}
.social-art img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block}
.social-art .ui-svg{width:70px;height:70px}
.benefit-icon .ui-svg{width:34px;height:34px;stroke:currentColor}
.screen-04,.screen-05,.screen-07{background-color:var(--screen-page-bg)!important;background-image:var(--screen-page-image,none)!important;color:var(--screen-body-color)!important}
.screen-06{background-color:var(--screen-page-bg)!important;background-image:var(--screen-page-image,none)!important}
.screen-05 .social-hero{border-radius:var(--screen-hero-radius,26px);background:var(--screen-hero-bg,#6B1687)!important}
.screen-06 .account-hero{border-radius:var(--screen-hero-radius,24px);background:var(--screen-hero-bg,#930F4B)!important}
.screen-07 .confirm-order{background:var(--screen-button-bg,#69B42C)!important;color:var(--screen-button-text,#fff)!important;border-radius:var(--screen-button-radius,12px)!important}

/* Editor visual - controles */
.editor-thumb{width:100%;max-height:150px;object-fit:cover;border:1px solid #d7dfda;border-radius:10px;margin:8px 0}
.property-panel hr{border:0;border-top:1px solid #e3e9e5;margin:14px 0}
.property-panel{max-height:620px;overflow:auto;padding-right:4px}

/* Vista previa seleccionable */
.generic-screen-preview{font-family:var(--screen-font);background:var(--screen-page-bg);color:var(--screen-body-color);min-height:580px}
.preview-public-header{min-height:56px;background:var(--screen-header-bg);color:var(--screen-header-text);display:flex;align-items:center;gap:20px;padding:8px 14px;font-size:.72rem;font-weight:800}
.preview-public-header img,.preview-public-footer img{background:#fff;border-radius:8px;padding:3px;width:86px}
.preview-public-footer{min-height:70px;background:var(--screen-footer-bg);color:var(--screen-footer-text);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;font-size:.75rem}
.preview-page{padding:16px;max-width:100%;background-color:var(--screen-page-bg);background-image:var(--screen-page-image);background-size:var(--screen-page-fit);background-position:var(--screen-page-position)}
.preview-marquee{background:#102317;color:#fff;border-radius:10px;padding:9px 12px;text-align:center;font-size:.72rem;margin-bottom:10px}
.preview-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:240px;background:var(--screen-hero-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-hero-radius);overflow:hidden}
.preview-hero>div:first-child{padding:24px;display:flex;flex-direction:column;justify-content:center}
.preview-hero h1,.preview-title h1,.preview-account-hero h1{color:var(--screen-title-color);font-size:clamp(1.5rem,4vw,var(--screen-title-size));line-height:1;margin:0 0 12px}
.preview-hero p{color:var(--screen-hero-text);font-size:.85rem}
.preview-hero button,.preview-card button,.preview-confirm{border:0;background:var(--screen-button-bg);color:var(--screen-button-text);border-radius:var(--screen-button-radius);padding:9px 12px;font-weight:900;width:max-content}
.preview-hero-img{min-height:220px;background:#edf1ed;display:grid;place-items:center;overflow:hidden}
.preview-hero-img img{width:100%;height:100%;min-height:220px;object-fit:cover}
.preview-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.preview-benefits>div{background:var(--screen-card-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-card-radius);padding:10px;display:grid;justify-items:center;text-align:center;gap:5px;font-size:.65rem;color:var(--screen-card-title)}
.preview-benefits .ui-svg{width:25px;height:25px}
.preview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0 16px}
.preview-card{background:var(--screen-card-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-card-radius);box-shadow:var(--screen-card-shadow);overflow:hidden;padding:10px;color:var(--screen-card-text);display:grid;gap:5px;font-size:.72rem}
.preview-card img{width:100%;height:96px;object-fit:cover;border-radius:calc(var(--screen-card-radius) - 6px)}
.preview-card b{color:var(--screen-card-title)}
.preview-card strong{font-size:1.3rem;color:var(--screen-card-title)}
.preview-placeholder-img{height:70px;border-radius:10px;background:linear-gradient(135deg,#f4f0e8,#fff)}
.preview-social{display:grid;grid-template-columns:1fr 1fr;min-height:140px;border-radius:var(--screen-card-radius);overflow:hidden;background:#2a1031;color:#fff;margin-top:10px}
.preview-social>div{padding:18px}.preview-social img{width:100%;height:140px;object-fit:cover}
.preview-title{padding:18px 4px}.preview-title p{margin-bottom:0}
.preview-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-plans .preview-card{min-height:170px;align-content:center}
.preview-config{background:var(--screen-card-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-card-radius);padding:18px;margin-top:12px;color:var(--screen-card-text)}
.preview-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.preview-status>div{background:var(--screen-card-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-card-radius);padding:18px;text-align:center;color:var(--screen-card-title);font-weight:900}
.preview-map{min-height:210px;border-radius:var(--screen-card-radius);background:linear-gradient(135deg,#dce6dc,#eef3ed);display:flex;align-items:center;justify-content:space-around;position:relative}.preview-map:before{content:"";position:absolute;left:8%;right:8%;height:4px;background:#69B42C}.preview-map span{z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0C3120;color:#fff;font-weight:900}
.preview-account-hero{padding:24px;border-radius:var(--screen-hero-radius);background:var(--screen-hero-bg);color:#fff}.preview-account-hero h1{color:var(--screen-hero-title)}
.preview-cards.account{grid-template-columns:repeat(4,1fr)}
.preview-cart-card{background:var(--screen-card-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-card-radius);padding:18px;margin-bottom:10px;color:var(--screen-card-text)}.preview-cart-card>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--screen-card-border)}
.preview-confirm{width:100%;font-size:1rem}
.preview-canvas [data-edit-element]{cursor:pointer;transition:outline-color .15s ease,filter .15s ease}
.preview-canvas [data-edit-element]:hover{outline:3px solid #FFC911!important;outline-offset:2px;filter:brightness(1.03)}
.preview-canvas.mobile .preview-hero,.preview-canvas.mobile .preview-social{grid-template-columns:1fr}.preview-canvas.mobile .preview-cards,.preview-canvas.mobile .preview-benefits,.preview-canvas.mobile .preview-cards.account{grid-template-columns:1fr 1fr}.preview-canvas.mobile .preview-public-header>div{display:none}
.screen-title-block{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:20px;margin-bottom:22px;background:var(--screen-hero-bg);border:1px solid var(--screen-card-border);border-radius:var(--screen-hero-radius);overflow:hidden;padding-left:22px}
.screen-title-block .section-title{margin:0;padding:20px 0}.screen-title-image{height:220px;overflow:hidden}.screen-title-image img{width:100%;height:100%;display:block}
.extra-visual{overflow:hidden}.extra-visual img{width:100%;height:100%;object-fit:cover;display:block}
.product-detail-visual{overflow:hidden}.detail-mix-photo{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.public-shell .social-hero h1,.public-shell .account-hero h1{color:var(--screen-hero-title)!important;font-size:clamp(2rem,5vw,var(--screen-hero-title-size))!important}
.public-shell .social-hero,.public-shell .account-hero{color:var(--screen-hero-text)!important}
.social-hero-media{min-height:340px;overflow:hidden}.social-hero-photo{width:100%;height:100%;min-height:340px;display:block}.social-hero-media .social-people{height:100%}
@media(max-width:700px){.screen-title-block{grid-template-columns:1fr;padding-left:0}.screen-title-block .section-title{padding:20px}.screen-title-image{height:180px}}
.public-shell{font-style:var(--screen-font-style,normal)}
.public-shell .section-title h1,.public-shell .section-title>div>h1,.public-shell .hero h1,.public-shell .social-hero h1,.public-shell .account-hero h1{font-weight:var(--screen-title-weight,800)!important;text-align:var(--screen-title-align,left)}
.generic-screen-preview .preview-title h1,.generic-screen-preview .preview-hero h1,.generic-screen-preview .preview-account-hero h1{font-weight:var(--screen-title-weight,800);text-align:var(--screen-title-align,left)}

/* =========================================================
   V5 — PANTALLA 01: MISMA COMPOSICIÓN EN DESKTOP/TABLET/MÓVIL
   ========================================================= */
.screen-01 .hero-free-layout{
  position:relative!important;
  display:block!important;
  min-height:clamp(430px,48vw,620px);
  background:transparent!important;
  border-radius:var(--screen-hero-radius,22px)!important;
  overflow:hidden;
  border:1px solid rgba(12,49,32,.12);
}
.screen-01 .hero-media{position:absolute;inset:0;z-index:0;background:#edf4ea;overflow:hidden}
.screen-01 .hero-media .hero-photo-full{width:100%;height:100%;min-height:100%;display:block}
.screen-01 .hero-fallback-bags{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#eff8eb,#dcefd5)}
.screen-01 .hero-dim{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,var(--screen-hero-overlay,.08));pointer-events:none}
.screen-01 .hero-float{position:absolute;z-index:2;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
.screen-01 .hero-title-float{left:var(--hero-title-x,7%);top:var(--hero-title-y,18%);width:min(var(--hero-title-width,50%),calc(98% - var(--hero-title-x,7%)));text-align:var(--hero-title-align,left)}
.screen-01 .hero-title-float .kicker{background:transparent!important;color:var(--screen-hero-title);text-align:inherit}
.screen-01 .hero-title-float h1{margin:6px 0 0;background:transparent!important;color:var(--screen-hero-title)!important;font-size:clamp(2rem,5vw,var(--screen-hero-title-size,58px))!important;line-height:.98;text-align:inherit!important}
.screen-01 .hero-text-float{left:var(--hero-text-x,7%);top:var(--hero-text-y,54%);width:min(var(--hero-text-width,42%),calc(98% - var(--hero-text-x,7%)));text-align:var(--hero-text-align,left)}
.screen-01 .hero-text-float p{margin:0;background:transparent!important;color:var(--screen-hero-text)!important;font-size:var(--hero-text-size,18px);line-height:1.45;text-align:inherit!important}
.screen-01 .hero-cta-float{left:var(--hero-cta-x,7%);top:var(--hero-cta-y,72%);max-width:calc(98% - var(--hero-cta-x,7%));text-align:var(--hero-cta-align,left)}
.screen-01 .hero-cta-float .btn{background:var(--screen-button-bg)!important;color:var(--screen-button-text)!important;border-radius:var(--screen-button-radius)!important}
.screen-01 .screen01-product-row .product-card img,.screen-01 .screen01-product-row .mix-visual img{object-fit:cover}

/* Mantener identidad visual, evitando saltos fuertes de composición */
@media(max-width:1050px){
  .screen-01 .hero{grid-template-columns:initial!important}
  .screen-01 .hero-visual{min-height:initial!important}
}
@media(max-width:700px){
  .screen-01 .hero-free-layout{min-height:520px}
  .screen-01 .hero-title-float h1{font-size:clamp(1.85rem,9vw,var(--screen-hero-title-size,58px))!important}
  .screen-01 .hero-text-float p{font-size:clamp(13px,4vw,var(--hero-text-size,18px))}
  .screen-01 .screen01-benefits{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;border-radius:18px}
  .screen-01 .screen01-benefits .benefit-item{min-width:175px;flex:0 0 175px;scroll-snap-align:start;border-right:1px solid var(--line)!important}
  .screen-01 .screen01-product-row{display:flex!important;overflow-x:auto;gap:14px;scroll-snap-type:x proximity;padding-bottom:8px}
  .screen-01 .screen01-product-row>*{min-width:255px;flex:0 0 255px;scroll-snap-align:start}
}

/* Vista previa: mismo lenguaje visual en los tres modos */
.preview-hero-free{position:relative!important;display:block!important;min-height:310px!important;background:transparent!important;overflow:hidden}
.preview-hero-media{position:absolute;inset:0;z-index:0;background:#edf1ed;overflow:hidden}
.preview-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.preview-hero-dim{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,var(--screen-hero-overlay,.08));pointer-events:none}
.preview-float{position:absolute;z-index:3;background:transparent!important;cursor:grab!important;touch-action:none;user-select:none}
.preview-float.dragging{cursor:grabbing!important;outline:3px solid #FFC911!important}
.preview-title-float{left:var(--hero-title-x);top:var(--hero-title-y);width:min(var(--hero-title-width),calc(98% - var(--hero-title-x)));text-align:var(--hero-title-align)}
.preview-title-float h1{background:transparent!important;color:var(--screen-hero-title)!important;font-size:clamp(1.45rem,4vw,var(--screen-hero-title-size))!important;text-align:inherit!important;margin:4px 0 0!important}
.preview-text-float{left:var(--hero-text-x);top:var(--hero-text-y);width:min(var(--hero-text-width),calc(98% - var(--hero-text-x)));text-align:var(--hero-text-align)}
.preview-text-float p{background:transparent!important;color:var(--screen-hero-text)!important;font-size:clamp(.72rem,1.6vw,var(--hero-text-size));text-align:inherit!important;margin:0}
.preview-cta-float{left:var(--hero-cta-x);top:var(--hero-cta-y);max-width:calc(98% - var(--hero-cta-x));text-align:var(--hero-cta-align)}
.preview-horizontal{overflow-x:auto;scrollbar-width:thin}
.preview-canvas.tablet .preview-hero-free,.preview-canvas.mobile .preview-hero-free{grid-template-columns:initial!important}
.preview-canvas.mobile .preview-public-header>div{display:block!important;font-size:.42rem;white-space:nowrap;overflow:hidden}
.preview-canvas.mobile .preview-benefits,.preview-canvas.mobile .preview-cards,.preview-canvas.mobile .preview-cards.account{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:8px}
.preview-canvas.mobile .preview-benefits>*,.preview-canvas.mobile .preview-cards>*{min-width:155px;flex:0 0 155px}
.position-editor{margin-top:12px;padding:11px;border:1px dashed #cbd8d0;border-radius:10px;background:#f7faf8}
.position-editor>b{display:block;font-size:.75rem;margin-bottom:8px}

/* Matriz maestra de productos */
.product-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-matrix-card{border:1px solid #dce3df;border-radius:16px;background:#fff;overflow:hidden}
.product-matrix-image{height:180px;background:#edf2ee;display:grid;place-items:center;overflow:hidden}
.product-matrix-image img{width:100%;height:100%;object-fit:cover}
.product-matrix-body{padding:14px}
.product-matrix-code{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#6c7a72;text-transform:uppercase}
.product-matrix-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap}
.product-image-upload{display:grid;gap:6px;margin-top:8px}
@media(max-width:900px){.product-matrix-grid{grid-template-columns:1fr}}

.landing-cta.login,.admin-entry.admin-shield{display:flex;align-items:center;justify-content:center;text-decoration:none}.landing-cta.login{cursor:pointer}


/* =========================================================
   V6.6 — PANTALLA 02: MINIMAL HERO + CARDS EDITABLES +
   SELECTOR COMPACTO SIN CAMBIAR FLUJO DE PEDIDO
   ========================================================= */
.screen-02 .minimal-hero-02{position:relative;min-height:var(--hero-height,190px);height:var(--hero-height,190px);background:var(--screen-hero-bg,transparent);border-radius:var(--screen-hero-radius,0);overflow:hidden;margin-bottom:20px}
.screen-02 .minimal-hero-title,.screen-02 .minimal-hero-text{position:absolute;background:transparent!important;margin:0;padding:0;max-width:calc(98% - 1rem)}
.screen-02 .minimal-hero-title{left:var(--hero-title-x,3%);top:var(--hero-title-y,18%);width:min(var(--hero-title-width,70%),calc(98% - var(--hero-title-x,3%)));text-align:var(--hero-title-align,left)}
.screen-02 .minimal-hero-title h1{margin:0;background:transparent!important;color:var(--screen-hero-title,#0C3120)!important;font-size:clamp(2rem,5vw,var(--screen-hero-title-size,58px));font-weight:var(--screen-title-weight,800);line-height:1;text-align:inherit}
.screen-02 .minimal-hero-text{left:var(--hero-text-x,3%);top:var(--hero-text-y,62%);width:min(var(--hero-text-width,70%),calc(98% - var(--hero-text-x,3%)));text-align:var(--hero-text-align,left)}
.screen-02 .minimal-hero-text p{margin:0;background:transparent!important;color:var(--screen-hero-text,#354238)!important;font-size:var(--hero-text-size,18px);line-height:1.4;text-align:inherit}
.screen-02 .plans-editable{grid-template-columns:repeat(var(--plan-columns,2),minmax(0,1fr));gap:var(--plan-gap,22px);align-items:stretch;overflow:visible;padding:6px}
.screen-02 .plan-card-visual{padding:0!important;overflow:hidden;display:flex;flex-direction:column;transform-origin:center center;transition:transform .18s ease}
.screen-02 .plan-card-visual.weekly{transform:scale(var(--weekly-card-scale,1))}
.screen-02 .plan-card-visual.monthly{transform:scale(var(--monthly-card-scale,1))}
.screen-02 .plan-card-image{height:var(--plan-image-height,190px);background:#f1f3ee;overflow:hidden;display:grid;place-items:center}
.screen-02 .plan-card-image img{width:100%;height:100%;display:block;object-fit:cover}
.screen-02 .plan-image-placeholder{font-size:.72rem;font-weight:800;letter-spacing:.05em;color:#7a857e;text-align:center;padding:18px}
.screen-02 .plan-card-content{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.screen-02 .plan-card-content .btn{margin-top:auto}
.screen-02 .monthly-price{font-size:2rem}
.screen-02 .plan-config-compact{background:var(--config-bg,#FFFDF5)!important;border-color:var(--config-border,#E9DB90)!important;border-radius:var(--config-radius,18px)!important}
.screen-02 .compact-tabs .tab.active{background:var(--tab-active-bg,#0C3120)!important;color:var(--tab-active-text,#fff)!important}
.screen-02 .day-selector-strip{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}
.screen-02 .day-select-card{flex:0 0 var(--day-card-width,150px);min-width:var(--day-card-width,150px);scroll-snap-align:start;background:var(--day-card-bg,#fff);border:1px solid var(--day-card-border,#DCE3DF);border-radius:var(--day-card-radius,14px);padding:10px;display:grid;gap:7px}
.screen-02 .day-select-card b{color:var(--day-label-color,#0C3120)}
.screen-02 .day-select-card select{width:100%;min-width:0;background:var(--day-select-bg,#fff);border:1px solid var(--day-card-border,#DCE3DF);border-radius:9px;padding:8px;font-size:.78rem}
.screen-02 .config-options{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
@media(max-width:760px){.screen-02 .plans-editable{grid-template-columns:repeat(var(--plan-columns,2),minmax(260px,1fr));overflow-x:auto;scroll-snap-type:x proximity}.screen-02 .plan-card-visual{min-width:260px;scroll-snap-align:start}.screen-02 .minimal-hero-02{min-height:var(--hero-height,190px);height:var(--hero-height,190px)}}

/* Vista previa dedicada de Pantalla 02 */
.preview-minimal-hero02{position:relative;height:var(--hero-height,190px);background:var(--screen-hero-bg,transparent);border-radius:var(--screen-hero-radius,0);overflow:hidden;margin-bottom:10px}
.preview-hero02-title,.preview-hero02-text{position:absolute;cursor:grab!important;touch-action:none;user-select:none;background:transparent!important}
.preview-hero02-title.dragging,.preview-hero02-text.dragging{cursor:grabbing!important;outline:3px solid #FFC911!important}
.preview-hero02-title{left:var(--hero-title-x);top:var(--hero-title-y);width:min(var(--hero-title-width),calc(98% - var(--hero-title-x)));text-align:var(--hero-title-align)}
.preview-hero02-title h1{margin:0;color:var(--screen-hero-title)!important;font-size:clamp(1.45rem,4vw,var(--screen-hero-title-size));font-weight:var(--screen-title-weight,800);text-align:inherit}
.preview-hero02-text{left:var(--hero-text-x);top:var(--hero-text-y);width:min(var(--hero-text-width),calc(98% - var(--hero-text-x)));text-align:var(--hero-text-align)}
.preview-hero02-text p{margin:0;color:var(--screen-hero-text)!important;font-size:clamp(.7rem,1.6vw,var(--hero-text-size));text-align:inherit}
.preview-plans02{grid-template-columns:repeat(var(--plan-columns,2),minmax(0,1fr));gap:var(--plan-gap,22px);overflow:visible}
.preview-plan02.weekly{transform:scale(var(--weekly-card-scale,1))}.preview-plan02.monthly{transform:scale(var(--monthly-card-scale,1))}
.preview-plan02 img{height:var(--plan-image-height,190px)}
.preview-config02{background:var(--config-bg)!important;border-color:var(--config-border)!important;border-radius:var(--config-radius)!important}
.preview-day-strip{display:flex;gap:6px;overflow-x:auto;margin-top:10px}.preview-day-strip>div{flex:0 0 92px;background:var(--day-card-bg);border:1px solid var(--day-card-border);border-radius:var(--day-card-radius);padding:8px;display:grid;gap:3px;font-size:.58rem}.preview-day-strip b{color:var(--day-label-color)}
.preview-canvas.mobile .preview-plans02,.preview-canvas.tablet .preview-plans02{display:grid!important;grid-template-columns:repeat(var(--plan-columns,2),minmax(150px,1fr))!important;overflow-x:auto}


/* V6.7 — pesos tipográficos editables globales */
.public-shell{font-weight:var(--screen-body-weight,400)}
.public-shell .public-header,.public-shell .public-header button,.public-shell .public-header .cart-btn{font-weight:var(--screen-header-weight,700)!important}
.public-shell .public-footer,.public-shell .public-footer *{font-weight:var(--screen-footer-weight,600)}
.public-shell .section-title h1,.public-shell .section-title h2,.public-shell .section-mini-hero h2,.public-shell .integrated-subtitle{font-weight:var(--screen-section-title-weight,800)!important}
.public-shell .card h1,.public-shell .card h2,.public-shell .card h3,.public-shell .plan-card h2,.public-shell .mix-family,.public-shell .mix-name{font-weight:var(--screen-card-title-weight,700)!important}
.public-shell .card p,.public-shell .plan-card p,.public-shell .mix-body,.public-shell details{font-weight:var(--screen-card-text-weight,400)}
.public-shell .btn,.public-shell button{font-weight:var(--screen-button-weight,700)}
.screen-02 .minimal-hero-title h1{font-weight:var(--screen-hero-title-weight,800)!important}
.screen-02 .minimal-hero-text p{font-weight:var(--screen-hero-text-weight,400)!important}

/* V6.7 — Pantalla 02 fusionada */
.screen-02 .integrated-section{scroll-margin-top:96px}
.screen-02 .section-mini-hero{margin:28px 0 18px;padding:22px 24px;border-radius:18px;background:transparent;border:1px solid var(--screen-card-border,#E9DB90)}
.screen-02 .section-mini-hero h2{margin:0;color:var(--screen-section-title,#0C3120);font-size:clamp(1.8rem,4vw,3.2rem)}
.screen-02 .screen02-master-mixes{margin-top:12px}
.screen-02 .mix-extra-price{font-size:1.45rem;font-weight:800;color:var(--screen-section-title,#0C3120);margin:14px 0 10px}
.screen-02 .integrated-subtitle{margin:22px 0 10px;font-size:1.05rem;color:var(--screen-section-title,#0C3120)}
.screen-02 .integrated-next{display:block;margin:24px 0 0 auto;min-width:min(100%,320px)}
.screen-02 .integrated-delivery-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(280px,1.2fr);gap:24px;align-items:center;padding:22px}
.screen-02 .integrated-delivery-card select{width:100%;padding:12px 14px;border:1px solid var(--screen-card-border,#E9DB90);border-radius:12px;background:#fff}
.screen-02 .delivery-selected-detail{display:grid;gap:5px;padding:14px 16px;border-left:3px solid var(--screen-button-bg,#FFC911)}
.screen-02 .extra-visual img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.preview-section-hero{margin:14px 0;padding:12px 14px;border:1px solid var(--screen-card-border);border-radius:12px;color:var(--screen-section-title);font-weight:var(--screen-section-title-weight,800);font-size:1.2rem}
@media(max-width:760px){.screen-02 .integrated-delivery-card{grid-template-columns:1fr}.screen-02 .screen02-master-mixes{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-02 .section-mini-hero{padding:16px}}
@media(max-width:460px){.screen-02 .screen02-master-mixes{grid-template-columns:1fr}}

/* V6.7 tipografía Pantalla 00 */
.landing-v2-inner>h1{font-weight:var(--landing-title-weight,800)!important}
.landing-v2 .landing-subtitle{font-weight:var(--landing-subtitle-weight,600)!important}
.landing-v2 .landing-cta{font-weight:var(--landing-cta-weight,700)!important}
.landing-v2 .forgot-link{font-weight:var(--landing-forgot-weight,600)!important}
.landing-v2 .benefit-mini>b{font-weight:var(--landing-benefit-title-weight,700)!important}
.landing-v2 .benefit-mini>small{font-weight:var(--landing-benefit-text-weight,400)!important}


/* V6.8 — Logo Pantalla 00: Card desvanecible sin alterar la imagen */
.landing-logo-card{
  position:relative;
  display:inline-grid;
  place-items:center;
  margin:0 auto 24px;
  padding:var(--landing-logo-card-padding,22px);
  border-radius:var(--landing-logo-card-radius,28px);
  overflow:hidden;
  isolation:isolate;
  max-width:min(94%,720px);
}
.landing-logo-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--landing-logo-card-bg,#fff);
  opacity:var(--landing-logo-card-opacity,.18);
  backdrop-filter:blur(var(--landing-logo-card-blur,0px));
  -webkit-backdrop-filter:blur(var(--landing-logo-card-blur,0px));
  z-index:-1;
}
.landing-logo-card .landing-main-logo{
  margin:0!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
}

/* V6.8 — Matriz global de logotipo en Header */
.global-header-logo-frame{
  position:relative;
  flex:0 0 auto;
  width:var(--gh-logo-w,125px);
  height:var(--gh-logo-h,58px);
  padding:var(--gh-logo-pad,4px);
  border-radius:var(--gh-logo-radius,10px);
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.global-header-logo-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--gh-logo-bg,#fff);
  opacity:var(--gh-logo-opacity,1);
  z-index:-1;
}
.global-header-logo{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  object-fit:contain;
  object-position:center;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}
.brand-logo-config-grid{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);
  gap:22px;
  align-items:start;
}
.brand-logo-live{
  min-height:180px;
  border:1px dashed #bdc9c1;
  border-radius:18px;
  display:grid;
  place-items:center;
  padding:24px;
  background:#f5f8f6;
}
.preview-global-logo-frame{
  position:relative;
  width:var(--p-logo-w,86px);
  height:var(--p-logo-h,40px);
  border-radius:var(--p-logo-radius,8px);
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.preview-global-logo-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--p-logo-bg,#fff);
  opacity:var(--p-logo-opacity,1);
  z-index:-1;
}
.preview-global-logo-frame img{
  width:100%!important;
  height:100%!important;
  padding:2px!important;
  background:transparent!important;
  border-radius:0!important;
}
@media(max-width:700px){
  .global-header-logo-frame{width:min(var(--gh-logo-w,105px),105px);height:min(var(--gh-logo-h,52px),52px)}
  .brand-logo-config-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V6.9 EDITOR VISUAL — PANTALLA > SECCION > ELEMENTO
   ========================================================== */
.editor-layout-v3{
  grid-template-columns:minmax(540px,1fr) minmax(520px,1fr);
  gap:18px;
}
.editor-v3-grid{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.section-tab-list{
  display:grid;
  gap:7px;
  position:sticky;
  top:10px;
  max-height:620px;
  overflow:auto;
  padding-right:3px;
}
.section-tab{
  border:1px solid #d8e1db;
  background:#f8faf8;
  border-radius:12px;
  padding:11px 12px;
  display:grid;
  gap:3px;
  text-align:left;
  cursor:pointer;
  color:#203029;
}
.section-tab span{font-weight:800;font-size:.82rem}
.section-tab small{font-size:.67rem;color:#7b8981}
.section-tab.active{
  background:#0c3120;
  color:#fff;
  border-color:#0c3120;
  box-shadow:0 6px 18px rgba(12,49,32,.16)
}
.section-tab.active small{color:#cfe1d6}
.v69-properties{max-height:670px;overflow:auto;padding:2px 6px 10px 0}
.editor-property-group{
  border:1px solid #dfe7e2;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
  margin-bottom:9px
}
.editor-property-group summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 12px;
  background:#f7faf8;
  cursor:pointer;
  user-select:none
}
.editor-property-group summary::-webkit-details-marker{display:none}
.editor-property-group[open] summary{border-bottom:1px solid #e4eae6;background:#f0f6f2}
.editor-property-group summary b{font-size:.78rem;letter-spacing:.025em}
.editor-property-body{display:grid;gap:10px;padding:12px}
.editor-rule-note{
  border:1px solid #b9d9ad;
  background:#f3faef;
  color:#315a2a;
  border-radius:12px;
  padding:10px 12px;
  font-size:.77rem;
  line-height:1.4;
  margin-bottom:10px
}
.canonical-screen-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.canonical-screen-cards .screen-card{min-height:76px}
.preview-canvas [data-edit-element]{cursor:pointer;outline:1px solid transparent;outline-offset:2px}
.preview-canvas [data-edit-element]:hover{outline-color:#69B42C}
.preview-canvas [data-edit-element][data-edit-sub]{position:relative}
.preview-canvas [data-edit-element][data-edit-sub]:hover::after{
  content:attr(data-edit-sub);
  position:absolute;
  top:4px;
  right:4px;
  z-index:20;
  font:600 10px/1 Segoe UI,Arial,sans-serif;
  text-transform:uppercase;
  background:#0c3120;
  color:#fff;
  padding:4px 6px;
  border-radius:5px;
  pointer-events:none
}
@media(max-width:1250px){
  .editor-layout-v3{grid-template-columns:1fr}
  .canonical-screen-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .editor-v3-grid{grid-template-columns:1fr}
  .section-tab-list{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
  .canonical-screen-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ============================================================
   V7.0 — PALETAS Y CAROUSEL POR PANTALLA
   ============================================================ */
.paint-control{display:grid;gap:7px}
.paint-control>label{font-size:.76rem;font-weight:800;color:#31443a}
.paint-current{display:grid;grid-template-columns:34px 46px 1fr;gap:8px;align-items:center}
.paint-current input[type=color]{width:46px;height:34px;padding:1px;border:1px solid #ccd7d0;border-radius:8px;background:#fff}
.paint-current code{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paint-preview{width:34px;height:34px;border:1px solid #cbd5cf;border-radius:8px}
.paint-swatches{display:grid;grid-template-columns:repeat(5,30px);gap:6px}
.paint-swatch{width:30px;height:30px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #c9d3cd;cursor:pointer;padding:0}
.paint-swatch:hover{transform:scale(1.08)}
.paint-metal-label{font-size:.65rem;font-weight:900;color:#6b786f;letter-spacing:.08em;margin-top:3px}
.paint-swatches.metallic{grid-template-columns:repeat(3,46px)}
.paint-swatch.metallic{width:46px}
.carousel-item-editor{border:1px solid #dfe7e2;border-radius:11px;padding:10px;margin-bottom:8px;background:#fafcfb}
.carousel-add-row{display:flex;gap:6px;flex-wrap:wrap}

/* Carousel infinito independiente */
.screen-carousel-shell{
  width:min(var(--screen-content-width,1240px),calc(100% - 40px));
  height:var(--sc-height,56px);
  margin:14px auto 0;
  border-radius:var(--sc-radius,14px);
  overflow:hidden;
  background:var(--sc-bg,#0C3120);
  color:var(--sc-text,#fff);
  position:relative;
}
.screen-carousel-track{display:flex;width:max-content;height:100%;animation:v70Carousel var(--sc-speed,24s) linear infinite;will-change:transform}
.screen-carousel-track.to-right{animation-direction:reverse}
.screen-carousel-track.pause-hover:hover{animation-play-state:paused}
.screen-carousel-set{display:flex;align-items:stretch;height:100%;gap:var(--sc-gap,12px);padding-right:var(--sc-gap,12px)}
.screen-carousel-item{
  min-width:max-content;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:7px 22px;font-weight:750;white-space:nowrap;position:relative
}
.screen-carousel-item:not(:last-child)::after{content:"";position:absolute;right:calc(var(--sc-gap,12px)/-2);top:24%;bottom:24%;width:1px;background:color-mix(in srgb,var(--sc-text,#fff) 28%,transparent)}
.screen-carousel-item span::before{content:"✦";color:var(--sc-accent,#FFC911);margin-right:9px}
.screen-carousel-item img{height:calc(var(--sc-height,56px) - 12px);width:var(--sc-image-width,92px);object-fit:cover;border-radius:9px;display:block}
.screen-carousel-item.type-image{padding-left:8px;padding-right:8px}
@keyframes v70Carousel{to{transform:translateX(-50%)}}
.screen-carousel-shell.is-preview{width:calc(100% - 24px);margin:8px 12px;height:min(var(--sc-height,56px),80px)}
.screen-carousel-shell.is-preview .screen-carousel-item{font-size:.68rem;padding-left:12px;padding-right:12px}
.screen-carousel-shell.is-preview .screen-carousel-item img{max-width:70px}

/* Pantalla 00 Beneficios: fondo y textos desacoplados */
.benefits-v2{position:relative;isolation:isolate;background:transparent!important;text-align:var(--benefit-align,center)}
.benefits-v2::before{content:"";position:absolute;inset:0;background:var(--benefits-bg,#0C3120);opacity:var(--benefits-bg-opacity,.82);border-radius:inherit;z-index:-1}
.benefits-v2 .benefit-mini{text-align:var(--benefit-align,center)!important}
.benefits-v2 .benefit-mini>b{color:var(--benefit-title-color,#fff)!important}
.benefits-v2 .benefit-mini>small{color:var(--benefit-text-color,#dce9df)!important}
.benefits-v2 .benefit-icon-shell{color:var(--benefit-icon-color,#FFC911)!important}

/* Pantalla 01: Hero realmente WYSIWYG */
.screen-01 .hero-free-layout{min-height:var(--hero-height,520px)!important;height:var(--hero-height,520px)!important}
.screen-01 .hero-cta-float .hero-main-cta{
  background:var(--hero-cta-bg,#69B42C)!important;color:var(--hero-cta-text,#fff)!important;
  border:0;border-radius:var(--hero-cta-radius,12px)!important;padding:12px 18px;
  font-size:var(--hero-cta-font-size,15px);font-weight:var(--hero-cta-weight,700);cursor:pointer
}
.v70-hero-preview{height:var(--hero-height,520px)!important;min-height:var(--hero-height,520px)!important;border-radius:var(--screen-hero-radius)!important}
.v70-preview-hero-cta{background:var(--hero-cta-bg)!important;color:var(--hero-cta-text)!important;border:0;border-radius:var(--hero-cta-radius)!important;padding:9px 13px;font-weight:var(--hero-cta-weight)!important}

/* Pantalla 01 Beneficios independientes */
.screen-01 .screen01-benefits{
  background:var(--benefit-bg)!important;border:1px solid var(--benefit-border)!important;
  border-radius:var(--benefit-radius)!important;overflow:hidden
}
.screen-01 .screen01-benefits .benefit-item{
  background:var(--benefit-item-bg,transparent)!important;text-align:var(--benefit-align,center)!important;
  display:flex;flex-direction:column;align-items:var(--benefit-align,center);justify-content:center;gap:7px
}
.screen-01 .screen01-benefits .benefit-item b{
  color:var(--benefit-title-color)!important;font-size:var(--benefit-title-size)!important;font-weight:var(--benefit-title-weight)!important;text-align:var(--benefit-align,center)!important
}
.screen-01 .screen01-benefits .benefit-icon{color:var(--benefit-icon-color)!important}
.screen-01 .screen01-benefits .benefit-icon .ui-svg{width:var(--benefit-icon-size)!important;height:var(--benefit-icon-size)!important}
.v70-preview-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--benefit-bg);border:1px solid var(--benefit-border);border-radius:var(--benefit-radius);padding:8px;margin:10px 0}
.v70-preview-benefits>div{min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;color:var(--benefit-title-color)}
.v70-preview-benefits svg{width:var(--benefit-icon-size);height:var(--benefit-icon-size);color:var(--benefit-icon-color)}

/* Pantalla 01 MIX independientes */
.screen-01 .screen01-product-row{
  display:grid!important;grid-template-columns:repeat(var(--mix-columns,4),minmax(0,1fr))!important;
  gap:var(--mix-gap,18px)!important;align-items:stretch
}
.screen-01 .screen01-product-row .mix-card{
  background:var(--mix-card-bg)!important;border-color:var(--mix-card-border)!important;
  border-radius:var(--mix-card-radius)!important;box-shadow:var(--mix-card-shadow)!important;
  transform:scale(var(--mix-card-scale,1));transform-origin:center center;color:var(--mix-card-text)!important
}
.screen-01 .screen01-product-row .mix-top{height:var(--mix-image-height)!important}
.screen-01 .screen01-product-row .mix-family,.screen-01 .screen01-product-row .mix-name{color:var(--mix-card-title)!important}
.screen-01 .screen01-product-row .chip{color:var(--mix-card-text)!important}
.v70-preview-mixes{display:grid;grid-template-columns:repeat(var(--mix-columns,4),1fr);gap:var(--mix-gap);margin:10px 0}
.v70-preview-mix-card{background:var(--mix-card-bg);border:1px solid var(--mix-card-border);border-radius:var(--mix-card-radius);box-shadow:var(--mix-card-shadow);overflow:hidden;transform:scale(var(--mix-card-scale));display:grid;gap:4px;padding:7px;color:var(--mix-card-text);font-size:.68rem}
.v70-preview-mix-card img{width:100%;height:min(var(--mix-image-height),120px);object-fit:cover;border-radius:calc(var(--mix-card-radius) - 5px)}
.v70-preview-mix-card b{color:var(--mix-card-title)}

/* Pantalla 01 Split Hero Social totalmente independiente y movible */
.screen-01 .social-free-layout{
  position:relative!important;display:block!important;height:var(--social-height,320px)!important;min-height:var(--social-height,320px)!important;
  background:var(--social-bg)!important;border-radius:var(--social-radius)!important;overflow:hidden;padding:0!important
}
.screen-01 .social-copy-free{position:absolute;left:var(--social-text-x);top:var(--social-text-y);width:var(--social-text-width);z-index:2}
.screen-01 .social-copy-free h2{color:var(--social-title-color)!important;margin:4px 0 8px}
.screen-01 .social-copy-free p,.screen-01 .social-copy-free .kicker{color:var(--social-text-color)!important}
.screen-01 .social-free-cta{
  position:absolute;left:var(--social-cta-x);top:var(--social-cta-y);z-index:3;
  background:var(--social-cta-bg)!important;color:var(--social-cta-text)!important;border:0;border-radius:var(--social-cta-radius)!important;
  padding:11px 16px;font-weight:800;cursor:pointer
}
.screen-01 .social-art-free{
  position:absolute;left:var(--social-image-x);top:var(--social-image-y);width:var(--social-image-width);height:var(--social-image-height);
  min-height:0!important;border-radius:calc(var(--social-radius) - 6px);overflow:hidden
}
.screen-01 .social-art-free img{width:100%;height:100%;min-height:0;object-fit:cover}
.v70-preview-social{position:relative;height:var(--social-height);min-height:230px;background:var(--social-bg);border-radius:var(--social-radius);overflow:hidden;margin-top:12px;color:var(--social-text-color)}
.v70-preview-social-copy{position:absolute;left:var(--social-text-x);top:var(--social-text-y);width:var(--social-text-width);z-index:2;font-size:.7rem}
.v70-preview-social-copy b{display:block;color:var(--social-title-color);font-size:1.15rem}
.v70-preview-social-copy p{margin:5px 0}
.v70-preview-social-cta{position:absolute;left:var(--social-cta-x);top:var(--social-cta-y);z-index:3;background:var(--social-cta-bg);color:var(--social-cta-text);border:0;border-radius:var(--social-cta-radius);padding:8px 11px}
.v70-preview-social-image{position:absolute;left:var(--social-image-x);top:var(--social-image-y);width:var(--social-image-width);height:var(--social-image-height);display:grid;place-items:center;overflow:hidden;border-radius:12px}
.v70-preview-social-image img{width:100%;height:100%;object-fit:cover}

/* Misma estructura, no cambio brusco en tablet/móvil */
@media(max-width:700px){
  .screen-carousel-shell{width:calc(100% - 28px);margin-top:10px}
  .screen-01 .screen01-benefits{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow:visible!important}
  .screen-01 .screen01-benefits .benefit-item{min-width:0!important}
  .screen-01 .screen01-product-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .screen-01 .screen01-product-row>*{min-width:0!important}
  .v70-preview-mixes{grid-template-columns:repeat(2,1fr)}
  .screen-01 .social-free-layout{height:var(--social-height)!important}
}


/* ============================================================
   V7.1 — CABLEADO REAL DE TODOS LOS CONTROLES AUDITADOS
   ============================================================ */

/* Header */
.public-shell .public-header{min-height:var(--screen-header-height)!important;font-family:var(--screen-header-font)!important}
.public-shell .header-inner{min-height:var(--screen-header-height)!important;padding-left:var(--screen-header-padding-x)!important;padding-right:var(--screen-header-padding-x)!important}
.public-shell .nav{gap:var(--screen-header-nav-gap)!important;justify-content:var(--screen-header-justify)!important}
.public-shell .nav button,.public-shell .cart-btn,.public-shell .header-actions .btn{font-family:var(--screen-header-font)!important;font-size:var(--screen-header-font-size)!important}
.preview-public-header{min-height:var(--screen-header-height)!important;background:var(--screen-header-bg)!important;color:var(--screen-header-text)!important;font-family:var(--screen-header-font)!important;font-size:var(--screen-header-font-size)!important;font-weight:var(--screen-header-weight)!important;padding-left:var(--screen-header-padding-x)!important;padding-right:var(--screen-header-padding-x)!important}
.preview-nav-labels{display:flex;gap:var(--screen-header-nav-gap)!important;flex:1;justify-content:var(--screen-header-justify)!important;align-items:center}

/* Footer */
.public-shell .footer,.public-shell .footer *{font-family:var(--screen-footer-font)!important;font-size:var(--screen-footer-font-size)}
.public-shell .footer-inner{padding-top:var(--screen-footer-padding-y)!important;padding-bottom:var(--screen-footer-padding-y)!important;gap:var(--screen-footer-gap)!important}
.preview-public-footer{min-height:calc(var(--screen-footer-padding-y)*2 + 34px)!important;background:var(--screen-footer-bg)!important;color:var(--screen-footer-text)!important;font-family:var(--screen-footer-font)!important;font-size:var(--screen-footer-font-size)!important;font-weight:var(--screen-footer-weight)!important;gap:var(--screen-footer-gap)!important;padding-top:var(--screen-footer-padding-y)!important;padding-bottom:var(--screen-footer-padding-y)!important}

/* Page / Lienzo */
.public-shell .main{padding-left:var(--screen-page-padding-x)!important;padding-right:var(--screen-page-padding-x)!important}
.public-shell .section{margin-top:var(--screen-section-gap)!important;margin-bottom:var(--screen-section-gap)!important}
.preview-page{padding-left:var(--screen-page-padding-x)!important;padding-right:var(--screen-page-padding-x)!important}
.preview-page>.v71-preview-section,.preview-page>.preview-config,.preview-page>.preview-cards,.preview-page>.preview-plans,.preview-page>.preview-title,.preview-page>.v71-p04-quick-grid,.preview-page>.v71-p04-panels,.preview-page>.v71-p05-summary-card,.preview-page>.v71-p05-delivery-card{margin-top:var(--screen-section-gap)!important}

/* Botón genérico cuando el panel todavía lo usa */
.public-shell .main .btn{font-family:var(--screen-button-font);font-size:var(--screen-button-font-size);padding:var(--screen-button-padding-y) var(--screen-button-padding-x)}
.preview-page button{font-family:var(--screen-button-font);font-size:var(--screen-button-font-size);padding:var(--screen-button-padding-y) var(--screen-button-padding-x)}

/* P01 MIX: WYSIWYG real */
.v70-preview-mix-card img{height:var(--mix-image-height)!important;max-height:none!important}
.v71-mix-heading{display:flex;justify-content:space-between;gap:12px;align-items:end}
.v71-mix-heading h2{margin:2px 0}
.v71-mix-heading button{background:transparent;color:var(--screen-section-title);border:1px solid currentColor;border-radius:10px}

/* P02: MIX */
.screen-02 #section-mixes .screen02-master-mixes,.v71-p02-mix-grid{display:grid!important;grid-template-columns:repeat(var(--mix-columns),minmax(0,1fr))!important;gap:var(--mix-gap)!important}
.screen-02 #section-mixes .mix-card,.v71-p02-mix-card{
  background:var(--p02-mix-card-bg)!important;border:1px solid var(--p02-mix-card-border)!important;border-radius:var(--p02-mix-card-radius)!important;box-shadow:var(--p02-mix-card-shadow)!important;transform:scale(var(--p02-mix-card-scale));transform-origin:center;overflow:hidden
}
.screen-02 #section-mixes .mix-top,.v71-p02-mix-card img{height:var(--p02-mix-card-image-height)!important}
.v71-p02-mix-card{display:grid;gap:5px;padding:9px;font-size:.72rem}.v71-p02-mix-card img{width:100%;object-fit:cover;border-radius:calc(var(--p02-mix-card-radius) - 5px)}

/* P02: Heading planes */
.screen-02 .section-mini-hero h2,.preview-section-hero{font-size:var(--plans-heading-size)!important;text-align:var(--plans-heading-align)!important}

/* P02: Planes */
.screen-02 .plans-editable{gap:var(--plan-gap)!important}
.screen-02 .plan-card-visual,.v71-p02-plan-card{background:var(--p02-plan-card-bg)!important;border-color:var(--p02-plan-card-border)!important;border-radius:var(--p02-plan-card-radius)!important;box-shadow:var(--p02-plan-card-shadow)!important}
.screen-02 .plan-card-image,.v71-p02-plan-card img{height:var(--plan-image-height)!important}
.screen-02 .plan-card-visual .btn,.v71-p02-plan-card button{background:var(--p02-plan-button-bg)!important;color:var(--p02-plan-button-text)!important;font-family:var(--p02-plan-button-font)!important;font-size:var(--p02-plan-button-size)!important;font-weight:var(--p02-plan-button-weight)!important;border-radius:var(--p02-plan-button-radius)!important;padding:var(--p02-plan-button-py) var(--p02-plan-button-px)!important}
.preview-plan02{padding:10px!important}.preview-plan02 img{width:100%;object-fit:cover}

/* P02: Extras */
.screen-02 #section-extras .screen02-master-mixes,.v71-p02-extras-grid{display:grid!important;grid-template-columns:repeat(var(--mix-columns),minmax(0,1fr))!important;gap:var(--p02-extras-card-gap)!important}
.screen-02 #section-extras .mix-card,.screen-02 #section-extras .extra-card,.v71-p02-extra-card{background:var(--p02-extras-card-bg)!important;border:1px solid var(--p02-extras-card-border)!important;border-radius:var(--p02-extras-card-radius)!important;box-shadow:var(--p02-extras-card-shadow)!important;transform:scale(var(--p02-extras-card-scale));transform-origin:center;overflow:hidden}
.screen-02 #section-extras .mix-top,.screen-02 #section-extras .extra-visual,.v71-p02-extra-card img{height:var(--p02-extras-card-image-height)!important}
.screen-02 #section-extras .integrated-next,.v71-p02-extras-cta{background:var(--p02-extras-button-bg)!important;color:var(--p02-extras-button-text)!important;font-family:var(--p02-extras-button-font)!important;font-size:var(--p02-extras-button-size)!important;font-weight:var(--p02-extras-button-weight)!important;border-radius:var(--p02-extras-button-radius)!important;padding:var(--p02-extras-button-py) var(--p02-extras-button-px)!important}
.v71-p02-extra-card{display:grid;gap:5px;padding:9px}.v71-p02-extra-card img{width:100%;object-fit:cover}

/* P02: Delivery */
.screen-02 .integrated-delivery-card,.v71-p02-delivery-card{background:var(--p02-delivery-card-bg)!important;border:1px solid var(--p02-delivery-card-border)!important;border-radius:var(--p02-delivery-card-radius)!important;box-shadow:var(--p02-delivery-card-shadow)!important;transform:scale(var(--p02-delivery-card-scale));transform-origin:center}
.screen-02 #next-cart,.v71-p02-delivery-card button{background:var(--p02-delivery-button-bg)!important;color:var(--p02-delivery-button-text)!important;font-family:var(--p02-delivery-button-font)!important;font-size:var(--p02-delivery-button-size)!important;font-weight:var(--p02-delivery-button-weight)!important;border-radius:var(--p02-delivery-button-radius)!important;padding:var(--p02-delivery-button-py) var(--p02-delivery-button-px)!important}

/* P02: FAQ */
.screen-02 #section-faq>.card,.v71-p02-faq-card{background:var(--p02-faq-card-bg)!important;border:1px solid var(--p02-faq-card-border)!important;border-radius:var(--p02-faq-card-radius)!important;box-shadow:var(--p02-faq-card-shadow)!important;transform:scale(var(--p02-faq-card-scale));transform-origin:center}
.screen-02 #section-faq .btn,.v71-p02-faq-card button{background:var(--p02-faq-button-bg)!important;color:var(--p02-faq-button-text)!important;font-family:var(--p02-faq-button-font)!important;font-size:var(--p02-faq-button-size)!important;font-weight:var(--p02-faq-button-weight)!important;border-radius:var(--p02-faq-button-radius)!important;padding:var(--p02-faq-button-py) var(--p02-faq-button-px)!important}

/* P03 Social */
.screen-05 .social-hero{gap:var(--social-hero-gap)!important}
.screen-05 .p03-hero-cta,.v71-p03-hero-cta{background:var(--p03-hero-button-bg)!important;color:var(--p03-hero-button-text)!important;font-family:var(--p03-hero-button-font)!important;font-size:var(--p03-hero-button-size)!important;font-weight:var(--p03-hero-button-weight)!important;border-radius:var(--p03-hero-button-radius)!important;padding:var(--p03-hero-button-py) var(--p03-hero-button-px)!important;border:0}
.screen-05 .p03-modules-grid,.v71-p03-modules-grid{gap:var(--p03-modules-card-gap)!important}
.screen-05 .p03-module-card,.v71-p03-module-card{background:var(--p03-modules-card-bg)!important;border:1px solid var(--p03-modules-card-border)!important;border-radius:var(--p03-modules-card-radius)!important;box-shadow:var(--p03-modules-card-shadow)!important;transform:scale(var(--p03-modules-card-scale));transform-origin:center}
.screen-05 .p03-feed-grid,.v71-p03-feed-grid{gap:var(--p03-feed-card-gap)!important}
.screen-05 .social-feed-card,.v71-p03-feed-card{background:var(--p03-feed-card-bg)!important;border:1px solid var(--p03-feed-card-border)!important;border-radius:var(--p03-feed-card-radius)!important;box-shadow:var(--p03-feed-card-shadow)!important;transform:scale(var(--p03-feed-card-scale));transform-origin:center}
.screen-05 .p03-limited-cta,.v71-p03-limited-cta{background:var(--p03-limited-button-bg)!important;color:var(--p03-limited-button-text)!important;font-family:var(--p03-limited-button-font)!important;font-size:var(--p03-limited-button-size)!important;font-weight:var(--p03-limited-button-weight)!important;border-radius:var(--p03-limited-button-radius)!important;padding:var(--p03-limited-button-py) var(--p03-limited-button-px)!important;border:0}
.v71-p03-modules-grid,.v71-p03-feed-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0}.v71-p03-feed-grid{grid-template-columns:repeat(3,1fr)}.v71-p03-module-card,.v71-p03-feed-card{padding:10px;display:grid;gap:5px;font-size:.72rem}

/* P04 Cuenta */
.screen-06 .account-hero h1,.preview-account-hero h1{color:var(--account-title-color)!important;font-size:var(--account-title-size)!important;font-weight:var(--account-title-weight)!important}
.screen-06 .account-grid,.v71-p04-quick-grid{gap:var(--p04-quick-card-gap)!important}
.screen-06 .p04-quick-card,.v71-p04-quick-card{background:var(--p04-quick-card-bg)!important;border:1px solid var(--p04-quick-card-border)!important;border-radius:var(--p04-quick-card-radius)!important;box-shadow:var(--p04-quick-card-shadow)!important;transform:scale(var(--p04-quick-card-scale));transform-origin:center}
.screen-06 .p04-subscription-card,.v71-p04-subscription-card{background:var(--p04-subscription-card-bg)!important;border:1px solid var(--p04-subscription-card-border)!important;border-radius:var(--p04-subscription-card-radius)!important;box-shadow:var(--p04-subscription-card-shadow)!important}
.screen-06 .p04-orders-card,.v71-p04-orders-card{background:var(--p04-orders-card-bg)!important;border:1px solid var(--p04-orders-card-border)!important;border-radius:var(--p04-orders-card-radius)!important;box-shadow:var(--p04-orders-card-shadow)!important}
.screen-06 .p04-delivery-card,.v71-p04-delivery-card{background:var(--p04-delivery-card-bg)!important;border:1px solid var(--p04-delivery-card-border)!important;border-radius:var(--p04-delivery-card-radius)!important;box-shadow:var(--p04-delivery-card-shadow)!important}
.screen-06 .p04-social-card,.v71-p04-social-card{background:var(--p04-social-card-bg)!important;border:1px solid var(--p04-social-card-border)!important;border-radius:var(--p04-social-card-radius)!important;box-shadow:var(--p04-social-card-shadow)!important}
.screen-06 .p04-security-card,.v71-p04-security-card{background:var(--p04-security-card-bg)!important;border:1px solid var(--p04-security-card-border)!important;border-radius:var(--p04-security-card-radius)!important;box-shadow:var(--p04-security-card-shadow)!important}
.screen-06 .p04-subscription-cta,.v71-p04-subscription-card button{background:var(--p04-subscription-button-bg)!important;color:var(--p04-subscription-button-text)!important;font-family:var(--p04-subscription-button-font)!important;font-size:var(--p04-subscription-button-size)!important;font-weight:var(--p04-subscription-button-weight)!important;border-radius:var(--p04-subscription-button-radius)!important;padding:var(--p04-subscription-button-py) var(--p04-subscription-button-px)!important}
.screen-06 .p04-delivery-cta,.v71-p04-delivery-card button{background:var(--p04-delivery-button-bg)!important;color:var(--p04-delivery-button-text)!important;font-family:var(--p04-delivery-button-font)!important;font-size:var(--p04-delivery-button-size)!important;font-weight:var(--p04-delivery-button-weight)!important;border-radius:var(--p04-delivery-button-radius)!important;padding:var(--p04-delivery-button-py) var(--p04-delivery-button-px)!important}
.screen-06 .p04-social-cta,.v71-p04-social-card button{background:var(--p04-social-button-bg)!important;color:var(--p04-social-button-text)!important;font-family:var(--p04-social-button-font)!important;font-size:var(--p04-social-button-size)!important;font-weight:var(--p04-social-button-weight)!important;border-radius:var(--p04-social-button-radius)!important;padding:var(--p04-social-button-py) var(--p04-social-button-px)!important}
.screen-06 .p04-security-cta,.v71-p04-security-card button{background:var(--p04-security-button-bg)!important;color:var(--p04-security-button-text)!important;font-family:var(--p04-security-button-font)!important;font-size:var(--p04-security-button-size)!important;font-weight:var(--p04-security-button-weight)!important;border-radius:var(--p04-security-button-radius)!important;padding:var(--p04-security-button-py) var(--p04-security-button-px)!important}
.v71-p04-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0}.v71-p04-panels{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;margin:12px 0}.v71-p04-panels.two{grid-template-columns:1fr 1fr}.v71-p04-quick-card,.v71-p04-subscription-card,.v71-p04-orders-card,.v71-p04-delivery-card,.v71-p04-social-card,.v71-p04-security-card{padding:10px;display:grid;gap:6px;font-size:.72rem}

/* P05 Carrito */
.screen-07 .p05-summary-card,.v71-p05-summary-card{background:var(--p05-summary-card-bg)!important;border:1px solid var(--p05-summary-card-border)!important;border-radius:var(--p05-summary-card-radius)!important;box-shadow:var(--p05-summary-card-shadow)!important;transform:scale(var(--p05-summary-card-scale));transform-origin:center}
.screen-07 .p05-delivery-card,.v71-p05-delivery-card{background:var(--p05-delivery-card-bg)!important;border:1px solid var(--p05-delivery-card-border)!important;border-radius:var(--p05-delivery-card-radius)!important;box-shadow:var(--p05-delivery-card-shadow)!important;transform:scale(var(--p05-delivery-card-scale));transform-origin:center}
.screen-07 .p05-summary-cta,.v71-p05-summary-card button{background:var(--p05-summary-button-bg)!important;color:var(--p05-summary-button-text)!important;font-family:var(--p05-summary-button-font)!important;font-size:var(--p05-summary-button-size)!important;font-weight:var(--p05-summary-button-weight)!important;border-radius:var(--p05-summary-button-radius)!important;padding:var(--p05-summary-button-py) var(--p05-summary-button-px)!important}
.screen-07 .p05-delivery-cta,.v71-p05-delivery-card button{background:var(--p05-delivery-button-bg)!important;color:var(--p05-delivery-button-text)!important;font-family:var(--p05-delivery-button-font)!important;font-size:var(--p05-delivery-button-size)!important;font-weight:var(--p05-delivery-button-weight)!important;border-radius:var(--p05-delivery-button-radius)!important;padding:var(--p05-delivery-button-py) var(--p05-delivery-button-px)!important}
.screen-07 .p05-confirm-cta,.v71-p05-confirm-cta{background:var(--p05-confirm-button-bg)!important;color:var(--p05-confirm-button-text)!important;font-family:var(--p05-confirm-button-font)!important;font-size:var(--p05-confirm-button-size)!important;font-weight:var(--p05-confirm-button-weight)!important;border-radius:var(--p05-confirm-button-radius)!important;padding:var(--p05-confirm-button-py) var(--p05-confirm-button-px)!important;border:0}
.v71-p05-summary-card,.v71-p05-delivery-card{padding:14px;display:grid;gap:8px;margin:12px 0}.v71-p05-confirm-cta{margin:12px 0}

/* Responsive de previews */
@media(max-width:760px){
  .v71-p02-mix-grid,.v71-p02-extras-grid,.v71-p03-modules-grid,.v71-p03-feed-grid,.v71-p04-quick-grid,.v71-p04-panels,.v71-p04-panels.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ============================================================
   JUICES2 ALPHA — EDITOR TIPO PROFESIONAL
   ============================================================ */
.j2-editor{
  background:#111613;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #2a332e;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
  color:#e8eee9;
  min-height:780px
}
.j2-toolbar{
  height:58px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  padding:0 14px;
  background:#171d19;
  border-bottom:1px solid #2a332e
}
.j2-brand{display:flex;align-items:center;gap:10px}
.j2-brand b{display:block;font-size:.8rem;letter-spacing:.08em}
.j2-brand small{display:block;color:#8c9991;font-size:.66rem;margin-top:2px}
.j2-lab-dot{width:11px;height:11px;border-radius:50%;background:#69B42C;box-shadow:0 0 0 5px rgba(105,180,44,.13)}
.j2-toolbar-center{display:flex;background:#0e120f;padding:4px;border-radius:10px;border:1px solid #2b342e}
.j2-toolbar-center button,.j2-toolbar-actions button{
  border:0;background:transparent;color:#aeb9b2;border-radius:7px;padding:7px 10px;font-size:.72rem;cursor:pointer
}
.j2-toolbar-center button.active{background:#29342d;color:#fff}
.j2-toolbar-actions{justify-self:end;display:flex;gap:5px;align-items:center}
.j2-toolbar-actions button:disabled{opacity:.35}
.j2-toolbar-actions .j2-save{background:#2a342e;color:#fff;padding-inline:14px}
.j2-toolbar-actions .j2-publish{background:#69B42C;color:#081108;font-weight:800;padding-inline:15px}
.j2-workspace{
  display:grid;
  grid-template-columns:238px minmax(500px,1fr) 350px;
  min-height:720px
}
.j2-left,.j2-right{background:#171d19;min-width:0}
.j2-left{border-right:1px solid #2a332e}
.j2-right{border-left:1px solid #2a332e}
.j2-panel-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 13px 8px;color:#7f8e85;font-size:.66rem;letter-spacing:.08em
}
.j2-panel-title span{letter-spacing:0;text-transform:none}
.j2-pages{display:grid;gap:3px;padding:0 8px 10px}
.j2-page{
  display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;
  background:transparent;border:1px solid transparent;color:#bdc8c1;
  text-align:left;border-radius:9px;padding:7px;cursor:pointer
}
.j2-page:hover{background:#202822}
.j2-page.active{background:#26332b;border-color:#3b4a40;color:#fff}
.j2-page-num{
  width:28px;height:28px;display:grid;place-items:center;border-radius:7px;
  background:#0f1411;color:#76c63d;font-weight:900;font-size:.72rem
}
.j2-page b{font-size:.7rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j2-page small{display:block;color:#77867d;font-size:.6rem;margin-top:2px}
.j2-layers-title{border-top:1px solid #29312c;padding-top:13px}
.j2-layers{padding:0 8px 20px;display:grid;gap:3px;max-height:430px;overflow:auto}
.j2-layer{
  width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;
  border:0;background:transparent;color:#aebbb3;text-align:left;
  border-radius:8px;padding:8px;cursor:pointer;font-size:.7rem;font-weight:700
}
.j2-layer:hover{background:#202822}
.j2-layer.active{background:#29362e;color:#fff}
.j2-layer-icon{color:#70bd3e;text-align:center}
.j2-layer-children{display:grid;margin:0 0 3px 31px;border-left:1px solid #344139;padding-left:7px}
.j2-child{
  border:0;background:transparent;color:#809087;text-align:left;
  padding:6px 7px;border-radius:6px;font-size:.66rem;cursor:pointer
}
.j2-child:hover,.j2-child.active{background:#242e28;color:#dce6df}
.j2-child.active{box-shadow:inset 2px 0 #69B42C}

.j2-center{background:#222824;min-width:0;display:grid;grid-template-rows:54px 1fr 30px}
.j2-canvas-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;border-bottom:1px solid #313934;background:#1d231f
}
.j2-canvas-head>div:first-child span{font-size:.65rem;color:#77c742;font-weight:900;margin-right:8px}
.j2-canvas-head>div:first-child b{font-size:.78rem}
.j2-breadcrumb{font-size:.64rem;color:#829087}
.j2-stage{
  overflow:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:24px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    #252b27;
  background-size:20px 20px
}
.j2-device{
  background:#fff;
  color:#1d2921;
  min-height:560px;
  transition:width .2s ease;
  box-shadow:0 16px 50px rgba(0,0,0,.32);
  overflow:auto;
  border-radius:5px
}
.j2-device.desktop{width:100%;max-width:1120px}
.j2-device.tablet{width:760px;max-width:100%}
.j2-device.mobile{width:390px;max-width:100%}
.j2-device [data-edit-element]{outline:1px solid transparent;outline-offset:2px;cursor:pointer}
.j2-device [data-edit-element]:hover{outline:2px solid #69B42C!important}
.j2-statusbar{
  display:flex;align-items:center;justify-content:space-between;padding:0 12px;
  background:#171d19;border-top:1px solid #303934;color:#708078;font-size:.6rem
}
.j2-statusbar span:first-child{color:#e2b93d}

.j2-inspector-head{
  height:70px;display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;border-bottom:1px solid #2a332e
}
.j2-inspector-head small{display:block;color:#738179;font-size:.6rem;letter-spacing:.12em}
.j2-inspector-head h2{font-size:.9rem;margin:3px 0 0;color:#f2f5f3;max-width:255px}
.j2-badge{font-size:.58rem;background:#27352c;color:#7aca47;padding:5px 7px;border-radius:5px}
.j2-inspector-scroll{height:650px;overflow:auto;padding:12px}
.j2-inspector-scroll h3{color:#fff;font-size:.82rem;margin:0 0 10px}
.j2-inspector-scroll .editor-rule-note,.j2-inspector-scroll .success-box{font-size:.67rem}
.j2-inspector-scroll .editor-property-group{
  background:#1c231f;border-color:#303a34;color:#d9e1dc
}
.j2-inspector-scroll .editor-property-group summary{
  background:#202923;color:#dce4df;border-color:#334039
}
.j2-inspector-scroll .editor-property-group[open] summary{background:#253129}
.j2-inspector-scroll .editor-property-body{background:#181e1a}
.j2-inspector-scroll .field label,.j2-inspector-scroll .paint-control>label{color:#aab7af}
.j2-inspector-scroll input,.j2-inspector-scroll select,.j2-inspector-scroll textarea{
  background:#101511!important;color:#e7eee9!important;border-color:#38443d!important
}
.j2-inspector-scroll input[type=color]{background:#fff!important}
.j2-inspector-scroll .small,.j2-inspector-scroll .muted{color:#829087!important}
.j2-inspector-scroll .paint-current code{color:#9aa79f}
.j2-inspector-scroll .btn{font-size:.68rem}
@media(max-width:1280px){
  .j2-workspace{grid-template-columns:210px minmax(420px,1fr) 320px}
}
@media(max-width:980px){
  .j2-workspace{grid-template-columns:190px 1fr}
  .j2-right{grid-column:1/-1;border-left:0;border-top:1px solid #2a332e}
  .j2-inspector-scroll{height:auto;max-height:520px}
}


/* ============================================================
   JUICES2 ALPHA 2 — FONDO AISLADO + ESCALA SOCIAL
   ============================================================ */

/* Fondo base: acepta color sólido O gradiente metálico */
.public-shell{
  position:relative;
  isolation:isolate;
  background:var(--screen-page-paint,var(--screen-page-bg,#f7f9f7))!important;
  background-image:none!important;
}
.public-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:var(--screen-page-image,none);
  background-size:var(--screen-page-fit,cover);
  background-position:var(--screen-page-position,center);
  background-repeat:no-repeat;
  opacity:var(--screen-page-image-opacity,1);
}
.public-shell>.public-header,
.public-shell>.screen-carousel-shell,
.public-shell>.main,
.public-shell>.footer,
.public-shell>.user-view-ribbon{position:relative;z-index:1}

/* Preview: fondo como capa, sin tocar componentes internos */
.generic-screen-preview{
  position:relative;
  isolation:isolate;
  background:var(--screen-page-paint,var(--screen-page-bg,#f7f9f7))!important;
}
.generic-screen-preview::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:var(--screen-page-image,none);
  background-size:var(--screen-page-fit,cover);
  background-position:var(--screen-page-position,center);
  background-repeat:no-repeat;
  opacity:var(--screen-page-image-opacity,1);
}
.generic-screen-preview .preview-page{
  background:transparent!important;
  background-image:none!important;
  position:relative;
}
.screen-01 .main{background:transparent!important}

/* Split Hero Social: escala tipográfica real */
.screen-01 .social-copy-free{text-align:var(--social-text-align,left)}
.screen-01 .social-copy-free .kicker{
  font-size:var(--social-kicker-size,12px)!important;
  font-weight:var(--social-kicker-weight,800)!important;
}
.screen-01 .social-copy-free h2{
  font-size:var(--social-title-size,34px)!important;
  font-weight:var(--social-title-weight,800)!important;
  line-height:1.05;
}
.screen-01 .social-copy-free p{
  font-size:var(--social-text-size,16px)!important;
  font-weight:var(--social-text-weight,400)!important;
  line-height:1.4;
}
.v70-preview-social-copy{text-align:var(--social-text-align,left)!important;font-size:inherit!important}
.v70-preview-social-copy small{
  font-size:var(--social-kicker-size,12px)!important;
  font-weight:var(--social-kicker-weight,800)!important;
}
.v70-preview-social-copy b{
  font-size:var(--social-title-size,34px)!important;
  font-weight:var(--social-title-weight,800)!important;
  line-height:1.05;
}
.v70-preview-social-copy p{
  font-size:var(--social-text-size,16px)!important;
  font-weight:var(--social-text-weight,400)!important;
  line-height:1.35;
}


/* ============================================================
   JUICES2 ALPHA 3
   ============================================================ */
.j2-palette-grid{display:grid;grid-template-columns:repeat(6,28px);gap:6px}
.j2-metal-grid{display:grid;grid-template-columns:repeat(4,42px);gap:7px}
.j2-advanced-paint .paint-swatch{width:28px;height:28px}
.j2-advanced-paint .paint-swatch.metallic{width:42px;height:30px}
.paint-section-label{font-size:.61rem;font-weight:900;letter-spacing:.09em;color:#7f8e85;margin-top:4px}
.j2-css-field{margin-top:4px}

/* Fondo real: fuera del flujo y debajo de TODO */
.public-shell,.generic-screen-preview{position:relative!important;isolation:isolate;background:transparent!important;background-image:none!important}
.j2-page-bg-base,.j2-page-bg-image{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important}
.j2-page-bg-base{background-repeat:no-repeat!important}
.j2-page-bg-image{background-repeat:no-repeat!important}
.public-shell>:not(.j2-page-bg-base):not(.j2-page-bg-image),
.generic-screen-preview>:not(.j2-page-bg-base):not(.j2-page-bg-image){position:relative;z-index:1}
.public-shell .main,.generic-screen-preview .preview-page{background:transparent!important;background-image:none!important}

/* MIX P01/P02: solo título + detalles */
.screen-01 .mix-card-clean .ingredients,.screen-02 .mix-card-clean .ingredients,.mix-card-clean .mix-family,.mix-card-clean .mix-name{display:none!important}
.mix-card-clean .mix-body-clean{display:grid;gap:10px;align-content:start}
.mix-card-clean .mix-title-only{
  display:block!important;
  color:var(--mix-card-title,var(--screen-card-title,#0C3120))!important;
  font-size:var(--mix-title-size,19px)!important;
  font-weight:var(--mix-title-weight,800)!important;
  text-align:var(--mix-title-align,center)!important;
  transform:translate(var(--mix-title-x,0px),var(--mix-title-y,0px));
  line-height:1.08
}
.mix-card-clean .mix-details-cta{font-size:var(--mix-cta-size,13px)!important}
.v70-preview-mix-card .mix-title-only{display:block;color:var(--mix-card-title,var(--screen-card-title,#0C3120));font-size:var(--mix-title-size,19px);font-weight:var(--mix-title-weight,800);text-align:var(--mix-title-align,center);transform:translate(var(--mix-title-x,0px),var(--mix-title-y,0px))}

/* Configuración semanal: cada Card hereda el color del MIX seleccionado */
.screen-02 .day-selector-strip{align-items:stretch}
.screen-02 .day-select-card.day-mix-colored,
.preview-day-strip .day-mix-colored{
  background:var(--day-mix)!important;
  border-color:color-mix(in srgb,var(--day-mix) 70%,#000 30%)!important;
  color:var(--day-mix-text)!important;
  text-align:var(--day-text-align,center)!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.screen-02 .day-select-card .day-card-label{
  color:var(--day-mix-text)!important;
  font-size:var(--day-label-size,14px)!important;
  font-weight:var(--day-label-weight,800)!important;
  text-align:inherit
}
.screen-02 .day-select-card .day-current-mix{
  display:block;color:var(--day-mix-text)!important;
  font-size:var(--day-mix-size,13px)!important;
  font-weight:var(--day-mix-weight,600)!important;
  text-align:inherit;line-height:1.1;min-height:30px
}
.screen-02 .day-select-card select{
  background:rgba(255,255,255,.90)!important;color:#0C3120!important;border:1px solid rgba(12,49,32,.20)!important
}
.screen-02 .plan-config-heading{
  transform:translate(var(--config-title-x,0px),var(--config-title-y,0px));
  text-align:var(--config-title-align,left)
}
.screen-02 .plan-config-heading h3{
  color:var(--config-title-color)!important;font-size:var(--config-title-size,24px)!important;
  font-weight:var(--config-title-weight,800)!important;text-align:inherit
}
.screen-02 .plan-config-subtitle{
  color:var(--config-subtitle-color)!important;font-size:var(--config-subtitle-size,13px)!important;
  font-weight:var(--config-subtitle-weight,400)!important
}
.preview-config02 .plan-config-heading h3{color:var(--config-title-color)!important;font-size:var(--config-title-size,24px)!important;font-weight:var(--config-title-weight,800)!important}
.preview-config02 .plan-config-subtitle{color:var(--config-subtitle-color)!important;font-size:var(--config-subtitle-size,13px)!important}
.preview-day-strip .day-mix-colored{padding:8px;border-radius:10px;display:grid;gap:3px}
.preview-day-strip .day-mix-colored b,.preview-day-strip .day-mix-colored span{color:var(--day-mix-text)!important}

/* P02 Hero preview exactly same sizing */
.screen-02 .preview-minimal-hero02{height:var(--hero-height)!important;min-height:var(--hero-height)!important;background:var(--screen-hero-bg)!important;border-radius:var(--screen-hero-radius)!important}

/* Lista mini extras en inspector */
.j2-extra-mini-list{display:grid;gap:5px;margin-top:10px}
.j2-extra-mini-list>div{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #344139;border-radius:7px;background:#111713;font-size:.68rem}
.j2-extra-mini-list span{color:#8bcf5d}


/* ============================================================
   JUICES2 ALPHA 4 — P03 SOCIAL / FEED
   ============================================================ */
/* Split Hero P01: colores totalmente independientes */
.screen-01 .social-copy-free .kicker,.v70-preview-social-copy small{color:var(--social-kicker-color)!important}
.screen-01 .social-copy-free p,.v70-preview-social-copy p{color:var(--social-description-color)!important}

/* Lifestyle Split Hero P03: gap real y preview idéntica */
.screen-05 .social-hero,.preview-p03-social-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;
  gap:var(--social-hero-gap,24px)!important;column-gap:var(--social-hero-gap,24px)!important;
  overflow:hidden;background:var(--screen-hero-bg,#6B1687)!important;border-radius:var(--screen-hero-radius,26px)!important
}
.screen-05 .social-hero-copy,.preview-p03-hero-copy{padding:42px;min-width:0}
.screen-05 .social-hero h1,.preview-p03-hero-copy h1{color:var(--screen-hero-title)!important;font-size:var(--screen-hero-title-size)!important;font-weight:var(--screen-hero-title-weight)!important;margin:0 0 10px;line-height:1.02}
.screen-05 .social-hero h2,.preview-p03-hero-copy h2{color:var(--p03-hero-subtitle)!important;font-size:var(--p03-hero-subtitle-size)!important;font-weight:var(--p03-hero-subtitle-weight)!important;margin:0 0 10px;line-height:1.12}
.screen-05 .social-hero-copy p,.preview-p03-hero-copy p{color:var(--p03-hero-body)!important;font-size:var(--p03-hero-body-size)!important;font-weight:var(--p03-hero-body-weight)!important;margin:0 0 16px;line-height:1.45}
.screen-05 .social-hero-media,.preview-p03-hero-media{min-width:0;min-height:340px;overflow:hidden;background:rgba(0,0,0,.08)}
.screen-05 .social-hero-media img,.preview-p03-hero-media img{width:100%;height:100%;min-height:340px;display:block}
.preview-p03-social-hero{min-height:340px;margin-bottom:16px;color:#fff}

/* Feed title con sólidos, metálicos, CSS y degradados */
.p03-feed-title-wrap{height:var(--p03-feed-title-height,72px);display:flex;align-items:center;justify-content:var(--screen-header-justify,flex-start);margin-bottom:var(--p03-feed-title-space,18px);overflow:visible}
.p03-feed-title{font-family:var(--p03-feed-title-font)!important;font-size:var(--p03-feed-title-size,36px)!important;font-weight:var(--p03-feed-title-weight,800)!important;letter-spacing:var(--p03-feed-title-letter,0)!important;text-align:var(--p03-feed-title-align,left)!important;margin:0;width:100%;line-height:1.05}

/* Feed cards libres: ancho, alto, X/Y y media */
.screen-05 .p03-feed-grid,.v71-p03-feed-grid{display:grid!important;grid-template-columns:repeat(var(--p03-feed-columns,3),minmax(0,1fr))!important;gap:var(--p03-feed-gap,18px)!important;align-items:start}
.screen-05 .social-feed-card,.v71-p03-feed-card{width:var(--feed-item-width,100%)!important;height:var(--feed-item-height,320px)!important;transform:translate(var(--feed-item-x,0px),var(--feed-item-y,0px)) scale(var(--p03-feed-card-scale,1))!important;transform-origin:center;overflow:hidden;display:flex;flex-direction:column;padding:0!important}
.social-feed-media{width:100%!important;height:var(--feed-item-media-height,150px)!important;object-fit:cover;display:block;background:#0d0d0d;flex:none}
.social-feed-card-body{padding:14px;display:grid;gap:7px;min-height:0;overflow:auto}
.v71-p03-feed-card>b,.v71-p03-feed-card>span{padding-left:10px;padding-right:10px}.v71-p03-feed-card>b{padding-top:10px}

@media(max-width:900px){
  .screen-05 .social-hero,.preview-p03-social-hero{grid-template-columns:1fr!important}
  .screen-05 .p03-feed-grid,.v71-p03-feed-grid{grid-template-columns:1fr!important}
}


/* ============================================================
   JUICES2 ALPHA 5 — 4 ÁLBUMES SOCIAL
   ============================================================ */
.social-albums-section{overflow:visible}
.social-albums-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--social-mod-gap,18px);align-items:start}
.social-album-card{position:relative;width:var(--sa-w,100%);height:var(--sa-h,320px);transform:translate(var(--sa-x,0),var(--sa-y,0));border:0;padding:0;border-radius:var(--sa-radius,20px);overflow:hidden;background:#25152D;box-shadow:0 12px 32px rgba(0,0,0,.18);cursor:pointer;justify-self:center;color:#fff;text-align:left}
.social-album-card>img,.social-album-placeholder{width:100%;height:100%;display:block;object-fit:var(--sa-fit,cover);object-position:var(--sa-pos,center)}
.social-album-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#6B1687,#930F4B)}
.social-album-placeholder svg{width:74px;height:74px;opacity:.8}
.social-album-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86));pointer-events:none}
.social-album-card>span{position:absolute;left:18px;right:18px;bottom:20px;z-index:2;color:var(--sa-title-color,#fff);font-size:var(--sa-title-size,22px);font-weight:var(--sa-title-weight,800);line-height:1.05;transform:translateY(var(--sa-title-y,0));text-shadow:0 2px 10px rgba(0,0,0,.45)}
.social-album-card:hover{box-shadow:0 18px 46px rgba(0,0,0,.28)}
.preview-social-albums{padding:14px}

.social-album-modal{width:min(1120px,94vw)}
.social-album-scroll{max-height:76vh;overflow:auto;padding-right:4px}
.social-topic{margin:12px 0 28px}
.social-topic-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.social-topic-head h3{margin:0;font-size:1.25rem}.social-topic-head span{font-size:.75rem;color:#728078}
.social-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.social-media-card{overflow:hidden;border:1px solid #e3e8e4;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.07)}
.social-album-media{width:100%;height:240px;display:block;object-fit:cover;background:#101411}
.social-media-meta{display:grid;gap:7px;padding:12px}.social-media-meta b{color:#0C3120}.social-media-meta p{margin:0;font-size:.85rem;color:#58655d}
.social-like-btn{justify-self:start;border:1px solid #d6ddd8;background:#fff;border-radius:999px;padding:7px 11px;cursor:pointer;color:#4e5a52;font-weight:800;font-size:.72rem}.social-like-btn span{font-size:1rem}.social-like-btn.liked{background:#fff0f4;border-color:#e4a9ba;color:#930F4B}

.social-master-grid{display:grid;gap:18px}.social-master-album{border:1px solid #dce4df;border-radius:16px;padding:14px;background:#fff}.social-master-cover{width:180px;height:112px;border-radius:12px;overflow:hidden;background:#eef2ef;display:grid;place-items:center;color:#7a887f;font-weight:800}.social-master-cover img{width:100%;height:100%;object-fit:cover}.social-master-album-head{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) auto auto;gap:10px;align-items:end;margin:12px 0}.social-master-items{display:grid;gap:8px}.social-master-item{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center;border-top:1px solid #edf0ee;padding-top:8px}.admin-social-thumb{width:74px;height:54px;border-radius:8px;background:#151A18;color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:900;overflow:hidden}.admin-social-thumb img{width:100%;height:100%;object-fit:cover}.social-master-item-copy{display:grid;gap:3px}.social-master-item-copy b{color:#0C3120}.social-master-item-copy small{color:#69766e}

@media(max-width:980px){.social-albums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-master-album-head{grid-template-columns:1fr 1fr}.social-master-cover{width:100%}}
@media(max-width:620px){.social-albums-grid,.social-album-grid{grid-template-columns:1fr}.social-album-card{width:min(var(--sa-w,100%),100%)}.social-master-album-head{grid-template-columns:1fr}.social-master-item{grid-template-columns:64px 1fr}.social-master-item .btn{grid-column:1/-1}.social-album-media{height:220px}}


/* ============================================================
   JUICES2 ALPHA 6 — SOCIAL NATURAL + VIP
   ============================================================ */
.social-full-page,.vip-page{min-height:72vh;padding-top:18px}
.social-subpage-head,.vip-home-head,.vip-terms-head{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px clamp(16px,4vw,48px);max-width:1320px;margin:auto}
.social-subpage-head>div:last-child,.vip-home-head>div{flex:1}
.social-subpage-head h1,.vip-home-head h1,.vip-terms-head h1{margin:3px 0 0;font-size:clamp(1.9rem,4vw,3.8rem);line-height:1}
.social-subtopics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;max-width:1280px;margin:auto}
.social-subtopic-card{position:relative;min-height:320px;border:0;border-radius:24px;overflow:hidden;background:#15231b;color:#fff;padding:0;cursor:pointer;text-align:left;box-shadow:0 16px 40px rgba(12,49,32,.15)}
.social-subtopic-card img,.social-subtopic-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-subtopic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 65%)}
.social-subtopic-card span{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;font-weight:900;font-size:1.35rem}
.social-subtopic-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0C3120,#69B42C)}
.social-subtopic-placeholder svg{width:70px;height:70px}
.social-natural-gallery{max-width:1180px;margin:auto;display:grid;gap:28px}
.social-full-item{background:#fff;border:1px solid #e4e9e5;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(12,49,32,.08)}
.social-full-media{display:block;width:100%;max-height:78vh;object-fit:contain;background:#0a0d0b}
.social-full-meta{padding:18px 22px}.social-full-meta h3{margin:0 0 6px}.social-full-meta p{margin:0 0 14px;color:#5e6c64}
.vip-entry-section{max-width:1280px;margin:auto}.vip-entry-card{width:100%;min-height:240px;border:0;border-radius:28px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(220px,34%) 1fr auto;align-items:center;gap:30px;background:linear-gradient(135deg,#0a120e,#193123 48%,#5d4a0c);color:#fff;padding:0 34px 0 0;text-align:left;cursor:pointer;box-shadow:0 20px 55px rgba(12,49,32,.24)}
.vip-entry-card>img,.vip-entry-art{width:100%;height:240px;object-fit:cover}.vip-entry-art{display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 40%,#f8df86,#8f6b12 55%,#1a1c18);font-size:3rem}.vip-entry-art span{font-size:6rem;font-weight:900}.vip-entry-art b{font-size:1.7rem;letter-spacing:.1em}.vip-entry-card small{display:block;color:#d8c274;font-weight:900;letter-spacing:.12em}.vip-entry-card strong{display:block;font-size:clamp(1.7rem,4vw,3.4rem);line-height:1;margin:7px 0}.vip-entry-card span{color:#dbe5de}.vip-entry-card>i{font-style:normal;font-size:3rem;color:#f4d85e}
.vip-gate{max-width:760px;margin:40px auto 80px;text-align:center;background:#fff;border-radius:30px;padding:42px;box-shadow:0 18px 60px rgba(12,49,32,.12)}.vip-lock-icon{font-size:5rem;color:#ae8b25}.vip-gate h1{font-size:3.5rem;margin:4px 0}.vip-code-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:25px}.vip-code-box input{min-height:48px;border:1px solid #ccd6cf;border-radius:12px;padding:0 14px;font-size:1rem;text-transform:uppercase}
.vip-terms-document{max-width:900px;margin:10px auto;background:#fff;border-radius:24px;padding:32px 38px;border:1px solid #e1e6e2;box-shadow:0 16px 50px rgba(12,49,32,.08)}.vip-terms-document p{white-space:pre-wrap;line-height:1.6;color:#39483f}.vip-terms-document p:first-child{font-size:1.25rem;font-weight:900;color:#0C3120}.vip-terms-accept{max-width:900px;margin:20px auto 60px;display:grid;gap:12px;background:#fff7d7;border:1px solid #ead67c;border-radius:20px;padding:22px}.vip-terms-accept label{display:flex;gap:9px;align-items:flex-start;font-weight:650}
.vip-profile-card{max-width:1180px;margin:10px auto 24px;background:linear-gradient(135deg,#0C3120,#15452d);color:#fff;border-radius:28px;padding:26px;display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center}.vip-avatar{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#69B42C;display:grid;place-items:center;font-size:3rem;font-weight:900;border:4px solid rgba(255,255,255,.35)}.vip-avatar img{width:100%;height:100%;object-fit:cover}.vip-profile-main h2{font-size:2.2rem;margin:2px 0}.vip-profile-main>.kicker{color:#bde292}.vip-profile-stats{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.vip-profile-stats>div{background:rgba(255,255,255,.1);padding:10px 15px;border-radius:12px;min-width:115px}.vip-profile-stats b,.vip-profile-stats span{display:block}.vip-profile-stats span{font-size:.72rem;color:#c9d8ce}
.vip-leader{max-width:1180px;margin:0 auto 24px;border-radius:24px;padding:24px 28px;background:linear-gradient(135deg,#fff4c8,#d7aa33);color:#2b230e;position:relative;overflow:hidden}.vip-leader-crown{position:absolute;right:26px;top:8px;font-size:5rem;opacity:.25}.vip-leader h2{font-size:2rem;margin:5px 0}.vip-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.vip-section-card{border:0;border-radius:22px;overflow:hidden;background:#fff;text-align:left;padding:0;cursor:pointer;box-shadow:0 14px 36px rgba(12,49,32,.1)}.vip-section-card img,.vip-section-placeholder{height:220px;width:100%;object-fit:cover}.vip-section-placeholder{display:grid;place-items:center;font-size:4rem;background:linear-gradient(135deg,#131b16,#6b1687);color:#fff}.vip-section-card>span{display:block;padding:17px}.vip-section-card b,.vip-section-card small{display:block}.vip-section-card b{font-size:1.15rem;color:#0C3120}.vip-section-card small{margin-top:5px;color:#657169}
.vip-section-leader{max-width:1180px;margin:0 auto;background:#fff3c4;border:1px solid #e4c95b;border-radius:16px;padding:14px 18px}.vip-post-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.vip-post{background:#fff;border:1px solid #e4e9e5;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(12,49,32,.08)}.vip-post-media{width:100%;height:360px;object-fit:contain;background:#0b0f0d}.vip-post-copy{padding:16px}.vip-post-author{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vip-post-author>img,.vip-post-author>span{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#69B42C;display:grid;place-items:center;color:#fff;font-weight:900}.vip-post-author b,.vip-post-author small{display:block}.vip-post-author small{color:#69766e}
.vip-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.vip-admin-kpis>div{background:#f5f8f5;border:1px solid #dde6df;border-radius:14px;padding:13px}.vip-admin-kpis span,.vip-admin-kpis b{display:block}.vip-admin-kpis span{font-size:.72rem;color:#647269}.vip-admin-kpis b{font-size:1.25rem;margin-top:4px}.vip-admin-block{border:1px solid #dfe7e1;border-radius:15px;background:#fff;margin:12px 0;overflow:hidden}.vip-admin-block>summary{padding:15px 17px;font-weight:900;cursor:pointer;background:#f4f8f5}.vip-admin-block>*:not(summary){margin-left:16px;margin-right:16px}.vip-admin-block>.table-wrap,.vip-admin-block>.admin-subtopic-grid,.vip-admin-block>.admin-media-natural-grid{margin-top:14px;margin-bottom:16px}.vip-admin-list{display:grid;gap:8px;margin:14px 0}.vip-admin-list>div{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}.inline-form{display:flex;gap:8px;margin-top:14px}.inline-form input{flex:1}.admin-subtopic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.admin-subtopic-card{border:1px solid #dfe7e1;border-radius:18px;overflow:hidden;background:#fff}.admin-subtopic-card>img,.admin-subtopic-placeholder{width:100%;height:190px;object-fit:cover}.admin-subtopic-placeholder{display:grid;place-items:center;background:#17231b;color:#fff}.admin-subtopic-card>div{padding:14px}.admin-subtopic-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.admin-media-natural-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-media-natural{border:1px solid #dfe7e1;border-radius:16px;overflow:hidden;background:#fff}.admin-media-preview{width:100%;height:260px;object-fit:contain;background:#0a0d0b}.admin-media-natural>div{padding:12px}.admin-media-natural b,.admin-media-natural p,.admin-media-natural span{display:block;margin:4px 0}
@media(max-width:760px){.vip-entry-card{grid-template-columns:1fr;padding:0 0 22px}.vip-entry-card>img,.vip-entry-art{height:190px}.vip-entry-card>div{padding:0 20px}.vip-entry-card>i{display:none}.vip-profile-card{grid-template-columns:1fr;text-align:center}.vip-avatar{margin:auto}.vip-profile-stats{justify-content:center}.social-subpage-head,.vip-home-head,.vip-terms-head{align-items:flex-start;flex-direction:column}.vip-home-head>.btn:last-child{width:100%}.vip-admin-kpis{grid-template-columns:1fr 1fr}.vip-code-box{grid-template-columns:1fr}.vip-admin-list>div{grid-template-columns:1fr}.inline-form{flex-direction:column}}


/* ============================================================
   JUICES2 ALPHA 7 — 7VEN SOCIOS VIP PRO
   ============================================================ */
.vip-albums-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vip-album-card-pro{min-height:210px;position:relative;overflow:hidden;text-align:left;background:#111b15;color:#fff;border:1px solid rgba(255,255,255,.1)}
.vip-album-card-pro>img,.vip-album-card-pro>.vip-section-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}
.vip-album-card-pro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,9,.08),rgba(5,15,9,.88));pointer-events:none}
.vip-album-card-copy{position:relative;z-index:2;align-self:end;padding:22px;display:grid;gap:7px;width:100%}
.vip-album-card-copy>b{font-size:1.35rem;line-height:1.05}.vip-album-card-copy>small{color:#dfe9e2;max-width:52ch}.vip-album-card-copy>em{display:flex;gap:12px;font-style:normal;color:#cce8d3;font-size:.75rem}.vip-album-card-copy>em i{font-style:normal}
.vip-participation{width:max-content;border-radius:999px;padding:5px 8px;font-size:.6rem;font-weight:900;letter-spacing:.08em;background:#69B42C;color:#09220f}.vip-participation.editorial{background:#f1c76f;color:#2d2109}
.vip-card-arrow{position:absolute;right:18px;top:18px;z-index:3;font-style:normal;font-size:1.3rem}
.vip-album-head-pro{align-items:flex-start}.vip-album-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.vip-album-stats span{background:#eef5ef;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:800;color:#274032}
.vip-editorial-note{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#201b10;color:#f4d587;min-width:190px}.vip-editorial-note b{font-size:.7rem}.vip-editorial-note span{font-size:.64rem;color:#e9dcc1}
.vip-content-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.vip-content-card-pro{position:relative;overflow:hidden}.vip-content-card-pro.featured{grid-column:1/-1}.vip-featured-ribbon{position:absolute;z-index:3;top:12px;right:12px;border-radius:999px;padding:6px 9px;background:#FFC911;color:#251d00;font-size:.65rem;font-weight:900;box-shadow:0 4px 20px rgba(0,0,0,.18)}
.vip-pro-media img,.vip-pro-media video{width:100%;max-height:72vh;object-fit:contain;background:#0e1310;display:block}.vip-content-card-pro.featured .vip-pro-media img,.vip-content-card-pro.featured .vip-pro-media video{max-height:82vh}
.vip-source-badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:900;letter-spacing:.08em;margin-bottom:7px}.vip-source-badge.editorial{background:#0C3120;color:#a9e27c}.vip-source-badge.member{background:#6B1687;color:#fff}
.vip-7-avatar{display:grid!important;place-items:center;background:#0C3120!important;color:#9ee067!important;font-weight:900}.vip-engagement-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.vip-likes-readonly{font-size:.75rem;font-weight:800;color:#930F4B}
.vip2-admin-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.vip2-admin-album-card{border:1px solid #324038;border-radius:14px;overflow:hidden;background:#161d19;color:#dfe8e2;display:grid;grid-template-columns:150px 1fr;min-height:180px}.vip2-admin-album-card.off{opacity:.58}.vip2-admin-album-card>img,.vip2-cover-placeholder{width:150px;height:100%;min-height:180px;object-fit:cover;background:#0d120f;display:grid;place-items:center;font-weight:900;color:#6fac46}
.vip2-admin-album-body{padding:14px;display:grid;align-content:start;gap:7px}.vip2-admin-album-body h3{margin:0;font-size:1rem;color:#fff}.vip2-admin-album-body p{margin:0;color:#93a299;font-size:.72rem}.vip2-admin-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.vip2-policy{font-size:.57rem;font-weight:900;border-radius:999px;padding:5px 7px;background:#2a342e}.vip2-policy.members_review{background:#4b2057;color:#e8c8ef}.vip2-policy.admin_only{background:#4a3c1e;color:#f1d37b}
.vip2-power{display:flex;align-items:center;gap:5px;font-size:.55rem;color:#8fa096}.vip2-power input{display:none}.vip2-power span{width:31px;height:17px;border-radius:999px;background:#3b4640;position:relative}.vip2-power span:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;left:2px;top:2px;background:#fff;transition:.18s}.vip2-power input:checked+span{background:#69B42C}.vip2-power input:checked+span:after{left:16px}.vip2-admin-metrics{display:flex;gap:6px;flex-wrap:wrap}.vip2-admin-metrics span{font-size:.61rem;background:#0e1410;border-radius:6px;padding:4px 6px;color:#aab8b0}.vip2-admin-content-grid{margin-top:14px}.vip2-admin-content.featured{outline:1px solid #FFC911}.vip2-moderation-item .vip-source-badge,.vip2-admin-content .vip-source-badge{margin-right:6px}.vip2-album-admin .warning-box{margin:12px 0}
@media(max-width:780px){.vip-albums-pro-grid,.vip-content-grid-pro,.vip2-admin-album-grid{grid-template-columns:1fr}.vip-content-card-pro.featured{grid-column:auto}.vip2-admin-album-card{grid-template-columns:1fr}.vip2-admin-album-card>img,.vip2-cover-placeholder{width:100%;height:160px;min-height:160px}.vip-album-head-pro{display:grid;gap:14px}.vip-editorial-note{min-width:0}}

/* ============================================================
   JUICES2 ALPHA 8 — CARDS FLEXIBLES P01/P02
   ============================================================ */
/* MIX: deja de imponer la relación imagen/recuadro. */
.screen-01 .mix-card-clean,.screen-02 #section-mixes .mix-card-clean,
.v70-preview-mix-card.mix-card-clean{
  position:relative!important;height:var(--mix-card-height,360px)!important;min-height:0!important;display:block!important;overflow:hidden!important
}
.screen-01 .mix-card-clean .mix-top,.screen-02 #section-mixes .mix-card-clean .mix-top{
  height:var(--mix-image-height,180px)!important;position:relative;z-index:1;background:transparent!important
}
.screen-01 .mix-card-clean .mix-top img,.screen-02 #section-mixes .mix-card-clean .mix-top img,
.v70-preview-mix-card.mix-card-clean>img{
  width:100%!important;height:100%!important;object-fit:var(--mix-image-fit,cover)!important;object-position:var(--mix-image-position,center)!important
}
.screen-01 .mix-card-clean .mix-body-clean,.screen-02 #section-mixes .mix-card-clean .mix-body-clean{
  position:relative;z-index:2;background:var(--mix-content-bg,#fff)!important;padding:var(--mix-content-padding,16px)!important;display:grid!important;gap:12px!important;align-content:center!important
}
.screen-01 .mix-card-clean.mix-layout-stacked .mix-body-clean,.screen-02 #section-mixes .mix-card-clean.mix-layout-stacked .mix-body-clean{
  height:calc(var(--mix-card-height,360px) - var(--mix-image-height,180px))!important
}
.screen-01 .mix-card-clean.mix-layout-overlay .mix-top,.screen-02 #section-mixes .mix-card-clean.mix-layout-overlay .mix-top{
  position:absolute!important;inset:0!important;height:100%!important
}
.screen-01 .mix-card-clean.mix-layout-overlay .mix-body-clean,.screen-02 #section-mixes .mix-card-clean.mix-layout-overlay .mix-body-clean{
  position:absolute!important;left:0;right:0;bottom:0;height:auto!important;min-height:40%;background:var(--mix-content-bg,rgba(255,255,255,.88))!important;backdrop-filter:blur(3px)
}
.mix-card-clean .mix-title-only{
  width:var(--mix-title-width,100%)!important;justify-self:center!important
}
.mix-card-clean .mix-cta-row{display:flex;justify-content:var(--mix-cta-justify,center)!important;width:100%}
.mix-card-clean .mix-details-cta{
  width:var(--mix-cta-width,100%)!important;background:var(--mix-cta-bg,#0C3120)!important;color:var(--mix-cta-text,#fff)!important;
  font-family:var(--mix-cta-font,Segoe UI)!important;font-size:var(--mix-cta-size,13px)!important;font-weight:var(--mix-cta-weight,800)!important;
  border:0!important;border-radius:var(--mix-cta-radius,12px)!important;padding:var(--mix-cta-py,10px) var(--mix-cta-px,14px)!important;
  transform:translate(var(--mix-cta-x,0px),var(--mix-cta-y,0px))!important;cursor:pointer
}
/* Preview MIX: misma proporción visual. */
.v70-preview-mix-card.mix-card-clean{padding:0!important;background:var(--mix-content-bg,#fff)!important}
.v70-preview-mix-card.mix-card-clean>img{height:var(--mix-image-height,180px)!important;display:block}
.v70-preview-mix-card.mix-card-clean .mix-title-only{padding:10px var(--mix-content-padding,16px) 4px}
.v70-preview-mix-card.mix-card-clean button{margin:4px var(--mix-content-padding,16px) 12px;width:calc(var(--mix-cta-width,100%) - (2 * var(--mix-content-padding,16px)));background:var(--mix-cta-bg,#0C3120)!important;color:var(--mix-cta-text,#fff)!important;border:0;border-radius:var(--mix-cta-radius,12px);padding:var(--mix-cta-py,10px) var(--mix-cta-px,14px);font-size:var(--mix-cta-size,13px);font-weight:var(--mix-cta-weight,800)}

/* PLANES P02: composición configurable. */
.screen-02 .plan-card-visual{position:relative!important;height:var(--plan-card-height,470px)!important;overflow:hidden!important;display:block!important}
.screen-02 .plan-card-image{height:var(--plan-image-height,190px)!important;background:transparent!important;position:relative;z-index:1}
.screen-02 .plan-card-image img{object-fit:var(--plan-image-fit,cover)!important;object-position:var(--plan-image-position,center)!important}
.screen-02 .plan-card-content{position:relative;z-index:2;background:var(--plan-content-bg,#fff)!important;padding:var(--plan-content-padding,22px)!important;text-align:var(--plan-text-align,left)!important;height:calc(var(--plan-card-height,470px) - var(--plan-image-height,190px));overflow:auto}
.screen-02 .plan-card-content .plan-label{color:var(--plan-label-color,#69B42C)!important;font-size:var(--plan-label-size,13px)!important;font-weight:var(--plan-label-weight,800)!important;text-align:inherit}
.screen-02 .plan-card-content h2{color:var(--plan-title-color,#0C3120)!important;font-size:var(--plan-title-size,28px)!important;font-weight:var(--plan-title-weight,800)!important;text-align:inherit}
.screen-02 .plan-card-content p{color:var(--plan-note-color,#4F5E55)!important;font-size:var(--plan-note-size,14px)!important;font-weight:var(--plan-note-weight,400)!important;text-align:inherit}
.screen-02 .plan-card-content .plan-price{color:var(--plan-price-color,#0C3120)!important;font-size:var(--plan-price-size,34px)!important;font-weight:var(--plan-price-weight,900)!important;text-align:inherit}
.screen-02 .plan-cta-row{display:flex;justify-content:var(--plan-cta-justify,center)!important}
.screen-02 .plan-cta-row .btn{width:var(--plan-cta-width,100%)!important;transform:translate(var(--plan-cta-x,0px),var(--plan-cta-y,0px))!important}
.screen-02 .plan-card-visual:has(.plan-card-content){ }
.screen-02 .plan-card-visual{--_overlay:0}
.screen-02[style*="--plan-layout:overlay"] .plan-card-visual .plan-card-image{position:absolute!important;inset:0!important;height:100%!important}
.screen-02[style*="--plan-layout:overlay"] .plan-card-visual .plan-card-content{position:absolute!important;left:0;right:0;bottom:0;height:auto!important;max-height:75%;background:var(--plan-content-bg,rgba(255,255,255,.9))!important;backdrop-filter:blur(3px)}
/* CSS var cannot be used in selector; attribute fallback plus classless JS state is handled below with :has custom data absent. */
.screen-02 .plans-editable.plan-layout-overlay .plan-card-image{position:absolute!important;inset:0!important;height:100%!important}
.screen-02 .plans-editable.plan-layout-overlay .plan-card-content{position:absolute!important;left:0;right:0;bottom:0;height:auto!important;max-height:75%;background:var(--plan-content-bg,rgba(255,255,255,.9))!important;backdrop-filter:blur(3px)}
.preview-plan02 b{color:var(--plan-label-color,#69B42C)!important;font-size:var(--plan-label-size,13px)!important;font-weight:var(--plan-label-weight,800)!important}
.preview-plan02 span{color:var(--plan-title-color,#0C3120)!important;font-size:var(--plan-title-size,28px)!important;font-weight:var(--plan-title-weight,800)!important}
.preview-plan02 strong{color:var(--plan-price-color,#0C3120)!important;font-size:var(--plan-price-size,34px)!important;font-weight:var(--plan-price-weight,900)!important}
.preview-plan02 button{width:var(--plan-cta-width,100%)!important;transform:translate(var(--plan-cta-x,0px),var(--plan-cta-y,0px))!important}

/* Extras P02: título y todos sus botones toman los controles del inspector. */
.screen-02 #section-extras .extra-card h3,.screen-02 #section-extras .mix-extra-card .mix-title-only{
  color:var(--extra-title-color,#0C3120)!important;font-size:var(--extra-title-size,18px)!important;font-weight:var(--extra-title-weight,800)!important;text-align:var(--extra-text-align,left)!important
}
.screen-02 #section-extras [data-add-extra],.screen-02 #section-extras [data-add-mix-extra],.screen-02 #section-extras .integrated-next{
  background:var(--p02-extras-button-bg)!important;color:var(--p02-extras-button-text)!important;font-family:var(--p02-extras-button-font)!important;font-size:var(--p02-extras-button-size)!important;font-weight:var(--p02-extras-button-weight)!important;border-radius:var(--p02-extras-button-radius)!important;padding:var(--p02-extras-button-py) var(--p02-extras-button-px)!important;border:0!important
}
.j2-reset-mix-title{margin:-4px 0 10px;width:100%}
/* Alpha 8 preview refinement */
.v70-preview-mix-card.mix-card-clean{height:var(--mix-card-height,360px)!important;position:relative!important;overflow:hidden!important;display:block!important}
.v70-preview-mix-card.mix-card-clean.mix-layout-stacked>img{height:var(--mix-image-height,180px)!important}
.v70-preview-mix-card.mix-card-clean.mix-layout-overlay>img{position:absolute!important;inset:0!important;height:100%!important;z-index:0}
.v70-preview-mix-card.mix-card-clean.mix-layout-overlay .mix-title-only{position:absolute;left:var(--mix-content-padding,16px);right:var(--mix-content-padding,16px);bottom:58px;z-index:2;background:var(--mix-content-bg,rgba(255,255,255,.88));border-radius:8px;padding:8px}
.v70-preview-mix-card.mix-card-clean.mix-layout-overlay button{position:absolute;left:var(--mix-content-padding,16px);bottom:12px;z-index:3;margin:0!important}
.preview-plans02{align-items:stretch}
.preview-plan02{text-align:var(--plan-text-align,left)!important;background:var(--plan-content-bg,#fff)!important;min-height:var(--plan-card-height,470px)!important;overflow:hidden;position:relative}
.preview-plan02 img{height:var(--plan-image-height,190px)!important;object-fit:var(--plan-image-fit,cover)!important;object-position:var(--plan-image-position,center)!important}
.preview-plans02.plan-layout-overlay .preview-plan02 img{position:absolute;inset:0;width:100%;height:100%!important;z-index:0}
.preview-plans02.plan-layout-overlay .preview-plan02>*:not(img){position:relative;z-index:2}
.preview-plans02.plan-layout-overlay .preview-plan02{background:var(--plan-content-bg,rgba(255,255,255,.9))!important}


/* JUICES2 ALPHA 9 — VIP media policies */
.vip2-media-policy{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef5ea;color:#0C3120;font-size:.62rem;font-weight:900;letter-spacing:.03em}
.vip-upload-policy-box{display:grid;gap:6px;min-width:230px;padding:12px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(12,49,32,.12)}
.vip-upload-policy-box>span{font-size:.72rem;font-weight:900;color:#0C3120}.vip-upload-policy-box>small{color:#607067;line-height:1.25}.vip-upload-policy-box .btn{margin-top:4px}
.youtube-media-shell{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#050505;border-radius:inherit;overflow:hidden}.youtube-media-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-media-shell.invalid{display:grid;place-items:center;min-height:220px;color:#fff;text-decoration:none}
.vip-storage-note{display:inline-flex;margin-top:7px;padding:6px 9px;border-radius:8px;background:#16271c;color:#a8e77f;font-size:.68rem;font-weight:800}
.vip-album-stats span:last-child{font-weight:800}

/* JUICES2 ALPHA10 */
.vip2-policy.vip_only{background:#6B1687!important;color:#fff!important}
.vip-only-admin-note{max-width:310px;padding:10px 12px;border:1px solid rgba(107,22,135,.28);border-radius:12px;background:rgba(107,22,135,.08);display:grid;gap:3px}
.vip-only-admin-note b{color:#6B1687;font-size:.76rem}
.vip-only-admin-note span{font-size:.68rem;color:#526058}


/* JUICES2 ALPHA 11 — CARD MASTER + ONBOARDING */
.screen01-product-row,.screen02-master-mixes{display:grid!important;grid-template-columns:repeat(var(--mm-cols-d,4),minmax(0,1fr))!important;gap:var(--mm-gap,18px)!important;align-items:stretch!important}
.screen01-product-row .mix-card,.screen02-master-mixes .mix-card{position:relative!important;aspect-ratio:var(--mm-ratio,1 / 1)!important;height:auto!important;min-height:0!important;border-radius:var(--mm-radius,18px)!important;overflow:hidden!important;transform:none!important;padding:0!important;background:#0C3120!important}
.screen01-product-row .mix-top,.screen02-master-mixes .mix-top{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important}
.screen01-product-row .mix-top img,.screen02-master-mixes .mix-top img{width:100%!important;height:100%!important;object-fit:var(--mm-fit,cover)!important;object-position:var(--mm-pos,center)!important}
.screen01-product-row .mix-body,.screen02-master-mixes .mix-body{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:9px!important;padding:var(--mm-pad,14px)!important;background:var(--mm-overlay)!important;transform:none!important}
.screen01-product-row .mix-title-only,.screen02-master-mixes .mix-title-only{color:var(--mm-title,#fff)!important;font-size:clamp(12px,var(--mm-title-size,18px),22px)!important;font-weight:var(--mm-title-weight,800)!important;text-align:var(--mm-title-align,center)!important;transform:none!important;width:100%!important;margin:0!important}
.screen01-product-row .mix-cta-row,.screen02-master-mixes .mix-cta-row{justify-content:center!important;transform:none!important}
.screen01-product-row .mix-details-cta,.screen02-master-mixes .mix-details-cta{width:100%!important;transform:none!important;background:var(--mm-cta-bg,#fff)!important;color:var(--mm-cta-text,#0C3120)!important;font-size:var(--mm-cta-size,12px)!important;font-weight:var(--mm-cta-weight,800)!important;border-radius:var(--mm-cta-radius,12px)!important;border:0!important;padding:8px 10px!important}
@media(max-width:900px){.screen01-product-row,.screen02-master-mixes{grid-template-columns:repeat(var(--mm-cols-t,2),minmax(0,1fr))!important}}
@media(max-width:560px){.screen01-product-row,.screen02-master-mixes{grid-template-columns:repeat(var(--mm-cols-m,2),minmax(0,1fr))!important;gap:max(8px,calc(var(--mm-gap,18px)*.65))!important}.screen01-product-row .mix-body,.screen02-master-mixes .mix-body{padding:max(8px,calc(var(--mm-pad,14px)*.72))!important}.screen01-product-row .mix-title-only,.screen02-master-mixes .mix-title-only{font-size:clamp(10px,3.5vw,var(--mm-title-size,18px))!important}.screen01-product-row .mix-details-cta,.screen02-master-mixes .mix-details-cta{font-size:clamp(9px,2.6vw,var(--mm-cta-size,12px))!important;padding:7px 6px!important}}
.mix-card-master-panel{border:2px solid rgba(105,180,44,.28)!important}
.vip-onboarding{max-width:900px;margin:0 auto;padding:34px 20px 60px}.vip-onboarding-step{display:inline-flex;padding:6px 10px;border-radius:999px;background:#EAF7E0;color:#0C3120;font-weight:900;font-size:.7rem;letter-spacing:.08em}.vip-onboarding h1{font-size:clamp(2rem,5vw,4rem);margin:12px 0}.vip-onboarding>p{max-width:720px;color:#55635a}.vip-onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.vip-onboard-card{display:grid;gap:8px;padding:22px;border:1px solid #D6E1D9;border-radius:20px;background:#fff;cursor:pointer}.vip-onboard-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#69B42C;color:#0C3120;font-weight:900}.vip-onboard-card b{font-size:1.1rem}.vip-onboard-card small{color:#6B766F}.vip-onboard-card input{margin-top:10px}.vip-post-author img.admin-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}
@media(max-width:640px){.vip-onboarding-grid{grid-template-columns:1fr}}


/* ============================================================
   JUICES2 ALPHA 12 — PRODUCT CARDS ESTABLES
   ============================================================ */
.screen01-product-row,.screen02-master-mixes,.product-master-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--pm-cols-d,4),minmax(0,1fr))!important;
  gap:var(--pm-gap,18px)!important;
  align-items:stretch!important
}
.product-master-card{
  position:relative!important;
  width:100%!important;
  aspect-ratio:var(--pm-ratio,1 / 1)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:var(--pm-radius,18px)!important;
  background:var(--pm-card-bg,#fff)!important;
  padding:0!important;
  transform:none!important;
  display:grid!important;
  box-shadow:0 10px 28px rgba(12,49,32,.10)
}
.product-master-card .pm-media{min-width:0;min-height:0;overflow:hidden;background:#eef3ef}
.product-master-card .pm-media img{width:100%;height:100%;display:block;object-fit:var(--pm-fit,cover);object-position:var(--pm-pos,center)}
.pm-no-image{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;color:#0C3120;background:linear-gradient(135deg,#edf5e8,#fff)}
.pm-no-image svg{width:50px;height:50px}.pm-no-image span{font-weight:900}
.product-master-card .pm-content{min-width:0;padding:var(--pm-pad,14px);display:flex;flex-direction:column;justify-content:flex-end;gap:9px}
.product-master-card .pm-content h3{margin:0;color:var(--pm-title,#fff);font-size:clamp(11px,var(--pm-title-size,18px),28px);font-weight:var(--pm-title-weight,800);text-align:var(--pm-title-align,center);line-height:1.06;overflow-wrap:anywhere}
.product-master-card .pm-actions{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
.product-master-card .pm-details,.product-master-card .pm-add{border:0;cursor:pointer;font-weight:800;min-height:34px}
.product-master-card .pm-details{grid-column:1/-1;background:var(--pm-details-bg,#fff);color:var(--pm-details-text,#0C3120);font-size:var(--pm-details-size,11px);border-radius:var(--pm-details-radius,10px);padding:8px 10px}
.product-master-card .pm-add{background:var(--pm-add-bg,#69B42C);color:var(--pm-add-text,#0C3120);font-size:var(--pm-add-size,12px);border-radius:var(--pm-add-radius,10px);padding:8px 10px}
.product-master-card .pm-price{color:var(--pm-price,#fff);font-size:var(--pm-price-size,17px);white-space:nowrap}
.product-master-card.pm-overlay{grid-template:1fr/1fr}
.product-master-card.pm-overlay .pm-media,.product-master-card.pm-overlay .pm-content{grid-area:1/1}
.product-master-card.pm-overlay .pm-content{z-index:2;background:var(--pm-overlay);padding-top:45%}
.product-master-card.pm-split{grid-template-rows:var(--pm-split,68%) 1fr}
.product-master-card.pm-split .pm-content{background:var(--pm-card-bg,#fff)}
.product-master-card.pm-split .pm-content h3{color:#0C3120}
.product-master-card.pm-split .pm-price{color:#0C3120}

@media(max-width:900px){
  .screen01-product-row,.screen02-master-mixes,.product-master-grid{grid-template-columns:repeat(var(--pm-cols-t,2),minmax(0,1fr))!important}
}
@media(max-width:560px){
  .screen01-product-row,.screen02-master-mixes,.product-master-grid{grid-template-columns:repeat(var(--pm-cols-m,2),minmax(0,1fr))!important;gap:max(8px,calc(var(--pm-gap,18px)*.65))!important}
  .product-master-card .pm-content{padding:max(8px,calc(var(--pm-pad,14px)*.72))}
  .product-master-card .pm-content h3{font-size:clamp(10px,3.4vw,var(--pm-title-size,18px))}
  .product-master-card .pm-details,.product-master-card .pm-add{font-size:clamp(8px,2.5vw,12px);padding:6px}
}

/* Matriz administrativa */
.a12-product-tabs{margin:14px 0}
.a12-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.a12-matrix-product{display:grid;grid-template-columns:190px 1fr;border:1px solid #dce5df;border-radius:16px;background:#fff;overflow:hidden}
.a12-matrix-thumb{min-height:220px;background:#eef2ef;display:grid;place-items:center;color:#77847c;font-weight:800}
.a12-matrix-thumb img{width:100%;height:100%;object-fit:cover}
.a12-matrix-product-body{padding:14px}
.a12-category-list{display:grid;gap:8px}
.a12-category-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 110px auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #dde5df;border-radius:10px}
.a12-card-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:18px;align-items:start}
.a12-preview-device{padding:12px;border:1px solid #dce5df;border-radius:14px;background:#f5f7f5}
.a12-preview-device .product-master-card{max-width:280px}
@media(max-width:1050px){.a12-matrix-grid{grid-template-columns:1fr}.a12-matrix-product{grid-template-columns:160px 1fr}}
@media(max-width:700px){.a12-matrix-product{grid-template-columns:1fr}.a12-matrix-thumb{min-height:180px}.a12-category-row{grid-template-columns:1fr 80px}.a12-category-row .btn,.a12-category-row .toggle{grid-column:auto}.a12-card-preview-row{grid-template-columns:1fr}}


/* ============================================================
   JUICES2 ALPHA 13 — PLANES P02 / CARRITO
   ============================================================ */
.a13-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--plan-gap,24px);align-items:start}
.a13-plan-option{min-width:0;display:grid;gap:12px}
.a13-plan-card{height:var(--a13-plan-height,420px);min-height:0;position:relative;overflow:hidden;border-radius:var(--a13-plan-radius,22px);background:var(--a13-plan-bg,#0C3120);box-shadow:0 12px 34px rgba(12,49,32,.14)}
.a13-plan-bg,.a13-plan-overlay,.a13-plan-content{position:absolute;inset:0}
.a13-plan-bg img{width:100%;height:100%;object-fit:var(--a13-plan-fit,cover);object-position:var(--a13-plan-pos,center);display:block}
.a13-plan-no-image{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:#d7e5dc;font-weight:800}
.a13-plan-overlay{background:var(--a13-plan-overlay)}
.a13-plan-content{z-index:2;padding:var(--a13-plan-pad,24px);display:flex;flex-direction:column;gap:8px;text-align:var(--a13-plan-align,left)}
.a13-pos-top .a13-plan-content{justify-content:flex-start}.a13-pos-center .a13-plan-content{justify-content:center}.a13-pos-bottom .a13-plan-content{justify-content:flex-end}
.a13-plan-content .a13-plan-label{color:var(--plan-label-color,#fff);font-size:var(--plan-label-size,13px);font-weight:var(--plan-label-weight,800);letter-spacing:.08em}
.a13-plan-content h2{margin:0;color:var(--plan-title-color,#fff);font-size:var(--plan-title-size,28px);font-weight:var(--plan-title-weight,800);line-height:1.05}
.a13-plan-content p{margin:0;color:var(--plan-note-color,#fff);font-size:var(--plan-note-size,14px);font-weight:var(--plan-note-weight,400);line-height:1.35}
.a13-plan-price{color:var(--plan-price-color,#fff);font-size:var(--plan-price-size,34px);font-weight:var(--plan-price-weight,800)}
.a13-plan-period{color:#fff;font-weight:800}.a13-plan-rule{opacity:.85}
.a13-plan-choose{width:100%;border:0;cursor:pointer;background:var(--p02-plan-button-bg,var(--screen-button-bg,#69B42C));color:var(--p02-plan-button-text,var(--screen-button-text,#0C3120));font-family:var(--p02-plan-button-font-family,var(--screen-font));font-size:var(--p02-plan-button-font-size,14px);font-weight:var(--p02-plan-button-weight,800);border-radius:var(--p02-plan-button-radius,12px);padding:var(--p02-plan-button-padding-y,12px) var(--p02-plan-button-padding-x,18px)}
.a13-plan-config{margin-top:28px;border:1px solid #dbe6df;border-radius:20px;padding:20px;background:#fff}
.a13-config-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.a13-config-head h3{margin:4px 0}.a13-config-head p{margin:0;color:#65736b}
.a13-selection-counter{font-weight:900;background:#edf5e9;color:#0C3120;padding:8px 11px;border-radius:999px;white-space:nowrap}
.a13-week-progress{display:flex;gap:8px;margin:16px 0}.a13-week-progress span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf0ee;color:#6d7b73;font-weight:800}.a13-week-progress span.current{outline:3px solid #0C3120;background:#fff;color:#0C3120}.a13-week-progress span.complete{background:#69B42C;color:#0C3120}
.a13-day-grid{margin-top:16px}.a13-day-card{background:var(--day-mix)!important;color:var(--day-mix-text)!important;transition:.15s}.a13-day-card:not(.selected){border:1px dashed #aebbb3!important}.a13-day-card .day-card-label,.a13-day-card .day-current-mix{color:var(--day-mix-text)!important}
.a13-month-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.a13-main-action{width:100%;margin-top:16px}
.a13-next-extras-wrap{margin-top:18px;border-radius:14px;padding:14px;background:#f0f2f1;display:flex;align-items:center;justify-content:space-between;gap:14px}.a13-next-extras-wrap>div{display:grid;gap:3px}.a13-next-extras-wrap span{font-size:.78rem;color:#66736b}.a13-next-extras-wrap.ready{background:#eaf6df;border:1px solid #b9dd9d}
.a13-extras-locked .a13-lock-card{min-height:230px;border:1px dashed #bdc9c1;border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;background:#f6f8f6}.a13-lock-card svg{width:42px;height:42px}.a13-lock-card h3{margin:10px 0 4px}.a13-lock-card p{max-width:520px;color:#68756d}
.a13-preview-plans{pointer-events:none}.a13-preview-config{margin:14px 0;padding:14px;border:1px solid #dce5df;border-radius:12px;display:grid;gap:5px}
.a13-plan-breakdown{display:grid;gap:9px;margin:12px 0;padding:12px;background:#f5f7f5;border-radius:12px}.a13-break-week{display:grid;gap:6px}.a13-break-week>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.a13-break-week span{display:grid;grid-template-columns:42px 1fr;gap:6px;font-size:.76rem}.a13-break-week strong{color:#0C3120}
.a13-cart-extras{margin-top:14px}.a13-cart-delivery{display:grid;gap:10px}
.a13-active-orders{display:grid;gap:14px}.a13-active-order{display:grid;gap:12px}.a13-account-plan{display:grid;gap:8px}.a13-account-week{display:grid;grid-template-columns:110px 1fr;gap:6px;padding:8px;background:#f4f7f4;border-radius:10px}.a13-account-week span{font-size:.75rem}.a13-account-order-extras{display:grid;gap:4px}.a13-account-order-extras span{font-size:.78rem}
@media(max-width:760px){.a13-plans{grid-template-columns:1fr;gap:22px}.a13-plan-card{height:min(var(--a13-plan-height,420px),440px)}.a13-config-head,.a13-next-extras-wrap{display:grid}.a13-month-actions>*{flex:1 1 100%}.a13-break-week>div{grid-template-columns:1fr}.a13-account-week{grid-template-columns:1fr}}


/* ============================================================
   JUICES2 ALPHA 14 — MAPA / ENTREGAS
   ============================================================ */
.a14-map-details{border:1px solid #dce6df;border-radius:16px;overflow:hidden;background:#fff;margin-top:12px}.a14-map-details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900;list-style:none}.a14-map-details>summary small{font-weight:600;color:#68766e}.a14-map-details>summary::-webkit-details-marker{display:none}.a14-map-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);border-top:1px solid #e0e8e2}.a14-map{height:430px;min-height:320px;background:#e9efeb}.a14-route-legend{padding:12px;max-height:430px;overflow:auto;display:grid;gap:6px}.a14-route-point{border:1px solid #dce5df;background:#fff;border-radius:10px;padding:8px;display:grid;grid-template-columns:32px 1fr;gap:8px;text-align:left;cursor:pointer}.a14-route-point>span{width:30px;height:30px;border-radius:50%;background:#0C3120;color:#fff;display:grid;place-items:center;font-weight:900}.a14-route-point div{display:grid}.a14-route-point small{color:#66746c}.a14-route-point em{font-size:.62rem;color:#a26b00}.a14-route-point.selected{border-color:#69B42C;box-shadow:0 0 0 2px rgba(105,180,44,.18)}
.a14-map-pin{width:32px;height:38px;border-radius:16px 16px 16px 3px;transform:rotate(-45deg);background:#0C3120;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.25);display:grid;place-items:center}.a14-map-pin b{transform:rotate(45deg);color:#fff}.a14-map-pin.selected{background:#69B42C}.a14-leaflet-icon-wrap{background:transparent;border:0}
.a14-home-panel{margin-top:14px;border-radius:14px;background:#f5f8f5;padding:16px;display:grid;gap:12px}.a14-home-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.a14-delivery-panel{display:grid;gap:10px}.a14-admin-map-wrap{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:12px;margin-bottom:14px}.a14-admin-map{border-radius:14px;overflow:hidden}.a14-route-day{grid-template-columns:180px 1fr 180px!important;margin-bottom:14px}.a14-point-table input{min-width:90px}.a14-manifest-group{border:1px solid #dce6df;border-radius:14px;overflow:hidden;margin-bottom:12px}.a14-manifest-group h3{margin:0;padding:10px 12px;background:#0C3120;color:#fff}.a14-manifest-order{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.2fr) minmax(260px,1fr);gap:12px;padding:10px 12px;border-top:1px solid #e1e8e3;align-items:center}.a14-manifest-order>div{display:grid;gap:3px}.a14-manifest-order small{color:#68766e}.a14-home-admin{grid-template-columns:1fr!important}.a14-home-admin input,.a14-home-admin select{width:100%}.a14-driver-list{display:grid;gap:8px}.a14-driver-stop{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid #dbe5de;border-radius:12px;padding:10px 12px}.a14-driver-stop.pasado{opacity:.6;background:#edf2ee}.a14-driver-stop.actual{border-color:#69B42C;box-shadow:0 0 0 2px rgba(105,180,44,.18)}.a14-driver-num{width:38px;height:38px;border-radius:50%;background:#0C3120;color:#fff;display:grid;place-items:center;font-weight:900}.a14-driver-stop>div:nth-child(2){display:grid}.a14-driver-stop small{color:#65736b}.a14-driver-actions{display:flex;gap:7px}
@media(max-width:860px){.a14-map-body,.a14-admin-map-wrap{grid-template-columns:1fr}.a14-route-legend{max-height:none}.a14-manifest-order{grid-template-columns:1fr}.a14-route-day{grid-template-columns:1fr!important}.a14-driver-stop{grid-template-columns:42px 1fr}.a14-driver-actions{grid-column:1/-1}.a14-map{height:360px}}


/* ============================================================
   JUICES2 ALPHA 15 — CALENDARIO
   ============================================================ */
.a15-plan-calendar{margin-top:8px;display:grid;gap:7px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(5px);color:#fff}
.a15-plan-calendar>b{font-size:.72rem;letter-spacing:.02em}
.a15-plan-calendar small{font-size:.68rem;color:rgba(255,255,255,.85)}
.a15-date-chips{display:flex;gap:6px;flex-wrap:wrap}
.a15-date-chips span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.92);color:#0C3120;font-size:.68rem;font-weight:800}
.a15-date-chips span b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0C3120;color:#fff;font-size:.62rem}
.a15-cart-schedule{display:grid;gap:10px;padding:15px;border:1px solid #d8e4da;border-radius:14px;background:#f7faf7}
.a15-cart-schedule h3{margin:2px 0 0}.a15-cart-schedule .a15-date-chips span{background:#fff;border:1px solid #dbe5dd}
.a15-account-schedule{display:grid;gap:7px;padding:10px;border-radius:11px;background:#eef5eb}
.a15-account-schedule .a15-date-chips span{background:#fff}
.a15-calendar-admin{display:grid;gap:16px}
.a15-calendar-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.a15-calendar-kpis article{padding:18px;border:1px solid #dbe5de;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f8f4);display:grid;gap:5px}
.a15-calendar-kpis span{font-size:.72rem;font-weight:900;color:#627168;letter-spacing:.08em}
.a15-calendar-kpis b{font-size:1.15rem;color:#0C3120}.a15-calendar-kpis small{color:#68766e}
.a15-rule-panel{display:grid;gap:14px}
.a15-calendar-table td{vertical-align:top}
.a15-admin-date-list{display:flex;flex-wrap:wrap;gap:5px;min-width:280px}
.a15-manifest-datebar{display:flex;gap:8px;align-items:center;margin-bottom:14px}
.a15-manifest-datebar input{max-width:190px}
@media(max-width:760px){
  .a15-calendar-kpis{grid-template-columns:1fr}
  .a15-admin-date-list{min-width:0}
  .a15-plan-calendar .a15-date-chips{gap:4px}
  .a15-plan-calendar .a15-date-chips span{font-size:.6rem;padding:4px 5px}
}

/* ALPHA 15.3 — detalle de pedidos */
.a153-summary{margin:16px 0;padding:14px;border:1px solid #dbe5df;border-radius:14px;background:#f7faf7}.a153-summary h3{margin:0}.a153-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.a153-summary-grid>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:10px;background:#fff;border-radius:10px;border:1px solid #e0e7e2}.a153-summary-grid span{grid-column:1/-1;font-size:.62rem;font-weight:900;color:#6a766f;letter-spacing:.08em}.a153-summary-grid b{font-size:.75rem;overflow-wrap:anywhere}.a153-summary-grid strong{font-size:1.25rem;color:#0C3120}.a153-detail-row td{padding:0!important;background:#f7faf8}.a153-order-detail{padding:18px;display:grid;gap:14px}.a153-order-headline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.a153-order-headline>div{display:grid;gap:3px;padding:10px;border-radius:10px;background:#fff;border:1px solid #dce5df}.a153-order-headline span,.a153-detail-section h4{font-size:.67rem;font-weight:900;letter-spacing:.08em;color:#65736b}.a153-order-headline small{color:#6d7872}.a153-detail-section{display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #dce5df;border-radius:12px}.a153-detail-section h4{margin:0}.a153-plan-line{display:flex;justify-content:space-between;gap:10px}.a153-delivery-dates{display:flex;gap:6px;flex-wrap:wrap}.a153-delivery-dates span{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;border-radius:999px;background:#edf5e9;font-size:.7rem}.a153-delivery-dates span b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0C3120;color:#fff}.a153-product-lines{display:grid;gap:5px}.a153-product-lines>div{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:8px;background:#f5f7f5}.a153-product-lines small{color:#748077}.a153-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.a153-weeks article{display:grid;gap:5px;padding:9px;background:#f6f8f6;border-radius:9px}.a153-weeks article>b{font-size:.72rem;color:#0C3120}.a153-weeks article span{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:.7rem}.a153-delivery-box{display:grid;gap:4px}.a153-delivery-box span,.a153-delivery-box small{font-size:.75rem;color:#67746c}@media(max-width:900px){.a153-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a153-order-headline{grid-template-columns:1fr}.a153-weeks{grid-template-columns:1fr}}@media(max-width:560px){.a153-summary-grid{grid-template-columns:1fr}}