/* ============================================================
   /partners — quem a Caravana apoia e com quem anda.
   Família das páginas editoriais (/tour, /barefoot): fundo
   escuro, Cinzel/Cormorant/Outfit. Não carrega style.css.
   É um ÍNDICE: cada parceiro é um cartão que leva à sua página.
   ============================================================ */
:root{
  --ground:#14120d; --raised:#1c1912; --line:#332c21; --line-soft:#241f17;
  --cream:#f4ead5; --muted:#9c9078; --dim:#6f6755;
  --gold:#c89b5a; --ember:#b8742c;
  /* as cores dos parceiros, cada uma tirada da pagina dele */
  --earth:#7d8c5c; --water:#5c8192; --fire:#b8521c; --air:#9a8fb0;
  --oxblood:#9b3036; --brass:#c8a05a; --coral:#e0737a;
  --display:'Cinzel',Georgia,serif;
  --narr:'Cormorant Garamond',Georgia,serif;
  --ui:'Outfit',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--cream);
     font-family:var(--ui);font-weight:300;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
.p-eyebrow{font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold);margin:0 0 14px}

.p-head{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 20px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:10;
  background:rgba(20,18,13,.94);backdrop-filter:saturate(140%) blur(8px)}
.p-head__logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.p-head__logo img{border-radius:50%}
.p-head__logo span{font-family:var(--display);font-size:15px;letter-spacing:.04em}
.p-head__all{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  text-decoration:none;border:1px solid var(--line);padding:8px 14px;white-space:nowrap}
.p-head__all:hover{background:var(--gold);color:var(--ground)}

.p-hero{position:relative;isolation:isolate;padding:60px 20px 46px;text-align:center;overflow:hidden}
.p-hero::before{content:'';position:absolute;z-index:-1;inset:0;opacity:.5;
  background:
    radial-gradient(ellipse 54% 70% at 14% 0%,rgba(125,140,92,.42),transparent 70%),
    radial-gradient(ellipse 46% 62% at 38% 6%,rgba(92,129,146,.34),transparent 70%),
    radial-gradient(ellipse 50% 68% at 74% 0%,rgba(155,48,54,.46),transparent 70%),
    radial-gradient(ellipse 40% 58% at 94% 10%,rgba(200,160,90,.26),transparent 72%)}
/* a fita do elenco: uma faixa por cor de parceiro, na ordem da lista */
.p-rail{height:4px;display:grid;grid-template-columns:repeat(6,1fr)}
.p-rail i{display:block}
.p-rail i:nth-child(1){background:var(--earth)}
.p-rail i:nth-child(2){background:var(--water)}
.p-rail i:nth-child(3){background:var(--fire)}
.p-rail i:nth-child(4){background:var(--air)}
.p-rail i:nth-child(5){background:var(--oxblood)}
.p-rail i:nth-child(6){background:var(--brass)}
.p-hero__in{max-width:600px;margin:0 auto}
.p-hero h1{font-family:var(--display);font-weight:700;margin:0;
  font-size:clamp(34px,10vw,56px);line-height:1.05;letter-spacing:.015em;text-wrap:balance}
.p-lede{font-family:var(--narr);font-size:20px;line-height:1.5;color:var(--muted);
  margin:22px auto 0;max-width:30em}

