/* Site da loja: 4 modelos (grife, classica, descolada, urbana) escolhidos por data-tema no <body> */
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--f-texto);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.topo{position:sticky;top:0;z-index:40;background:var(--topo-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.marca{font-family:var(--f-titulo);font-size:var(--marca-tam);letter-spacing:var(--marca-esp);text-decoration:none;white-space:nowrap}
.menu{display:flex;gap:26px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.menu a{text-decoration:none;opacity:.75}.menu a:hover{opacity:1}
.btn-prov{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--raio-btn);border:0;background:var(--cor);color:var(--cor-tx);font:700 13px var(--f-texto);letter-spacing:.06em;cursor:pointer;text-transform:uppercase}
.hero{position:relative;overflow:hidden}
.hero h1{font-family:var(--f-titulo);font-weight:var(--peso-titulo);margin:0}
.olho{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:var(--cor)}
.cta{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 30px;border-radius:var(--raio-btn);background:var(--cor);color:var(--cor-tx);text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;border:0;cursor:pointer}
.cta.sec{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1.5px currentColor}
.passos{padding:64px 0;background:var(--faixa-bg)}
.passos .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.passo{display:flex;gap:16px;align-items:flex-start}
.passo b{flex:none;width:52px;height:52px;border-radius:var(--raio-passo);display:grid;place-items:center;background:var(--cor);color:var(--cor-tx);font-family:var(--f-titulo);font-size:24px}
.passo h3{margin:4px 0 4px;font-family:var(--f-titulo);font-weight:var(--peso-titulo);font-size:22px}
.passo p{margin:0;color:var(--sub);line-height:1.5}
.vitrine{padding:72px 0}
.vitrine-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.vitrine-h h2{font-family:var(--f-titulo);font-weight:var(--peso-titulo);font-size:clamp(34px,4.6vw,58px);margin:8px 0 0;line-height:1}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--linha);background:transparent;color:var(--tx);font:600 13px var(--f-texto);cursor:pointer}
.chips button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.peca{position:relative;cursor:pointer}
.peca .ft{position:relative;aspect-ratio:4/5;background:#f6f3ef;border-radius:var(--raio-ft);overflow:hidden}
.peca .ft img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.peca:hover .ft img{transform:scale(1.04)}
.selo{position:absolute;top:12px;left:12px;background:var(--selo-bg);color:var(--selo-tx);font-size:11px;font-weight:800;letter-spacing:.14em;padding:6px 10px;border-radius:var(--raio-selo)}
.cod{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.88);color:#1b1418;font-size:11px;font-weight:800;letter-spacing:.1em;padding:6px 9px;border-radius:999px}
.vendido{position:absolute;inset:auto 0 22px;background:#1b1418;color:#fff;text-align:center;font-weight:800;letter-spacing:.3em;font-size:13px;padding:9px;transform:rotate(-4deg)}
.provar{position:absolute;left:12px;right:12px;bottom:12px;min-height:46px;border-radius:var(--raio-btn);border:0;background:var(--cor);color:var(--cor-tx);font:700 13px var(--f-texto);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  opacity:0;transform:translateY(8px);transition:all .25s}
.peca:hover .provar,.peca:focus-within .provar{opacity:1;transform:none}
@media(hover:none){.provar{opacity:1;transform:none}}
.peca h3{margin:12px 0 2px;font-size:15px;font-weight:600;line-height:1.3}
.peca .pr{font-family:var(--f-preco);font-size:var(--preco-tam);font-weight:700}
.visite{padding:70px 0;border-top:1px solid var(--linha)}
.visite .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.visite h2{font-family:var(--f-titulo);font-weight:var(--peso-titulo);font-size:clamp(32px,4vw,52px);margin:10px 0 14px;line-height:1.05}
.visite p{color:var(--sub);line-height:1.6;font-size:17px}
.cartao{background:var(--faixa-bg);border-radius:var(--raio-ft);padding:26px}
.cartao div{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:15.5px}
.cartao div:last-child{border:0}
.rodape{padding:34px 0 90px;font-size:13px;color:var(--sub);text-align:center}
.rodape b{color:var(--tx)}
.flutua{position:fixed;right:18px;bottom:18px;z-index:60;box-shadow:0 14px 40px rgba(0,0,0,.25)}
@media(max-width:900px){.menu{display:none}.grade{grid-template-columns:repeat(2,1fr)}.passos .wrap{grid-template-columns:1fr}.visite .wrap{grid-template-columns:1fr}}

/* ============ GRIFE (Animale / Cris Barros) ============ */
[data-tema=grife]{--bg:#f4efe7;--tx:#1d1a17;--sub:#6f655c;--linha:#e3dacd;--topo-bg:rgba(244,239,231,.9);--faixa-bg:#ebe3d6;--cor:#1d1a17;--cor-tx:#f4efe7;
  --f-titulo:"Cormorant Garamond",serif;--f-texto:"Jost",sans-serif;--f-preco:"Jost",sans-serif;--peso-titulo:500;--marca-tam:30px;--marca-esp:.28em;
  --raio-btn:0;--raio-ft:0;--raio-passo:0;--raio-selo:0;--gap:28px 22px;--selo-bg:#f4efe7;--selo-tx:#1d1a17;--preco-tam:15px;--pv-cor:#1d1a17;--pv-titulo:"Cormorant Garamond",serif}
[data-tema=grife] .hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;min-height:min(86vh,820px);padding:40px 0}
[data-tema=grife] .hero h1{font-size:clamp(52px,7vw,104px);line-height:.95;font-style:italic;margin:18px 0}
[data-tema=grife] .hero p{font-size:18px;color:var(--sub);max-width:420px;line-height:1.6}
[data-tema=grife] .hero .fotos{position:relative;height:min(78vh,720px)}
[data-tema=grife] .hero .f1{position:absolute;right:0;top:0;width:68%;height:88%;object-fit:cover}
[data-tema=grife] .hero .f2{position:absolute;left:0;bottom:0;width:44%;height:52%;object-fit:cover;border:10px solid var(--bg)}
[data-tema=grife] .peca h3{font-weight:400;letter-spacing:.04em}

/* ============ CLASSICA (Le Lis) ============ */
[data-tema=classica]{--bg:#fbf7f2;--tx:#2c1d20;--sub:#6e5a5e;--linha:#eadfd6;--topo-bg:rgba(251,247,242,.92);--faixa-bg:#f4ebe3;--cor:#7a2e3a;--cor-tx:#fff;
  --f-titulo:"Playfair Display",serif;--f-texto:"Lato",sans-serif;--f-preco:"Playfair Display",serif;--peso-titulo:600;--marca-tam:28px;--marca-esp:.02em;
  --raio-btn:999px;--raio-ft:22px;--raio-passo:50%;--raio-selo:999px;--gap:30px 24px;--selo-bg:#7a2e3a;--selo-tx:#fff;--preco-tam:20px;--pv-cor:#7a2e3a;--pv-titulo:"Playfair Display",serif}
[data-tema=classica] body,[data-tema=classica]{font-size:17.5px}
[data-tema=classica] .hero{min-height:min(84vh,780px);display:grid;align-items:end}
[data-tema=classica] .hero .f1{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
[data-tema=classica] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(44,29,32,.78) 0%,rgba(44,29,32,.15) 55%,transparent)}
[data-tema=classica] .hero .wrap{position:relative;z-index:2;padding:0 0 70px;color:#fff}
[data-tema=classica] .hero .olho{color:#f3d7a7}
[data-tema=classica] .hero h1{font-size:clamp(44px,6vw,84px);line-height:1.02;margin:14px 0 14px;max-width:760px}
[data-tema=classica] .hero p{font-size:20px;max-width:560px;line-height:1.55;opacity:.92}
[data-tema=classica] .hero .cta.sec{color:#fff}
[data-tema=classica] .hero .f2{display:none}
[data-tema=classica] .peca h3{font-size:17px}

/* ============ DESCOLADA (Farm) ============ */
[data-tema=descolada]{--bg:#fff8ec;--tx:#2a1a12;--sub:#6b5244;--linha:#f1dcc4;--topo-bg:rgba(255,248,236,.92);--faixa-bg:#ffe8c7;--cor:#e5532d;--cor-tx:#fff;
  --f-titulo:"Fraunces",serif;--f-texto:"DM Sans",sans-serif;--f-preco:"Fraunces",serif;--peso-titulo:800;--marca-tam:30px;--marca-esp:0;
  --raio-btn:999px;--raio-ft:46% 54% 42% 58%/34% 36% 64% 66%;--raio-passo:42% 58% 50% 50%/50% 46% 54% 50%;--raio-selo:999px;--gap:34px 26px;--selo-bg:#ffd23f;--selo-tx:#2a1a12;--preco-tam:22px;--pv-cor:#e5532d;--pv-titulo:"Fraunces",serif}
[data-tema=descolada] .hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;min-height:min(86vh,800px);padding:30px 0}
[data-tema=descolada] .hero h1{font-size:clamp(50px,7vw,100px);line-height:.95;margin:14px 0 18px;letter-spacing:-.02em}
[data-tema=descolada] .hero h1 em{font-family:"Caveat",cursive;font-style:normal;color:var(--cor);font-weight:700;display:inline-block;transform:rotate(-4deg)}
[data-tema=descolada] .hero p{font-size:19px;color:var(--sub);max-width:460px;line-height:1.55}
[data-tema=descolada] .hero .fotos{position:relative;height:min(76vh,680px)}
[data-tema=descolada] .hero .f1{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:58% 42% 46% 54%/45% 52% 48% 55%;box-shadow:16px 18px 0 #ffd23f}
[data-tema=descolada] .hero .f2{display:none}
[data-tema=descolada] .adesivo{position:absolute;z-index:3;background:#2a1a12;color:#ffd23f;font-family:"Caveat",cursive;font-size:30px;padding:10px 20px;border-radius:999px;transform:rotate(-8deg);left:-12px;bottom:12%}
[data-tema=descolada] .adesivo.b{left:auto;right:-6px;top:8%;bottom:auto;background:#3fb6a8;color:#fff;transform:rotate(9deg);font-size:26px}
[data-tema=descolada] .passos{background:#2a1a12;color:#fff8ec;border-radius:60px 60px 0 0}
[data-tema=descolada] .passos p{color:#f1dcc4}
[data-tema=descolada] .peca .ft{background:#ffe8c7}
[data-tema=descolada] .peca:nth-child(3n+2) .ft{background:#d6f0ec}
[data-tema=descolada] .peca:nth-child(3n) .ft{background:#ffd9d0}

/* ============ URBANA (Mango / Shoulder) ============ */
[data-tema=urbana]{--bg:#fff;--tx:#0d0d0d;--sub:#5c5c5c;--linha:#e6e6e6;--topo-bg:rgba(255,255,255,.94);--faixa-bg:#f2f2f2;--cor:#0d0d0d;--cor-tx:#fff;
  --f-titulo:"Archivo Black",sans-serif;--f-texto:"Inter",sans-serif;--f-preco:"Inter",sans-serif;--peso-titulo:400;--marca-tam:24px;--marca-esp:-.02em;
  --raio-btn:0;--raio-ft:0;--raio-passo:0;--raio-selo:0;--gap:6px;--selo-bg:#d4ff3a;--selo-tx:#0d0d0d;--preco-tam:15px;--pv-cor:#0d0d0d;--pv-titulo:"Archivo Black",sans-serif}
[data-tema=urbana] .hero{min-height:min(88vh,820px);background:#0d0d0d;color:#fff}
[data-tema=urbana] .hero .f1{position:absolute;right:0;top:0;height:100%;width:56%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
[data-tema=urbana] .hero .f2{display:none}
[data-tema=urbana] .hero .wrap{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
[data-tema=urbana] .hero h1{font-size:clamp(64px,11vw,170px);line-height:.86;text-transform:uppercase;letter-spacing:-.03em;mix-blend-mode:difference;margin:14px 0 22px}
[data-tema=urbana] .hero p{max-width:420px;font-size:17px;color:#cfcfcf}
[data-tema=urbana] .hero .olho{color:#d4ff3a}
[data-tema=urbana] .hero .cta{background:#d4ff3a;color:#0d0d0d}
[data-tema=urbana] .hero .cta.sec{background:transparent;color:#fff}
[data-tema=urbana] .fita{background:#d4ff3a;color:#0d0d0d;font-family:"Archivo Black";text-transform:uppercase;white-space:nowrap;overflow:hidden;padding:12px 0;font-size:20px}
[data-tema=urbana] .fita span{display:inline-block;animation:fita 22s linear infinite}
@keyframes fita{to{transform:translateX(-50%)}}
[data-tema=urbana] .peca h3,[data-tema=urbana] .peca .pr{padding:0 6px}
[data-tema=urbana] .peca h3{text-transform:uppercase;font-size:12.5px;letter-spacing:.06em}
@media(max-width:900px){
  [data-tema=grife] .hero .wrap,[data-tema=descolada] .hero .wrap{grid-template-columns:1fr;min-height:0}
  [data-tema=grife] .hero .fotos,[data-tema=descolada] .hero .fotos{height:62vh}
  [data-tema=urbana] .hero .f1{width:100%;opacity:.45}
}
/* ajustes apos captura */
.btn-prov{white-space:nowrap}
@media(max-width:600px){.marca{font-size:21px!important;letter-spacing:.08em!important;overflow:hidden;text-overflow:ellipsis;max-width:62vw}.btn-prov{padding:0 14px;font-size:12px}
  .topo .wrap{height:60px}.hero .cta{width:100%;justify-content:center}}
[data-tema=descolada] .peca .ft{overflow:visible;border-radius:0;background:none!important}
[data-tema=descolada] .peca .ft img{border-radius:46% 54% 42% 58%/34% 36% 64% 66%;background:#ffe8c7}
[data-tema=descolada] .peca:nth-child(3n+2) .ft img{background:#d6f0ec}
[data-tema=descolada] .peca:nth-child(3n) .ft img{background:#ffd9d0}
[data-tema=descolada] .selo{transform:rotate(-8deg);top:6px;left:6px;box-shadow:2px 3px 0 #2a1a12}
[data-tema=descolada] .cod{top:6px;right:6px}

.lado-esq{display:flex;align-items:center;gap:10px;min-width:0}
.voltar-app{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cor);color:var(--cor-tx);font:400 30px/1 Georgia,serif;text-decoration:none;padding-bottom:4px}
.voltar-app[hidden]{display:none}
@media(max-width:600px){.com-voltar .marca{max-width:48vw;font-size:17px!important;letter-spacing:.04em!important}}