/* FABIAN-STORE — sistema visual unificado, accesible y de alto contraste (2026-10-26) */
:root{--fs-ink:#172033;--fs-muted:#526078;--fs-paper:#f4f7fb;--fs-white:#fff;--fs-primary:#155eef;--fs-primary-dark:#1248bd;--fs-accent:#13b8a6;--fs-border:#d8e0ec;--fs-shadow:0 12px 32px rgba(20,35,65,.10)}
html{background:var(--fs-paper);color:var(--fs-ink)}body{color:var(--fs-ink);background:var(--fs-paper);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
body:not([data-store="v5"]){color:var(--fs-ink)}
body[data-store="v5"]{background:#f4f7fb!important;color:var(--fs-ink)!important}
body[data-store="v5"] .store-header,body[data-store="v5"] .store-header.is-solid{background:rgba(255,255,255,.98)!important;color:var(--fs-ink)!important;border-bottom:1px solid var(--fs-border)!important;box-shadow:0 4px 20px rgba(20,35,65,.07)!important;backdrop-filter:none!important}
body[data-store="v5"] .brand-text,body[data-store="v5"] .store-nav a,body[data-store="v5"] .store-nav button{color:var(--fs-ink)!important;text-shadow:none!important}
body[data-store="v5"] .brand .tag{color:var(--fs-muted)!important}
body[data-store="v5"] .store-search,body[data-store="v5"] .store-search input{background:#f1f5fb!important;color:var(--fs-ink)!important;border:1px solid var(--fs-border)!important;opacity:1!important}
body[data-store="v5"] .store-search input::placeholder{color:#65728a!important;opacity:1!important}
body[data-store="v5"] .promo-marquee{background:#14213d!important;color:#fff!important}
body[data-store="v5"] .utility-bar{background:#eaf0f8!important;color:#33415c!important;border-bottom:1px solid var(--fs-border)!important}
body[data-store="v5"] .store-nav a:hover,body[data-store="v5"] .store-nav a:focus-visible{color:var(--fs-primary)!important}
body[data-store="v5"] .store-btn,body[data-store="v5"] .btn,body[data-store="v5"] button.product-select{background:var(--fs-primary)!important;color:#fff!important;border:1px solid var(--fs-primary)!important;opacity:1!important;text-shadow:none!important;box-shadow:0 5px 14px rgba(21,94,239,.18)}
body[data-store="v5"] .store-btn:hover,body[data-store="v5"] .btn:hover,body[data-store="v5"] button.product-select:hover{background:var(--fs-primary-dark)!important;color:#fff!important}
body[data-store="v5"] .cat-main,body[data-store="v5"] .products-section,body[data-store="v5"] .store-section{color:var(--fs-ink)!important}
body[data-store="v5"] .cat-toolbar h2,body[data-store="v5"] .section-heading h2,body[data-store="v5"] .store-section h2,body[data-store="v5"] .cat-info h3{color:var(--fs-ink)!important;text-shadow:none!important}
/* Las tarjetas de categoría reciben background-image desde catalogo.html; no sobrescribirlo con background. */
body[data-store="v5"] .cat-product,body[data-store="v5"] .product-card,body[data-store="v5"] .product-tools,body[data-store="v5"] .cart-dropdown-panel{background:#fff!important;color:var(--fs-ink)!important;border:1px solid var(--fs-border)!important;border-radius:16px!important;box-shadow:var(--fs-shadow)!important;opacity:1!important}
body[data-store="v5"] .category-tile{background-color:#172033!important;color:#fff!important;border:1px solid var(--fs-border)!important;border-radius:16px!important;box-shadow:var(--fs-shadow)!important;opacity:1!important;background-repeat:no-repeat;background-size:cover;background-position:center}
body[data-store="v5"] .cat-info p,body[data-store="v5"] .cat-desc,body[data-store="v5"] .section-heading p,body[data-store="v5"] .category-help p{color:var(--fs-muted)!important}
body[data-store="v5"] .cat-media{background:#eef2f8!important}
body[data-store="v5"] .cat-price{color:#1248bd!important;font-weight:800!important}
body[data-store="v5"] .cat-stock{color:#087443!important;font-weight:700!important}
body[data-store="v5"] .store-footer-v5{background:#111b30!important;color:#f7f9ff!important}
body[data-store="v5"] .store-footer-v5 a,body[data-store="v5"] .store-footer-v5 p,body[data-store="v5"] .store-footer-v5 span{color:#e5ebf6!important}
.fs-category-nav{position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--fs-border);box-shadow:0 4px 16px rgba(20,35,65,.05)}
.fs-category-nav a{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#eef3fb;color:#24324b!important;text-decoration:none;font-size:.88rem;font-weight:700;border:1px solid #e0e7f2;transition:background .18s,color .18s,transform .18s}
.fs-category-nav a:hover,.fs-category-nav a:focus-visible{background:var(--fs-primary);color:#fff!important;transform:translateY(-1px);outline:2px solid #b9d0ff;outline-offset:2px}
/* Admin: remove translucent surfaces and ensure text/control contrast. */
body.admin-layout,body.admin-page,.admin-layout,.admin-shell,.admin-container{background:#f3f6fb!important;color:var(--fs-ink)!important}
.admin-sidebar,.sidebar,.admin-header,.topbar,.admin-nav,.panel,.card,.stat-card,.dashboard-card,.modal,.modal-content,form,.table-wrap,.table-responsive{opacity:1}
.admin-sidebar,.sidebar{background:#15223b!important;color:#fff!important}
.admin-sidebar a,.sidebar a,.admin-sidebar button,.sidebar button{color:#f3f6ff!important}
.admin-header,.topbar,.page-header{background:#fff!important;color:var(--fs-ink)!important;border-bottom:1px solid var(--fs-border)!important}
.panel,.card,.stat-card,.dashboard-card,.modal-content,.table-wrap,.table-responsive{background:#fff!important;color:var(--fs-ink)!important;border:1px solid var(--fs-border)!important;border-radius:14px;box-shadow:0 8px 24px rgba(20,35,65,.07)}
input,select,textarea{background:#fff!important;color:#172033!important;border:1px solid #b9c5d8!important;border-radius:8px}input::placeholder,textarea::placeholder{color:#65728a!important;opacity:1!important}
button,.btn,.button,input[type=submit]{cursor:pointer;opacity:1!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7da7ff!important;outline-offset:2px}
@media(max-width:760px){.fs-category-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:10px 12px}.fs-category-nav a{flex:0 0 auto}.store-header-inner{gap:10px}}


/* Acceso separado, visible y accesible para el administrador/usuario */
body[data-store="v5"] .fs-login-top,
.fs-login-top{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  flex:0 0 auto;white-space:nowrap;min-height:42px;padding:0 15px;
  background:linear-gradient(135deg,#155eef,#13b8a6)!important;color:#fff!important;
  border:1px solid #1248bd;border-radius:10px;font-size:12px;font-weight:800;
  line-height:1.1;text-decoration:none!important;box-shadow:0 8px 20px rgba(21,94,239,.22);
  opacity:1!important;text-shadow:none!important;transition:transform .18s,box-shadow .18s,filter .18s;
}
body[data-store="v5"] .fs-login-top:hover,.fs-login-top:hover{
  color:#fff!important;filter:brightness(1.05);transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(21,94,239,.28);
}
body[data-store="v5"] .fs-login-top:focus-visible,.fs-login-top:focus-visible{
  outline:3px solid #13b8a6;outline-offset:3px;
}
.fs-login-top span:first-child{font-size:17px;line-height:1}
@media(max-width:1150px){
  body[data-store="v5"] .store-header-inner{gap:10px!important;padding:10px 14px!important}
  body[data-store="v5"] .store-search{max-width:210px!important}
  body[data-store="v5"] .store-nav>a{padding:7px 5px!important;font-size:9px!important}
  body[data-store="v5"] .fs-login-top{min-height:39px;padding:0 10px;font-size:10px}
}
@media(max-width:850px){
  body[data-store="v5"] .fs-login-top{min-height:39px;padding:0 11px;font-size:11px;margin-left:auto}
  body[data-store="v5"] .store-search{order:3;flex-basis:100%;max-width:none!important}
}


/* Acceso separado, visible y accesible para el administrador/usuario */
body[data-store="v5"] .fs-login-top,
.fs-login-top{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  flex:0 0 auto;white-space:nowrap;min-height:42px;padding:0 15px;
  background:linear-gradient(135deg,#155eef,#13b8a6)!important;color:#fff!important;
  border:1px solid #1248bd;border-radius:10px;font-size:12px;font-weight:800;
  line-height:1.1;text-decoration:none!important;box-shadow:0 8px 20px rgba(21,94,239,.22);
  opacity:1!important;text-shadow:none!important;transition:transform .18s,box-shadow .18s,filter .18s;
}
body[data-store="v5"] .fs-login-top:hover,.fs-login-top:hover{
  color:#fff!important;filter:brightness(1.05);transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(21,94,239,.28);
}
body[data-store="v5"] .fs-login-top:focus-visible,.fs-login-top:focus-visible{
  outline:3px solid #13b8a6;outline-offset:3px;
}
.fs-login-top span:first-child{font-size:17px;line-height:1}
@media(max-width:1150px){
  body[data-store="v5"] .store-header-inner{gap:10px!important;padding:10px 14px!important}
  body[data-store="v5"] .store-search{max-width:210px!important}
  body[data-store="v5"] .store-nav>a{padding:7px 5px!important;font-size:9px!important}
  body[data-store="v5"] .fs-login-top{min-height:39px;padding:0 10px;font-size:10px}
}
@media(max-width:850px){
  body[data-store="v5"] .fs-login-top{min-height:39px;padding:0 11px;font-size:11px;margin-left:auto}
  body[data-store="v5"] .store-search{order:3;flex-basis:100%;max-width:none!important}
}