/* Navegación horizontal del espacio comercial BLOOMEC. */
body{display:block}
.site-header{position:sticky;top:0;z-index:30;background:#222b23;color:#f7f5ef;box-shadow:0 2px 12px #1b2d1e18}
.site-header-inner{min-height:86px;padding:8px 32px;display:flex;align-items:center;gap:22px}
.site-header .brand{flex:0 0 auto;letter-spacing:0}
.site-header .brand-logo{width:124px;max-width:none;height:auto}
.site-nav{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.site-nav .nav,.top-nav-group>summary{appearance:none;border:0;background:none;color:#e5ebdf;font:600 13px/1.35 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0;cursor:pointer}
.site-nav .top-nav-link,.top-nav-group>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:7px;white-space:nowrap}
.site-nav .top-nav-link{width:auto;margin:0}
.site-nav .top-nav-link:hover,.top-nav-group>summary:hover,.top-nav-group[open]>summary{background:#384a3b;color:#fff}
.site-nav .top-nav-link.active,.top-nav-group.active-group>summary{background:#3e503f;color:#fff;box-shadow:inset 0 -3px #cbb27c}
.site-nav .count{flex:none;margin-left:1px;background:#62745c;color:#fff;font-size:10px}
.top-nav-group{position:relative}
.top-nav-group>summary{list-style:none}
.top-nav-group>summary::-webkit-details-marker{display:none}
.top-nav-group>summary::after{content:"⌄";font-size:16px;line-height:1;color:#d0bc8b;margin-left:2px}
.top-nav-group[open]>summary::after{transform:rotate(180deg)}
.top-nav-menu{position:absolute;top:calc(100% + 9px);left:0;width:255px;padding:8px;background:#fff;color:#243829;border:1px solid #dce4d9;border-radius:10px;box-shadow:0 16px 34px #10231935}
.top-nav-menu .nav{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;padding:12px 13px;border-radius:6px;color:#324838;text-align:left;white-space:normal}
.top-nav-menu .nav:hover,.top-nav-menu .nav.active{background:#edf4eb;color:#1f5131}
.top-nav-menu .count{margin-left:auto;background:#e3ece0;color:#2f5d3d}
.header-account{display:flex;align-items:center;gap:9px;flex:none;padding-left:20px;border-left:1px solid #4c5c4b;font-size:12px;white-space:nowrap}
.header-account .avatar{width:28px;height:28px;font-size:12px;background:#586d53}
.header-account-name{font-weight:600}
.header-signout{border:0;background:transparent;color:#d9c18b;font-size:12px;font-weight:600;padding:8px 3px;margin-left:5px}
.header-signout:hover{text-decoration:underline}
.menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #6a7867;border-radius:7px;background:transparent;color:#fff;padding:9px 11px;font-size:12px;font-weight:700}
.menu-toggle:hover{background:#384a3b}
.site-header button:focus-visible,.site-header summary:focus-visible{outline:2px solid #e5c884;outline-offset:2px}
main{margin-left:0;width:100%;max-width:none;padding:0 clamp(20px,3vw,46px)}
.topbar{height:64px}
@media(max-width:1150px){
 .site-header-inner{min-height:76px;padding:8px 24px;gap:12px}
 .site-header .brand-logo{width:116px}
 .menu-toggle{display:inline-flex;margin-left:auto}
 .site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:31;max-height:calc(100vh - 76px);overflow-y:auto;background:#222b23;padding:7px 24px 20px;box-shadow:0 18px 24px #1023193b}
 .site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px}
 .site-nav .top-nav-link,.top-nav-group>summary{width:100%;justify-content:space-between;padding:11px 13px;min-height:44px}
 .top-nav-group{width:100%}
 .top-nav-menu{position:static;width:100%;margin:3px 0 8px;box-shadow:none;background:#f8faf6}
 .header-account{border:0;padding-left:0}
 .header-account-name{display:none}
 main{margin-left:0;width:100%;max-width:none;padding:0 24px}
}
@media(max-width:650px){
 .site-header-inner{min-height:70px;padding:7px 16px;gap:7px}
 .site-header .brand-logo{width:108px}
 .site-nav{max-height:calc(100vh - 70px);padding:7px 16px 17px}
 .header-account .avatar{display:none}
 .header-signout{margin-left:0;padding:8px}
 main{margin-left:0;width:100%;padding:0 16px}
 .topbar{height:52px}
}