/* Papel Avulso — home
   Carregado só na página inicial (ver pa_assets). */

/* ---------- Hero ---------- */
.pa-hero { background: var(--pa-sand); border-bottom: 1px solid var(--pa-line); overflow: hidden; }
.pa-hero__in {
  display: grid; grid-template-columns: 1.05fr .95fr; align-items: center;
  gap: var(--pa-s-6); padding-block: var(--pa-s-6);
}
.pa-hero__texto { display: flex; flex-direction: column; gap: var(--pa-s-3); }

.pa-hero__olho {
  margin: 0; font-family: var(--pa-font-mono); font-size: .72rem;
  letter-spacing: .12em; text-transform: uppercase; color: var(--pa-orange-deep);
}
.pa-hero__olho strong { font-weight: 700; }

.pa-hero h1 { margin: 0; font-size: var(--pa-t-4); line-height: 1.06; letter-spacing: -.025em; text-wrap: balance; }
.pa-hero__lead { margin: 0; max-width: 46ch; color: var(--pa-ink-2); font-size: var(--pa-t-1); line-height: 1.55; }

.pa-hero__busca { max-width: 470px; margin-top: var(--pa-s-1); }
.pa-hero__acoes { display: flex; gap: var(--pa-s-2); flex-wrap: wrap; }

.pa-hero__tamanhos {
  display: flex; gap: .35rem; flex-wrap: wrap;
  list-style: none; margin: var(--pa-s-1) 0 0; padding: 0;
}
.pa-hero__tamanhos li { margin: 0; }

/* A pilha de amostras: folhas soltas, não um caderno.
   A largura é explícita de propósito: as folhas são todas absolutas, então
   com max-width + margem automática o box encolhe para zero e some. */
.pa-hero__pilha { position: relative; aspect-ratio: 1/1; width: min(100%, 430px); margin-inline: auto; }
/* Quadrado de propósito: as fotos do catálogo são quadradas e trazem o nome do
   papel impresso — recortar para retrato cortaria o texto. */
.pa-hero__folha {
  position: absolute; width: 56%; aspect-ratio: 1/1; display: block;
  background: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 14px;
  overflow: hidden; box-shadow: var(--pa-shadow-lift);
}
.pa-hero__folha img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pa-hero__folha--1 { left: 0;    top: 6%;   transform: rotate(-8deg); z-index: 1; }
.pa-hero__folha--2 { right: 0;   top: 0;    transform: rotate(6deg);  z-index: 2; }
.pa-hero__folha--3 { left: 22%;  bottom: 0; transform: rotate(-2deg); z-index: 3; }

@media (max-width: 980px) {
  .pa-hero__in { grid-template-columns: 1fr; gap: var(--pa-s-5); }
  .pa-hero__pilha { order: -1; width: min(100%, 300px); }
}
@media (max-width: 560px) {
  .pa-hero__pilha { width: min(100%, 240px); }
}

/* Notebook: o hero não pode ocupar a tela toda sozinho. */
@media (min-width: 981px) and (max-height: 800px) {
  .pa-hero__in { padding-block: var(--pa-s-5); }
  .pa-hero h1 { font-size: clamp(2rem, 1.2rem + 2vw, 2.9rem); }
  .pa-hero__pilha { width: min(100%, 370px); }
}

/* ---------- Selos ---------- */
.pa-usps { border-bottom: 1px solid var(--pa-line); }

