@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
 --bg:#070707;--panel:#111113;--panel2:#171719;--line:rgba(255,255,255,.1);
 --text:#f5f5f5;--muted:#a1a1aa;--red:#a71919;--red2:#e12b2b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#050505}
body{
 margin:0;min-height:100vh;padding:28px 18px 36px;color:var(--text);
 font:14px/1.65 Inter,"Segoe UI",Arial,sans-serif;
 background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.9)),url("../images/bg.png") center top/cover fixed no-repeat #050505;
}
a{color:#eee;text-decoration:none;transition:.2s}
a:hover{color:#ff7777}
.site-shell{
 width:min(1180px,100%);margin:0 auto;overflow:hidden;
 background:rgba(7,7,8,.94);border:1px solid rgba(255,255,255,.09);
 border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.65);
}
.site-header{
 min-height:88px;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;
 gap:22px;background:linear-gradient(115deg,#171719,#09090a 65%);
 border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:13px;min-width:220px}
.brand-mark{
 width:48px;height:48px;display:grid;place-items:center;border-radius:13px;
 background:linear-gradient(145deg,#c52222,#520909);font-weight:900;font-size:18px;
 box-shadow:0 8px 24px rgba(167,25,25,.35);border:1px solid rgba(255,255,255,.13)
}
.brand-copy{display:flex;flex-direction:column;line-height:1.2}
.brand-copy strong{font-size:18px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.brand-copy small{margin-top:5px;color:#9b9ba1;font-size:9px;letter-spacing:1.8px;font-weight:800}
.main-nav{flex:1}
.menu{list-style:none;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px;margin:0;padding:0}
.menu li{display:block}
.menu a{
 display:flex;align-items:center;min-height:42px;padding:0 13px;border-radius:8px;
 color:#d4d4d8;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase
}
.menu a:hover{color:#fff;background:linear-gradient(135deg,#9c1717,#4d0808);box-shadow:0 6px 18px rgba(150,0,0,.2)}
.hero-slider{padding:22px 22px 8px;background:linear-gradient(180deg,#0c0c0d,#090909)}
#slideshow{
 width:1000px;max-width:100%;height:auto;margin:0 auto;
 aspect-ratio:1000 / 350;padding:0;overflow:hidden;position:relative;
 border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;
 background:#050505!important;box-shadow:0 18px 45px rgba(0,0,0,.55)!important
}
#SliderName_3,.SliderName_3{width:1000px;height:350px;overflow:hidden;position:relative}
#SliderName_3 img,.SliderName_3 img,#slideshow img{
 width:1000px;height:350px;max-width:none;max-height:none;object-fit:fill
}
.content-grid{
 display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;
 padding:18px 22px 26px;align-items:start
}
.main-content,.sidebar{min-width:0}
#left_container,#right_container{width:100%!important;float:none!important;max-width:none!important;margin:0!important;padding:0!important}
.left_box,.right_box{
 width:100%!important;margin:0 0 17px!important;overflow:hidden!important;
 background:linear-gradient(145deg,#19191c,#0e0e10)!important;
 border:1px solid var(--line)!important;border-radius:12px!important;
 box-shadow:0 12px 32px rgba(0,0,0,.35)!important
}
.left_head,.right_head{
 height:auto!important;min-height:47px!important;padding:0!important;
 background:linear-gradient(90deg,#701010,#a71919 58%,#3d0909)!important;
 border-bottom:1px solid rgba(255,255,255,.08)
}
.left_head_title,.right_head_title{
 height:auto!important;padding:12px 16px!important;margin:0!important;
 color:#fff!important;text-align:left!important;font-size:12px!important;
 font-weight:900!important;letter-spacing:1px!important;text-transform:uppercase
}
.text{
 padding:17px!important;color:#d4d4d8!important;text-align:left!important;
 font-size:13px!important;line-height:1.75!important;text-shadow:none!important
}
.text img{max-width:100%;height:auto}
input,textarea,select{
 max-width:100%;padding:10px 12px!important;color:#f5f5f5!important;background:#09090b!important;
 border:1px solid rgba(255,255,255,.15)!important;border-radius:7px!important
}
button,input[type=submit],input[type=button],.btn{
 padding:10px 17px!important;color:#fff!important;background:linear-gradient(135deg,#a71919,#5b0909)!important;
 border:1px solid rgba(255,255,255,.13)!important;border-radius:7px!important;
 font-weight:800!important;cursor:pointer
}
table{width:100%;border-collapse:collapse;color:#eee!important}
td,th{padding:8px;border:1px solid rgba(255,255,255,.09)!important}
th{background:#351010!important}
.site-footer{
 min-height:68px;padding:14px 22px;display:flex;align-items:center;gap:18px;
 background:#09090a;border-top:1px solid var(--line);color:#929299;font-size:11px
}
.site-footer p{margin:0}
.footer-social{display:flex;align-items:center;gap:9px;margin-left:auto}
.footer-social a{width:34px;height:34px;display:grid;place-items:center}
.footer-social img{width:34px;height:34px;object-fit:contain;display:block}
.back-top{font-weight:800;color:#ddd;white-space:nowrap}
#robbu-whatsapp-button{z-index:9999!important}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#080808}
::-webkit-scrollbar-thumb{background:#641010;border-radius:9px}
@media(max-width:980px){
 body{padding:12px}
 .site-header{align-items:flex-start;flex-direction:column}
 .main-nav{width:100%}
 .menu{justify-content:flex-start}
 .content-grid{grid-template-columns:1fr}
 .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .sidebar .right_box{margin:0!important}
}
@media(max-width:680px){
 body{padding:0;background-attachment:scroll}
 .site-shell{border-radius:0}
 .site-header{padding:14px}
 .menu a{padding:0 9px;min-height:38px;font-size:10px}
 .hero-slider{padding:12px 8px 4px}
 #slideshow{width:100%;height:auto;aspect-ratio:1000 / 350}
 #SliderName_3,.SliderName_3{transform:scale(calc((100vw - 16px)/1000));transform-origin:top left}
 #slideshow{height:calc((100vw - 16px)*0.35)}
 .content-grid{padding:12px;gap:12px}
 .sidebar{display:block}
 .sidebar .right_box{margin-bottom:12px!important}
 .site-footer{flex-wrap:wrap;justify-content:center;text-align:center}
 .site-footer p{width:100%}
 .footer-social{margin:0 auto}
}


/* Menu superior: itens distribuidos e centralizados em toda a barra */
.site-header.site-header-nav-only{
  min-height:66px !important;height:66px !important;padding:0 28px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  position:relative !important;
}
.site-header-nav-only .main-nav{
  position:static !important;left:auto !important;top:auto !important;transform:none !important;
  display:block !important;width:100% !important;max-width:none !important;height:100% !important;
  flex:1 1 100% !important;margin:0 !important;padding:0 !important;
}
.site-header-nav-only .menu{
  display:flex !important;align-items:center !important;justify-content:space-evenly !important;
  width:100% !important;max-width:none !important;height:100% !important;
  gap:0 !important;margin:0 !important;padding:0 !important;flex-wrap:nowrap !important;
}
.site-header-nav-only .menu li{display:flex !important;flex:0 0 auto !important;margin:0 !important;padding:0 !important}
.site-header-nav-only .menu a{
  min-height:66px !important;padding:0 12px !important;border-radius:0 !important;
  font-size:12px !important;letter-spacing:.45px !important;display:flex !important;
  align-items:center !important;justify-content:center !important;white-space:nowrap !important;
}
.site-header-nav-only .menu a:hover{background:transparent !important;color:#fff !important;box-shadow:none !important}
.footer-social{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;background:transparent;box-shadow:none}
.footer-social a:hover{transform:translateY(-2px);filter:brightness(1.15)}
.footer-social img{display:block;width:34px;height:34px;object-fit:contain}
@media(max-width:760px){
 .site-header-nav-only{height:auto !important;min-height:66px !important;padding:6px 10px !important}
 .site-header-nav-only .main-nav{width:100% !important;height:auto !important}
 .site-header-nav-only .menu{width:100% !important;height:auto !important;justify-content:center !important;flex-wrap:wrap !important;gap:2px 8px !important}
 .site-header-nav-only .menu a{min-height:38px !important;padding:0 7px !important;font-size:10px !important}
}


/* Ajuste definitivo: grupo de links centralizado, sem ocupar a barra inteira */
@media (min-width: 761px){
  .site-header.site-header-nav-only{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .site-header.site-header-nav-only .main-nav{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex:0 1 auto !important;
    width:auto !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 auto !important;
  }
  .site-header.site-header-nav-only .menu{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }
  .site-header.site-header-nav-only .menu li{
    flex:0 0 auto !important;
  }
  .site-header.site-header-nav-only .menu a{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}