/* La demo sólo agrega su barra y avisos. La tienda usa sin copiar ni alterar
   styles.css, storefront.css y el motor real de plantillas de NS Ecommerce. */
html{overflow-x:hidden;overflow-x:clip}
.theme-preview-active{padding-top:68px!important}
.theme-preview-active .site-header{top:68px!important}
.theme-preview-bar.demo-public-bar{box-sizing:border-box;min-height:68px;padding:7px clamp(12px,2.5vw,30px)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px!important;background:#081321!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.demo-public-bar :where(a,button,select){font-family:inherit!important}
.demo-platform-brand{min-width:0;display:flex!important;align-items:center!important;gap:9px!important;padding:0!important;background:transparent!important;color:#fff!important;border:0!important}
.demo-platform-brand img{display:block;width:50px;height:50px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))}
.demo-platform-brand>span{display:grid!important;gap:1px!important}
.demo-platform-brand strong{color:#fff!important;font-size:.78rem!important;line-height:1.1!important}
.demo-platform-brand small{color:#aab8cb!important;font-size:.62rem!important;line-height:1.2!important}
.demo-view-nav{min-width:0;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow-x:auto;scrollbar-width:none}
.demo-view-nav::-webkit-scrollbar{display:none}
.demo-view-nav a{flex:none!important;min-height:38px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;border:1px solid #2b3b51!important;border-radius:10px!important;background:transparent!important;color:#bdc9d8!important;font-size:.69rem!important;font-weight:850!important}
.demo-view-nav a:is(:hover,.active){border-color:#fff!important;background:#fff!important;color:#081321!important}
.demo-theme-form{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.demo-theme-form label{color:#9fb0c8!important;font-size:.63rem!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.demo-theme-form select{box-sizing:border-box;min-width:145px;min-height:40px;padding:0 31px 0 11px!important;border:1px solid #35465d!important;border-radius:10px!important;background:#122136!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;outline:none!important}
.demo-theme-form select:focus-visible{outline:3px solid #8d83ff!important;outline-offset:2px!important}
.demo-register{min-height:42px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:#081321!important;font-size:.72rem!important;font-weight:900!important;white-space:nowrap!important}
.demo-register:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.25)!important}
.demo-data-note{position:relative;z-index:8;box-sizing:border-box;width:min(1180px,calc(100% - 32px));min-height:58px;margin:18px auto 0;padding:9px 15px 9px 9px;display:flex;align-items:center;gap:11px;border:1px solid #c9d9ec;border-radius:14px;background:#eef6ff;color:#17324f;font:700 .74rem/1.45 Inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(26,63,101,.06)}
.demo-data-note img{width:40px;height:40px;object-fit:contain;flex:none}
.demo-data-note p{margin:0;color:#3a5876!important}.demo-data-note strong{display:block;color:#102a45!important;font-weight:900!important}
.demo-installments{display:block;margin-top:5px;color:var(--theme-surface-readable-muted,var(--muted));font-size:.66rem}
.demo-filter-chips{margin:0 0 26px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.demo-filter-chips::-webkit-scrollbar{display:none}
.demo-filter-chips a{box-sizing:border-box;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;flex:none;border:1px solid var(--theme-border,var(--line));border-radius:999px;background:var(--theme-surface,#fff);color:var(--theme-surface-text,var(--text));font-size:.72rem;font-weight:850}
.demo-filter-chips a.active{border-color:var(--theme-primary,var(--accent));background:var(--theme-primary,var(--accent));color:var(--theme-primary-text,#fff)}
.page-catalog .store-heading{padding-bottom:24px}.page-catalog main.container{padding-bottom:80px}
.demo-empty{padding:55px;text-align:center}.demo-empty h2{margin:0 0 8px}.demo-empty p{margin:0 0 20px;color:var(--theme-surface-readable-muted,var(--muted))}
.demo-checkout-warning{box-sizing:border-box;margin:0 0 18px;padding:12px 15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #c9d9ec;border-radius:13px;background:#eef6ff;color:#17324f;font-size:.72rem}.demo-checkout-warning strong{font-weight:900}.demo-checkout-warning span{color:#4f6984}
/* El pie conserva los colores de cabecera validados por cada plantilla. */
.store-theme .site-footer{background:var(--theme-header-bg,#081321)!important;color:var(--theme-header-text,#fff)!important}
.store-theme .site-footer :where(.brand,.brand span,.brand-mark,.footer-col h4,.footer-col a,.footer-col button,.footer-copy,.footer-bottom,.footer-bottom span){color:var(--theme-header-text,#fff)!important}
.store-theme .site-footer .footer-col button{display:block;margin:9px 0;padding:0;border:0;background:transparent;font:inherit;font-size:.72rem;text-align:left;cursor:pointer}
.store-theme .site-footer :where(.footer-copy,.footer-bottom){opacity:.88}
.store-theme .site-footer :where(.footer-col a,.footer-col button):hover{opacity:1;text-decoration:underline}
/* La demo replica el contrato real de Contacto y blinda plantillas creativas. */
.page-contact .content-page{box-sizing:border-box;min-width:0}
.page-contact .contact-grid{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:8px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;gap:24px!important;align-items:start}
.page-contact .contact-grid>*{box-sizing:border-box;min-width:0!important;max-width:100%!important}
.page-contact .contact-form-panel,.page-contact .contact-sidebar{width:auto!important;transform:none!important}
.page-contact .contact-form-panel .field{box-sizing:border-box;width:100%;max-width:100%}
.page-contact .contact-method{box-sizing:border-box;width:100%;max-width:100%;font:inherit;text-align:left;cursor:pointer}
.demo-public-dialog{box-sizing:border-box;width:min(500px,calc(100% - 28px));padding:31px;border:0;border-radius:22px;background:#fff;color:#101d31;box-shadow:0 28px 90px rgba(0,0,0,.3);font-family:Inter,system-ui,sans-serif;text-align:center}
.demo-public-dialog::backdrop{background:rgba(5,12,22,.66);backdrop-filter:blur(4px)}
.demo-public-dialog>img{width:82px;height:82px;margin:0 auto 8px;object-fit:contain}.demo-public-dialog>small{display:block;color:#6558e8;font-size:.66rem;font-weight:900;letter-spacing:.12em}
.demo-public-dialog h2{margin:7px 0 0!important;color:#101d31!important;font-family:Inter,system-ui,sans-serif!important;font-size:1.55rem!important;letter-spacing:-.03em!important}.demo-public-dialog p{margin:10px auto 0;max-width:380px;color:#65748a!important}
.demo-public-dialog>div{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-dialog-close{position:absolute;top:11px;right:11px;width:40px;height:40px;border:0;border-radius:50%;background:#eff2f6;color:#101d31;font-size:1.25rem;cursor:pointer}
@media(max-width:1100px){.theme-preview-bar.demo-public-bar{grid-template-columns:auto minmax(0,1fr) auto}.demo-view-nav{justify-content:flex-start}.demo-register{display:none!important}}
@media(max-width:800px){.theme-preview-bar.demo-public-bar{grid-template-columns:auto minmax(0,1fr);gap:9px!important}.demo-view-nav{display:none!important}.demo-theme-form{justify-self:end}.demo-theme-form label{display:none!important}.demo-platform-brand img{width:46px;height:46px}.demo-theme-form select{min-width:136px}}
@media(max-width:900px){.page-contact .contact-grid{grid-template-columns:minmax(0,1fr)!important}.page-contact .contact-sidebar{margin-top:4px}}
@media(max-width:600px){.theme-preview-active{padding-top:62px!important}.theme-preview-active .site-header{top:62px!important}.theme-preview-bar.demo-public-bar{min-height:62px;padding:5px 10px!important}.demo-platform-brand img{width:43px;height:43px}.demo-platform-brand small{display:none}.demo-platform-brand strong{font-size:.68rem!important}.demo-theme-form select{min-width:124px;max-width:142px;min-height:39px;padding-left:8px!important;font-size:.67rem!important}.demo-data-note{width:calc(100% - 20px);margin-top:10px;padding:8px 10px}.demo-data-note img{width:34px;height:34px}.demo-data-note p{font-size:.66rem}.demo-data-note strong{display:inline}.demo-contact-list p{grid-template-columns:1fr;gap:3px}.demo-public-dialog{padding:27px 20px 20px}.demo-public-dialog>div{grid-template-columns:1fr}}
@media(max-width:380px){.demo-platform-brand>span{display:none!important}.demo-theme-form select{min-width:155px}}