/* Modernização visual do frontend - compatível com o tema original */
:root{
  --modern-bg:#070a18;
  --modern-card:rgba(255,255,255,.075);
  --modern-card-strong:rgba(255,255,255,.12);
  --modern-border:rgba(255,255,255,.14);
  --modern-text:#f8fbff;
  --modern-muted:#aab4cf;
  --modern-accent:#7c3cff;
  --modern-accent-2:#00d4ff;
  --modern-radius:18px;
  --modern-shadow:0 20px 55px rgba(0,0,0,.35);
}
html,body{min-height:100%;}
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(124,60,255,.35), transparent 30%),
    radial-gradient(circle at 85% 8%, rgba(0,212,255,.26), transparent 28%),
    linear-gradient(145deg,#050712 0%,#0b1026 48%,#050712 100%) !important;
  color:var(--modern-text);
  font-smoothing:antialiased;
  -webkit-font-smoothing:antialiased;
}
#outer-wrapper{background:transparent !important;padding:18px 0 28px;}
.inner{
  background:rgba(7,10,24,.66) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--modern-border);
  border-radius:24px;
  overflow:hidden;
}
.inner.shadow{box-shadow:var(--modern-shadow) !important;}
#header{
  background:linear-gradient(135deg,rgba(13,18,43,.96),rgba(20,12,54,.92)) !important;
  border-bottom:1px solid var(--modern-border) !important;
  margin-bottom:0 !important;
  padding-bottom:14px !important;
}
.topbar{
  height:5px !important;
  background:linear-gradient(90deg,var(--modern-accent),var(--modern-accent-2)) !important;
}
.logo img{max-width:180px;height:auto !important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));}
.navigation{margin-top:23px;}
.ddsmoothmenu ul li a{
  color:#f3f6ff !important;
  text-shadow:none !important;
  border-radius:999px;
  padding:12px 14px !important;
  transition:.2s ease;
}
.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li.current-menu-item a{
  background:linear-gradient(135deg,var(--modern-accent),var(--modern-accent-2)) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
#banner{padding:18px 18px 8px;box-sizing:border-box;}
#banner img,.responsive img,.prod-list img,.gallery-small img{
  border-radius:18px;
  box-shadow:0 16px 36px rgba(0,0,0,.28);
}
.container.row{margin-top:18px;}
.tab-section,.box-small,.prod-sec{
  background:var(--modern-card) !important;
  border:1px solid var(--modern-border) !important;
  border-radius:var(--modern-radius);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
  overflow:hidden;
}
.tab-head,.prod-head,h1.heading{
  background:linear-gradient(135deg,rgba(124,60,255,.92),rgba(0,212,255,.78)) !important;
  color:#fff !important;
  border:0 !important;
  text-shadow:none !important;
}
.tab-head h1,.prod-head h1,h1.heading{color:#fff !important;text-shadow:none !important;letter-spacing:.3px;}
.tab_container,.tab_container_in,.box-in{
  background:rgba(255,255,255,.045) !important;
  color:var(--modern-text) !important;
}
.box-in{padding:16px !important;}
a{color:#55ddff;transition:.2s ease;}
a:hover{color:#fff;}
p,li,span,td,div{color:inherit;}
.news-list li,.blog-list li,.prod-list li{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px;
  margin-bottom:12px !important;
  padding:12px !important;
}
.blog-pagination a,.prod-list li > a:last-child,input[type='submit'],button,.button{
  display:inline-block;
  background:linear-gradient(135deg,var(--modern-accent),var(--modern-accent-2)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:10px 16px !important;
  text-shadow:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
input,textarea,select{
  background:rgba(255,255,255,.09) !important;
  border:1px solid var(--modern-border) !important;
  color:#fff !important;
  border-radius:12px !important;
  outline:none !important;
}
input:focus,textarea:focus{border-color:rgba(0,212,255,.72) !important;box-shadow:0 0 0 3px rgba(0,212,255,.13);}
#footer{
  background:linear-gradient(135deg,rgba(8,12,28,.98),rgba(18,11,43,.96)) !important;
  border-top:1px solid var(--modern-border);
  margin-top:24px;
}
.foot-top,.foot-bottom{background:transparent !important;border-color:rgba(255,255,255,.12) !important;}
.links-foot a,.copyrights p,.followus-top h6{color:#dce5ff !important;text-shadow:none !important;}
.top{background:linear-gradient(135deg,var(--modern-accent),var(--modern-accent-2)) !important;border-radius:999px;color:#fff !important;}
.video-container iframe{border-radius:16px;}
@media only screen and (max-width: 767px){
  #outer-wrapper{padding:0;}
  .inner{width:auto !important;margin:0 8px;border-radius:18px;}
  #header .container{padding:0 12px;box-sizing:border-box;}
  .logo{float:none !important;display:block;text-align:center;margin:14px 0 !important;}
  .navigation{margin-top:5px;}
  .ddsmoothmenu ul li{float:none !important;display:inline-block;margin:3px;}
  .ddsmoothmenu ul{text-align:center;}
  .ddsmoothmenu ul li a{font-size:12px;padding:10px 11px !important;}
  #banner{padding:12px 8px 0;}
  .box-small,.tab-section,.prod-sec{margin-bottom:16px;}
  iframe{max-width:100%;}
}

/* Ajuste responsivo de largura - 2026
   Mantém a estrutura PHP original e corrige apenas apresentação. */
*{box-sizing:border-box;}
html{overflow-x:hidden;}
body{overflow-x:hidden;}
#outer-wrapper{width:100% !important;max-width:100% !important;}
.inner{
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#outer-wrapper > .inner{overflow:visible !important;}
#outer-wrapper > .inner > .inner.shadow{overflow:hidden !important;}
.container{
  width:calc(100% - 32px) !important;
  max-width:1120px !important;
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.container:before,.container:after{content:"";display:table;clear:both;}
#header .container{display:flex;align-items:center;gap:20px;}
#header .five.columns{width:260px !important;min-width:210px;margin:0 !important;float:none !important;}
#header .eleven.columns{width:auto !important;flex:1;margin:0 !important;float:none !important;}
.logo{display:flex;align-items:center;min-height:78px;}
.navigation{width:100% !important;display:flex;justify-content:flex-end;}
.ddsmoothmenu{width:auto !important;max-width:100%;}
.ddsmoothmenu ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin:0 !important;padding:0 !important;}
.ddsmoothmenu ul li{float:none !important;display:block !important;padding:0 !important;margin:0 !important;}
.ddsmoothmenu ul li a{white-space:nowrap;}
#banner{width:calc(100% - 32px) !important;max-width:1120px;margin-left:auto !important;margin-right:auto !important;float:none !important;}
#banner img,#banner .nivoSlider,#banner .slider-wrapper{max-width:100% !important;height:auto !important;}
.container .column,.container .columns{margin-left:10px !important;margin-right:10px !important;}
.container .two-thirds.column{width:calc(66.666% - 20px) !important;}
.container .one-third.column{width:calc(33.333% - 20px) !important;}
.container .sixteen.columns{width:calc(100% - 20px) !important;}
.container .eight.columns{width:calc(50% - 20px) !important;}
.container .four.columns{width:calc(25% - 20px) !important;}
.tab-section,.box-small,.prod-sec{width:100% !important;}
.news-list,.prod-list,.gallery-small{max-width:100% !important;}
.news-list img,.blog-list img,.gallery-small img,.prod-list img{max-width:100% !important;height:auto !important;}
.video-container{width:100% !important;max-width:100% !important;}
iframe{max-width:100% !important;}
.box-in iframe[src*="facebook.com"]{width:100% !important;min-height:230px;}
.prod-list{display:flex !important;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px !important;}
.prod-list li{float:none !important;width:calc(25% - 16px) !important;min-width:190px;height:auto !important;margin:0 !important;padding:14px !important;}
.prod-list li:first-child{padding:14px !important;}
.foot-top,.foot-bottom{width:100% !important;padding-left:24px !important;padding-right:24px !important;box-sizing:border-box;}
.links-foot ul{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;}
.links-foot ul li{float:none !important;display:inline-block;}
@media only screen and (max-width: 959px){
  .inner{width:calc(100% - 20px) !important;border-radius:18px;}
  #header .container{display:block;text-align:center;}
  #header .five.columns,#header .eleven.columns{width:100% !important;min-width:0;margin:0 !important;}
  .logo{justify-content:center;min-height:auto;padding:14px 0 8px;}
  .navigation{justify-content:center;margin:6px 0 12px !important;}
  .ddsmoothmenu ul{justify-content:center;}
  #banner{width:calc(100% - 20px) !important;padding:10px !important;}
  .container{width:calc(100% - 20px) !important;}
  .container .two-thirds.column,.container .one-third.column,.container .sixteen.columns,.container .eight.columns,.container .four.columns,
  .container .one.column,.container .two.columns,.container .three.columns,.container .five.columns,.container .six.columns,.container .seven.columns,
  .container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns{
    width:100% !important;margin-left:0 !important;margin-right:0 !important;float:none !important;display:block !important;
  }
  .box-small{margin-top:16px;}
  .prod-list li{width:calc(50% - 16px) !important;min-width:190px;}
}
@media only screen and (max-width: 600px){
  .inner{width:100% !important;border-radius:0 !important;border-left:0;border-right:0;}
  #outer-wrapper{padding:0 !important;}
  #header{padding-bottom:4px !important;}
  .logo img{max-width:150px !important;}
  .ddsmoothmenu ul{gap:5px;}
  .ddsmoothmenu ul li a{font-size:11px !important;padding:9px 10px !important;}
  .tab-head{display:block !important;padding-bottom:8px !important;}
  .tab-section .tab_menu_container{width:100% !important;float:none !important;}
  .tab-section .tab-head ul{display:flex;gap:6px;padding:0 10px 8px !important;}
  .tab-section .tab-head ul li{float:none !important;flex:1;}
  .tab-section .tab-head ul li a{width:100% !important;text-align:center;padding:8px 8px !important;height:auto !important;font-size:13px !important;border-radius:12px !important;}
  .tab-head h1,.heading,.prod-head h1{font-size:18px !important;line-height:1.2 !important;padding:14px !important;}
  .box-in{padding:12px !important;}
  .news-list li,.blog-list li,.prod-list li{padding:10px !important;}
  .prod-list{display:block !important;padding:12px !important;}
  .prod-list li{width:100% !important;min-width:0;margin-bottom:12px !important;}
  .foot-top,.foot-bottom{padding-left:12px !important;padding-right:12px !important;text-align:center;}
  .copyrights,.followus-top{float:none !important;width:100% !important;text-align:center !important;}
}

/* Melhorias profissionais - Contato e Top 5 */
.contact-pro-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;margin:20px 0;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.contact-pro-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f1f1}
.contact-pro-item:last-child{border-bottom:0}.contact-pro-icon{width:38px;height:38px;border-radius:12px;background:#9a091f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px}.contact-pro-item strong{display:block;color:#222;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.contact-pro-item p{margin:4px 0 0;color:#555}.contact-pro-item a{color:#9a091f;font-weight:700}.contact-pro-map a{display:inline-block;background:#9a091f;color:#fff!important;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.top5-pro-list{display:flex;flex-direction:column;gap:10px}.top5-pro-item{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff,#f7f7f7);border:1px solid #eee;border-radius:14px;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:.25s}.top5-pro-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.top5-pos-1{border-color:#f3d479;background:linear-gradient(135deg,#fff9dc,#fff)}.top5-rank{font-weight:900;color:#9a091f;min-width:32px;text-align:center;font-size:18px}.top5-cover{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#eee}.top5-info{flex:1;min-width:0}.top5-info strong{display:block;color:#222;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top5-info span{display:block;color:#777;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top5-info small{display:block;color:#9a091f;font-weight:700;font-size:11px;margin-top:2px}.top5-progress{height:5px;border-radius:10px;background:#e8e8e8;overflow:hidden;margin-top:6px}.top5-progress i{display:block;height:100%;background:#9a091f;border-radius:10px;animation:top5bar .8s ease both}@keyframes top5bar{from{width:0}}

/* Top 5 Premium - visual profissional */
.top5-premium{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#160512,#2a0714 45%,#070707);padding:16px;box-shadow:0 18px 45px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);color:#fff;margin-bottom:20px}.top5-premium:before{content:'';position:absolute;right:-55px;top:-70px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08)}.top5-premium-head{position:relative;text-align:left;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.top5-kicker{display:inline-block;background:#fff;color:#9a091f;border-radius:999px;padding:5px 10px;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.6px}.top5-premium-head h2{margin:8px 0 4px!important;color:#fff!important;font-size:22px!important;line-height:1.1}.top5-premium-head p{margin:0!important;color:rgba(255,255,255,.72)!important;font-size:12px}.top5-premium-list{position:relative;display:flex;flex-direction:column;gap:10px}.top5-premium-item{position:relative;display:grid;grid-template-columns:58px 64px 1fr auto;gap:12px;align-items:center;text-decoration:none!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px;transition:.25s;color:#fff!important}.top5-premium-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);box-shadow:0 14px 32px rgba(0,0,0,.25)}.top5-premium-item.top5-pos-1{background:linear-gradient(135deg,rgba(255,206,72,.23),rgba(255,255,255,.10));border-color:rgba(255,211,86,.55)}.top5-rankbox{width:54px;height:54px;border-radius:16px;background:rgba(0,0,0,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12)}.top5-rankbox b{display:block;font-size:21px;color:#fff!important;line-height:1}.top5-rankbox span{font-size:8px;font-weight:900;color:#ffd65a!important;margin-top:3px;letter-spacing:.3px}.top5-cover-wrap{position:relative;width:62px;height:62px}.top5-cover{width:62px!important;height:62px!important;border-radius:16px!important;object-fit:cover;border:2px solid rgba(255,255,255,.24);box-shadow:0 10px 22px rgba(0,0,0,.32)}.top5-play{position:absolute;right:-5px;bottom:-5px;width:27px;height:27px;border-radius:50%;background:#fff;color:#9a091f;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.28)}.top5-info{min-width:0}.top5-info strong{display:block;color:#fff!important;font-size:15px!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top5-info span{display:block;color:rgba(255,255,255,.68)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.top5-wave{display:flex;align-items:end;gap:3px;height:14px;margin:5px 0}.top5-wave i{display:block;width:3px;border-radius:10px;background:#ffd65a;opacity:.9}.top5-wave i:nth-child(1){height:5px}.top5-wave i:nth-child(2){height:11px}.top5-wave i:nth-child(3){height:8px}.top5-wave i:nth-child(4){height:14px}.top5-wave i:nth-child(5){height:7px}.top5-progress{height:6px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}.top5-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffd65a,#fff);border-radius:999px;animation:top5bar .9s ease both}.top5-vote-pill{text-align:center;min-width:58px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:7px 8px}.top5-vote-pill small{display:block;color:rgba(255,255,255,.62);font-size:9px;text-transform:uppercase;font-weight:900}.top5-vote-pill b{display:block;color:#fff;font-size:14px;line-height:1.15}@media(max-width:560px){.top5-premium-item{grid-template-columns:44px 56px 1fr;gap:9px}.top5-rankbox{width:42px;height:46px;border-radius:13px}.top5-rankbox b{font-size:17px}.top5-cover-wrap,.top5-cover{width:54px!important;height:54px!important}.top5-vote-pill{grid-column:3;text-align:left;display:inline-flex;gap:6px;align-items:center;width:max-content;min-width:0;margin-top:-4px}.top5-vote-pill small,.top5-vote-pill b{display:inline}}
