/* Lux3 · portada, listados y componentes de contenido. */
/* Portada demo */
.gh-portal-main{padding-top:12px!important;}
.gh-portal-body-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.gh-portal-body-row{display:grid;gap:12px;min-width:0}
.gh-portal-body-grid .gh-portal-cell{border-radius:3px!important;border:1px solid rgba(189,151,87,.32)!important;background:linear-gradient(180deg,rgba(42,36,27,.93),rgba(14,13,11,.96))!important;box-shadow:inset 0 0 22px rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.2)!important;}
.gh-portal-body-grid .gh-portal-cell .gh-tpl-col-title,.gh-portal-body-grid .gh-portal-cell>h3{margin:-12px -12px 12px!important;padding:9px 12px!important;background:linear-gradient(180deg,#742015,#3c0c07)!important;border-bottom:1px solid rgba(228,191,117,.28)!important;color:#f3dbac!important;font-family:Georgia,"Times New Roman",serif!important;font-size:14px!important;letter-spacing:.02em;}
.gh-portal-body-b2,.gh-portal-body-b3{min-height:290px!important;}
.gh-portal-body-b13{grid-column:1/-1!important;}

.demo-story-list{display:grid;gap:9px}.demo-story{display:grid;grid-template-columns:74px 1fr;gap:9px;align-items:center;padding:7px;background:rgba(0,0,0,.18);border:1px solid rgba(214,177,106,.13)}.demo-story img{width:74px;height:50px;object-fit:cover;border:1px solid rgba(225,191,122,.32)}.demo-story b{display:block;color:#f2ddb2;font-size:12px;line-height:1.2}.demo-story small{display:block;margin-top:3px;color:#bfb08e;font-size:10px;line-height:1.25}
.demo-feature{position:relative;overflow:hidden;min-height:190px;border:1px solid rgba(214,177,106,.2);background:#0d0b09}.demo-feature img{width:100%;height:190px;object-fit:cover;display:block;opacity:.82}.demo-feature-copy{position:absolute;inset:auto 0 0;padding:36px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.9));}.demo-feature-copy b{display:block;color:white;font-size:16px}.demo-feature-copy span{color:#d9c69d;font-size:11px}
.demo-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.demo-mini-card{overflow:hidden;border:1px solid rgba(207,171,100,.2);background:rgba(0,0,0,.2)}.demo-mini-card img{width:100%;height:92px;object-fit:cover;display:block}.demo-mini-card div{padding:8px}.demo-mini-card b{font-size:12px;color:#f4deb0}.demo-mini-card small{display:block;margin-top:3px;font-size:10px;color:#b8aa8b}.demo-link{color:#edcb86;text-decoration:none;font-weight:800}.demo-link:hover{color:#fff}
.demo-section-cta{display:inline-flex;margin-top:9px;padding:6px 9px;border:1px solid rgba(223,187,116,.33);background:linear-gradient(#702016,#3a0b07);color:#ffe8b8!important;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.demo-article-image{margin:0 0 18px}.demo-article-image img{display:block;width:100%;max-height:420px;object-fit:cover;border:1px solid rgba(214,177,106,.34);box-shadow:0 10px 28px rgba(0,0,0,.26)}.gh-list article{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(212,175,55,.14)}.gh-list-thumb{width:150px;height:92px;object-fit:cover;border:1px solid rgba(212,175,55,.24)}.gh-list article h2{margin:0 0 6px}.gh-list article p{margin:0;color:#d8caab}
.gh-search-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0 20px}.gh-search-form input{min-width:0;padding:11px 12px;border:1px solid rgba(212,175,55,.32);background:#100c09;color:#fff}.gh-search-form button{padding:0 18px;border:1px solid rgba(212,175,55,.35);background:linear-gradient(#762117,#410d08);color:#ffecc6;font-weight:900}

.gh-portal-footer{border-radius:0!important;background:linear-gradient(180deg,#22201a,#0e0d0b)!important;border-color:rgba(205,167,101,.32)!important;}

/* Compatibilidad de componentes sembrados por Demo Fase 0. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.demo-utility{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;color:#f3e4bc;font-size:11px;font-weight:800;line-height:1.25}.demo-utility span{font-size:9px;opacity:.74;font-weight:600}
.demo-flags{flex-wrap:wrap}.demo-flags small{flex-basis:100%;font-size:8px;color:#c7b78f;letter-spacing:.04em}
.demo-vote{text-decoration:none;color:inherit}.demo-vote span b{display:block;color:#f3d290;font-size:11px}.demo-vote span small{display:block;color:#d8c79f;font-size:9px;margin-top:2px}
.demo-account>span{font-size:9px;color:#bda77a;text-transform:uppercase;letter-spacing:.08em}
.demo-story-card{display:grid;grid-template-columns:74px 1fr;gap:9px;align-items:center;padding:7px;background:rgba(0,0,0,.18);border:1px solid rgba(214,177,106,.13);text-decoration:none}.demo-story-card img{width:74px;height:50px;object-fit:cover;border:1px solid rgba(225,191,122,.32)}.demo-story-card b{display:block;color:#f2ddb2;font-size:12px;line-height:1.2}.demo-story-card small{display:block;margin-top:3px;color:#bfb08e;font-size:10px;line-height:1.25}.demo-story-card:hover{background:rgba(100,29,16,.22)}
.demo-feature{display:block;text-decoration:none;color:inherit}.demo-feature>span{display:block;padding:10px 12px;background:linear-gradient(180deg,rgba(37,26,18,.96),rgba(14,12,9,.98))}.demo-feature>span b{display:block;color:#f5dfb2;font-size:14px}.demo-feature>span small{display:block;margin-top:4px;color:#cdbd9b;font-size:10px;line-height:1.35}
.demo-mini-grid>a{display:block;overflow:hidden;padding:9px;border:1px solid rgba(207,171,100,.2);background:rgba(0,0,0,.2);color:#f4deb0;text-decoration:none}.demo-mini-grid>a img{display:block;width:100%;height:92px;object-fit:cover;margin:-9px -9px 8px;width:calc(100% + 18px);max-width:none}.demo-mini-grid>a b{display:block;font-size:12px}.demo-mini-grid>a small{display:block;margin-top:3px;font-size:10px;color:#b8aa8b}
.gh-list-item{display:grid!important;grid-template-columns:150px 1fr!important;gap:16px!important;align-items:start!important}.gh-list-copy h2{margin:0 0 6px}.gh-list-copy p{margin:0 0 7px}.gh-list-copy small{color:#a99879;font-size:10px}
.gh-search-form{display:block}.gh-search-form>label{display:block;margin-bottom:6px;font-size:12px;color:#dbc99e;font-weight:800}.gh-search-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.gh-search-form>div input{min-width:0;padding:11px 12px;border:1px solid rgba(212,175,55,.32);background:#100c09;color:#fff}.gh-search-form>div button{padding:0 18px;border:1px solid rgba(212,175,55,.35);background:linear-gradient(#762117,#410d08);color:#ffecc6;font-weight:900}.gh-search-pager{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:16px}.gh-search-pager a{color:#f1d69c}.gh-search-count{color:#bba982}

.gh-portal-footer-row{display:grid;min-width:0}
/* Una altura explícita del diseñador visual debe superar los mínimos del skin. */
.gh-portal-body-grid .gh-portal-cell[data-gh-custom-height="1"],.gh-portal-footer .gh-portal-cell[data-gh-custom-height="1"]{min-height:0!important}

/* Fase 8 · modo vertical opcional en Body/Footer y constructor interno. */
.gh-portal-zone-stack{display:flex;flex-direction:column;align-items:stretch;gap:var(--gh-grid-gap,12px);min-width:0}
.gh-portal-zone-stack>.gh-portal-cell{min-width:0;max-width:100%;box-sizing:border-box}
.gh-portal-body-grid-stack{display:block!important}
.gh-portal-footer-stack>.gh-portal-zone-stack{padding:var(--gh-grid-gap,12px)}
.gh-inner-layout-stack{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.gh-inner-layout-stack>.gh-inner-col{max-width:100%;box-sizing:border-box}
.gh-inner-layout-row>.gh-inner-col{min-width:0;max-width:100%;box-sizing:border-box}