/* MiLocal v3 - cuatro composiciones reales, sin mosaicos de banner */
.storepage{background:#f7f9fc;color:#182a39}.shop-top{position:relative;z-index:2}.storecover{height:clamp(340px,35vw,510px);background-size:cover!important;background-repeat:no-repeat!important;background-position:center var(--banner-pos,50%)!important;background-color:#102338!important}.storecover .overlay{height:100%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(12,23,34,.86),rgba(12,23,34,.25))!important;padding:45px 0}.storecover .wrap{width:100%}.storecover .storeinfo{max-width:850px}.storecover h1{font-size:clamp(34px,5.4vw,72px);line-height:1.05;overflow-wrap:anywhere}.storecover .pill{background:#ffffff28;color:white;border:1px solid #ffffff80}.storecover p{max-width:680px;color:#f7f7f7}.storecover .store-slogan{font-size:clamp(17px,2vw,26px)}.storecover .logo{width:96px;height:96px;flex-shrink:0;border:4px solid #fff;box-shadow:0 9px 24px #0003}.business-details{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:35px;padding-top:36px;padding-bottom:28px}.business-main{padding:8px 0}.business-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent)}.business-main h2{font-size:27px;margin:8px 0 22px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #e2e8ed;border-radius:14px;background:#fff;min-width:0}.contact-card[hidden],.delivery-card[hidden]{display:none}.contact-icon{background:#edf2f6;color:var(--accent);font-size:20px;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.contact-card b{display:block;font-size:12px;color:#6a7784;margin-bottom:5px}.contact-card a,.contact-card span:not(.contact-icon){color:#243548;text-decoration:none;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.contact-card a:hover{text-decoration:underline}.contact-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:20px}.btn.whatsapp{background:#176f4a;color:white}.social-link{font-weight:700;color:var(--accent)}.delivery-card{background:#fff;border:1px solid #e2e8ed;border-radius:20px;padding:26px;box-shadow:0 12px 30px #142a3d09}.delivery-card h3{font-size:24px;margin:8px 0 22px}.delivery-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid #e8edf1}.delivery-row>span{font-size:23px}.delivery-row b{font-size:14px}.delivery-row p{margin:6px 0 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.catalog{padding-top:32px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.catalog-heading h2{font-size:34px;margin:5px 0}.catalog-heading input{max-width:320px}.storepage .products{grid-template-columns:repeat(4,minmax(0,1fr))}.storepage .product{border-radius:15px;transition:transform .2s,box-shadow .2s}.storepage .product:hover{transform:translateY(-4px);box-shadow:0 16px 32px #142a3d17}.storepage .product img,.storepage .product .placeholder{height:210px;object-fit:contain;background:#fff}.storepage .product .details{display:flex;flex-direction:column;min-height:220px}.storepage .product .details .btn{margin-top:auto}.storepage .product .details p{color:#667582}.storepage .price{margin:8px 0}.storepage .product small{display:block;margin-bottom:14px;color:#657683}
/* Comercios: aire editorial, foto protagonista, tarjetas suaves */
.storepage.comercios{background:#fcfaf6}.storepage.comercios .storecover:not(.has-banner){background:radial-gradient(circle at 80% 30%,#e0bfa0,transparent 35%),linear-gradient(125deg,#415747,#b9a78c)!important}.storepage.comercios .storecover{border-bottom:9px solid #eee1d1}.storepage.comercios .product{border-radius:23px}.storepage.comercios .product img{background:#f7f3ed}.storepage.comercios .business-details{gap:65px}.storepage.comercios .catalog-heading h2{font-family:Georgia,serif;font-weight:500}
/* Automotor: compacto, angular, barra técnica y rejilla de catálogo */
.storepage.automotor{background:#f0f2f5}.storepage.automotor .storecover:not(.has-banner){background:repeating-linear-gradient(125deg,#111b29 0,#111b29 40px,#182b3b 40px,#182b3b 80px)!important}.storepage.automotor .storecover{border-bottom:9px solid var(--accent)}.storepage.automotor .storecover h1{text-transform:uppercase;font-style:italic;letter-spacing:-.055em}.storepage.automotor .business-details{grid-template-columns:1fr 360px}.storepage.automotor .contact-card,.storepage.automotor .delivery-card,.storepage.automotor .product{border-radius:4px}.storepage.automotor .catalog{background:#e8ecf0;padding-top:38px;padding-bottom:50px}.storepage.automotor .catalog-heading{border-bottom:4px solid var(--accent);padding-bottom:16px}.storepage.automotor .catalog-heading h2{text-transform:uppercase;letter-spacing:-.04em}.storepage.automotor .product img{background:#f4f6f8}
/* Música: hero amplio, catálogo editorial de tres columnas y tonos madera */
.storepage.musica{background:#f9f5ee}.storepage.musica .storecover{height:clamp(400px,44vw,600px);border-bottom:12px solid #b89465}.storepage.musica .storecover:not(.has-banner){background:radial-gradient(circle at 82% 35%,#976d4b,transparent 40%),linear-gradient(115deg,#211914,#543d2c)!important}.storepage.musica .storecover h1{font-family:Georgia,serif;font-size:clamp(40px,6.2vw,86px);font-weight:500}.storepage.musica .business-details{grid-template-columns:1.3fr 1fr;padding-top:54px}.storepage.musica .catalog-heading h2{font-family:Georgia,serif;font-weight:500;font-size:43px}.storepage.musica .products{grid-template-columns:repeat(3,minmax(0,1fr))}.storepage.musica .product{border-radius:3px;border-color:#dfd4c3}.storepage.musica .product img{height:300px;background:#f0e8da}.storepage.musica .delivery-card{background:#f0e8da;border-color:#e2d3bf}
/* Tecnología: composición precisa, cards de producto y hero azul */
.storepage.tecnologia{background:#f1f6fd}.storepage.tecnologia .storecover:not(.has-banner){background:radial-gradient(circle at 80% 35%,#3e83c2,transparent 34%),linear-gradient(110deg,#091a31,#24466b)!important}.storepage.tecnologia .storecover{border-bottom:2px solid #bed6ef}.storepage.tecnologia .business-details{grid-template-columns:1.4fr 1fr}.storepage.tecnologia .delivery-card{background:#eaf3ff;border-color:#cfe1f4}.storepage.tecnologia .contact-card{border-color:#d6e4f3}.storepage.tecnologia .product{border:1px solid #d9e7f4;border-radius:12px;box-shadow:0 8px 20px #2149740c}.storepage.tecnologia .product img{background:#f8fbff}.storepage.tecnologia .catalog-heading{border-bottom:1px solid #c9dcf0;padding-bottom:18px}
/* Carrito y checkout separados */
.checkout-layout{padding-top:40px;padding-bottom:70px;min-height:75vh}.step-header>span{font-size:12px;color:#537b68;font-weight:800;letter-spacing:.12em}.step-header h1{font-size:clamp(35px,4vw,53px);margin:8px 0}.step-header p{margin:0 0 28px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:25px;align-items:start}.checkout-grid .panel{border-radius:18px}.checkout-grid .summary{position:sticky;top:20px}.summary h2{margin-top:0}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;line-height:1.5}.summary-line.grand{font-size:21px;font-weight:800}.summary .btn{width:100%;text-align:center;margin-top:20px}.summary .btn.disabled{pointer-events:none;opacity:.45}.cart-row{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:17px;border-bottom:1px solid #e5e9ed;padding:18px 0}.cart-row:first-child{padding-top:0}.cart-row img,.cart-thumb{width:85px;height:85px;object-fit:contain;border-radius:12px;background:#f2f5f7}.cart-thumb{display:grid;place-items:center}.cart-row p{margin:5px 0;color:#697a86}.qty{display:inline-flex;align-items:center;gap:14px;border:1px solid #d9e1e6;border-radius:9px}.qty button{border:0;background:#f0f4f6;padding:6px 12px}.checkout-form h2{font-size:21px;border-bottom:1px solid #e9edf0;padding-bottom:10px;margin-top:18px}.checkout-form h2:first-child{margin-top:0}.checkout-form .btn{margin-top:10px}.success-order{padding:20px;background:#e8f5e9;border-radius:12px}.empty-state{padding:35px 12px;text-align:center;color:#687b86}
@media(max-width:900px){.business-details,.storepage.automotor .business-details,.storepage.musica .business-details,.storepage.tecnologia .business-details,.checkout-grid{grid-template-columns:1fr;gap:20px}.storepage .products{grid-template-columns:repeat(2,minmax(0,1fr))}.storepage.musica .products{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-grid .summary{position:static}}@media(max-width:580px){.storecover,.storepage.musica .storecover{height:clamp(320px,90vw,440px)}.storecover .overlay{padding:24px 0}.storecover .storeinfo{align-items:center}.storecover .logo{width:62px;height:62px}.storecover h1,.storepage.musica .storecover h1{font-size:clamp(30px,8vw,43px)}.storecover .store-slogan{font-size:15px}.business-details{padding-top:24px}.contact-grid{grid-template-columns:1fr}.business-main h2{font-size:23px}.catalog-heading{align-items:stretch;flex-direction:column}.catalog-heading input{max-width:none}.catalog-heading h2,.storepage.musica .catalog-heading h2{font-size:29px}.storepage .product img,.storepage.musica .product img{height:160px}.storepage .product .details{min-height:210px}.storepage .product .details p{font-size:12px}.storepage .product .details .btn{font-size:12px}.cart-row{grid-template-columns:62px 1fr auto;gap:10px}.cart-row img,.cart-thumb{width:62px;height:62px}.cart-row strong{font-size:13px}.checkout-layout{padding-top:24px}.checkout-grid .panel{padding:16px}}

/* V4: todos los banners comparten proporcion y alto, incluso musica. */
.storepage .storecover,.storepage.musica .storecover{width:100%;height:auto!important;aspect-ratio:32/13;min-height:0!important;max-height:none!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center var(--banner-pos,50%)!important}
.storepage .storecover .overlay{min-height:100%;box-sizing:border-box}
/* Mismo marco fotografico en los cuatro rubros; se conserva el diseño de cada tarjeta. */
.storepage .product img,.storepage.musica .product img,.storepage .product .placeholder{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:contain;display:block}
.storepage .product .placeholder{display:grid;place-items:center}
.storepage .product .details p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media(max-width:700px){.storepage .storecover,.storepage.musica .storecover{aspect-ratio:16/9;min-height:310px!important}.storepage .storecover .overlay{padding:24px 0}}
@media(max-width:420px){.storepage .storecover,.storepage.musica .storecover{aspect-ratio:4/3;min-height:310px!important}}
