
/* DMC — leitura confortável e margens responsivas */
html,body{max-width:100%;overflow-x:clip}
body{font-size:15px;line-height:1.55}
.wrap,.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:clamp(24px,5vw,48px)!important;padding-right:clamp(24px,5vw,48px)!important}
.navin,.navinner{padding-left:clamp(20px,4.5vw,44px)!important;padding-right:clamp(20px,4.5vw,44px)!important;max-width:1200px}
.official-mark{width:132px!important;height:auto!important;max-height:65px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important;border-radius:0!important}
.brand{min-width:0;gap:12px!important}.brandtext{min-width:0}.brand strong,.brandtext strong{font-size:12px;line-height:1.3;letter-spacing:.035em}.brand small,.brandtext small{font-size:9px;letter-spacing:.075em}
.section h2,.portal-links h2,.container h1,.container h2{line-height:1.2;overflow-wrap:break-word}
.portal-links .grid{gap:15px}.portal-links .grid a{min-width:0;padding:19px;border-radius:15px}.portal-links .grid strong{line-height:1.3}.portal-links .grid span{line-height:1.45}
.cardbody{padding:22px}.intro,p{overflow-wrap:break-word}
@media(max-width:680px){
 .wrap,.container{padding-left:26px!important;padding-right:26px!important}
 .navin,.navinner{padding:12px 22px!important;gap:11px!important}
 .official-mark{width:107px!important;max-height:54px!important}
 .brand,.brandtext{gap:8px!important}.brand strong,.brandtext strong{font-size:10px!important;letter-spacing:0!important}.brand small,.brandtext small{font-size:8px!important;letter-spacing:.055em!important}
 .section h2,.portal-links h2,.container h1,.container h2{font-size:clamp(23px,6vw,29px)!important;line-height:1.22!important;letter-spacing:-.025em}
 .portal-links .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .portal-links .grid a{padding:17px 14px!important;border-radius:16px}
 .portal-links .grid strong{font-size:14px!important}.portal-links .grid span{font-size:12px!important}
 .cardbody{padding:19px}.card h3{font-size:19px}.section{padding:32px 0}
 .slide{border-radius:18px}.slidetext h1{font-size:clamp(26px,7vw,34px)!important}
 .whatsapp{right:15px;bottom:17px;width:54px;height:54px}
}
@media(max-width:380px){.wrap,.container{padding-left:22px!important;padding-right:22px!important}.official-mark{width:91px!important}.brand strong,.brandtext strong{font-size:9px!important}.portal-links .grid{gap:10px}.portal-links .grid a{padding:14px 12px!important}.portal-links .grid span{font-size:11px!important}}

:is(.btn,.outline,.action,.arrow,.dot,.menu,.menubtn,.whatsapp,.home-admin){
  transition:filter .15s,box-shadow .15s,transform .15s;
}
:is(.btn,.outline,.action,.arrow,.dot,.menu,.menubtn,.whatsapp,.home-admin):hover{
  filter:brightness(.9);
  box-shadow:0 3px 10px #17171730;
}
:is(.btn,.outline,.action,.arrow,.dot,.menu,.menubtn,.whatsapp,.home-admin):active{
  transform:translateY(1px);
  box-shadow:none;
}
:is(.btn,.outline,.action,.arrow,.dot,.menu,.menubtn,.whatsapp,.home-admin):focus-visible{
  outline:3px solid #a16d25;
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  :is(.btn,.outline,.action,.arrow,.dot,.menu,.menubtn,.whatsapp,.home-admin){transition:none}
}

body .footer,body .stat,body .dmc-fortaleza{background:#000}
body .dmc-fortaleza{border-color:#000}
.dmc-footer-logo{display:block;width:min(164px,100%);height:auto;margin:0 0 12px;object-fit:contain}
.dmc-footer-social{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 12px}
.footer .dmc-footer-social a,.dmc-footer-social .dmc-social-unavailable{
  display:grid;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid #a87c43;border-radius:50%;color:#f3cd91
}
.footer .dmc-footer-social a:hover{background:#eac488;color:#000}
.footer .dmc-footer-social a:focus-visible{outline:2px solid #f3cd91;outline-offset:3px}
.dmc-footer-social .dmc-social-unavailable{color:#c7b29a;border-color:#685b49}
.dmc-footer-social img{display:block}

/* Controles do menu no celular */
body :is(button.menu,button.menubtn){
  -webkit-appearance:none;appearance:none;
  color:#94621c;border-color:#be8e40;
}

.dmc-more{position:relative}
.dmc-more summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:9px 12px;border:1px solid #000;border-radius:999px;color:#fff;background:#000}
.dmc-more summary:hover{border-color:#be8e40}
.dmc-more summary:focus-visible{outline:2px solid #be8e40;outline-offset:3px}
.dmc-more summary::-webkit-details-marker{display:none}
.dmc-more summary::after{content:"⌄";font-size:15px;line-height:1}
.dmc-more[open] summary::after{transform:rotate(180deg)}
.dmc-more-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(420px,85vw);background:#fff;border:1px solid #be8e40;border-radius:15px;padding:18px;box-shadow:0 14px 36px #17171724}
.dmc-menu-group strong{display:block;color:#79501a;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px}
.dmc-more-panel a{display:block;padding:8px;border-radius:6px}
.dmc-more-panel a:hover,.dmc-more-panel a:focus-visible{background:#f8f0e1}
nav .dmc-enter{display:inline-flex;align-items:center;gap:7px;background:#be8e40;color:#171717;padding:9px 14px;border:1px solid #be8e40;border-radius:999px;white-space:nowrap}
nav .dmc-enter:hover{background:#d5a454;color:#171717}
.dmc-enter svg{width:17px;height:17px;flex:none}
.mobile .dmc-menu-group,.mobilelinks .dmc-menu-group{margin-top:16px}
.mobile .dmc-enter,.mobilelinks .dmc-enter{margin-top:14px}
:is(.desktop,.navlinks) [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.dmc-more:not([open]) .dmc-more-panel{display:none}

.footer .dmc-footer-brand{display:inline-block;width:fit-content;padding:0;color:#fff;font:inherit}
.footer a:not(.dmc-footer-social a){transition:color .2s ease,transform .2s ease}
.footer a:not(.dmc-footer-social a):focus-visible{color:#f3cd91;outline:2px solid #f3cd91;outline-offset:3px}
@media(hover:hover){
  .footer a:not(.dmc-footer-social a):hover{color:#f3cd91;transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
  .footer a:not(.dmc-footer-social a){transition:none}
  .footer a:not(.dmc-footer-social a):hover{transform:none}
}
