/* ============================================================
   Superbikes 737 — modelos alternativos de página inicial.
   Reaproveita os tokens de site.css; só a seção "início" muda.
   ============================================================ */

/* ---------- /editorial — vitrine sóbria, tipografia fina ---------- */
.ed-hero{position:relative;min-height:min(92vh,860px);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.ed-hero::after{content:"";position:absolute;inset:0;background:#0a0b0e8c}
.ed-hero__in{position:relative;z-index:1;text-align:center;padding:0 var(--pad)}
.ed-title{
  font:200 clamp(2rem,7vw,5.2rem)/1.05 Poppins,sans-serif;
  text-transform:uppercase;letter-spacing:clamp(.12em,1.2vw,.26em);
  text-indent:clamp(.12em,1.2vw,.26em);color:#fff;
}
.ed-tag{
  margin:1.6rem 0 0;font-size:clamp(.68rem,1.4vw,.8rem);
  letter-spacing:.34em;text-transform:uppercase;color:#ffffffb8;text-indent:.34em;
}
.ed-scroll{
  position:absolute;bottom:2.2rem;left:50%;translate:-50% 0;z-index:1;
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  color:#ffffffb3;border:1px solid #ffffff40;animation:bob 2.4s ease-in-out infinite;transition:var(--t);
}
.ed-scroll:hover{color:#fff;border-color:#fff;background:#ffffff1a}
@keyframes bob{50%{transform:translateY(7px)}}

.ed-head{text-align:center;padding:clamp(3.5rem,8vw,6rem) var(--pad) clamp(2rem,4vw,3rem)}
.ed-h2{
  font:500 clamp(.78rem,1.6vw,.92rem)/1 Poppins,sans-serif;
  text-transform:uppercase;letter-spacing:.32em;text-indent:.32em;color:var(--text);
}
.ed-lead{margin:1.25rem auto 0;max-width:56ch;color:var(--muted);font-size:.98rem}

.ed-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2px}
.ed-tile{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2);display:block}
.ed-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.82);transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .5s}
.ed-tile:hover img{transform:scale(1.05);filter:none}
[data-theme=light] .ed-tile img{filter:grayscale(.2) brightness(.94)}
.ed-tile__in{position:absolute;inset:auto 0 0;padding:2.5rem 1.6rem 1.4rem;background:linear-gradient(transparent,#000000b8)}
.ed-tile__in b{display:block;font:600 1.15rem/1.2 Poppins,sans-serif;color:#fff}
.ed-tile__in em{display:block;margin-top:.35rem;font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3}

.ed-band+.ed-head{padding-top:0}
.ed-band{text-align:center;padding:clamp(3.5rem,8vw,6rem) var(--pad);max-width:760px;margin-inline:auto}
.ed-portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;margin:2rem auto 1.75rem;filter:grayscale(1)}
.ed-quote{color:var(--muted);font-size:1.02rem;line-height:1.8}
.ed-sign{margin:1.5rem 0 1.75rem;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text)}

.ed-services{display:grid;gap:2px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.ed-service{padding:clamp(2rem,4vw,3rem);background:var(--surface);border:1px solid var(--line);transition:background var(--t),border-color var(--t)}
.ed-service:hover{background:var(--surface-2);border-color:var(--line-2)}
.ed-service p{color:var(--muted);font-size:.95rem}
.ed-num{font:200 2.6rem/1 Poppins,sans-serif;color:var(--line-2);margin-bottom:1rem}
.ed-h3{font:600 1.3rem/1.2 Poppins,sans-serif;margin-bottom:.9rem}
.ed-service .carousel{margin:1.5rem 0}
.ed-price{margin:1.5rem 0;font:700 1.6rem/1 Poppins,sans-serif;color:var(--strong)}
.ed-price span{display:block;margin-top:.6rem;font:400 .82rem/1.5 Poppins,sans-serif;color:var(--muted)}

/* Faixa de parceiros: quatro por vez, andando de um em um. */
.ed-strip{overflow:hidden}
.ed-strip__track{display:flex;gap:var(--gap);transition:transform .45s cubic-bezier(.2,.7,.3,1);will-change:transform}
.ed-strip__item{
  flex:0 0 calc((100% - var(--gap) * 3) / 4);
  display:flex;align-items:center;gap:1rem;padding:.9rem;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  transition:background var(--t),border-color var(--t);
}
.ed-strip__item:hover{background:var(--surface-2);border-color:var(--line-2)}
.ed-strip__item img,.ed-strip__initials{
  width:96px;height:96px;flex:0 0 auto;border-radius:var(--r-sm);object-fit:cover;
  display:grid;place-items:center;background:var(--surface-2);
  font:700 1.15rem/1 Poppins,sans-serif;color:var(--line-2);
}
.ed-strip__txt{display:grid;gap:.35rem;min-width:0}
.ed-strip__txt b{font:600 .95rem/1.3 Poppins,sans-serif;color:var(--text)}
.ed-strip__txt em{font-style:normal;font-size:.78rem;line-height:1.5;color:var(--muted)}
@media (max-width:1100px){.ed-strip__item{flex-basis:calc((100% - var(--gap) * 2) / 3)}}
@media (max-width:820px){.ed-strip__item{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:560px){.ed-strip__item{flex-basis:100%}}

.ed-cta{text-align:center;padding:clamp(3.5rem,8vw,6rem) var(--pad) 0}
.ed-cta .actions{justify-content:center}

/* ---------- /catalogo — busca primeiro, passeios em cartões ---------- */
.cat-hero{position:relative;display:grid;align-items:end;min-height:min(84vh,720px);overflow:hidden;border-bottom:1px solid var(--line)}
.cat-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090cf5,#08090cdb 48%,#08090c4d),linear-gradient(0deg,var(--hero-fade),transparent 55%)}
.cat-hero__in{position:relative;z-index:1;padding-block:clamp(3rem,7vw,4.5rem);max-width:min(100%,760px);margin-right:auto}
.cat-hero__in .h1{font-size:clamp(1.95rem,5vw,3.35rem)}
.cat-hero__in .lead{margin:1.25rem 0 2rem}
.cat-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin:2.25rem 0 0;padding:1.5rem 0 0;border-top:1px solid #ffffff24;font-size:.85rem;color:var(--muted)}
.cat-facts b{color:#fff;font-weight:600}

.cat-search{
  display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:end;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.15rem,3vw,1.6rem);
}
.cat-search label{display:grid;gap:.45rem}
.cat-search label>span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cat-search input,.cat-search select{
  width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);
  padding:.72em .95em;color:var(--text);font:400 .9rem/1.4 Poppins,sans-serif;transition:border-color var(--t);
}
.cat-search input:focus,.cat-search select:focus{outline:none;border-color:var(--brand-2)}
.cat-search select{appearance:none;cursor:pointer}
.cat-search option{background:var(--surface-2)}
.cat-search .btn{height:min-content;padding-block:.86em}
.cat-hint{margin-top:1.1rem;font-size:.87rem;color:var(--muted)}
.cat-hint i{color:var(--brand-2);margin-right:.5em}
.cat-hint b{color:var(--text);font-weight:500}

.cat-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.cat-card{
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  transition:border-color var(--t),transform var(--t),box-shadow var(--t);
}
.cat-card:hover{border-color:var(--brand-2);transform:translateY(-4px);box-shadow:var(--shadow)}
.cat-card__img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}
.cat-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.cat-card:hover .cat-card__img img{transform:scale(1.06)}
.cat-chip{
  position:absolute;top:.6rem;right:.6rem;font-style:normal;
  padding:.32em .7em;border-radius:var(--pill);background:#0a0b0ecc;backdrop-filter:blur(6px);
  font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;
}
.cat-card__body{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.1rem 1.15rem}
.cat-card__body b{font:600 1.02rem/1.25 Poppins,sans-serif}
.cat-card__body small{font-weight:400;color:var(--muted)}
.cat-card__body>span{font-size:.8rem;color:var(--muted)}
.cat-card__body i{color:var(--brand-2);margin-right:.4em}

.cat-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(48%,220px),1fr));gap:2px}
.cat-mosaic img{aspect-ratio:1;width:100%;object-fit:cover;transition:opacity var(--t)}
.cat-mosaic:hover img{opacity:.45}
.cat-mosaic img:hover{opacity:1}

.cat-band{position:relative;margin-top:var(--sec);border-block:1px solid var(--line);background:var(--surface)}
.cat-band__in{
  padding-block:clamp(3rem,7vw,5rem);
  display:grid;gap:clamp(1.75rem,5vw,3.5rem);grid-template-columns:minmax(0,1fr);align-items:center;
}
@media (min-width:880px){.cat-band__in{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}}
.cat-price{margin:1.5rem 0;font:700 clamp(1.7rem,4vw,2.2rem)/1 Poppins,sans-serif;color:var(--strong)}
.cat-price span{display:block;margin-top:.6rem;font:400 .85rem/1.5 Poppins,sans-serif;color:var(--muted)}

.cat-steps{
  counter-reset:c;list-style:none;margin:0 0 var(--gap);padding:0;
  display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
}
.cat-steps li{
  counter-increment:c;padding:1.4rem 1.5rem;color:var(--muted);font-size:.92rem;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  border-top:2px solid var(--brand);
}
.cat-steps li::before{
  content:counter(c,decimal-leading-zero);display:block;margin-bottom:.7rem;
  font:700 .78rem/1 Poppins,sans-serif;letter-spacing:.1em;color:var(--brand-2);
}
