/* ===== V27 CINEMATIC HOME ===== */
:root{
  --v27-bg:#020d19;
  --v27-side:#031425;
  --v27-line:#b28a4b;
  --v27-gold:#f0cf8d;
  --v27-text:#f3f6fa;
}
html,body{background:var(--v27-bg)!important}
body{color:var(--v27-text)!important}
.hm-sidebar{
  width:270px!important;
  padding:16px 18px!important;
  background:linear-gradient(180deg,#031426 0%,#02111f 100%)!important;
  border-right:1px solid rgba(211,169,93,.42)!important;
  box-sizing:border-box!important;
}
.hm-logo{
  height:142px!important;
  width:100%!important;
  margin:0 0 12px!important;
  font-size:0!important;
  background:url('v27/logo-sidebar.jpg') center/contain no-repeat!important;
}
.hm-side-link{
  min-height:48px!important;
  padding:8px 12px!important;
  margin:2px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:500!important;
  color:#f1f4f8!important;
}
.hm-side-link .ico{
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  color:#edf1f5!important;
}
.hm-side-link .ico svg{width:25px!important;height:25px!important;stroke-width:1.7!important}
.hm-side-link.active{
  border:1px solid rgba(210,169,93,.66)!important;
  background:linear-gradient(90deg,rgba(210,169,93,.14),rgba(255,255,255,.04))!important;
}
.hm-side-link.active .ico{color:#f2cd86!important}
.hm-side-link:hover{background:rgba(255,255,255,.055)!important}
.hm-side-link[href="catalogo.html"]{margin-top:18px!important;position:relative}
.hm-side-link[href="catalogo.html"]:before{
 content:"";position:absolute;left:6px;right:6px;top:-10px;height:1px;background:rgba(196,163,103,.38)
}
#hmLogout{position:relative;margin-top:18px!important}
#hmLogout:before{content:"";position:absolute;left:6px;right:6px;top:-10px;height:1px;background:rgba(196,163,103,.38)}
.hm-side-spacer{min-height:8px!important;flex:1!important}

body>main,main,.hm-dashboard,.hm-home{margin-left:270px!important}
.v27-home-main{padding:0!important;min-height:100vh!important;background:var(--v27-bg)!important}
.v27-home-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.v27-hero{width:100%;height:auto;overflow:hidden;background:#03101f;border-bottom:1px solid rgba(211,169,93,.38)}
.v27-hero img{display:block;width:100%;height:auto;object-fit:cover;background:#03101f}
.v27-categories{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;
 padding:10px 14px 34px;
 margin:0;
 background:linear-gradient(180deg,#03111f,#020c17);
}
.v27-category{
 display:block!important;
 overflow:hidden!important;
 border:1px solid rgba(211,169,93,.55)!important;
 border-radius:11px!important;
 background:#061321!important;
 text-decoration:none!important;
 box-shadow:0 10px 30px rgba(0,0,0,.24)!important;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.v27-category:hover{transform:translateY(-3px);border-color:#e0b866!important;box-shadow:0 16px 34px rgba(0,0,0,.36)!important}
.v27-category img{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important;background:#061321!important}

/* Catalog uses same visual language */
.v27-catalog-main{min-height:100vh!important;background:var(--v27-bg)!important;padding:28px!important}
.v27-catalog-wrap{max-width:1500px;margin:0 auto}
.v27-catalog-heading{margin-bottom:18px}
.v27-catalog-heading h1{font-family:Georgia,serif;color:var(--v27-gold)!important;font-size:36px!important;margin:0 0 4px!important}
.v27-catalog-heading p{color:#aeb8c4!important;margin:0!important}
.v27-catalog-categories{padding:0!important;background:transparent!important}

@media(max-width:1050px){
 .hm-sidebar{width:225px!important}
 body>main,main,.hm-dashboard,.hm-home{margin-left:225px!important}
 .hm-logo{height:120px!important}
 .v27-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .hm-sidebar{display:none!important}
 body>main,main,.hm-dashboard,.hm-home{margin-left:0!important}
 .v27-home-main{padding-bottom:92px!important}
 .v27-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 8px 104px}
 .v27-category{border-radius:9px!important}
 .v27-catalog-main{padding:14px 10px 105px!important}
 .hm-mobile-nav{background:#031426!important;border-top:1px solid rgba(211,169,93,.38)!important}
}