/*
Theme Name: Portal Pele
Template: portal-wire
Version: 1.0.0
Requires PHP: 8.1
*/

body.pele{background:#fff}
.pele .headline,.pele h1,.pele h2,.pele h3,.pele .story__title{letter-spacing:-.005em;font-weight:500}
.pele .hero-lead .story__title,.pele .story__title--lg{color:var(--pele-marca)}
.pele .meta,.pele .byline,.pele .dateline,.pele .latest__time,.pele .section-head__more{letter-spacing:0}
.pele .section-head__label{font-weight:700;letter-spacing:.02em}
.pele-top{background:var(--pele-topo)}
.pele-top__in{display:flex;align-items:center;justify-content:space-between;height:80px;gap:16px}
.pele-brand{display:flex;align-items:center;color:var(--pele-logo)}
.pele-brand:hover{text-decoration:none}
.pele-logo{display:block;height:var(--pele-logo-h,52px);width:auto;fill:currentColor;color:var(--pele-logo)}
.pele-logo--txt{font-family:var(--head);font-weight:700;font-size:28px;height:auto}
.pele-burger{width:40px;height:40px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:6px;color:var(--pele-logo)}
.pele-burger span{display:block;height:3px;border-radius:2px;background:currentColor}
.pele-busca{color:var(--pele-logo);display:flex;padding:8px}
.pele-nav{background:var(--pele-barra);box-shadow:0 2px 4px rgba(0,0,0,.12)}
.pele-nav__in{display:flex;align-items:stretch;height:35px;overflow-x:auto;scrollbar-width:none}
.pele-nav__in::-webkit-scrollbar{display:none}
.pele-nav__home{display:flex;align-items:center;padding:0 14px;color:var(--pele-menu-texto)}
.pele-nav__lista{display:flex;margin:0;padding:0;list-style:none;flex:1}
.pele-nav__lista li{list-style:none;display:flex;flex:1 0 auto}
.pele-nav__lista a{display:flex;align-items:center;justify-content:center;width:100%;padding:0 16px;color:var(--pele-menu-texto);font-family:var(--sans);font-weight:500;font-size:15px;white-space:nowrap}
.pele-nav__lista a:hover{text-decoration:none;filter:brightness(1.08)}
.pele--faixas .pele-nav__lista li[class*="pele-ed-"] a{background:var(--ed);color:#fff}
.pele--texto .pele-nav{box-shadow:none;border-bottom:1px solid var(--rule)}
.pele--texto .pele-nav__in{height:42px}
.pele--texto .pele-nav__lista li{flex:0 0 auto}
.pele--texto .pele-nav__lista a{font-weight:700;padding:0 14px}
.pele--texto .pele-nav__lista a:hover{color:var(--pele-marca);filter:none}
.pele-nav__svc a{font-weight:400}
.pele-gaveta{background:#fff;border-bottom:1px solid var(--rule);box-shadow:var(--shadow-2);position:relative;z-index:40}
.pele-gaveta ul{list-style:none;margin:0;padding:12px 0;columns:3 200px}
.pele-gaveta li{list-style:none;break-inside:avoid}
.pele-gaveta a{display:block;padding:8px 0;font-weight:500;color:var(--ink)}
.pele-gaveta li[class*="pele-ed-"]>a{color:var(--ed)}
.pele-gaveta .sub-menu{padding:0 0 4px 12px;columns:auto}
.pele-gaveta .sub-menu a{font-weight:400;font-size:14px;color:var(--muted)}
.pele-rodape{background:var(--pele-rodape);color:var(--pele-rodape-texto);margin-top:48px}
.pele-rodape__cores{display:flex;height:8px}
.pele-rodape__cores span{flex:1;background:var(--ed)}
.pele-rodape__grade{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px;padding:40px var(--pad) 28px}
.pele-rodape .pele-logo--neg{color:var(--pele-rodape-texto);height:64px}
.pele-rodape__col h2{font-family:var(--sans);font-size:15px;font-weight:700;color:inherit;margin:0 0 12px}
.pele-rodape__col ul{list-style:none;margin:0;padding:0}
.pele-rodape__col li{list-style:none;font-size:14px;line-height:1.9;color:inherit;opacity:.85}
.pele-rodape__col a{color:inherit}
.pele-rodape__barra{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding:16px var(--pad);font-size:13px;color:inherit;opacity:.85}
.pele-rodape__selo{display:inline-flex;align-items:center;gap:8px}
.pele-rodape__selo .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e}
@media (max-width:760px){
  .pele-top__in{height:64px}
  .pele-logo{height:calc(var(--pele-logo-h,52px) * .78)}
  .pele-nav__lista a{padding:0 12px;font-size:14px}
  .pele-rodape__grade{grid-template-columns:1fr 1fr;gap:24px}
  .pele-rodape__marca{grid-column:1/-1}
}