/* Papel Avulso — layout: wrap, cabeçalho, rodapé, grades */

.pa-wrap { width: 100%; max-width: var(--pa-wrap); margin-inline: auto; padding-inline: var(--pa-gap); }
.pa-section { padding-block: var(--pa-s-6); }
.pa-section--tight { padding-block: var(--pa-s-5); }
.pa-section--sand { background: var(--pa-sand); }

.pa-grid { display: grid; gap: var(--pa-s-4); }
.pa-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pa-grid--3 { grid-template-columns: repeat(3, 1fr); }
.pa-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .pa-grid--4 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px)  { .pa-grid--3, .pa-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px)  { .pa-grid--2, .pa-grid--3, .pa-grid--4 { grid-template-columns: 1fr; } }

/* Cabeçalho de seção */
.pa-head { display: flex; align-items: end; justify-content: space-between; gap: var(--pa-s-3); margin-bottom: var(--pa-s-4); flex-wrap: wrap; }
.pa-head h2 { margin: 0; }
.pa-head__link { font-weight: 600; font-size: var(--pa-t--1); white-space: nowrap; }

/* ---------- Barra do topo ---------- */
.pa-topbar { background: var(--pa-espresso); color: #fff; font-size: var(--pa-t--1); }
.pa-topbar .pa-wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--pa-s-3); min-height: 40px; flex-wrap: wrap; }
.pa-topbar a { color: #fff; opacity: .88; }
.pa-topbar a:hover { opacity: 1; text-decoration: none; }
.pa-topbar__info { display: flex; gap: var(--pa-s-4); flex-wrap: wrap; }
.pa-topbar__links { display: flex; gap: var(--pa-s-3); align-items: center; }

/* ---------- Cabeçalho ---------- */
.pa-header { background: #fff; border-bottom: 1px solid var(--pa-line); position: sticky; top: 0; z-index: 50; }
.pa-header__in { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: var(--pa-s-4); padding-block: var(--pa-s-3); }
.pa-logo img { width: auto; height: 62px; }
.pa-logo-txt { font-weight: 800; font-size: var(--pa-t-2); color: var(--pa-ink); }
.pa-header__actions { display: flex; align-items: center; gap: var(--pa-s-3); }

.pa-icon-btn { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; color: var(--pa-ink); background: transparent; border: 1px solid transparent; position: relative; }
.pa-icon-btn:hover { background: var(--pa-sand); text-decoration: none; }
.pa-icon-btn__count {
  position: absolute; top: -2px; right: -2px; min-width: 1.15rem; height: 1.15rem; padding: 0 .25rem;
  display: grid; place-items: center; border-radius: var(--pa-r-pill);
  background: var(--pa-orange); color: #fff; font-size: .66rem; font-weight: 700;
}

/* ---------- Navegação ---------- */
.pa-nav { border-top: 1px solid var(--pa-line); background: #fff; }
.pa-nav ul { display: flex; gap: var(--pa-s-4); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.pa-nav li { margin: 0; position: relative; }
.pa-nav a { display: block; padding: .8rem 0; font-size: var(--pa-t--1); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pa-ink); }
.pa-nav a:hover { color: var(--pa-orange-deep); text-decoration: none; }
.pa-nav .current-menu-item > a { color: var(--pa-orange-deep); }

/* submenu */
.pa-nav .sub-menu {
  position: absolute; top: 100%; left: 0; min-width: 230px; z-index: 60;
  display: none; flex-direction: column; gap: 0;
  background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-r-chip);
  box-shadow: var(--pa-shadow-lift); padding: .4rem;
}
.pa-nav li:hover > .sub-menu, .pa-nav li:focus-within > .sub-menu { display: flex; }
.pa-nav .sub-menu a { padding: .5rem .7rem; text-transform: none; letter-spacing: 0; font-weight: 500; border-radius: var(--pa-r-chip); }
.pa-nav .sub-menu a:hover { background: var(--pa-sand); }

/* botão do menu no celular */
.pa-burger { display: none; }

@media (max-width: 980px) {
  .pa-header__in { grid-template-columns: auto 1fr auto; }
  .pa-header__search { display: none; }
  .pa-burger { display: grid; }
  .pa-nav ul { display: none; flex-direction: column; gap: 0; padding-block: .5rem; }
  .pa-nav.is-open ul { display: flex; }
  .pa-nav .sub-menu { position: static; display: flex; box-shadow: none; border: 0; padding-left: .8rem; }
}

/* ---------- Rodapé ---------- */
.pa-footer { background: var(--pa-espresso); color: #cfc6bc; margin-top: var(--pa-s-7); }
.pa-footer a { color: #cfc6bc; }
.pa-footer a:hover { color: #fff; }
.pa-footer__top { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--pa-s-5); padding-block: var(--pa-s-6); }
@media (max-width: 860px) { .pa-footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .pa-footer__top { grid-template-columns: 1fr; } }
.pa-footer h3 { color: #fff; font-size: var(--pa-t--1); letter-spacing: .1em; text-transform: uppercase; margin-bottom: var(--pa-s-3); }
.pa-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.pa-footer li { margin: 0; }
.pa-footer__brand img { height: 64px; width: auto; margin-bottom: var(--pa-s-3); }
.pa-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); padding-block: var(--pa-s-4); display: flex; justify-content: space-between; gap: var(--pa-s-3); flex-wrap: wrap; font-size: var(--pa-t--1); }
.pa-footer__social { display: flex; gap: .6rem; }
.pa-footer__social a { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: rgba(255,255,255,.08); }
.pa-footer__social a:hover { background: var(--pa-orange); color: #fff; }