main{max-width:980px;margin:0 auto;padding:0 20px 20px}
.p-list{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.p-card{--ac:var(--gold); --ac2:var(--ember);
  position:relative;display:block;text-decoration:none;
  background:var(--raised);
  background:linear-gradient(170deg,color-mix(in srgb,var(--ac) 12%,var(--raised)) 0%,var(--raised) 58%);
  border:1px solid var(--line-soft);border-top:none;
  padding:32px 28px 32px;transition:border-color .18s,transform .18s,background .18s}
/* a fita do parceiro corre no topo do cartao — e o que diz de quem e o cartao */
.p-card::before{content:'';position:absolute;top:0;left:-1px;right:-1px;height:4px;
  background:linear-gradient(90deg,var(--ac) 0%,var(--ac2) 100%)}
.p-card:hover{border-color:var(--ac);border-color:color-mix(in srgb,var(--ac) 55%,var(--line));transform:translateY(-2px);
  background:linear-gradient(170deg,color-mix(in srgb,var(--ac) 20%,var(--raised)) 0%,var(--raised) 62%)}
.p-card:focus-visible{outline:2px solid var(--ac);outline-offset:3px}

/* Barefoot: os quatro elementos, porque e assim que o encontro e feito */
.p-card--barefoot{--ac:var(--earth); --ac2:var(--air)}
.p-card--barefoot::before{background:linear-gradient(90deg,
  var(--earth) 0 25%,var(--water) 25% 50%,var(--fire) 50% 75%,var(--air) 75% 100%)}
/* Carnival Society: oxblood e latao, as cores da lona deles */
.p-card--carnival{--ac:var(--oxblood); --ac2:var(--brass)}
/* o logo do parceiro abre o cartao. Os dois tem proporcao bem diferente —
   o Barefoot e um emblema vertical, o Carnival um wordmark deitado — entao
   cada um recebe a altura que equilibra a mancha, nao a mesma altura. */
.p-card__logo{width:auto;margin:0 0 20px;opacity:.96;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.p-card--barefoot .p-card__logo{height:92px}
.p-card--carnival .p-card__logo{height:62px}
@media (max-width:520px){
  .p-card--barefoot .p-card__logo{height:76px}
  .p-card--carnival .p-card__logo{height:52px}
}
.p-card__kind{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ac2);margin:0 0 12px}
.p-card h2{font-family:var(--display);font-weight:500;margin:0;
  font-size:clamp(25px,5.4vw,33px);line-height:1.12;text-wrap:balance}
.p-card__claim{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.34em;
  text-transform:uppercase;color:var(--ac);margin:12px 0 0}
.p-card--carnival .p-card__claim{color:var(--coral)}
.p-card p{font-family:var(--narr);font-size:18.5px;line-height:1.5;color:var(--muted);
  margin:16px 0 0;max-width:40em}
.p-facts{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;margin:20px 0 0;padding:0}
.p-facts li{display:flex;flex-direction:column;gap:3px;padding-left:11px;
  border-left:2px solid var(--ac);
  border-left-color:color-mix(in srgb,var(--ac) 70%,transparent)}
.p-card--barefoot .p-facts li:nth-child(1){border-left-color:var(--earth)}
.p-card--barefoot .p-facts li:nth-child(2){border-left-color:var(--water)}
.p-card--barefoot .p-facts li:nth-child(3){border-left-color:var(--fire)}
.p-facts b{font-family:var(--display);font-size:17px;font-weight:500;color:var(--cream)}
.p-facts span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.p-more{display:inline-block;margin:24px 0 0;font-size:12px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ac2)}
.p-more::after{content:" \2192"}

.p-why{border-top:none;position:relative;margin:52px 0 0;padding:48px 0 10px;
  max-width:36em;margin-inline:auto;text-align:center}
.p-why::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(220px,60%);height:2px;
  background:linear-gradient(90deg,var(--earth),var(--water),var(--fire),var(--air),var(--oxblood),var(--brass))}
.p-why h2{font-family:var(--display);font-weight:500;margin:0;font-size:clamp(23px,5.2vw,30px);
  line-height:1.15;text-wrap:balance}
.p-why p{font-family:var(--narr);font-size:18.5px;line-height:1.55;color:var(--muted);margin:16px 0 0}
.p-foot{border-top:1px solid var(--line-soft);padding:30px 20px 46px;text-align:center;
  color:var(--dim);font-size:13px}
.p-foot p{margin:0 0 8px}
.p-foot a{color:var(--muted);text-decoration:none}
.p-foot a:hover{color:var(--brass)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}