/* ---------- Faixa do corte ---------- */
.pa-corte { background: var(--pa-espresso); color: #efe7de; }
.pa-corte__in {
  display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  gap: var(--pa-s-6); padding-block: var(--pa-s-6);
}
.pa-corte__texto { display: flex; flex-direction: column; gap: var(--pa-s-3); align-items: start; }
.pa-corte__olho {
  font-family: var(--pa-font-mono); font-size: .72rem;
  letter-spacing: .12em; text-transform: uppercase; color: var(--pa-orange);
}
.pa-corte h2 { margin: 0; color: #fff; font-size: var(--pa-t-3); line-height: 1.12; letter-spacing: -.02em; text-wrap: balance; }
.pa-corte p { margin: 0; max-width: 48ch; line-height: 1.6; color: #cfc6bc; }

.pa-corte__formatos {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem;
  list-style: none; margin: 0; padding: 0;
}
.pa-corte__formatos li {
  margin: 0; padding: .7rem .9rem;
  border: 1px solid rgba(255,255,255,.14); border-radius: var(--pa-r-chip);
  background: rgba(255,255,255,.04);
  display: flex; align-items: baseline; justify-content: space-between; gap: .6rem;
}
.pa-corte__formatos strong { color: #fff; font-size: var(--pa-t-1); letter-spacing: -.01em; }
.pa-corte__formatos span { font-family: var(--pa-font-mono); font-size: .72rem; color: #a89f95; }
.pa-corte__livre { grid-column: 1 / -1; border-color: var(--pa-orange) !important; background: rgba(235,96,10,.12) !important; }
.pa-corte__livre span { color: #e6c4a8; }

@media (max-width: 860px) {
  .pa-corte__in { grid-template-columns: 1fr; gap: var(--pa-s-5); }
}

/* ---------- Compre pela cor ---------- */
.pa-cores-sec { border-bottom: 1px solid var(--pa-line); }
.pa-cores {
  display: flex; gap: .4rem 1.4rem; flex-wrap: wrap;
  list-style: none; margin: 0; padding: 0;
}
.pa-cores li { margin: 0; }
.pa-cores a {
  display: flex; flex-direction: column; align-items: center; gap: .45rem;
  padding: .5rem .35rem; min-width: 4.2rem;
  color: var(--pa-ink-2); font-size: var(--pa-t--1); font-weight: 600;
}
.pa-cores a:hover { color: var(--pa-ink); text-decoration: none; }
.pa-cores__bola {
  width: 3rem; height: 3rem; border-radius: 50%;
  border: 1px solid var(--pa-line-2);
  box-shadow: inset 0 -6px 12px rgba(0,0,0,.08);
  transition: transform .15s, box-shadow .15s;
}
.pa-cores a:hover .pa-cores__bola { transform: scale(1.1); box-shadow: inset 0 -6px 12px rgba(0,0,0,.08), 0 4px 14px -6px rgba(60,40,20,.4); }

/* ---------- Prova social ---------- */
.pa-prova { background: var(--pa-paper); }
.pa-prova__numeros {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--pa-s-4);
  list-style: none; margin: 0 0 var(--pa-s-6); padding: var(--pa-s-4) 0;
  border-block: 1px solid var(--pa-line);
}
.pa-prova__numeros li { margin: 0; text-align: center; }
.pa-prova__numeros a { display: block; color: inherit; }
.pa-prova__numeros a:hover { text-decoration: none; color: var(--pa-orange-deep); }
.pa-prova__numeros strong {
  display: block; font-size: var(--pa-t-3); letter-spacing: -.02em; line-height: 1.1;
}
.pa-prova__numeros span { display: block; color: var(--pa-ink-2); font-size: var(--pa-t--1); margin-top: .2rem; }
@media (max-width: 760px) {
  .pa-prova__numeros { grid-template-columns: repeat(2, 1fr); }
}

.pa-depo {
  display: flex; flex-direction: column; gap: .6rem; margin: 0;
  padding: 1.2rem 1.3rem;
  background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-r-card);
}
.pa-depo__estrelas { color: var(--pa-warn); font-size: .85rem; letter-spacing: .12em; }
.pa-depo blockquote { margin: 0; padding: 0; border: 0; font-size: var(--pa-t--1); line-height: 1.55; color: var(--pa-ink); }
.pa-depo figcaption { margin-top: auto; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--pa-ink-3); }

/* ---------- Blog ---------- */
.pa-post { display: flex; flex-direction: column; gap: .6rem; }
.pa-post__media { display: block; aspect-ratio: 16/10; border-radius: var(--pa-r-card); overflow: hidden; background: var(--pa-sand-2); }
.pa-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.pa-post:hover .pa-post__media img { transform: scale(1.03); }
.pa-post__title { margin: 0; font-size: var(--pa-t-1); line-height: 1.3; }
.pa-post__title a { color: inherit; }
.pa-post__resumo { margin: 0; color: var(--pa-ink-2); font-size: var(--pa-t--1); line-height: 1.55; }

/* ---------- Newsletter ---------- */
.pa-news { background: var(--pa-sand); border-top: 1px solid var(--pa-line); }
/* A home termina numa seção com fundo próprio: a folga do rodapé viraria
   uma faixa branca solta entre as duas. */
.home .pa-footer { margin-top: 0; }
.pa-news__in {
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  gap: var(--pa-s-5); padding-block: var(--pa-s-5);
}
.pa-news h2 { margin: 0 0 .3rem; font-size: var(--pa-t-2); letter-spacing: -.02em; }
.pa-news p { margin: 0; color: var(--pa-ink-2); }

.pa-news__form { display: flex; gap: .5rem; flex-wrap: wrap; }
.pa-news__form input[type="email"] {
  min-width: 17rem; padding: .8rem 1.1rem;
  background: #fff; border: 1px solid var(--pa-line-2); border-radius: var(--pa-r-pill);
  transition: border-color .15s, box-shadow .15s;
}
.pa-news__form input[type="email"]:focus { border-color: var(--pa-orange); box-shadow: 0 0 0 3px var(--pa-orange-tint); outline: none; }

.pa-news__aviso {
  grid-column: 1 / -1; margin: 0;
  padding: .7rem 1rem; border-radius: var(--pa-r-chip);
  font-size: var(--pa-t--1); font-weight: 600;
}
.pa-news__aviso--ok { background: rgba(62,142,90,.12); color: #2c6b42; }
.pa-news__aviso--erro { background: rgba(200,65,43,.1); color: var(--pa-sale); }

@media (max-width: 860px) {
  .pa-news__in { grid-template-columns: 1fr; }
  .pa-news__form input[type="email"] { flex: 1 1 14rem; min-width: 0; }
}