/* DSGQ — Serviços (novo design) — estilos específicos desta página */
html{scroll-behavior:smooth}
body{margin:0;background:#fbfaf7;font-family:'Figtree',system-ui,sans-serif;color:#0D1B40}
*{box-sizing:border-box}
a{color:#e45602;text-decoration:none}
a:hover{color:#c24a02}

@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

.h-rise{animation:riseIn .7s cubic-bezier(.2,.7,.2,1) both}
.h-rise2{animation:riseIn .7s cubic-bezier(.2,.7,.2,1) .12s both}
.h-rise3{animation:riseIn .7s cubic-bezier(.2,.7,.2,1) .22s both}

.cat-card{cursor:pointer;position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(13,27,64,.09);box-shadow:0 16px 40px -30px rgba(13,27,64,.5);transition:transform .28s,box-shadow .28s;display:block;text-align:left;background:none;padding:0;width:100%;font:inherit;color:inherit}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 30px 56px -28px rgba(13,27,64,.5)}
.cat-card:hover img{transform:scale(1.06)}
.cat-card img{transition:transform .4s}

.tab-btn{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:'Spectral',serif;font-style:italic;font-weight:600;font-size:16px;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(13,27,64,.15);background:#fff;color:#0D1B40;cursor:pointer;white-space:nowrap;box-shadow:none;transition:all .2s}
.tab-btn .dot{width:7px;height:7px;border-radius:50%;background:#e45602;flex:none}
.tab-btn.active{border-color:#e45602;background:#e45602;color:#fff;box-shadow:0 10px 22px -10px rgba(232,85,28,.7)}
.tab-btn.active .dot{background:#fff}

.item-card{background:#fff;border:1px solid rgba(13,27,64,.09);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s}
.item-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px -28px rgba(13,27,64,.4)}

.hov-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.hov-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(13,27,64,.5);border-color:rgba(232,85,28,.35)}
a[href][style*="border-radius:12px"],a[href][style*="border-radius:999px"],a[href][style*="border-radius:10px"],button{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,filter .22s,background .22s}
a[href][style*="border-radius:12px"]:hover,a[href][style*="border-radius:999px"]:hover,a[href][style*="border-radius:10px"]:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 34px -14px rgba(232,85,28,.5)}
button:hover{transform:translateY(-2px);filter:brightness(1.05)}
button:active,a[href][style*="border-radius:12px"]:active{transform:translateY(0)}

.footer-social-ico:hover{color:#e45602;border-color:#e45602;transform:translateY(-2px)}

/* logo: só a versão colorida aparece por padrão; a branca é alternativa só no dark mode */
.logo-dark{display:none}
html.dark .logo-light{display:none}
html.dark .logo-dark{display:inline-block}

/* dark mode */
.ic-sun{display:none}
html.dark .ic-moon{display:none}
html.dark .ic-sun{display:inline-flex}
#darkToggle:hover{transform:translateY(-2px);border-color:#e45602;color:#e45602}
html.dark #darkToggle{border-color:rgba(255,255,255,.22);color:#eef2fb}
html.dark body{background:#0b1220}html.dark [style*="background:#fff"],html.dark [style*="background:rgb(255, 255, 255)"]{background:#131d31!important}html.dark [style*="background:#fbfaf7"],html.dark [style*="background:rgb(251, 250, 247)"]{background:#0e1626!important}html.dark [style*="background:#f2efe8"],html.dark [style*="background:rgb(242, 239, 232)"]{background:#0a111e!important}
html.dark [style*="background:rgba(251,250,247,.72)"]{background:rgba(11,18,32,.72)!important}
html.dark [style*="background:rgba(251,250,247,.9)"]{background:rgba(11,18,32,.9)!important}html.dark [style*="color:#0D1B40"],html.dark [style*="color:rgb(13, 27, 64)"]{color:#eef2fb!important}html.dark [style*="color:#566079"],html.dark [style*="color:#8b96b5"],html.dark [style*="color:#42506e"],html.dark [style*="color:#6b7690"],html.dark [style*="color:#33405e"],html.dark [style*="color:#9aa5bd"],html.dark [style*="color:rgb(86, 96, 121)"],html.dark [style*="color:rgb(139, 150, 181)"],html.dark [style*="color:rgb(66, 80, 110)"],html.dark [style*="color:rgb(107, 118, 144)"],html.dark [style*="color:rgb(51, 64, 94)"],html.dark [style*="color:rgb(154, 165, 189)"]{color:#aeb8d0!important}html.dark [style*="color:#16502A"],html.dark [style*="color:rgb(22, 80, 42)"]{color:#7fe3a4!important}
html.dark [style*="rgba(13,27,64,"]{border-color:rgba(255,255,255,.12)!important}
html.dark input,html.dark select,html.dark textarea{background:#0e1626!important;color:#eef2fb!important;border-color:rgba(255,255,255,.16)!important}
html.dark details{background:#0e1626!important}
html.dark .tab-btn{background:#131d31;color:#eef2fb;border-color:rgba(255,255,255,.16)}
html.dark .item-card{background:#131d31;border-color:rgba(255,255,255,.1)}

/* responsive */
@media (max-width:920px){[style*="max-width: 1180px"],[style*="max-width:1180px"],[style*="max-width: 1080px"],[style*="max-width:1080px"],[style*="max-width: 900px"],[style*="max-width:900px"],[style*="max-width: 820px"],[style*="max-width:820px"],[style*="max-width: 780px"],[style*="max-width:780px"],[style*="max-width: 760px"],[style*="max-width:760px"],[style*="max-width:1180px"],[style*="max-width:1080px"],[style*="max-width:900px"],[style*="max-width:820px"],[style*="max-width:780px"],[style*="max-width:760px"]{padding-left:14px!important;padding-right:14px!important}
  [style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"],[style*="1.05fr .95fr"],[style*="1.4fr 1fr 1fr 1fr"]{grid-template-columns:1fr!important}
  h1{font-size:clamp(30px,7vw,44px)!important;line-height:1.12!important}
  h2{font-size:clamp(24px,5.4vw,36px)!important}
  header nav a:not([style*="999px"]){display:none!important}
  header nav span[style*="margin-left"]{display:none!important}
  header nav{gap:12px!important}
  /* filtro de áreas: carrossel de uma linha em vez de ocupar a tela toda */
  .tabs-row{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px!important}
  .tabs-row::-webkit-scrollbar{display:none}
  .tabs-row .tab-btn{scroll-snap-align:center;font-size:14.5px;padding:8px 15px}
  /* 10 áreas: grade compacta de 2 colunas */
  .cats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .cats-grid .cat-card [style*="height:150px"],.cats-grid .cat-card [style*="height: 150px"]{height:104px!important}
  .cats-grid .cat-card h3{font-size:14.5px!important;line-height:1.15!important}
  .cats-grid .cat-card [style*="padding:16px 18px"],.cats-grid .cat-card [style*="padding: 16px 18px"]{padding:11px 12px!important}
  .cats-grid .cat-card span[style*="font:500 13px"]{font-size:11.5px!important}
  header > div{padding-left:14px!important;padding-right:14px!important}a[style*="border-radius: 12px"],a[style*="border-radius:12px"],button,a[style*="border-radius:12px"]{white-space:normal!important}
}
@media (max-width:560px){[style*="max-width: 1180px"],[style*="max-width:1180px"],[style*="max-width: 1080px"],[style*="max-width:1080px"],[style*="max-width: 900px"],[style*="max-width:900px"],[style*="max-width: 820px"],[style*="max-width:820px"],[style*="max-width: 780px"],[style*="max-width:780px"],[style*="max-width: 760px"],[style*="max-width:760px"],[style*="max-width:1180px"],[style*="max-width:1080px"],[style*="max-width:900px"],[style*="max-width:820px"],[style*="max-width:780px"],[style*="max-width:760px"]{padding-left:10px!important;padding-right:10px!important}section[style*="padding: 96px 0"],section[style*="padding:96px 0"],section[style*="padding: 88px 0"],section[style*="padding:88px 0"],section[style*="padding:96px 0"],section[style*="padding:88px 0"]{padding-top:52px!important;padding-bottom:52px!important}
  [data-items] { grid-template-columns:1fr!important }
}