/* Landing recuperada de design/stb-responsive-command-center.
   Aislada: nunca sobrescribir estructura del catálogo, su modal o lógica. */
body:has(#app:not([hidden])) #stb-command-header{
 min-height:310px;display:flex;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;
 border:1px solid #b18d56;border-radius:15px;margin-top:12px;padding:18px 25px 78px;
 background:linear-gradient(90deg,#071828e8 0%,#0b263ed1 35%,#06182752 75%),url('/static/visual/hero-castillo.webp') center/cover;
 box-shadow:0 20px 45px #0009;position:relative
}
body:has(#app:not([hidden])) #stb-command-header .brand{display:none}
#stb-command-header .stb-command-actions{margin-left:auto;z-index:14;position:relative}
#stb-command-header .stb-hero-copy{position:absolute;bottom:34px;left:clamp(22px,5vw,70px);pointer-events:none;z-index:1;text-shadow:0 3px 15px #000e}
#stb-command-header .stb-hero-copy h1{font:700 clamp(31px,4.2vw,58px)/1.1 Georgia,serif;color:#ffdfaa;margin:0 0 7px}
#stb-command-header .stb-hero-copy p{font:italic clamp(14px,1.6vw,20px)/1.3 Georgia,serif;color:#ead9bb;margin:0}
#stb-command-header .stb-pennant{position:absolute;right:24px;top:85px;width:132px;min-height:178px;padding:15px 9px 26px;background:linear-gradient(120deg,#071c30ec,#123149e8);border:1px solid #c7a36c;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;box-shadow:0 10px 29px #0008}
#stb-command-header .stb-pennant img{width:93px;height:93px;object-fit:contain}
#stb-command-header .stb-pennant-line{font-size:18px;color:#e0b976}
#stb-command-header .stb-pennant [data-stb-landing="pennantMotto"]{font:700 10px/1.4 Georgia,serif;letter-spacing:.05em;text-align:center;color:#f2d4a7}
#stb-command-header .header-msg{align-items:center}
#stb-command-header .header-msg .stb-header-tool{width:43px;height:43px;display:grid;place-items:center;padding:8px;border-color:#9e835b;background:#071b2bcb;color:#efcc94;position:relative}
#stb-command-header .stb-header-tool svg{width:24px;height:24px}
#stb-command-header .header-user{gap:9px;background:#091a2bdf;border:1px solid #876f4b;border-radius:10px;padding:4px 5px 4px 11px;min-height:43px}
#stb-command-header #header-username{font-size:13px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#stb-command-header #logout{padding:7px 10px;font-size:13px}
#stb-command-header .settings-btn{font-size:21px;width:43px;height:43px;padding:7px}
.stb-communication-wrap{position:relative;display:inline-flex}
.stb-communication-indicator{position:absolute;top:1px;right:1px;background:#f07166;border:2px solid #081827;width:11px;height:11px;border-radius:50%;pointer-events:none}
#stb-communications-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:300;width:min(310px,calc(100vw - 26px));padding:13px;border:1px solid #c9a46f;border-radius:14px;background:#0d2336fa;box-shadow:0 20px 48px #000b;display:flex;flex-direction:column;gap:6px}
#stb-communications-menu[hidden]{display:none!important}
#stb-communications-menu>strong{font:700 18px Georgia,serif;color:#f6d9a8;padding:5px 8px 10px;border-bottom:1px solid #567086;margin-bottom:3px}
#stb-communications-menu .tab-wrap{display:flex;width:100%;position:relative}
#stb-communications-menu button{width:100%;display:flex;gap:11px;justify-content:flex-start;text-align:left;align-items:center;font-size:14px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent}
#stb-communications-menu button:hover{background:#29445a;border-color:#6a8190}
#stb-communications-menu .msg-badge{top:50%;right:8px;transform:translateY(-50%);font-size:12px;min-width:22px;height:22px;line-height:22px;padding:0 5px}
#app>.stb-main-nav #home-tab{font-family:Georgia,serif;font-weight:700;color:#f0d2a2}
body[data-stb-landing-view="home"] #app>.stb-main-nav{display:none!important}
body[data-stb-landing-view="home"] #app>.filters,body[data-stb-landing-view="home"] #app>#status{display:none!important}
#home-view{margin:20px 0 36px;position:relative;z-index:1}
body[data-stb-landing-view="home"] #home-view{display:block}
#home-view[hidden]{display:none!important}
.stb-launch-sections{display:grid;gap:17px}
.stb-launch-group{position:relative;padding:18px;border:1px solid #ad8955;border-radius:14px;background:linear-gradient(100deg,#081b2df2,#0c283fe0),url('/static/visual/hero-castillo.webp') center/cover;box-shadow:0 12px 30px #0007;overflow:hidden}
.stb-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#f0d4a6}
.stb-group-heading h2{font:700 clamp(21px,2.2vw,29px) Georgia,serif!important;margin:0;color:#f4dab0!important}
.stb-group-heading>span:last-child{margin-left:auto;color:#b9cbd4;font-size:10px;font-weight:700;letter-spacing:.1em;text-align:right}
.stb-group-glyph{width:36px;height:36px;display:grid;place-items:center;border:1px solid #a4865d;border-radius:9px;color:#f1d49c;background:#122a42}
.stb-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.stb-launch-tile{position:relative;min-width:0;min-height:135px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;border:1px solid #aa8a5e;border-radius:12px;color:#f5e3c8;overflow:hidden;isolation:isolate;background:#133049}
.stb-launch-tile::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(92deg,#051626ea 0%,#071d30b8 56%,#0b273a4f 100%),var(--stb-tile-image,url('/static/visual/hero-castillo.webp')) center/cover}
.stb-launch-tile[data-stb-key="clans"]{--stb-tile-image:url('/static/visual/clanes.webp')}
.stb-launch-tile[data-stb-key="map"]{--stb-tile-image:url('/static/visual/mapa.webp')}
.stb-launch-tile[data-stb-key="resources"]{--stb-tile-image:url('/static/visual/recaudacion.webp')}
.stb-launch-tile[data-stb-key="members"]{--stb-tile-image:url('/static/visual/miembros.webp')}
.stb-launch-tile[data-stb-key="admin"]{--stb-tile-image:url('/static/visual/administracion.webp')}
.stb-launch-tile[data-stb-key="catalogue"]{--stb-tile-image:url('/static/visual/hero-castillo.webp')}
.stb-launch-tile:hover{border-color:#f0cb90;box-shadow:0 8px 20px #0009}
.stb-launch-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #a88b63;border-radius:12px;background:#092035e5;color:#f3d7a5}
.stb-launch-icon svg{width:24px;height:24px}
.stb-launch-title{font:700 clamp(16px,1.5vw,21px) Georgia,serif;text-shadow:0 3px 9px #000;z-index:1}
#stb-command-header .stb-pennant,#stb-command-header .stb-hero-copy{display:none}
body:has(#app:not([hidden])) #stb-command-header .stb-pennant{display:flex}
body:has(#app:not([hidden])) #stb-command-header .stb-hero-copy{display:block}
@media(max-width:800px){
 #stb-command-header .stb-pennant{width:102px;min-height:145px;right:14px;top:91px}
 #stb-command-header .stb-pennant img{width:70px;height:70px}
 .stb-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #stb-command-header .header-user{padding:3px}
 #stb-command-header #header-username{max-width:90px}
}
@media(max-width:600px){
 body:has(#app:not([hidden])) #stb-command-header{min-height:244px;padding:10px 9px 55px;background-position:56% center}
 #stb-command-header .stb-command-actions{margin-left:auto;gap:5px;flex-wrap:nowrap}
 #stb-command-header .header-user{min-height:36px;gap:3px}
 #stb-command-header #header-username{max-width:62px;font-size:10px}
 #stb-command-header #logout{font-size:10px;padding:6px}
 #stb-command-header .header-msg{gap:5px}
 #stb-command-header .header-msg .stb-header-tool,#stb-command-header .settings-btn{width:36px;height:36px;min-height:36px;font-size:17px;padding:5px}
 #stb-command-header .stb-header-tool svg{width:21px;height:21px}
 #stb-command-header .stb-hero-copy{left:13px;bottom:25px}
 #stb-command-header .stb-hero-copy h1{font-size:clamp(25px,6vw,35px);max-width:260px}
 #stb-command-header .stb-hero-copy p{font-size:12px}
 #stb-command-header .stb-pennant{width:75px;min-height:115px;right:10px;top:84px;padding:8px 3px 17px}
 #stb-command-header .stb-pennant img{width:53px;height:53px}
 #stb-command-header .stb-pennant-line{font-size:13px}
 #stb-command-header .stb-pennant [data-stb-landing="pennantMotto"]{font-size:7px}
 #stb-communications-menu{position:fixed;right:12px;top:58px}
 .stb-launch-group{padding:12px}
 .stb-group-heading{gap:8px;flex-wrap:wrap}
 .stb-group-heading h2{font-size:21px!important}
 .stb-group-heading>span:last-child{font-size:9px}
 .stb-launch-grid{gap:9px}
 .stb-launch-tile{min-height:105px;padding:11px;gap:8px}
 .stb-launch-icon{width:35px;height:35px;flex-basis:35px}
 .stb-launch-title{font-size:14px}
}
@media(max-width:370px){.stb-group-heading>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.stb-launch-tile{transition:none}}

/* Fondo panorámico de la portada original; sólo al visualizar Inicio. */
body[data-stb-landing-view="home"]{
 background:linear-gradient(180deg,#0716269c,#061422d6),url('/static/visual/valle-stb-fondo.webp') center top/cover fixed no-repeat;
}
@media(max-width:600px){
 body[data-stb-landing-view="home"]{background-attachment:scroll;background-position:56% top}
}