/* Cordel D' Prata · v2 — página Autores */

  .nav-link.is-current{color:var(--red)}
  .nav-link.is-current::after{transform:scaleX(1)}

  /* ── abertura ── */
  .autores-hero{
    background:var(--paper);
    padding-block:calc(var(--header-h,130px) + clamp(26px,3.2vw,48px)) clamp(26px,3vw,42px);
  }
  .autores-hero-inner{
    display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:clamp(24px,4vw,64px);align-items:end;
  }
  .autores-hero h1{margin:14px 0 0;font-size:clamp(2.1rem,4.2vw,3.4rem)}
  .autores-hero .lead{margin-top:16px;max-width:48ch}
  .autores-hero-lado{display:grid;gap:20px;justify-items:start}
  .autores-numeros{display:flex;flex-wrap:wrap;gap:clamp(18px,2.6vw,36px)}
  .autores-numeros span{display:grid}
  .autores-numeros b{
    font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;white-space:nowrap;
    font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1;color:var(--red);
  }
  .autores-numeros b span{display:inline}
  .autores-numeros small{margin-top:3px;font-size:.8rem;color:var(--muted)}

  /* ── marquise de polaroides ── */
  .autores-marquee{
    position:relative;overflow:hidden;margin-top:clamp(26px,3vw,44px);padding-block:14px 22px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  }
  .autores-marquee-track{
    display:flex;align-items:flex-start;gap:clamp(14px,1.8vw,26px);width:max-content;
    animation:autoresDesfila 70s linear infinite;
  }
  .autores-marquee:hover .autores-marquee-track{animation-play-state:paused}
  @keyframes autoresDesfila{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
  .aut-polaroid{
    flex:0 0 auto;width:clamp(120px,13vw,168px);margin:0;
    background:#fff;padding:8px 8px 34px;border-radius:2px;
    box-shadow:0 12px 26px -14px rgba(22,18,15,.45);
  }
  .aut-polaroid:nth-child(odd){transform:rotate(-2deg)}
  .aut-polaroid:nth-child(even){transform:rotate(1.8deg) translateY(10px)}
  .aut-polaroid img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;background:var(--paper-2)}
  .aut-polaroid figcaption{
    margin-top:8px;font-family:var(--font-hand);font-size:.98rem;line-height:1.05;
    text-align:center;color:var(--ink);
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  }

  /* ── procura: uma linha só, fina e fixa ── */
  .procura-band{
    position:sticky;top:var(--menu-h,86px);z-index:20;
    padding-block:12px;
    background:rgba(250,247,242,.94);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-block:1px solid var(--line);
  }
  .procura{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px)}
  .procura-campo{
    display:flex;align-items:center;gap:10px;flex:0 0 auto;width:min(38%,300px);
    padding:.5em .9em;border-radius:999px;background:#fff;border:1px solid var(--line-strong);
    transition:border-color .3s ease,box-shadow .3s ease;
  }
  .procura-campo:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(176,25,31,.12)}
  .procura-campo svg{width:17px;height:17px;color:var(--muted);flex:0 0 auto}
  .procura-campo input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:.9rem;color:var(--ink);outline:none}
  .procura-conta{flex:0 0 auto;margin-left:auto;font-size:.82rem;color:var(--muted);white-space:nowrap}
  .procura-conta b{color:var(--ink);font-weight:600}

  .letras{display:flex;flex-wrap:wrap;gap:2px;flex:1;min-width:0}
  .letra{
    min-width:24px;padding:.3em .38em;border-radius:6px;
    font-family:var(--font-nav);font-size:.76rem;font-weight:600;color:var(--muted);
    transition:background .25s ease,color .25s ease;
  }
  .letra:hover{background:var(--red-soft);color:var(--red)}
  .letra.is-on{background:var(--red);color:#fff}

  /* ── lista ── */
  .lista{padding-block:clamp(26px,3vw,44px) clamp(48px,6vw,88px)}

  /* ── grelha ── */
  .grelha-autores{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:clamp(14px,1.8vw,24px);
  }
  .autor-cartao{display:grid;gap:10px;text-align:left}
  .autor-foto{
    position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;
    background:var(--paper-2);box-shadow:var(--shadow-xs);
  }
  .autor-foto img{width:100%;height:100%;object-fit:cover;object-position:top center;
    transition:transform .6s var(--ease)}
  .autor-cartao:hover .autor-foto img{transform:scale(1.06)}
  .autor-foto--vazia{display:grid;place-items:center;background:linear-gradient(150deg,rgba(176,25,31,.1),rgba(176,25,31,.03))}
  .autor-inicial{font-family:var(--font-display);font-size:2rem;color:var(--red);opacity:.5}
  .autor-nome{font-size:.9rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
  .autor-cartao:hover .autor-nome{color:var(--red)}
  .autor-etiqueta{
    position:absolute;top:8px;left:8px;padding:.24em .6em;border-radius:999px;
    background:var(--red);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  }

  .sem-resultados{margin-top:26px;color:var(--muted);font-size:.96rem}
  .sem-resultados .link-arrow{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--red)}
  .mais-wrap{display:flex;justify-content:center;margin-top:clamp(30px,3.4vw,48px)}

  @media (max-width:900px){
    .autores-hero-inner{grid-template-columns:1fr;gap:22px}
    .autores-marquee{margin-top:20px}
    .autores-hero-lado{gap:16px}
  }
  @media (max-width:760px){
    /* duas linhas apenas: campo + contagem, e as letras a deslizar na horizontal */
    .procura-band{position:static;padding-block:12px}
    .procura{flex-wrap:wrap;gap:10px}
    .procura-campo{flex:1 1 auto;width:auto;min-width:0}
    .procura-conta{margin-left:0;order:2}
    .letras{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .letras::-webkit-scrollbar{display:none}
    .letra{flex:0 0 auto}
    .grelha-autores{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  }
