/* Ajuste final Cell Master Store - 2026-09-03 */
:root{--cm-bg:#031226;--cm-surface:#0b2d52;--cm-card:#10385f;--cm-line:#2c78a8;--cm-white:#fff;--cm-muted:#c9d8e8;--cm-red:#f52d50;--cm-green:#19c784}
*{box-sizing:border-box;min-width:0}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--cm-bg);color:var(--cm-white);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
body>header,.site-header,.store-header,.main-header{position:relative!important;top:auto!important;z-index:50;width:100%;background:#061a34;color:#fff}
main,.site-main{display:block;width:100%;overflow:visible;padding-top:0!important}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{color:#fff;overflow-wrap:anywhere}
p,li,label,small{overflow-wrap:anywhere}
a{color:#fff}
button,.button,.btn,[class*="button"]{font:inherit;min-height:44px;white-space:normal}
input,select,textarea{max-width:100%;font:inherit;color:#10243c;background:#fff}
section,[class*="section"],[class*="card"],[class*="panel"]{max-width:100%}
.grid,.cards,.product-grid,.benefits-grid,.department-grid,.category-grid,.editorial-grid,.feature-grid,.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;align-items:stretch}
.product-card,.feature-card,.account-card,.shipping-card,.editorial-card{width:100%;min-width:0;overflow:hidden}
.product-card h3,.product-card p,.product-card a{overflow-wrap:anywhere;word-break:normal}
.card-light,.light-card,[class*="white-card"]{background:#fff;color:#10243c}
.card-light h1,.card-light h2,.card-light h3,.card-light p,.card-light li,.card-light label,.light-card h1,.light-card h2,.light-card h3,.light-card p,.light-card li{color:#10243c}
.btn-primary,.button-primary,.cta-primary,[class*="primary"]{background:linear-gradient(90deg,var(--cm-red),#ff6b43)!important;color:#fff!important;border-color:transparent!important}
.btn-success,.button-success,[class*="success"]{background:var(--cm-green)!important;color:#041b15!important}
.site-header a,.site-header button,.main-header a,.main-header button{color:#fff!important}
.bottom-nav,.mobile-nav{background:#061a34;color:#fff;border-color:var(--cm-line)}
.bottom-nav a,.mobile-nav a{color:#fff!important}
.floating-actions{z-index:70}
@media(min-width:901px){.site-header,.store-header,.main-header{position:relative!important}.header-inner,.nav-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body{padding-bottom:86px}.grid,.cards,.benefits-grid,.editorial-grid,.feature-grid,.home-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-header,.store-header,.main-header{position:relative!important}.site-header nav,.main-header nav{max-width:100%;overflow-x:auto}.floating-actions{bottom:96px!important}.bottom-nav,.mobile-nav{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:80}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.container,.wrap,[class*="container"]{width:100%;max-width:100%;padding-left:16px;padding-right:16px}.site-header [class*="inner"],.main-header [class*="inner"]{padding-left:14px;padding-right:14px}h1{font-size:clamp(1.8rem,9vw,2.7rem)}h2{font-size:clamp(1.45rem,7vw,2.1rem)}}/* Ajuste final Cell Master Store - 2026-09-03 */
:root{--cm-bg:#031226;--cm-surface:#0b2d52;--cm-card:#10385f;--cm-line:#2c78a8;--cm-white:#fff;--cm-muted:#c9d8e8;--cm-red:#f52d50;--cm-green:#19c784}
*{box-sizing:border-box;min-width:0}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--cm-bg);color:var(--cm-white);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
body>header,.site-header,.store-header,.main-header{position:relative!important;top:auto!important;z-index:50;width:100%;background:#061a34;color:#fff}main,.site-main{display:block;width:100%;overflow:visible;padding-top:0!important}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{color:#fff;overflow-wrap:anywhere}p,li,label,small{overflow-wrap:anywhere}a{color:#fff}button,.button,.btn,[class*="button"]{font:inherit;min-height:44px;white-space:normal}input,select,textarea{max-width:100%;font:inherit;color:#10243c;background:#fff}section,[class*="section"],[class*="card"],[class*="panel"]{max-width:100%}
.grid,.cards,.product-grid,.benefits-grid,.department-grid,.category-grid,.editorial-grid,.feature-grid,.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;align-items:stretch}.product-card,.feature-card,.account-card,.shipping-card,.editorial-card{width:100%;min-width:0;overflow:hidden}.product-card h3,.product-card p,.product-card a{overflow-wrap:anywhere;word-break:normal}.card-light,.light-card,[class*="white-card"]{background:#fff;color:#10243c}.card-light h1,.card-light h2,.card-light h3,.card-light p,.card-light li,.card-light label,.light-card h1,.light-card h2,.light-card h3,.light-card p,.light-card li{color:#10243c}
.btn-primary,.button-primary,.cta-primary,[class*="primary"]{background:linear-gradient(90deg,var(--cm-red),#ff6b43)!important;color:#fff!important;border-color:transparent!important}.btn-success,.button-success,[class*="success"]{background:var(--cm-green)!important;color:#041b15!important}.site-header a,.site-header button,.main-header a,.main-header button{color:#fff!important}.bottom-nav,.mobile-nav{background:#061a34;color:#fff;border-color:var(--cm-line)}.bottom-nav a,.mobile-nav a{color:#fff!important}.floating-actions{z-index:70}
@media(min-width:901px){.site-header,.store-header,.main-header{position:relative!important}.header-inner,.nav-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body{padding-bottom:86px}.grid,.cards,.benefits-grid,.editorial-grid,.feature-grid,.home-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-header,.store-header,.main-header{position:relative!important}.site-header nav,.main-header nav{max-width:100%;overflow-x:auto}.floating-actions{bottom:96px!important}.bottom-nav,.mobile-nav{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:80}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.container,.wrap,[class*="container"]{width:100%;max-width:100%;padding-left:16px;padding-right:16px}.site-header [class*="inner"],.main-header [class*="inner"]{padding-left:14px;padding-right:14px}h1{font-size:clamp(1.8rem,9vw,2.7rem)}h2{font-size:clamp(1.45rem,7vw,2.1rem)}}

[hidden]{display:none!important}
.backdrop[hidden],.side-backdrop[hidden]{display:none!important;opacity:0!important;pointer-events:none!important}

/* Carrito siempre debajo del encabezado */
#cart-panel,.cart-panel{position:fixed!important;z-index:120!important;top:168px!important;right:0!important;bottom:0!important;max-height:calc(100vh - 168px)!important;overflow-y:auto!important}
@media(max-width:900px){#cart-panel,.cart-panel{top:72px!important;bottom:82px!important;max-height:calc(100vh - 154px)!important;width:min(92vw,420px)!important}}

#cart-panel:not([hidden]),.cart-panel:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
/* Corrección definitiva de encabezado y recorte - escritorio/móvil */
html,body{height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}
body{padding-top:0!important}
body>header,.site-header,.store-header,.main-header,.topbar,.primary-header,.main-nav,.store-nav{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important}
body>main,main,.site-main,.page,.page-shell,.app-shell{position:relative!important;margin-top:0!important;padding-top:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hero,.hero-section,.campaign-hero,.home-hero{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hero h1,.hero-section h1,.campaign-hero h1,.home-hero h1{font-size:clamp(2.4rem,5vw,4.8rem)!important;line-height:1!important;max-width:15ch!important}
@media(min-width:901px){body>header,.site-header,.store-header,.main-header{position:static!important}.hero,.hero-section,.campaign-hero,.home-hero{padding-top:42px!important;padding-bottom:42px!important}.hero img,.hero-section img,.campaign-hero img,.home-hero img{max-height:560px!important;width:100%!important;object-fit:contain!important}.container,.wrap,[class*="container"]{max-width:min(1440px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}}
@media(max-width:900px){body>header,.site-header,.store-header,.main-header,.topbar,.primary-header,.main-nav,.store-nav{position:static!important}body>main,main,.site-main,.page,.page-shell,.app-shell{margin-top:0!important;padding-top:0!important}.hero h1,.hero-section h1,.campaign-hero h1,.home-hero h1{font-size:clamp(2rem,10vw,3.2rem)!important;line-height:1.04!important}}

/* Carrito: estado abierto/cerrado definitivo */
#cart-panel.cart-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(520px,100vw)!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;z-index:99999!important;padding-top:0!important;transform:translateX(105%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#cart-panel.cart-panel.is-open,#cart-panel.cart-panel[aria-hidden="false"]{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#cart-panel.cart-panel[aria-hidden="true"]{transform:translateX(105%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#cart-panel .panel-head{position:sticky!important;top:0!important;z-index:3!important;background:#071c36!important;padding-top:18px!important}
#cart-close{position:relative!important;z-index:6!important;pointer-events:auto!important}
@media(max-width:900px){#cart-panel.cart-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding-bottom:90px!important}}

/* Seguimiento compacto: solo presentacion movil, 2026-09-05 */
@media(max-width:760px){
 #rastreo.quick-tracking{height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;gap:0!important;justify-content:flex-start!important;align-self:start;scroll-margin-top:16px}
 #rastreo.quick-tracking .quick-kicker{margin:0 0 4px!important;font-size:11px!important;line-height:1.3!important}
 #rastreo.quick-tracking h2{margin:0 0 6px!important;font-size:22px!important;line-height:1.15!important;letter-spacing:-.025em!important}
 #rastreo.quick-tracking>p:not(.quick-kicker){font-size:13px!important;line-height:1.4!important;margin:0!important}
 #rastreo #tracking-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin:10px 0 0!important;padding:0!important;height:auto!important;min-height:0!important}
 #rastreo #tracking-form label{display:grid!important;gap:3px!important;margin:0!important;font-size:12px!important;line-height:1.3!important;color:#dce5ef!important}
 #rastreo #tracking-form input{width:100%!important;min-height:44px!important;height:auto!important;padding:9px 11px!important;margin:0!important;font-size:16px!important;line-height:1.4!important;background:#0c1726!important;color:#fff!important;border:1px solid #546477!important;border-radius:9px!important}
 #rastreo #tracking-form input::placeholder{color:#b5c1d1!important;opacity:1}
 #rastreo #tracking-form button{width:100%!important;min-height:44px!important;height:auto!important;margin:2px 0 0!important;padding:10px 12px!important;font-size:14px!important;line-height:1.4!important}
 #rastreo #tracking-result:empty{display:none!important}
 #rastreo #tracking-result:not(:empty){margin:8px 0 0!important;overflow-wrap:anywhere}
 #rastreo .quick-inline-link{margin:8px 0 0!important;padding:10px 0!important;min-height:44px;line-height:1.4!important;font-size:13px!important}
}

/* Evitar columna implicita estrecha en Cuenta y Marketplace - 20260905 */
@media(max-width:760px){
 .news-grid.service-news{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;align-items:start!important;gap:12px!important;margin-top:24px!important}
 .news-grid.service-news>.news-card,.news-grid.service-news>.news-card:first-child{grid-column:1 / -1!important;grid-row:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:6px 10px!important;align-content:start!important}
 .news-grid.service-news>.news-card>i{grid-column:1;grid-row:1;width:32px!important;height:32px!important;margin:0!important;font-size:18px!important}
 .news-grid.service-news>.news-card>h3{grid-column:2;grid-row:1;align-self:center;margin:0!important;font-size:17px!important;line-height:1.25!important;word-break:normal!important}
 .news-grid.service-news>.news-card>p{grid-column:1 / -1;margin:0!important;font-size:13px!important;line-height:1.45!important;color:#c9d8e8!important;word-break:normal!important}
 .news-grid.service-news>.news-card>a{grid-column:1 / -1;justify-self:start;display:inline-flex!important;align-items:center;min-height:44px!important;height:auto!important;margin:0!important;padding:8px 0!important;font-size:13px!important;line-height:1.4!important;word-break:normal!important}
}

/* Promociones: composicion editorial responsive - 20260905 */
#promos.commerce-hero{height:auto!important;min-height:0!important;border:1px solid #344154!important;border-radius:22px!important;background:radial-gradient(ellipse at 95% 5%,#45202b 0,transparent 55%),linear-gradient(135deg,#111e30,#0c121e)!important;isolation:isolate;scroll-margin-top:16px}
#promos .hero-stage{height:auto!important;min-height:0!important;align-items:start}
#promos .hero-slide{min-height:0!important;height:auto!important;padding:32px!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:28px!important;align-items:center!important;align-self:start}
#promos .hero-copy{width:100%;max-width:620px!important}
#promos .hero-eyebrow{display:inline-flex;gap:7px;margin:0 0 12px!important;padding:6px 10px;border:1px solid #733648;border-radius:50px;background:#351c2b;color:#ffb2bd!important;font-size:11px!important;letter-spacing:.1em!important}
#promos .hero-copy h1{max-width:none!important;margin:0 0 12px!important;font-size:clamp(28px,3.3vw,46px)!important;line-height:1.12!important;letter-spacing:-.03em!important;text-transform:none!important;font-weight:800!important;color:#f4f7fc!important;overflow-wrap:break-word}
#promos .hero-description{font-size:15px!important;line-height:1.55!important;color:#c9d4e3!important;margin:0!important;max-width:54ch}
#promos .hero-cta-row{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important;margin-top:20px!important}
#promos .hero-primary{display:inline-flex!important;justify-content:center;align-items:center;gap:12px;min-height:48px!important;padding:12px 22px!important;border-radius:12px!important;background:#e82646!important;color:#fff!important;border:1px solid #fa4966!important;font-size:14px!important;text-transform:none!important;box-shadow:0 8px 20px #e8264625;transition:background .18s,transform .18s}
#promos .hero-secondary{display:inline-flex!important;justify-content:center;align-items:center;min-height:44px!important;padding:10px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#dce5f2!important;font-size:13px!important;text-transform:none!important}
#promos .hero-primary:hover{background:#c81b37!important}#promos .hero-primary:active{transform:scale(.98)}
#promos a:focus-visible{outline:3px solid #b8d7ff;outline-offset:3px}
#promos .hero-notes{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:6px 14px!important;margin-top:16px!important;padding-top:12px;border-top:1px solid #344154;font-size:11px!important;color:#c9d4e3!important}
#promos .hero-notes span{color:#c9d4e3!important}
#promos .hero-visual{min-height:0!important;height:auto!important;align-self:center!important;margin:0!important;display:grid;place-items:center;border-radius:16px;background:#152234;border:1px solid #33445a;padding:12px;overflow:hidden}
#promos .hero-visual>img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:clamp(240px,27vw,360px)!important;max-height:360px!important;object-fit:contain!important;border-radius:10px!important;mask-image:none!important;filter:none!important}
#promos .hero-slide:not(.has-image) .hero-visual{min-height:280px!important}
#promos .hero-controls{position:relative!important;inset:auto!important;justify-content:center;display:flex;gap:8px;padding:0 20px 16px;margin:0!important}
@media(max-width:760px){
 #promos.commerce-hero{margin-top:12px!important;border-radius:18px!important}
 #promos .hero-slide{grid-template-columns:minmax(0,1fr)!important;padding:18px!important;gap:16px!important}
 #promos .hero-visual{grid-row:1;width:100%;padding:8px!important}
 #promos .hero-visual>img{height:200px!important;max-height:200px!important}
 #promos .hero-copy h1{font-size:clamp(24px,6vw,30px)!important;line-height:1.15!important;margin-bottom:8px!important}
 #promos .hero-eyebrow{margin-bottom:10px!important;font-size:10px!important;padding:5px 9px}
 #promos .hero-description{font-size:14px!important;line-height:1.45!important}
 #promos .hero-cta-row{margin-top:14px!important;gap:4px!important}
 #promos .hero-primary{width:100%!important;min-height:46px!important}
 #promos .hero-secondary{width:100%!important;min-height:44px!important;padding:8px!important}
 #promos .hero-notes{margin-top:8px!important;padding-top:10px;gap:5px 10px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){#promos .hero-slide,#promos .hero-slide::before,#promos .hero-primary{animation:none!important;transition:none!important}}

/* Iconografia vectorial y controles accesibles - 20260905 */
.cm-ui-icon{display:inline-block!important;width:22px!important;height:22px!important;min-width:22px;flex:0 0 22px;vertical-align:middle;pointer-events:none;color:inherit}
.primary-navigation-inner>a,.side-nav>a,.side-nav>button,.header-action,.hero-primary,.hero-secondary,.quick-button,#checkout{display:inline-flex;align-items:center;gap:9px}
.primary-navigation-inner>a{white-space:nowrap!important;text-transform:none!important;font-size:13px!important;min-height:46px!important;border-radius:9px;transition:background .18s}
.primary-navigation-inner>a:hover{background:#23354b!important}.primary-navigation-inner>a .cm-ui-icon{width:18px!important;height:18px!important;min-width:18px;flex-basis:18px}
.side-nav>a,.side-nav>button{width:100%;min-height:46px!important;padding:11px 14px!important;line-height:1.35;font-size:14px!important;text-align:left;border-radius:10px}
.side-nav .cm-ui-icon{color:#becfe3}.side-nav>a:hover,.side-nav>button:hover{background:#20354f!important;color:#fff!important}
#menu-toggle,#search-button,#side-close,#cart-close{display:inline-flex!important;justify-content:center;align-items:center;min-width:44px;min-height:44px}
.header-actions{display:flex;align-items:center;gap:7px!important}.header-action{justify-content:center;min-width:44px!important;min-height:44px!important;border-radius:12px!important;background:#172638!important;color:#f4f7fc!important;border:1px solid #3e526a!important}
.header-actions .cm-ui-icon{width:23px!important;height:23px!important}.header-actions small{font-size:12px}.cart-button{position:relative}
.header-search{border:1px solid #4b6078!important;background:#132237!important;border-radius:12px!important}.header-search input{background:transparent!important;color:#f4f7fc!important;font-size:16px!important}.header-search input::placeholder{color:#b5c4d5!important;opacity:1}
.ia-bubble .cm-ui-icon,.wa-bubble .cm-ui-icon{width:26px!important;height:26px!important}.ia-bubble,.wa-bubble{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column;gap:2px!important}
button:focus-visible,a:focus-visible{outline:3px solid #9fc9ff!important;outline-offset:3px}button:active,.quick-button:active{filter:brightness(.9)}
@media(max-width:760px){.header-actions .header-account{display:inline-flex!important}.header-actions .header-account small{display:none!important}.header-actions{gap:6px!important}.header-action{padding:8px!important}.primary-navigation-inner{gap:6px!important;padding-top:5px!important;padding-bottom:5px!important;scrollbar-width:thin;scroll-snap-type:x proximity}.primary-navigation-inner>a{padding:0 12px!important;font-size:12px!important;scroll-snap-align:start;flex:0 0 auto}.primary-navigation-inner>a .cm-ui-icon{width:17px!important;height:17px!important;min-width:17px;flex-basis:17px}.site-header .brand{min-width:0;flex:1}.site-header .brand b{font-size:12px!important}.site-header .brand small{font-size:8px!important}.categories-trigger{min-height:44px!important;border-radius:10px!important}.hero-cta-row .cm-ui-icon,.quick-button .cm-ui-icon{width:18px!important;height:18px!important;min-width:18px;flex-basis:18px}}

/* Menus sobre contenido y contraste de pestanas */
.primary-navigation{background:#101d30!important;border-top:1px solid #34445b!important;border-bottom:1px solid #34445b!important}.primary-navigation-inner>a{color:#e7eef8!important;opacity:1!important}.primary-navigation-inner>a.is-current{background:#273b56!important;color:#fff!important}.primary-navigation-inner>.categories-trigger{background:#d91f3e!important;color:#fff!important}.store-sidebar#store-sidebar{z-index:100010!important;background:#101a2b!important}.side-backdrop#side-backdrop{z-index:100005!important}.store-sidebar .side-brand{background:#132239!important}.store-sidebar .side-nav>a,.store-sidebar .side-nav>button{color:#edf3fc!important}

body nav.primary-navigation,body nav.primary-navigation>.primary-navigation-inner{background:#101d30!important;background-image:none!important}
