:root{
  --yellow:#f6bf00;
  --navy:#072a45;
  --muted:#f5f5f7;
  --text:#233142;
  --max-width:1100px;
}
@font-face{
  font-family: 'Santello';
  /* woff/woff2 not available in this workspace; fall back to the TTF only to avoid 404 in console */
  src: local('Santello'), url('../fonts/santello/SANTELLO.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Apply site font without universal selector to reduce style recalculation cost */
html,body{font-family:'Santello', Arial, Helvetica, sans-serif}
*{box-sizing:border-box}
body{color:var(--text);margin:0;line-height:1.5}
button,input,select,textarea{font:inherit}
.container{max-width:var(--max-width);margin:0 auto;padding:0 18px}
.site-header{background:#fff;border-bottom:4px solid rgba(7,42,69,0.9)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{font-weight:700;color:var(--navy);font-size:24px}
.logo span{display:block;font-weight:600;color:var(--yellow);font-size:14px}
.logo-image{width:420px;max-width:100%;height:auto;display:block}
.header-right{display:flex;align-items:center;gap:28px;margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.main-nav a{text-decoration:none;color:var(--navy);font-weight:600}
.header-hours{display:flex;align-items:center;gap:10px;color:var(--navy)}
.header-hours svg{width:28px;height:28px;color:var(--yellow);flex-shrink:0}
.hours-copy{display:flex;flex-direction:column;line-height:1.1}
.hours-label{font-size:11px;letter-spacing:.02em;color:#35556f}
.hours-copy strong{font-size:16px;font-weight:800;color:var(--navy)}
.menu-toggle{display:none;background:transparent;border:0;font-size:22px}
.header-about-btn{display:none;background:transparent;color:var(--navy);border:0;border-radius:0;padding:0;font-size:16px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none}

.hero{position:relative;min-height:560px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background-image:url('../img/placeholder.png');background-size:cover;background-position:center;filter:brightness(0.5)}
/* use specific hero image for the site start */
.hero-bg{background-image:url('../img/janela-inicio.jpg')}
.hero-bg{transition:opacity .5s ease}
.hero-bg.hero-bg--fade{opacity:.45}
.hero-content{position:relative;color:#fff;padding:64px 0;text-align:left}
.hero-content h1{font-size:48px;margin:0 0 12px}
.hero-content p{opacity:0.95;margin-bottom:18px}
.btn{display:inline-block;padding:12px 22px;text-decoration:none;border-radius:2px}
.btn-primary{background:var(--yellow);color:var(--navy);font-weight:700}

/* Quote button (hero) with WhatsApp icon */
.btn-quote{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--navy);padding:12px 20px;border-radius:6px;font-weight:800;border:0;box-shadow:0 8px 22px rgba(11,76,99,0.08);cursor:pointer}
.btn-quote:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,76,99,0.12)}
.btn-quote .btn-wa-icon{width:20px;height:20px;display:inline-block;vertical-align:middle}
.btn-quote .btn-wa-icon img{width:100%;height:100%;display:block}

/* Hero caption variant (used for slides with a caption) */
.hero-caption{display:flex;align-items:center;gap:28px;max-width:var(--max-width);margin:0 auto}
.hero-caption-photo{width:460px;height:460px;border-radius:50%;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,0.38);border:12px solid #fff;flex-shrink:0}
.hero-caption-photo--large{width:460px;height:460px;border-width:12px}
.hero-caption-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-caption-text{position:relative;color:#fff;padding-left:28px;z-index:2;max-width:620px}
.hero-caption-text::before{content:'';position:absolute;left:0;top:8%;bottom:8%;width:6px;background:var(--yellow);border-radius:3px}
.hero-caption-eyebrow{display:block;color:#fff;opacity:0.95;font-weight:700;margin-bottom:8px}
.hero-caption-title{font-size:48px;margin:0 0 12px;letter-spacing:1px}
.hero-caption-lead{display:block;max-width:560px;color:#fff;opacity:0.98;margin-bottom:18px;background:rgba(7,42,69,0.58);padding:10px 12px;border-radius:6px;line-height:1.35}
.hero-caption-cta{background:var(--yellow);color:var(--navy);font-weight:800;padding:12px 20px;border-radius:2px;text-decoration:none}

@media(max-width:800px){
  .hero-caption{flex-direction:column;align-items:center;gap:14px;padding:0 12px}
  .hero-caption-photo{width:220px;height:220px;border-width:7px;margin:0 auto}
  .hero-caption-photo--large{width:220px;height:220px;border-width:7px}
  .hero-caption-text{padding-left:0;max-width:100%}
  .hero-caption-text::before{display:none}
  .hero-caption-title{font-size:28px}
  .hero-caption-lead{font-size:16px;max-width:100%;padding:10px 12px}
}

/* Hero navigation arrows */
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.35);color:#fff;border:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:30}
.btn-wa-icon{width:18px;height:18px}
.hero-nav:hover{background:rgba(0,0,0,0.5)}
.hero-nav:active{transform:translateY(-50%) scale(.98)}
.hero-nav--prev{left:18px}
.hero-nav--next{right:18px}
@media(max-width:800px){
  .hero-nav{width:40px;height:40px;font-size:22px}
  .hero-nav--prev{left:8px}
  .hero-nav--next{right:8px}
}

/* refined hero nav look: transparent center, subtle white border like reference */
.hero-nav{background:transparent;border:2px solid rgba(255,255,255,0.14);box-shadow:none;color:#fff}
.hero-nav:hover{background:rgba(0,0,0,0.28)}

/* roleta thumbnails */
/* roleta removed per user request */
@media(min-width:801px) and (max-width:900px){
  /* responsive adjustments for larger circles */
  .hero-caption-photo{width:320px;height:320px;border-width:10px}
  .hero-caption-photo--large{width:320px;height:320px}
}

.section{padding:60px 0}
.produtos h2,.servicos h2,.depoimentos h2{margin:0 0 24px;text-align:center;color:var(--navy)}
.prod-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
.prod-item{position:relative;border:6px solid #fff;flex:0 0 190px;max-width:190px}
.prod-item img{width:100%;height:160px;object-fit:cover;display:block}
.prod-item span{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;background:var(--yellow);padding:6px 12px;color:var(--navy);font-weight:700;text-align:center;white-space:nowrap}

@media(max-width:980px){
  .prod-item{flex-basis:220px;max-width:220px}
}

@media(max-width:760px){
  .prod-item{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px)}
}

@media(max-width:480px){
  .prod-item{flex-basis:100%;max-width:100%}
}

.serv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}
.serv-card{background:#fafafa;padding:28px;border:1px solid #eee}
.lead{text-align:center;color:#666;margin-top:8px}

.depo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
blockquote{background:#fff;padding:22px;border-left:4px solid var(--yellow)}
blockquote footer{margin-top:12px;color:#666;font-weight:600}

.contato-info{background:linear-gradient(90deg,rgba(7,42,69,0.03),rgba(7,42,69,0.03));padding:20px}

.site-footer{background:var(--navy);color:rgba(255,255,255,0.9);padding:14px 0;font-size:13px}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-company-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-phone{color:rgba(255,255,255,0.9);text-decoration:none}
.footer-phone:hover{text-decoration:underline}
.footer-nav a{color:rgba(255,255,255,0.85);margin-left:12px;text-decoration:none;font-size:13px}

/* Topbar (WhatsApp + QR) */
.topbar{background:var(--yellow);color:var(--navy);font-weight:600}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:8px 18px}
.topbar a.whatsapp-link{color:var(--navy);text-decoration:none}
.top-left{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:10px}

.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;color:var(--navy);text-decoration:none}
.social-link svg{width:20px;height:20px}

.btn-instagram{background:rgba(255,255,255,0.95);color:var(--navy);padding:6px 10px;border-radius:6px;border:1px solid rgba(7,42,69,0.06);font-weight:700;text-decoration:none}
.btn-instagram:hover{background:#fff}

/* localidade panel styles */
.location-map{margin:6px 0 16px}
.map-lazy{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#f0f4f8,#dbe7f1);border:1px solid #d1dde8;border-radius:8px;padding:18px}
.map-open-link{color:var(--navy);font-weight:700;text-decoration:none}
.map-open-link:hover{text-decoration:underline}
.btn-map-load{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}
.btn-map-load:hover{filter:brightness(1.05)}
.map-iframe{border:0;border-radius:6px;display:block;max-width:100%}
.location-info{background:#fff;padding:16px;border-radius:6px;margin-bottom:12px}
.location-hours ul{list-style:disc;padding-left:20px;margin:8px 0;color:#333}
.location-hours li{margin:6px 0}
.location-email a{color:var(--yellow);font-weight:700;text-decoration:none}
.location-gallery{display:flex;gap:28px;justify-content:center;margin-top:18px}
.location-gallery figure{margin:0;text-align:center}
.location-gallery img{width:340px;height:220px;object-fit:contain;background:#f3f3f3;border:6px solid #fff}

.about-panel{background:#fff;padding:18px;border-radius:8px}
.about-panel h3{margin:0 0 10px;color:var(--navy)}
.about-panel p{margin:0 0 16px;color:#2f3f4f}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-card{background:#f8fafc;border:1px solid #dfe7ee;border-radius:8px;padding:12px}
.about-photo-slot{height:170px;border:3px dashed #c8d6e4;border-radius:8px;background:linear-gradient(180deg,#eef4f9,#dce8f2)}
.about-photo-real{width:100%;height:170px;object-fit:cover;border:0;display:block}
.about-card h4{margin:10px 0 6px;color:var(--navy)}
.about-card p{margin:0;color:#4b5d6e;font-size:14px}

@media(max-width:900px){
  .location-gallery{flex-direction:column;align-items:center}
  .location-gallery img{width:92%;height:auto;max-width:520px}
  .about-grid{grid-template-columns:1fr}
}

/* Specifications table styling (Vidro Laminado) */
.spec-table-wrapper{background:var(--yellow);padding:10px;border-radius:10px;border:4px solid #fff;box-shadow:0 6px 18px rgba(7,42,69,0.06);margin:18px auto;overflow:auto;max-width:880px;position:relative;-webkit-overflow-scrolling:touch}
.spec-table{width:100%;border-collapse:collapse}
.spec-table thead th{background:var(--yellow);padding:12px 14px;color:var(--navy);font-weight:800;border-bottom:2px solid rgba(0,0,0,0.06)}
.spec-table thead th:not(:first-child){text-align:center}
.spec-table thead th:first-child{text-align:left}
.spec-table tbody td{background:rgba(255,239,205,0.9);padding:18px;color:var(--navy);vertical-align:middle;border-top:1px solid rgba(0,0,0,0.04)}
.spec-table tbody tr td:first-child{font-weight:800;text-transform:uppercase}

@media(max-width:720px){
    /* Hotbar mobile */
    .hotbar .tabs {
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      width: 100%;
      padding-bottom: 4px;
      margin-bottom: 0;
    }
    .hotbar .tab {
      min-width: 0;
      flex: 0 0 auto;
      display: inline-flex;
      margin: 0;
      text-align: center;
      border-radius: 6px;
      padding: 8px 14px;
      justify-content: center;
      align-items: center;
      background: transparent;
    }
    .hotbar .tab.active {
      background: var(--yellow);
      color: var(--navy);
      box-shadow: 0 2px 8px rgba(246,191,0,0.08);
    }
  .spec-table thead th{font-size:14px;padding:10px}
  .spec-table tbody td{padding:12px}
}

@media(max-width:720px){
  .spec-table-wrapper{
    padding:6px;
    border-width:2px;
    border-radius:8px;
    margin:14px auto;
    box-shadow:inset -18px 0 14px -14px rgba(7,42,69,0.32), 0 4px 12px rgba(7,42,69,0.08);
  }
  #tab-monolitico .spec-table-wrapper::after{
    content:'Deslize para ver mais';
    position:sticky;
    right:0;
    bottom:0;
    float:right;
    margin-top:4px;
    padding:3px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.02em;
    color:#f8fbff;
    background:rgba(7,42,69,0.78);
    pointer-events:none;
  }
  .spec-table{
    min-width:max-content;
  }
  .spec-table thead th,
  .spec-table tbody td{
    white-space:nowrap;
    font-size:12px;
    padding:7px 8px;
  }
  .spec-table tbody tr td:first-child,
  .spec-table thead th:first-child{
    padding-left:10px;
    padding-right:10px;
  }
}

  /* availability marks */
  .spec-table tbody td:not(:first-child){text-align:center;font-weight:700}
  .spec-table td.yes{color:var(--navy)}
  .tab-title{margin:0 0 12px;text-align:center;color:#fff;font-size:26px;line-height:1.15;letter-spacing:.02em;text-transform:uppercase}
  .tab-lorem{margin:14px 2px 8px;color:#eaf4fb;max-width:900px;line-height:1.45}
.location-gallery figcaption{margin-top:8px;color:#fff;font-weight:800;text-transform:uppercase}

/* Hotbar with tabs */
.hotbar{background:#09283b;color:#fff;border-top:4px solid var(--yellow)}
.hotbar-inner{padding:8px 18px}
.hotbar-grid{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:18px;row-gap:8px;align-items:center}
.tabs{display:flex;gap:8px;position:relative;align-items:center;justify-content:center}
.tabs-row-top{grid-column:1;grid-row:1}
.tabs-row-bottom{grid-column:1;grid-row:2}
.tab{position:relative;z-index:1}
.tab{background:transparent;border:0;color:#fff;padding:8px 12px;cursor:pointer;font-weight:400}
.tab.active{background:var(--yellow);color:var(--navy);border-radius:2px;font-weight:700}
.hotbar-actions{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;display:flex;justify-content:flex-end}

/* panel below hotbar that shows images for the selected tab */
.hotbar-panel{background:#0c3b4f;padding:18px 0;border-bottom:6px solid #0b3547;display:none}
.hotbar-panel.show{display:block}
.hotbar-panel .tab-contents{max-width:var(--max-width);margin:0 auto;position:relative}
.hotbar-panel .tab-content{display:none;padding:6px 0}
.hotbar-panel .tab-content.active{display:block}
.hotbar-panel .tab-content.is-animating{display:block;position:absolute;left:0;top:0;width:100%}
.hotbar-panel .tab-content.slide-in-right{animation:panel-slide-in-right .58s cubic-bezier(.2,.8,.2,1) both}
.hotbar-panel .tab-content.slide-in-left{animation:panel-slide-in-left .58s cubic-bezier(.2,.8,.2,1) both}
.hotbar-panel .tab-content.slide-out-left{animation:panel-slide-out-left .58s cubic-bezier(.2,.8,.2,1) both}
.hotbar-panel .tab-content.slide-out-right{animation:panel-slide-out-right .58s cubic-bezier(.2,.8,.2,1) both}

@keyframes panel-slide-in-right{
  from{opacity:0;transform:translateX(28px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes panel-slide-in-left{
  from{opacity:0;transform:translateX(-28px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes panel-slide-out-left{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(-28px)}
}
@keyframes panel-slide-out-right{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(28px)}
}

.hotbar-panel .small-grid{display:flex;gap:22px;justify-content:center}
.hotbar-panel .small-grid img{width:420px;height:210px;object-fit:cover;border:6px solid #fff}
.hotbar-panel .small-grid.small-grid--fantasia{flex-wrap:wrap;align-items:center;justify-content:center}
.hotbar-panel .small-grid.small-grid--fantasia figure{margin:0 auto;text-align:center;width:320px;display:flex;flex-direction:column;align-items:center}
.hotbar-panel .small-grid.small-grid--fantasia img{width:100%;display:block;margin:0 auto;object-position:center center}
.hotbar-panel .small-grid.small-grid--fantasia figcaption{margin-top:8px;color:#fff;font-weight:700}
.hotbar-panel .small-grid img.laminado-zoom{object-position:center;transform:scale(1.14);transform-origin:center;clip-path:inset(0)}

.tab-media-text{display:flex;align-items:center;justify-content:center;gap:24px}
.tab-single-image{width:420px;height:210px;object-fit:cover;border:6px solid #fff;flex-shrink:0}
.tab-text-side{flex:0 0 280px;max-width:280px;min-width:220px;padding-top:4px}
.tab-text-side .tab-lorem{margin:0;color:#eaf4fb}
.hotbar-panel .tab-content > .tab-lorem{margin:14px auto 8px;text-align:center}

/* Acessorios: manter imagem completa sem corte */
#tab-acessorios .tab-single-image{object-fit:contain;height:auto;aspect-ratio:4 / 3;background:#f3f3f3}

/* Refletivos: ratio mais equilibrada (634x421) e texto com mais respiro */
#tab-refletivos .tab-single-image{width:400px;height:auto;aspect-ratio:634 / 421}
#tab-refletivos .tab-text-side{flex:1 1 360px;max-width:500px;min-width:280px}

/* topbar QR styling */
/* topbar whatsapp button */
.topbar .whatsapp-link{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:#ffde59;color:var(--navy);text-decoration:none;font-weight:800;border:none;box-shadow:0 6px 18px rgba(246,191,0,0.16);transition:transform .16s ease,box-shadow .16s ease}
.topbar .whatsapp-link:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(246,191,0,0.22)}
.topbar .whatsapp-link img.top-wa-icon{width:18px;height:18px}
.topbar .whatsapp-link:focus{outline:3px solid rgba(7,42,69,0.12);outline-offset:2px}

@media(max-width:720px){
  /* Remove padding lateral só no painel de localidade */
  #tab-localidade .container { padding-left: 0; padding-right: 0; }
  .location-map iframe { width: 100% !important; min-height: 260px; }
  html, body { overflow-x: hidden; }
  .container { padding: 0 4vw; }
  .top-left{width:100%;gap:4px}
  .topbar .whatsapp-link{display:flex;flex:1 1 auto;min-width:0;width:auto;justify-content:flex-start;padding:11px 12px;font-size:14px;line-height:1.2;border-radius:10px}
  .topbar .btn-instagram{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 38%;padding:12px 8px;white-space:nowrap}
  .topbar .btn-instagram .insta-icon{margin-right:0;flex-shrink:0}
  .topbar{padding:6px 0}
  .tab-media-text{flex-direction:column}
  .tab-title{font-size:22px}
  .tab-single-image{width:100%;max-width:420px;height:210px}
  #tab-acessorios .tab-single-image{height:auto;aspect-ratio:4 / 3}
  .tab-text-side{flex:auto;max-width:100%}
  .hotbar-panel .small-grid,
  .small-grid{flex-direction:column;align-items:center;gap:14px}
  .hotbar-panel .small-grid.small-grid--fantasia figure{width:100%;max-width:420px}
  .hotbar-panel .small-grid img,
  .small-grid img{width:100%;max-width:420px;height:auto}
}

/* WhatsApp modal */
.wa-modal{position:fixed;inset:0;display:none;z-index:2200}
.wa-modal.show{display:block}
.wa-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45)}
.wa-modal-panel{position:relative;max-width:760px;margin:8vh auto;background:#fff;border-radius:6px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,0.25);display:flex;flex-direction:column}
.wa-modal.show .wa-modal-panel{animation:wa-slide-in .34s cubic-bezier(.22,.9,.36,1)}

@keyframes wa-slide-in{
  from{opacity:0;transform:translateY(12px) scale(.995)}
  to{opacity:1;transform:none}
}
.wa-modal-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:18px;cursor:pointer}
.wa-modal-body{display:flex;gap:18px;align-items:center}
.wa-modal-qr{width:180px;height:180px;background:#fff;border:6px solid #f3f3f3}
.wa-info p{margin:6px 0;color:#222}
.wa-lead{margin:12px 0 6px;line-height:1.35}
.wa-actions{display:flex;align-items:center;gap:12px;margin-top:12px}
.wa-hide-qr input{margin-right:6px}

/* vertical modal variant */
.wa-modal-vertical{max-width:360px;padding:18px}
.wa-modal-body-vertical{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.wa-modal-vertical .wa-modal-qr{width:180px;height:180px}
.wa-modal-vertical .wa-actions{margin-top:8px}

@media(max-width:720px){
  .wa-modal-panel{width:92%;margin:6vh auto;padding:14px}
  .wa-modal-body{flex-direction:column;align-items:stretch}
  .wa-modal-qr{width:220px;height:220px;margin:0 auto}
  .wa-modal-vertical .wa-modal-qr{width:200px;height:200px}
}
.btn-local{background:#1b6b8a;color:#fff;padding:10px 18px;border-radius:6px;border:0;font-weight:600;box-shadow:0 6px 18px rgba(11,76,99,0.12);transition:transform .14s ease,box-shadow .14s ease}
.btn-local .label-mobile{display:none}
.btn-local:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(11,76,99,0.16)}
.insta-icon{width:18px;height:18px;vertical-align:middle;margin-right:8px}
.cta-whatsapp{display:inline-flex;align-items:center;gap:8px}
.wa-icon{display:inline-block;vertical-align:middle;width:18px;height:18px}
.top-wa-icon{width:18px;height:18px;vertical-align:middle;margin-right:8px}
.small-grid{display:flex;gap:12px}
.small-grid img{width:220px;height:140px;object-fit:cover;border:4px solid #fff}
@media(max-width:800px){
  .hero-content h1{font-size:28px}
  .site-header{padding:6px 0}
  .header-inner{padding:6px 0}
  .logo{padding:4px 0}
  .logo-image{width:240px;max-width:100%}
  .btn-local .label-desktop{display:none}
  .btn-local .label-mobile{display:inline}
  .header-about-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:22px}
  .header-right{display:none}
  .main-nav{display:none}
  .header-hours{display:none}
  .menu-toggle{display:none}
  .hotbar{margin-top:6px}
  .hotbar-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:10px}
  .tabs-row-top{grid-column:1;grid-row:1}
  .hotbar-actions{grid-column:1;grid-row:2;justify-self:center}
  .tabs-row-bottom{grid-column:1;grid-row:3}
  .topbar-inner{flex-direction:column;align-items:flex-start;gap:8px}
  .footer-inner{align-items:flex-start;gap:8px}
  .footer-company-info{display:block}
  .footer-company-info .footer-copy{display:block}
  .footer-company-info .footer-rights{display:block}
  .footer-company-info .footer-cnpj{display:block}
  .footer-company-info .footer-divider{display:none}
  .footer-phone{display:block;margin-top:2px}
  .tab-contents{width:100%}
}