/* Storefront refresh. Admin navigation and image-editor geometry stay independent. */
body:not(.admin-mode){background:#f5f8fc;font-family:'Segoe UI',Arial,sans-serif}
body:not(.admin-mode) .header{min-height:96px;padding-block:14px;box-shadow:0 3px 22px #15396606}
body:not(.admin-mode) .header .logo-frame{width:252px}
body:not(.admin-mode) .button{border-radius:12px}
body:not(.admin-mode) .primary{background:#1765aa}
body:not(.admin-mode) .primary:hover{background:#124e85;box-shadow:0 5px 14px #155eac20}
body:not(.admin-mode) :is(button,a,input,select):focus-visible{outline:3px solid #b6337d;outline-offset:3px}
body:not(.admin-mode) .hero{gap:48px;padding-block:56px 62px;min-height:650px;align-items:center}
body:not(.admin-mode) .hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.12;letter-spacing:-.045em}
body:not(.admin-mode) .hero-lead{font-size:17px;line-height:1.8;max-width:470px;margin-block:30px}
body:not(.admin-mode) .hero-art{min-height:540px;margin-left:0;border-radius:100px 26px 26px 26px;overflow:visible}
body:not(.admin-mode) :is(.scene-stack,.scene-overlay){border-radius:inherit;overflow:hidden}
body:not(.admin-mode) .art-label{top:28px;right:28px}
body:not(.admin-mode) .weekly-card{left:-26px;right:24px;bottom:24px;max-width:none;padding:24px;background:#fff;border:1px solid #d7e5f1;border-radius:22px;box-shadow:0 20px 60px #0a295c2b;overflow:hidden}
body:not(.admin-mode) .weekly-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#1658ad,#23b7c5 72%,#bd397f)}
body:not(.admin-mode) .weekly-card .eyebrow{font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px}
body:not(.admin-mode) .weekly-card .eyebrow:before{content:'';display:block;width:18px;height:2px;background:#af3379}
body:not(.admin-mode) .weekly-content{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:22px;align-items:center;min-height:222px;margin:16px 0 20px}
.weekly-spotlight{display:grid;place-items:center;position:relative;height:210px;border:1px solid #e5edf5;border-radius:16px;background:radial-gradient(ellipse at center,#fff 40%,#eaf3fb);padding:18px;overflow:hidden;min-width:0}
.weekly-spotlight .product-image-crop{width:100%!important;height:100%!important;max-width:100%!important;flex:none!important}
.weekly-spotlight .product-image-crop img{width:100%;height:100%;background:transparent;object-fit:contain}
.weekly-content .weekly-spotlight .manual-crop-result{height:170px;max-width:100%;width:auto}
.weekly-spotlight .product-placeholder{width:100px;height:100px;border-radius:24px;font-size:48px}
.weekly-copy{min-width:0}
.weekly-category{display:block;color:#147b8c;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;margin-bottom:9px}
body:not(.admin-mode) .weekly-content h2{font-size:clamp(16px,1.45vw,22px);line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
body:not(.admin-mode) .weekly-content p{font-size:12px;margin:10px 0;color:#5b718b}
.weekly-login{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 0;border:0;background:transparent;color:#1756a5;font-size:12px;font-weight:700;line-height:1.6}
body:not(.admin-mode) .weekly-bottom{padding-top:16px;border-color:#e4ebf2;gap:12px}
body:not(.admin-mode) .weekly-bottom>span{font-size:11px}
body:not(.admin-mode) .slide-controls{gap:10px;flex-shrink:0}
body:not(.admin-mode) .slide-controls button{background:#f1f6fc;border:1px solid #dce7f2;width:36px;height:36px;border-radius:50%;font-size:20px}
body:not(.admin-mode) .slide-controls button:disabled{opacity:.35;cursor:default}
body:not(.admin-mode) .slide-controls>span{font-size:11px;min-width:44px;text-align:center}
body:not(.admin-mode) .brand-strip{padding-block:22px;background:#fff;gap:30px}
body:not(.admin-mode) .steps article{border-radius:20px;background:#fff;border-top:3px solid #c6deef}
body:not(.admin-mode) .steps article:nth-child(2){border-top-color:#4bb9c8}
body:not(.admin-mode) .steps article:nth-child(3){border-top-color:#ba4e8d}
body:not(.admin-mode) .faq details{background:#fff;padding-inline:22px;border:1px solid #e0e8f1;border-radius:12px;margin-bottom:10px}
body:not(.admin-mode) .footer{background:#edf3fa}
/* Client workspace: compact navigation, clear purchase hierarchy. */
.client-mode .workspace{padding-top:32px;padding-bottom:70px;max-width:1440px}
.client-mode .workspace-heading{margin-bottom:26px;align-items:center}
.client-mode .workspace-heading .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:10px;color:#138295}
.client-mode .workspace-heading h1{font-size:32px;letter-spacing:-.035em}
.client-mode .workspace-heading p:last-child{font-size:14px;margin:10px 0 0}
.client-mode .workspace-heading>.button{min-height:40px;padding:10px 16px;background:#fff;font-size:12px}
.client-mode .workspace-tabs{display:flex;gap:6px;padding:6px;background:#e9eff7;border:1px solid #e0e8f1;border-radius:14px;margin-bottom:28px;overflow-x:auto;scrollbar-width:thin}
.client-mode .workspace-tabs button{padding:13px 20px;border:0;border-radius:10px;white-space:nowrap;color:#4b6380;font-size:13px;min-height:46px}
.client-mode .workspace-tabs button.active{background:#fff;color:#174e99;box-shadow:0 3px 10px #16386610}
.client-mode .workspace-tabs [data-tab="semana"]:before{content:none}
.client-mode .catalog-banner{border-radius:8px;padding:28px 32px;background:#143f75;border-left:5px solid #bd3e7d;position:relative;overflow:hidden;margin-bottom:24px}
.client-mode .catalog-banner>div>span{display:block;margin-bottom:8px;color:#8ed7df;font-size:9px;font-weight:800;letter-spacing:.17em}
.client-mode .catalog-banner h2{font-size:26px;letter-spacing:-.03em}
.client-mode .catalog-banner p{font-size:13px;margin-bottom:0;color:#e3efff}
.client-mode #searchForm{padding:14px;background:#fff;border:1px solid #e0e8f1;border-radius:16px;margin-bottom:18px;box-shadow:0 6px 20px #15396604}
.client-mode #catalogCount{font-size:12px;margin:22px 0 16px}
.client-mode .products-grid{gap:20px}
.client-mode .product-card{border:1px solid #dfe7f0;border-radius:18px;background:#fff;box-shadow:0 5px 20px #15396604;overflow:hidden;transition:box-shadow .18s,border-color .18s}
.client-mode .product-card:hover{border-color:#a9c8e5;box-shadow:0 12px 28px #1539660e}
.client-mode .product-media{height:208px;background:linear-gradient(145deg,#f7fafd,#edf4fb);padding:20px;border-bottom:1px solid #e7edf5}
.client-mode .product-media img{height:100%;object-fit:contain}
.client-mode .product-body{padding:20px;gap:9px;border-top:0}
.client-mode .product-card.coin-product-card{border:2px solid #c99a22;box-shadow:0 7px 24px #9b74141a}
.client-mode .product-card.coin-product-card:hover{border-color:#a97808;box-shadow:0 14px 32px #9b74142b}
.product-coin-value{display:flex;align-items:center;gap:9px;margin-top:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#fff2c7);color:#725209;line-height:1.2}
.product-coin-value>span:first-child{font-size:18px;color:#b68108}
.product-coin-value>span:last-child{display:grid;gap:3px}
.product-coin-value strong{font-size:13px}
.product-coin-value small{font-size:9px;font-weight:600;color:#8a6a22}
.detail-product .product-coin-value{margin:12px 0 4px;max-width:290px}
.client-mode .product-brand{font-size:9px;letter-spacing:.07em;color:#1a7189}
.client-mode .product-card h3{font-size:14px;line-height:1.55;letter-spacing:-.015em;min-height:44px}
.client-mode .product-unit{font-size:12px}
.client-mode .product-card .pill{font-size:9px;border-radius:6px;padding:5px 8px}
.client-mode .product-price{font-size:25px;letter-spacing:-.04em;margin-top:12px}
.client-mode .price-label{font-size:10px}
.client-mode .product-buy{padding-top:12px;gap:8px;flex-wrap:nowrap}
.client-mode .product-buy input{width:62px;min-width:0;min-height:44px;border-radius:10px}
.client-mode .product-buy button{flex:1;min-width:0;font-size:12px;min-height:44px;padding:10px}
.client-mode :is(.panel,.order-card){border-radius:18px;box-shadow:0 5px 20px #15396604}
.weekly-shop-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;border-radius:9px;padding:36px 40px;background:linear-gradient(105deg,#123f75 0 72%,#198492 72% 100%);border-left:5px solid #bd3e7d;color:#fff}
.weekly-shop-kicker{color:#90e1e2;font-size:10px;font-weight:750;letter-spacing:.18em}
.client-mode .weekly-shop-hero h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;color:#fff;margin:12px 0}
.weekly-shop-hero p{color:#d9e8f8;font-size:14px;line-height:1.7;margin:0 0 22px}
.weekly-browse{background:#fff;color:#164a85;border:1px solid #fff;min-height:42px;font-size:12px;gap:24px}
.weekly-browse:hover{background:#eaf4fc}
.weekly-shop-stamp{flex:0 0 190px;min-height:120px;display:flex;flex-direction:column;justify-content:center;border-block:1px solid #ffffff5c;padding:18px;color:#fff}
.weekly-shop-stamp strong{font-size:28px;letter-spacing:.08em}
.weekly-shop-stamp span{margin-top:8px;color:#cce7ec;font-size:10px;line-height:1.5}
.weekly-shop-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:32px 0 20px}
.weekly-shop-heading h3{font-size:19px;letter-spacing:-.025em}
.weekly-shop-heading p{font-size:12px;margin:8px 0 0}
.client-mode .weekly-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.weekly-product-card{position:relative}
.weekly-product-label{position:absolute;top:14px;left:14px;z-index:1;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:3px;background:#fff;color:#8e2d67;border-left:3px solid #bd3e7d;pointer-events:none}
.client-mode .weekly-product-card .product-media{height:248px;padding-top:46px}
.weekly-shop-grid>.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #c6d6e8;border-radius:18px}
/* Weekly management uses the same existing six slots, with image previews. */
.weekly-admin-preview{display:grid;place-items:center;height:140px;padding:12px;margin:12px 0;background:#f3f7fc;border-radius:12px;overflow:hidden}
.weekly-admin-preview .product-image-crop{width:100%;height:100%}
.weekly-admin-preview .manual-crop-result{height:116px;max-width:100%}
.weekly-admin-preview img{object-fit:contain;height:100%;max-width:100%}
@media(max-width:1100px){
 body:not(.admin-mode) .hero{gap:32px}
 body:not(.admin-mode) .weekly-card{left:-16px;right:12px;padding:20px}
 body:not(.admin-mode) .weekly-content{gap:14px;grid-template-columns:120px minmax(0,1fr)}
 .weekly-spotlight{height:180px;padding:10px}
 .weekly-content .weekly-spotlight .manual-crop-result{height:155px}
 .weekly-shop-stamp{flex-basis:160px}
 .client-mode .product-body{padding:16px}
}
@media(max-width:800px){
 body:not(.admin-mode) .hero{grid-template-columns:1fr;padding-top:36px}
 body:not(.admin-mode) .hero-art{min-height:480px}
 body:not(.admin-mode) .weekly-card{left:20px;right:20px}
 body:not(.admin-mode) .weekly-content{grid-template-columns:minmax(120px,.65fr) 1fr}
 body:not(.admin-mode) .weekly-content h2{font-size:22px}
 body:not(.admin-mode) .hero h1{font-size:48px}
 .client-mode .weekly-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .weekly-shop-hero{padding:30px}
 .client-mode .workspace-tabs button{padding-inline:16px}
}
@media(max-width:520px){
 body:not(.admin-mode) .header{min-height:76px;padding:12px 16px}
 body:not(.admin-mode) .header .logo-frame{width:166px}
 body:not(.admin-mode) .hero{padding-block:32px 36px;gap:28px}
 body:not(.admin-mode) .hero h1{font-size:39px}
 body:not(.admin-mode) .hero-lead{font-size:14px;margin:24px 0}
 body:not(.admin-mode) .hero-art{min-height:466px;border-radius:60px 20px 20px 20px}
 body:not(.admin-mode) .art-label{top:22px;right:20px}
 body:not(.admin-mode) .weekly-card{left:10px;right:10px;bottom:12px;padding:16px}
 body:not(.admin-mode) .weekly-content{grid-template-columns:106px minmax(0,1fr);gap:12px;min-height:190px;margin-block:12px}
 body:not(.admin-mode) .weekly-content h2{font-size:16px}
 .weekly-spotlight{height:170px;padding:8px}
 .weekly-content .weekly-spotlight .manual-crop-result{height:150px}
 body:not(.admin-mode) .weekly-card .eyebrow{font-size:8px;letter-spacing:.1em}
 .weekly-category{font-size:8px}
 .weekly-login{font-size:11px;gap:4px}
 body:not(.admin-mode) .weekly-bottom>span{font-size:9px;max-width:106px;line-height:1.5}
 body:not(.admin-mode) .slide-controls{gap:5px}
 body:not(.admin-mode) .brand-strip{gap:16px}
 .client-mode .header{flex-wrap:wrap;gap:10px}
 .client-mode .header .logo-frame{width:140px}
 .client-mode #accountButton{font-size:10px;padding-inline:8px}
 .client-mode #cartButton{font-size:11px;padding-inline:10px}
 .client-mode .workspace{padding:24px 16px 45px}
 .client-mode .workspace-heading{gap:16px}
 .client-mode .workspace-heading h1{font-size:27px}
 .client-mode .workspace-heading p:last-child{font-size:12px}
 .client-mode .workspace-tabs{margin-bottom:20px}
 .client-mode .workspace-tabs button{font-size:12px;padding:10px 13px}
 .client-mode .catalog-banner{padding:24px}
 .client-mode .catalog-banner h2{font-size:23px}
 .client-mode #searchForm{padding:10px}
 .client-mode .products-grid{gap:12px}
 .client-mode .product-media{height:158px;padding:12px}
 .client-mode .product-body{padding:13px;gap:8px}
 .client-mode .product-card h3{font-size:12px;min-height:56px}
 .client-mode .product-price{font-size:21px}
 .client-mode .product-buy{flex-wrap:wrap;padding-top:8px}
 .client-mode .product-buy input,.client-mode .product-buy button{width:100%;flex-basis:100%}
 .weekly-shop-hero{padding:28px 24px}
 .weekly-shop-stamp{display:none}
 .weekly-shop-hero p{font-size:13px}
 .weekly-shop-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}
 .weekly-shop-heading p{line-height:1.6}
 .client-mode .weekly-shop-grid{grid-template-columns:1fr}
 .client-mode .weekly-product-card .product-media{height:232px}
 .client-mode .weekly-product-card .product-body{padding:22px}
 .client-mode .weekly-product-card h3{font-size:15px;min-height:0}
 .client-mode .weekly-product-card .product-buy{flex-wrap:nowrap}
 .client-mode .weekly-product-card .product-buy input{width:68px;flex:0 0 68px}
 .client-mode .weekly-product-card .product-buy button{flex:1}
 .client-mode .weekly-product-card .product-price{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.client-mode .product-card{transition:none}}