/* ═══════════════════════════════════════════════════════ BRASILEIRO VIAGEM · v4 · prefixo .bv- Paleta: verde militar / terracota / areia off-white / grafite ═══════════════════════════════════════════════════════ */ :root{ --bv-verde:#3E4A33; --bv-verde-2:#2C3626; --bv-verde-3:#55603F; --bv-verde-luz:#EDF0E7; --bv-terra:#B4572E; --bv-terra-2:#9A4724; --bv-terra-3:#D08A63; --bv-terra-luz:#FBEFE8; --bv-areia:#F5F1E8; --bv-areia-2:#E8E1D3; --bv-grafite:#33383A; --bv-cinza:#6B7169; --bv-borda:#E2DCCE; --bv-branco:#FFFFFF; --bv-zap:#25D366; --bv-s1:0 4px 22px -8px rgba(51,56,58,.16); --bv-s2:0 22px 50px -22px rgba(51,56,58,.34); --bv-r:14px; /* ─── FOTOS DO CLIENTE ─────────────────────────────────── Todas hospedadas na biblioteca de mídia do WordPress. Para trocar qualquer imagem, altere só a url() aqui. ─────────────────────────────────────────────────────── */ --bv-sg1:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/shared7805-scaled.jpg'); --bv-sg2:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/PicsArt_08-26-12.49.07-scaled.png'); --bv-sg3:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/GOPR3609-scaled.jpg'); --bv-sg4:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/GOPR3641-scaled.jpg'); --bv-sg5:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_6707-scaled.jpg'); --bv-sg6:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/DSC_8845-scaled.jpg'); --bv-tr1:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_5006.jpg'); --bv-tr2:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_5000.jpg'); --bv-tr3:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_4996.jpg'); --bv-cf1:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_4629-scaled.jpg'); --bv-cf2:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_4629-1-scaled.jpg'); --bv-cf3:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_0240-scaled.jpg'); --bv-jl1:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_4024-scaled.jpg'); --bv-jl2:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_4254-scaled.jpg'); --bv-jl3:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_3873-scaled.jpg'); --bv-jl4:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_6067-scaled.jpg'); --bv-jl5:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/IMG_3641-scaled.jpg'); --bv-lagoa1:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/09/IMG_1775_CR2-scaled.jpg'); --bv-lagoa2:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/09/IMG_09_15_2025_0175_CR2-scaled.jpg'); --bv-ferv:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/09/IMG_3625-scaled.jpg'); --bv-caverna:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/09/IMG_4980.jpg'); --bv-chamine:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/09/IMG_4647-scaled.jpg'); --bv-chapada:url('https://blueviolet-flamingo-711710.hostingersite.com/wp-content/uploads/2026/08/B1679C2F-E8DD-4261-9D6B-40E88B6E453D-scaled.jpg'); /* atalhos usados nas seções principais */ --bv-ft-hero:var(--bv-sg1); --bv-ft-serras:var(--bv-lagoa1); --bv-ft-jalapao:var(--bv-ferv); --bv-ft-terra:var(--bv-caverna); --bv-ft-chapada:var(--bv-chapada); --bv-ft-equipe:var(--bv-sg5); --bv-ft-foto:var(--bv-sg2); } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{ margin:0;background:var(--bv-branco);color:var(--bv-grafite); font-family:'Inter',system-ui,-apple-system,sans-serif; font-size:16.5px;line-height:1.68;overflow-x:hidden; } body.bv-lock{overflow:hidden} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit} .bv-w{width:min(1240px,90vw);margin-inline:auto} .bv-sec{padding:clamp(4.2rem,8.5vw,7rem) 0} .bv-sec--areia{background:var(--bv-areia)} .bv-sec--verde{background:var(--bv-verde);color:#fff} h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;margin:0;letter-spacing:-.025em;line-height:1.14} .bv-h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:800;line-height:1.05} .bv-h2{font-size:clamp(1.85rem,3.6vw,2.8rem);font-weight:800} .bv-h3{font-size:clamp(1.12rem,1.6vw,1.32rem);font-weight:700} .bv-tag{ display:inline-flex;align-items:center;gap:.5rem;background:var(--bv-terra-luz); color:var(--bv-terra-2);font-size:.72rem;font-weight:700;letter-spacing:.14em; text-transform:uppercase;padding:.5rem 1rem;border-radius:100px;margin-bottom:1.2rem; } .bv-sec--verde .bv-tag{background:rgba(208,138,99,.2);color:#E8B294} .bv-sub{font-size:clamp(1rem,1.25vw,1.08rem);color:var(--bv-cinza);max-width:62ch;margin:1.05rem 0 0} .bv-sec--verde .bv-sub{color:rgba(255,255,255,.72)} .bv-cab{max-width:730px;margin-bottom:clamp(2.3rem,4.5vw,3.4rem)} .bv-cab--c{margin-inline:auto;text-align:center} .bv-cab--c .bv-sub{margin-inline:auto} /* ─── botões ─── */ .bv-b{ display:inline-flex;align-items:center;justify-content:center;gap:.55rem; padding:1rem 1.95rem;border-radius:100px;font-weight:700;font-size:.93rem; font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;border:2px solid transparent; transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease; } .bv-b:hover{transform:translateY(-2px)} .bv-b--terra{background:var(--bv-terra)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(180,87,46,.6)} .bv-b--terra:hover{background:var(--bv-terra-2)!important} .bv-b--verde{background:var(--bv-verde)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(62,74,51,.5)} .bv-b--verde:hover{background:var(--bv-verde-2)!important} .bv-b--zap{background:var(--bv-zap)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(37,211,102,.55)} .bv-b--zap:hover{background:#1EB456!important} .bv-b--vidro{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.5);backdrop-filter:blur(8px)} .bv-b--vidro:hover{background:#fff;color:var(--bv-verde);border-color:#fff} .bv-b--linha{border-color:var(--bv-borda);color:var(--bv-grafite)} .bv-b--linha:hover{border-color:var(--bv-terra);color:var(--bv-terra)} .bv-b--full{width:100%} :focus-visible{outline:3px solid var(--bv-terra);outline-offset:3px} .bv-i{width:18px;height:18px;flex-shrink:0} /* ═══ HEADER ═══ */ .bv-hd{position:fixed;inset:0 0 auto;z-index:300;padding:1.1rem 0;transition:.35s ease} .bv-hd.is-fix{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);padding:.7rem 0;box-shadow:var(--bv-s1)} .bv-hd__in{display:flex;align-items:center;justify-content:space-between;gap:1.8rem} .bv-logo{display:flex;align-items:center;gap:.7rem;color:#fff;transition:color .35s ease} .bv-hd.is-fix .bv-logo{color:var(--bv-grafite)} .bv-logo img{height:46px;width:46px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.14)} .bv-logo b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.08rem;font-weight:800;letter-spacing:-.02em;line-height:1.1} .bv-logo small{display:block;font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bv-terra-3);margin-top:.12rem} .bv-hd.is-fix .bv-logo small{color:var(--bv-terra)} .bv-nav{display:flex;align-items:center;gap:1.8rem} .bv-nav a{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.93);transition:color .3s ease;position:relative;white-space:nowrap} .bv-hd.is-fix .bv-nav a{color:var(--bv-grafite)} .bv-nav a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--bv-terra);transition:width .3s ease} .bv-nav a:hover::after{width:100%} .bv-hd .bv-b{padding:.75rem 1.4rem;font-size:.83rem} .bv-burger{display:none;background:none;border:0;padding:.4rem;cursor:pointer} .bv-burger i{display:block;width:25px;height:2.5px;border-radius:2px;background:#fff;margin:5px 0;transition:.3s} .bv-hd.is-fix .bv-burger i{background:var(--bv-grafite)} .bv-burger.is-x i:nth-child(1){transform:translateY(7.5px) rotate(45deg)} .bv-burger.is-x i:nth-child(2){opacity:0} .bv-burger.is-x i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)} /* ═══ HERO ═══ */ .bv-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:7rem 0 4.5rem;overflow:hidden} .bv-hero__bg{position:absolute;inset:0;overflow:hidden} .bv-hero__slide{ position:absolute;inset:0;background-size:cover;background-position:center; opacity:0;transform:scale(1.06);will-change:opacity,transform; transition:opacity 1.8s ease-in-out; } .bv-hero__slide.is-on{opacity:1;animation:bv-ken 8.5s ease-out forwards} @keyframes bv-ken{from{transform:scale(1.06)}to{transform:scale(1.17)}} .bv-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(102deg,rgba(30,38,25,.9) 0%,rgba(30,38,25,.66) 46%,rgba(30,38,25,.3) 100%)} .bv-hero__in{position:relative;z-index:2;color:#fff;max-width:790px} .bv-hero__sel{ display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:100px; padding:.48rem 1.1rem;font-size:.78rem;font-weight:600;margin-bottom:1.5rem; } .bv-hero__sel svg{width:14px;height:14px;color:var(--bv-terra-3)} .bv-hero__dest{ font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1rem,1.7vw,1.32rem);font-weight:600; color:#fff;margin:1.4rem 0 .6rem;display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center; } .bv-hero__dest i{width:5px;height:5px;border-radius:50%;background:var(--bv-terra-3);display:inline-block;font-style:normal} .bv-hero__d{font-size:clamp(1rem,1.4vw,1.12rem);color:rgba(255,255,255,.85);margin:0 0 2.2rem} .bv-hero__cta{display:flex;gap:.85rem;flex-wrap:wrap} .bv-hero__p{display:flex;gap:.7rem 2rem;flex-wrap:wrap;margin-top:2.8rem;padding-top:1.9rem;border-top:1px solid rgba(255,255,255,.2)} .bv-hero__p span{display:flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:500;color:rgba(255,255,255,.86)} .bv-hero__p svg{width:16px;height:16px;color:var(--bv-terra-3)} /* ═══ FAIXA DE SLOGAN ═══ */ .bv-slog{background:var(--bv-verde);color:#fff;padding:clamp(2.2rem,4vw,3rem) 0;text-align:center} .bv-slog h2{font-size:clamp(1.4rem,2.7vw,2.1rem);font-weight:700;letter-spacing:-.02em} .bv-slog span{ display:inline-block;margin-top:.9rem;font-size:.72rem;font-weight:700;letter-spacing:.28em; text-transform:uppercase;color:var(--bv-terra-3); } /* ═══ DESTINOS ═══ */ .bv-dest{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem} .bv-dest__i{ position:relative;border-radius:var(--bv-r);overflow:hidden;isolation:isolate; display:flex;align-items:flex-end;min-height:290px; } .bv-dest__i--big{grid-column:span 2;min-height:400px} .bv-dest__i i.bv-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s ease;z-index:-2} .bv-dest__i:hover i.bv-bg{transform:scale(1.06)} .bv-dest__i::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(30,38,25,.95) 5%,rgba(30,38,25,.2) 68%)} .bv-dest__t{padding:1.7rem;color:#fff;width:100%} .bv-dest__i--big .bv-dest__t{padding:2.4rem} .bv-dest__t h3{font-size:1.35rem;font-weight:800;letter-spacing:-.02em} .bv-dest__i--big .bv-dest__t h3{font-size:clamp(1.7rem,3.2vw,2.5rem)} .bv-dest__t p{margin:.6rem 0 0;font-size:.9rem;color:rgba(255,255,255,.8);max-width:52ch;line-height:1.6} .bv-dur{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem} .bv-dur span{ background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px); border-radius:100px;padding:.34rem .82rem;font-size:.75rem;font-weight:600; } .bv-selo-d{ position:absolute;top:1.1rem;left:1.1rem;z-index:2;background:var(--bv-terra);color:#fff; font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .85rem;border-radius:100px; } /* ═══ FILTRO DE ORIGEM ═══ */ .bv-filtro{ background:var(--bv-branco);border:1px solid var(--bv-borda);border-radius:var(--bv-r); padding:clamp(1.4rem,2.6vw,2rem);box-shadow:var(--bv-s1);margin-bottom:2.6rem; } .bv-filtro__t{display:flex;align-items:center;gap:.65rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:1.1rem} .bv-filtro__t svg{width:20px;height:20px;color:var(--bv-terra)} .bv-chips{display:flex;flex-wrap:wrap;gap:.6rem} .bv-chip{ background:var(--bv-areia);border:1.5px solid var(--bv-borda);border-radius:100px; padding:.6rem 1.15rem;font-size:.87rem;font-weight:600;cursor:pointer; transition:background .25s ease,border-color .25s ease,color .25s ease,transform .2s ease; } .bv-chip:hover{transform:translateY(-2px);border-color:var(--bv-terra-3)} .bv-chip.is-on{background:var(--bv-verde);border-color:var(--bv-verde);color:#fff} .bv-filtro__r{margin-top:1.1rem;font-size:.88rem;color:var(--bv-cinza)} .bv-filtro__r b{color:var(--bv-grafite)} /* ═══ ROTEIROS ═══ */ .bv-rot{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:1.5rem} .bv-card{ background:var(--bv-branco);border:1px solid var(--bv-borda);border-radius:var(--bv-r); overflow:hidden;display:flex;flex-direction:column;position:relative; transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease; } .bv-card:hover{transform:translateY(-6px);box-shadow:var(--bv-s2)} .bv-card.is-off{display:none} .bv-card__ft{height:186px;position:relative;overflow:hidden;background:var(--bv-verde-2)} .bv-card__ft i.bv-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease} .bv-card:hover .bv-card__ft i.bv-bg{transform:scale(1.07)} .bv-card__dest{ position:absolute;top:.85rem;left:.85rem;z-index:2;background:var(--bv-verde);color:#fff; font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:.38rem .8rem;border-radius:100px; } .bv-card__dur{ position:absolute;left:.85rem;bottom:.85rem;z-index:2;background:rgba(255,255,255,.95);color:var(--bv-grafite); font-size:.72rem;font-weight:700;padding:.38rem .82rem;border-radius:100px;display:flex;align-items:center;gap:.38rem; } .bv-card__dur svg{width:13px;height:13px;color:var(--bv-terra)} .bv-card__c{padding:1.55rem;display:flex;flex-direction:column;flex:1} .bv-card__c h3{margin-bottom:.45rem} .bv-card__c > p{margin:0 0 1.15rem;font-size:.91rem;color:var(--bv-cinza)} .bv-saida{ display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--bv-borda); } .bv-saida small{width:100%;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--bv-cinza);margin-bottom:.15rem} .bv-saida span{background:var(--bv-verde-luz);color:var(--bv-verde);border-radius:6px;padding:.24rem .6rem;font-size:.76rem;font-weight:600} .bv-lista{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem} .bv-lista li{display:flex;gap:.55rem;font-size:.88rem;line-height:1.45} .bv-lista svg{width:15px;height:15px;flex-shrink:0;margin-top:.2rem;color:var(--bv-terra)} .bv-card__pe{margin-top:auto;display:grid;gap:.6rem} .bv-vazio{ display:none;text-align:center;padding:3rem 1.5rem;background:var(--bv-branco); border:1px dashed var(--bv-borda);border-radius:var(--bv-r);color:var(--bv-cinza); } .bv-vazio.is-on{display:block} /* ─── filtro em blocos ─── */ .bv-filtro__l{padding-bottom:1.1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--bv-borda)} .bv-filtro__l:last-of-type{border-bottom:0;padding-bottom:0;margin-bottom:0} .bv-filtro__t--s{font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--bv-cinza);margin-bottom:.8rem} /* ─── preço no card ─── */ .bv-preco{padding:1.1rem 0 0;border-top:1px solid var(--bv-borda);margin-bottom:1.1rem} .bv-preco small{display:block;font-size:.72rem;color:var(--bv-cinza)} .bv-preco b{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--bv-verde)} .bv-preco span{font-size:.79rem;color:var(--bv-cinza);font-weight:500;margin-left:.3rem} .bv-preco em{display:block;font-style:normal;font-size:.79rem;color:var(--bv-cinza);margin-top:.15rem} .bv-var{ margin:0 0 1.1rem;font-size:.79rem;line-height:1.55;color:var(--bv-cinza); background:var(--bv-areia);border-radius:9px;padding:.7rem .85rem; } .bv-var strong{color:var(--bv-grafite);font-weight:600} .bv-selo-c{ position:absolute;top:.85rem;right:.85rem;z-index:3;background:var(--bv-terra);color:#fff; font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .75rem;border-radius:100px; } .bv-card--top{border-color:var(--bv-terra);box-shadow:0 0 0 3px rgba(180,87,46,.1)} .bv-aviso{ margin:2.2rem auto 0;max-width:80ch;text-align:center;font-size:.82rem;color:var(--bv-cinza); background:var(--bv-areia);border-radius:10px;padding:1rem 1.3rem; } /* ─── opcionais ─── */ .bv-opc{margin-top:1.6rem;background:var(--bv-branco);border:1px solid var(--bv-borda);border-radius:var(--bv-r);padding:1.7rem} .bv-opc h3{margin-bottom:1.2rem} .bv-opc__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem} .bv-opc__i{display:flex;gap:.9rem;align-items:center} .bv-opc__i svg{width:26px;height:26px;flex-shrink:0;color:var(--bv-terra)} .bv-opc__i strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.96rem} .bv-opc__i span{font-size:.86rem;color:var(--bv-cinza)} /* ═══ MONTE SUA VIAGEM ═══ */ .bv-monte{ background:var(--bv-verde);color:#fff;border-radius:var(--bv-r);overflow:hidden; display:grid;grid-template-columns:1.1fr .9fr;align-items:center; } .bv-monte__t{padding:clamp(2.2rem,4.5vw,3.6rem)} .bv-monte__ft{min-height:100%;background-image:var(--bv-ft-jalapao);background-size:cover;background-position:center;align-self:stretch} .bv-passos{list-style:none;margin:1.9rem 0 2rem;padding:0;display:grid;gap:1.1rem} .bv-passos li{display:flex;gap:1rem;align-items:flex-start} .bv-passos b{ width:30px;height:30px;border-radius:50%;background:var(--bv-terra);color:#fff;flex-shrink:0; display:grid;place-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:800; } .bv-passos span{font-size:.96rem;color:rgba(255,255,255,.82);line-height:1.6} .bv-passos strong{color:#fff;font-weight:600} /* ═══ DIFERENCIAIS ═══ */ .bv-dif{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem} .bv-dif__i{ background:var(--bv-branco);border:1px solid var(--bv-borda);border-radius:var(--bv-r); padding:1.9rem 1.7rem;transition:transform .3s ease,box-shadow .3s ease; } .bv-dif__i:hover{transform:translateY(-5px);box-shadow:var(--bv-s2)} .bv-ic{width:48px;height:48px;border-radius:12px;background:var(--bv-terra-luz);display:grid;place-items:center;margin-bottom:1.2rem} .bv-ic svg{width:23px;height:23px;color:var(--bv-terra)} .bv-dif__i h3{margin-bottom:.45rem} .bv-dif__i p{margin:0;font-size:.92rem;color:var(--bv-cinza)} /* ═══ SERVIÇOS ═══ */ .bv-serv{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bv-borda);border:1px solid var(--bv-borda);border-radius:var(--bv-r);overflow:hidden} .bv-serv__i{background:var(--bv-branco);padding:1.5rem 1.4rem;display:flex;gap:.85rem;align-items:center;transition:background .25s ease} .bv-serv__i:hover{background:var(--bv-areia)} .bv-serv__i svg{width:21px;height:21px;flex-shrink:0;color:var(--bv-verde-3)} .bv-serv__i span{font-size:.93rem;font-weight:600} /* ═══ FOTOGRAFIA ═══ */ .bv-fot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.2rem,4.5vw,4rem);align-items:center} .bv-fot__ft{aspect-ratio:4/5;border-radius:var(--bv-r);background-image:var(--bv-ft-foto);background-size:cover;background-position:center;box-shadow:var(--bv-s2)} .bv-fot__l{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.3rem} .bv-fot__l li{display:flex;gap:1rem;align-items:flex-start} .bv-fot__l .bv-ic{width:42px;height:42px;margin:0;flex-shrink:0;border-radius:11px} .bv-fot__l .bv-ic svg{width:20px;height:20px} .bv-fot__l strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.12rem} .bv-fot__l p{margin:0;font-size:.91rem;color:var(--bv-cinza)} /* ═══ SOBRE ═══ */ .bv-sobre{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.2rem,4.5vw,4.2rem);align-items:center} .bv-sobre__ft{position:relative} .bv-sobre__ft i.bv-bg{display:block;aspect-ratio:4/5;border-radius:var(--bv-r);background-image:var(--bv-ft-equipe);background-size:cover;background-position:center} .bv-slot{ position:absolute;left:12px;top:12px;background:rgba(30,38,25,.85);color:#fff; font-size:.67rem;font-weight:600;padding:.35rem .7rem;border-radius:100px; } .bv-promessa{ background:rgba(255,255,255,.07);border-left:3px solid var(--bv-terra-3);border-radius:0 10px 10px 0; padding:1.3rem 1.5rem;margin-top:1.8rem;font-family:'Plus Jakarta Sans',sans-serif; font-size:1.06rem;font-weight:600;line-height:1.5; } .bv-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1rem;margin-top:clamp(2.8rem,5.5vw,4.2rem)} .bv-nums__i{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--bv-r);padding:1.6rem 1.1rem;text-align:center} .bv-nums__i b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;color:var(--bv-terra-3);line-height:1} .bv-nums__i span{display:block;font-size:.78rem;color:rgba(255,255,255,.62);margin-top:.45rem} /* ═══ FORM ═══ */ .bv-orc{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2.4rem,5vw,4.5rem);align-items:start} .bv-cont{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1.15rem} .bv-cont li{display:flex;gap:1rem;align-items:flex-start} .bv-cont .bv-ic{width:42px;height:42px;margin:0;flex-shrink:0;border-radius:11px;background:rgba(208,138,99,.18)} .bv-cont .bv-ic svg{width:19px;height:19px;color:var(--bv-terra-3)} .bv-cont strong{display:block;font-size:.77rem;font-weight:600;color:rgba(255,255,255,.55)} .bv-cont span{font-size:1rem;font-weight:500} .bv-form{background:#fff;border-radius:var(--bv-r);padding:clamp(1.6rem,3vw,2.3rem);color:var(--bv-grafite);box-shadow:var(--bv-s2)} .bv-gr{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .bv-c{display:flex;flex-direction:column;gap:.38rem} .bv-c--f{grid-column:1/-1} .bv-c label{font-size:.78rem;font-weight:600;color:var(--bv-cinza)} .bv-c input,.bv-c select,.bv-c textarea{ border:1.5px solid var(--bv-borda);border-radius:9px;padding:.8rem .88rem;background:#fff; font-size:.94rem;width:100%;transition:border-color .25s ease,box-shadow .25s ease; } .bv-c input:focus,.bv-c select:focus,.bv-c textarea:focus{outline:none;border-color:var(--bv-terra);box-shadow:0 0 0 3px rgba(180,87,46,.12)} .bv-c textarea{resize:vertical;min-height:84px} .bv-form .bv-b{margin-top:1.3rem} .bv-nota{font-size:.78rem;color:var(--bv-cinza);text-align:center;margin:.85rem 0 0;display:flex;align-items:center;justify-content:center;gap:.4rem} .bv-nota svg{width:14px;height:14px;color:var(--bv-verde-3)} .bv-msg{margin-top:1rem;padding:.9rem 1rem;border-radius:9px;font-size:.9rem;display:none} .bv-msg.ok{display:block;background:#E9F1E5;color:#3A5B2C} .bv-msg.erro{display:block;background:#FBE9E2;color:#96401E} /* ═══ DEPOIMENTOS ═══ */ /* ═══ FAQ ═══ */ .bv-faq{max-width:840px;margin-inline:auto;display:grid;gap:.75rem} .bv-faq details{background:#fff;border:1px solid var(--bv-borda);border-radius:12px;overflow:hidden;transition:box-shadow .3s ease} .bv-faq details[open]{box-shadow:var(--bv-s1)} .bv-faq summary{cursor:pointer;padding:1.2rem 3rem 1.2rem 1.35rem;list-style:none;position:relative;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1rem} .bv-faq summary::-webkit-details-marker{display:none} .bv-faq summary::after{ content:'';position:absolute;right:1.35rem;top:50%;width:10px;height:10px; border-right:2.5px solid var(--bv-terra);border-bottom:2.5px solid var(--bv-terra); transform:translateY(-70%) rotate(45deg);transition:transform .3s ease; } .bv-faq details[open] summary::after{transform:translateY(-25%) rotate(-135deg)} .bv-faq p{margin:0;padding:0 1.35rem 1.35rem;color:var(--bv-cinza);font-size:.94rem} /* ═══ CTA FINAL ═══ */ .bv-fim{position:relative;overflow:hidden;text-align:center;color:#fff} .bv-fim i.bv-bg{position:absolute;inset:0;background-image:var(--bv-ft-serras);background-size:cover;background-position:center 55%} .bv-fim::after{content:'';position:absolute;inset:0;background:rgba(30,38,25,.85)} .bv-fim__in{position:relative;z-index:2} .bv-fim .bv-sub{color:rgba(255,255,255,.82);margin-inline:auto} /* ═══ RODAPÉ ═══ */ .bv-rod{background:var(--bv-verde-2);color:rgba(255,255,255,.66);padding:clamp(3.2rem,6.5vw,4.8rem) 0 0;font-size:.92rem} .bv-rod__g{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.4rem;padding-bottom:2.8rem} .bv-rod h4{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bv-terra-3);margin-bottom:1.1rem} .bv-rod ul{list-style:none;margin:0;padding:0;display:grid;gap:.68rem} .bv-rod a:hover{color:#fff} .bv-rod__d{max-width:38ch;margin:1.2rem 0 0;line-height:1.7} .bv-soc{display:flex;gap:.65rem;margin-top:1.5rem} .bv-soc a{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;transition:.25s} .bv-soc a:hover{background:var(--bv-terra);border-color:var(--bv-terra);color:#fff} .bv-soc svg{width:18px;height:18px} .bv-rod__b{border-top:1px solid rgba(255,255,255,.13);padding:1.4rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;font-size:.8rem;color:rgba(255,255,255,.45)} /* ═══ WHATSAPP ═══ */ .bv-zap{ position:fixed;right:20px;bottom:20px;z-index:250;height:56px;padding:0 1.15rem;border-radius:100px; background:var(--bv-zap)!important;color:#fff!important;display:flex;align-items:center;gap:.55rem; font-weight:700;font-size:.89rem;font-family:'Plus Jakarta Sans',sans-serif; box-shadow:0 12px 30px -8px rgba(37,211,102,.6);transition:transform .3s ease; } .bv-zap:hover{transform:scale(1.05)} .bv-zap svg{width:27px;height:27px;flex-shrink:0} /* ═══ ANIMAÇÃO ═══ */ .bv-r{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)} .bv-r.on{opacity:1;transform:none} /* ═══ RESPONSIVO ═══ */ @media(max-width:1080px){ .bv-nav{gap:1.2rem} .bv-nav a{font-size:.83rem} } @media(max-width:960px){ .bv-monte,.bv-fot,.bv-sobre,.bv-orc{grid-template-columns:1fr} .bv-monte__ft{min-height:250px} .bv-fot__ft{aspect-ratio:4/3} .bv-sobre__ft i.bv-bg{max-height:440px} .bv-rod__g{grid-template-columns:1fr 1fr} } @media(max-width:860px){ .bv-burger{display:block} .bv-nav{ position:fixed;inset:0;background:#fff;flex-direction:column;align-items:flex-start; justify-content:center;gap:1.5rem;padding:3rem 9vw;transform:translateX(100%); transition:transform .4s cubic-bezier(.22,1,.36,1);overflow-y:auto; } .bv-nav.on{transform:none} .bv-nav a{font-size:1.4rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--bv-grafite)!important} .bv-nav a::after{display:none} .bv-hd__b{display:none} .bv-hd{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);padding:.7rem 0;box-shadow:var(--bv-s1)} .bv-hd .bv-logo{color:var(--bv-grafite)} .bv-hd .bv-logo small{color:var(--bv-terra)} .bv-hd .bv-burger i{background:var(--bv-grafite)} .bv-dest{grid-template-columns:1fr} .bv-dest__i--big{grid-column:span 1;min-height:320px} } @media(max-width:560px){ body{font-size:16px} .bv-gr{grid-template-columns:1fr} .bv-rod__g{grid-template-columns:1fr;gap:2.1rem} .bv-hero__cta .bv-b{flex:1} .bv-zap span{display:none} .bv-zap{padding:0;width:56px;justify-content:center} .bv-chips{gap:.5rem} .bv-chip{padding:.55rem 1rem;font-size:.83rem} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition-duration:.01ms!important} .bv-r{opacity:1;transform:none} .bv-hero__slide.is-on{animation:none;transform:scale(1.02)} } /* ══════════════════════════════════════════════════════════════ BLINDAGEM CONTRA O TEMA DO WORDPRESS / ELEMENTOR O tema pinta button, input, select e a.button com a cor de destaque dele. Aqui a especificidade e o !important devolvem o controle pro site. Não remova. ══════════════════════════════════════════════════════════════ */ .bv-dest__i--larga{grid-column:span 2} .bv-cta-linha{margin-top:2.3rem;display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap} /* fontes: o tema costuma forçar a própria família */ .bv-h1.bv-h1,.bv-h2.bv-h2,.bv-h3.bv-h3, .bv-logo b,.bv-slog h2,.bv-preco b,.bv-nums__i b, .bv-faq summary,.bv-opc__i strong,.bv-fot__l strong,.bv-passos b{ font-family:'Plus Jakarta Sans',sans-serif!important; text-transform:none!important;letter-spacing:-.025em!important; overflow-wrap:anywhere; } .bv-slog h2,.bv-faq summary,.bv-preco b{letter-spacing:-.02em!important} /* CHIPS DO FILTRO — era aqui que aparecia o rosa do tema */ .bv-chips .bv-chip, .bv-chips .bv-chip:link, .bv-chips .bv-chip:visited{ -webkit-appearance:none!important;appearance:none!important; background:var(--bv-areia)!important; background-image:none!important; background-color:var(--bv-areia)!important; color:var(--bv-grafite)!important; border:1.5px solid var(--bv-borda)!important; border-radius:100px!important; box-shadow:none!important;text-shadow:none!important; font-family:'Inter',system-ui,sans-serif!important; font-size:.87rem!important;font-weight:600!important; line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important; padding:.6rem 1.15rem!important;margin:0!important; width:auto!important;min-width:0!important;min-height:0!important;height:auto!important; cursor:pointer!important;text-decoration:none!important; transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .2s ease!important; } .bv-chips .bv-chip:hover, .bv-chips .bv-chip:focus{ background-color:var(--bv-verde-luz)!important; border-color:var(--bv-verde-3)!important; color:var(--bv-verde)!important; transform:translateY(-2px)!important; } .bv-chips .bv-chip.is-on, .bv-chips .bv-chip.is-on:hover, .bv-chips .bv-chip.is-on:focus{ background-color:var(--bv-verde)!important; border-color:var(--bv-verde)!important; color:#fff!important; } /* BOTÕES */ .bv-b,.bv-b:link,.bv-b:visited{ -webkit-appearance:none!important;appearance:none!important; background-image:none!important;box-shadow:none!important;text-shadow:none!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-size:.93rem!important;font-weight:700!important;line-height:1.3!important; letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important; border-radius:100px!important;min-height:0!important;height:auto!important;cursor:pointer!important; } .bv-b--terra,.bv-b--terra:link,.bv-b--terra:visited{background-color:var(--bv-terra)!important;color:#fff!important;border-color:var(--bv-terra)!important} .bv-b--terra:hover,.bv-b--terra:focus{background-color:var(--bv-terra-2)!important;color:#fff!important;border-color:var(--bv-terra-2)!important} .bv-b--verde,.bv-b--verde:link,.bv-b--verde:visited{background-color:var(--bv-verde)!important;color:#fff!important;border-color:var(--bv-verde)!important} .bv-b--verde:hover,.bv-b--verde:focus{background-color:var(--bv-verde-2)!important;color:#fff!important} .bv-b--zap,.bv-b--zap:link,.bv-b--zap:visited{background-color:var(--bv-zap)!important;color:#fff!important;border-color:var(--bv-zap)!important} .bv-b--linha,.bv-b--linha:link,.bv-b--linha:visited{background-color:transparent!important;color:var(--bv-grafite)!important;border:2px solid var(--bv-borda)!important} .bv-b--linha:hover,.bv-b--linha:focus{background-color:var(--bv-terra)!important;color:#fff!important;border-color:var(--bv-terra)!important} .bv-b--vidro,.bv-b--vidro:link,.bv-b--vidro:visited{background-color:rgba(255,255,255,.13)!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important} .bv-b--vidro:hover,.bv-b--vidro:focus{background-color:#fff!important;color:var(--bv-verde)!important;border-color:#fff!important} .bv-zap.bv-zap{background-color:var(--bv-zap)!important;color:#fff!important;text-decoration:none!important;font-family:'Plus Jakarta Sans',sans-serif!important} /* CAMPOS DO FORMULÁRIO */ .bv-form .bv-c input, .bv-form .bv-c select, .bv-form .bv-c textarea{ -webkit-appearance:none!important;appearance:none!important; background-color:#fff!important;background-image:none!important; color:var(--bv-grafite)!important; border:1.5px solid var(--bv-borda)!important;border-radius:9px!important; box-shadow:none!important;font-family:'Inter',system-ui,sans-serif!important; font-size:16px!important;font-weight:400!important;line-height:1.5!important; padding:.8rem .88rem!important;width:100%!important;max-width:100%!important; min-height:0!important;height:auto!important;margin:0!important;text-transform:none!important; } .bv-form .bv-c select{ padding-right:2.3rem!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236B7169' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important;background-position:right .95rem center!important; } .bv-form .bv-c input:focus, .bv-form .bv-c select:focus, .bv-form .bv-c textarea:focus{ border-color:var(--bv-terra)!important; box-shadow:0 0 0 3px rgba(180,87,46,.12)!important;outline:none!important; } .bv-form .bv-c textarea{min-height:84px!important;resize:vertical!important} .bv-form .bv-c label{ font-family:'Inter',system-ui,sans-serif!important;font-size:.78rem!important; font-weight:600!important;color:var(--bv-cinza)!important;text-transform:none!important; letter-spacing:normal!important;margin:0!important; } /* FAQ: o tema mexe em details/summary */ .bv-faq details{background:#fff!important;margin:0!important} .bv-faq summary{background:none!important;list-style:none!important} .bv-faq summary::marker{content:''} /* links dentro dos blocos não podem herdar sublinhado/cor do tema */ .bv-w a,.bv-rod a,.bv-cont a{text-decoration:none!important} .bv-cont a:hover{color:#fff!important} /* imagens do tema não podem ganhar borda/sombra */ .bv-logo img{border:0!important;box-shadow:none!important;border-radius:50%!important;max-width:46px!important} /* listas: temas costumam adicionar marcador e padding */ .bv-lista,.bv-fot__l,.bv-passos,.bv-cont,.bv-rod ul{list-style:none!important;padding-left:0!important;margin-left:0!important} .bv-lista li,.bv-fot__l li,.bv-passos li,.bv-cont li,.bv-rod ul li{list-style:none!important;margin:0!important} .bv-lista li::marker,.bv-rod ul li::marker{content:''} /* ══════════════════════════════════════════════════════════════ RESPONSIVO ══════════════════════════════════════════════════════════════ */ /* nada pode estourar a largura */ .bv-w,.bv-sec,.bv-hero,.bv-rot,.bv-dest,.bv-dif,.bv-serv{max-width:100%} .bv-card,.bv-dif__i,.bv-dest__i,.bv-serv__i,.bv-opc__i{min-width:0} .bv-card__c h3,.bv-dif__i h3,.bv-dest__t h3,.bv-opc__i strong{overflow-wrap:anywhere} /* grid de roteiros nunca menor que a tela */ .bv-rot{grid-template-columns:repeat(auto-fill,minmax(min(292px,100%),1fr))} .bv-dif{grid-template-columns:repeat(3,1fr)} @media(max-width:980px){.bv-dif{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.bv-dif{grid-template-columns:1fr}} .bv-serv{grid-template-columns:repeat(4,1fr)} .bv-opc__g{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))} .bv-nums{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))} @media(max-width:1024px){ .bv-dest__i--larga{grid-column:span 2} } @media(max-width:860px){ .bv-dest__i--larga{grid-column:span 1} .bv-dest__i--big{grid-column:span 1} } /* chips viram trilho horizontal: não empilha 8 linhas no celular */ @media(max-width:720px){ .bv-filtro{padding:1.2rem 0!important;border-left:0;border-right:0;border-radius:0} .bv-filtro__t,.bv-filtro__r{padding-inline:1.2rem} .bv-filtro__l{padding-bottom:1rem;margin-bottom:1rem} .bv-chips{ flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity; padding:.2rem 1.2rem .5rem;margin:0; -webkit-overflow-scrolling:touch;scrollbar-width:none; } .bv-chips::-webkit-scrollbar{display:none} .bv-chips .bv-chip{flex:0 0 auto;scroll-snap-align:start} } @media(max-width:640px){ .bv-hero{min-height:auto;padding:6.5rem 0 3.5rem} .bv-hero__dest{font-size:1rem;gap:.4rem .7rem} .bv-hero__p{margin-top:2rem;padding-top:1.5rem;gap:.6rem 1.4rem} .bv-hero__p span{font-size:.8rem} .bv-sec{padding:3.5rem 0} .bv-monte__t{padding:1.8rem 1.4rem} .bv-passos li{gap:.8rem} .bv-card__ft{height:170px} .bv-card__c{padding:1.3rem} .bv-dest__t{padding:1.3rem} .bv-opc{padding:1.3rem} .bv-serv__i{padding:1.2rem 1.1rem} .bv-slog h2{font-size:1.25rem} .bv-aviso{font-size:.78rem;padding:.9rem 1rem;text-align:left} .bv-var{font-size:.76rem} .bv-cta-linha .bv-b{width:100%} } @media(max-width:400px){ .bv-w{width:92vw} .bv-preco b{font-size:1.45rem!important} .bv-b{padding:.9rem 1.4rem!important;font-size:.87rem!important} .bv-logo b{font-size:.98rem} .bv-logo small{font-size:.58rem} .bv-saida span{font-size:.72rem} } /* telas baixas em paisagem */ @media(max-height:620px) and (orientation:landscape){ .bv-hero{min-height:auto;padding:6rem 0 3rem} } /* toque: hover não pode grudar estado no celular */ @media(hover:none){ .bv-card:hover,.bv-dif__i:hover,.bv-b:hover,.bv-chips .bv-chip:hover{transform:none!important} .bv-card:hover .bv-card__ft i.bv-bg,.bv-dest__i:hover i.bv-bg{transform:none} .bv-chips .bv-chip:hover{background-color:var(--bv-areia)!important;border-color:var(--bv-borda)!important;color:var(--bv-grafite)!important} .bv-chips .bv-chip.is-on:hover{background-color:var(--bv-verde)!important;border-color:var(--bv-verde)!important;color:#fff!important} } /* ══════════════════════════════════════════════════════════════ VÍDEOS ══════════════════════════════════════════════════════════════ */ .bv-vid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem} .bv-vid__i{margin:0} .bv-vid__frame{ position:relative;aspect-ratio:9/16;border-radius:var(--bv-r);overflow:hidden; background:var(--bv-verde-2);box-shadow:0 18px 40px -22px rgba(0,0,0,.65); } .bv-vid__v{ position:absolute;inset:0;width:100%!important;height:100%!important; object-fit:cover;display:block;background:var(--bv-verde-2);border-radius:0!important; } .bv-vid__frame::after{ content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(to top,rgba(30,38,25,.45),transparent 42%); } .bv-vid__som{ position:absolute;right:.7rem;bottom:.7rem;z-index:3; width:38px!important;height:38px!important;min-height:0!important;padding:0!important; border-radius:50%!important;border:1px solid rgba(255,255,255,.4)!important; background:rgba(30,38,25,.55)!important;backdrop-filter:blur(6px); color:#fff!important;display:grid;place-items:center;cursor:pointer; transition:background .25s ease,transform .25s ease; } .bv-vid__som:hover{background:var(--bv-terra)!important;border-color:var(--bv-terra)!important;transform:scale(1.08)} .bv-vid__som svg{width:18px;height:18px} .bv-vid__som .bv-ic-som{display:none} .bv-vid__i.com-som .bv-vid__som .bv-ic-som{display:block} .bv-vid__i.com-som .bv-vid__som .bv-ic-mudo{display:none} .bv-vid__i figcaption{ margin-top:.85rem;text-align:center;font-size:.8rem;font-weight:600; letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.62); } /* ══════════════════════════════════════════════════════════════ GALERIA DE CLIENTES ══════════════════════════════════════════════════════════════ */ .bv-gal__topo{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.2rem} .bv-gal__setas{display:flex;gap:.6rem;flex-shrink:0} .bv-gal__setas--mob{display:none;justify-content:center;margin-top:1.6rem} .bv-seta{ width:48px!important;height:48px!important;min-height:0!important;padding:0!important; border-radius:50%!important;border:1.5px solid var(--bv-borda)!important; background:var(--bv-branco)!important;background-image:none!important; color:var(--bv-grafite)!important;display:grid;place-items:center;cursor:pointer; box-shadow:none!important; transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .2s ease; } .bv-seta:hover{background-color:var(--bv-terra)!important;border-color:var(--bv-terra)!important;color:#fff!important;transform:translateY(-2px)} .bv-seta:disabled{opacity:.32;cursor:not-allowed;transform:none!important} .bv-seta svg{width:20px;height:20px} .bv-gal{overflow:hidden} .bv-gal__trilho{ display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory; padding-inline:max(5vw,calc((100vw - 1240px)/2));padding-bottom:.5rem; scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth; } .bv-gal__trilho::-webkit-scrollbar{display:none} .bv-gal__i{ margin:0;flex:0 0 calc((min(1240px,90vw) - 3.3rem)/4); scroll-snap-align:start;border-radius:var(--bv-r);overflow:hidden; aspect-ratio:4/5;background:var(--bv-areia);position:relative; } .bv-gal__i img{ width:100%!important;height:100%!important;object-fit:cover;display:block; border-radius:0!important;border:0!important;box-shadow:none!important; transition:transform .8s cubic-bezier(.22,1,.36,1); } .bv-gal__i:hover img{transform:scale(1.05)} .bv-gal__pontos{display:flex;justify-content:center;gap:.4rem;margin-top:1.8rem} .bv-gal__pontos button{ width:26px!important;height:3px!important;min-height:0!important;padding:0!important; border:0!important;border-radius:2px!important;background:var(--bv-borda)!important; cursor:pointer;transition:background-color .3s ease;box-shadow:none!important; } .bv-gal__pontos button.is-on{background:var(--bv-terra)!important} /* ─── responsivo das duas seções ─── */ @media(max-width:1024px){ .bv-gal__i{flex:0 0 calc((90vw - 2.2rem)/3)} } @media(max-width:860px){ .bv-vid{grid-template-columns:repeat(2,1fr);gap:1rem} .bv-gal__i{flex:0 0 calc((90vw - 1.1rem)/2)} .bv-gal__topo{flex-direction:column;align-items:flex-start;gap:1.2rem} .bv-gal__topo .bv-gal__setas{display:none} .bv-gal__setas--mob{display:flex} } @media(max-width:640px){ .bv-vid{grid-template-columns:1fr;gap:1.4rem;max-width:420px;margin-inline:auto} .bv-vid__i figcaption{margin-top:.7rem} .bv-gal__i{flex:0 0 82vw;aspect-ratio:3/4} .bv-gal__trilho{padding-inline:5vw;gap:.8rem} } @media(hover:none){ .bv-gal__i:hover img{transform:none} .bv-seta:hover{transform:none} } @media(prefers-reduced-motion:reduce){ .bv-gal__trilho{scroll-behavior:auto} } /* ══════════════════════════════════════════════════════════════ CABEÇALHO: blindagem para WordPress + Elementor O tema sobrescrevia o fundo branco e quebrava a linha do texto. ══════════════════════════════════════════════════════════════ */ .bv-hd.bv-hd{ position:fixed!important;top:0!important;left:0!important;right:0!important; width:100%!important;margin:0!important;z-index:9990!important; background-color:transparent!important;background-image:none!important; border:0!important;box-shadow:none!important; padding:1.1rem 0!important; transition:background-color .35s ease,padding .35s ease,box-shadow .35s ease!important; } html body .bv-hd.bv-hd.is-fix, html body .bv-hd.bv-hd.is-fix::before{ background-color:#fff!important; } html body .bv-hd.bv-hd.is-fix{ padding:.7rem 0!important; box-shadow:0 4px 22px -8px rgba(51,56,58,.16)!important; border-bottom:1px solid rgba(51,56,58,.07)!important; } /* camada solida propria: se o tema pintar o .bv-hd, esta camada continua branca */ html body .bv-hd.bv-hd::before{ content:'';position:absolute;inset:0;z-index:-1; background-color:transparent;transition:background-color .35s ease; pointer-events:none; } html body .bv-hd.bv-hd{isolation:isolate} .bv-hd .bv-hd__in{ display:flex!important;align-items:center!important;justify-content:space-between!important; gap:1.5rem!important;width:min(1240px,90vw)!important;margin-inline:auto!important; } /* texto do cabeçalho: nunca quebra linha e nunca herda cor do tema */ .bv-hd .bv-logo,.bv-hd .bv-logo:link,.bv-hd .bv-logo:visited{ display:flex!important;align-items:center!important;gap:.7rem!important; color:#fff!important;text-decoration:none!important;flex-shrink:0!important; } .bv-hd .bv-logo b{ display:block!important;font-family:'Plus Jakarta Sans',sans-serif!important; font-size:1.08rem!important;font-weight:800!important;line-height:1.15!important; letter-spacing:-.02em!important;white-space:nowrap!important;color:inherit!important; margin:0!important;text-transform:none!important; } .bv-hd .bv-logo small{ display:block!important;font-family:'Inter',system-ui,sans-serif!important; font-size:.63rem!important;font-weight:700!important;line-height:1.3!important; letter-spacing:.16em!important;text-transform:uppercase!important; white-space:nowrap!important;margin:.1rem 0 0!important;color:#D08A63!important; } .bv-hd .bv-nav a,.bv-hd .bv-nav a:link,.bv-hd .bv-nav a:visited{ font-family:'Inter',system-ui,sans-serif!important;font-size:.86rem!important; font-weight:600!important;line-height:1.3!important;letter-spacing:normal!important; text-transform:none!important;text-decoration:none!important; white-space:nowrap!important;color:#fff!important;padding:.3rem 0!important;margin:0!important; } .bv-hd.is-fix .bv-logo,.bv-hd.is-fix .bv-logo:link{color:var(--bv-grafite)!important} .bv-hd.is-fix .bv-logo small{color:var(--bv-terra)!important} .bv-hd.is-fix .bv-nav a,.bv-hd.is-fix .bv-nav a:link,.bv-hd.is-fix .bv-nav a:visited{color:var(--bv-grafite)!important} .bv-hd.is-fix .bv-burger i{background:var(--bv-grafite)!important} .bv-hd .bv-burger i{background:#fff} /* ══════════════════════════════════════════════════════════════ VÍDEOS: quadro de reserva enquanto o arquivo não decodifica ══════════════════════════════════════════════════════════════ */ .bv-vid__poster{ position:absolute;inset:0;z-index:0; background-size:cover;background-position:center; filter:saturate(.9); } .bv-vid__v{position:absolute;inset:0;z-index:1} .bv-vid__i.sem-video .bv-vid__v{display:none} .bv-vid__i.sem-video .bv-vid__frame::before{ content:'';position:absolute;left:50%;top:50%;z-index:2; width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%; background:rgba(30,38,25,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center; backdrop-filter:blur(4px); } /* ══════════════════════════════════════════════════════════════ CABEÇALHO ESTÁTICO Sem position:fixed. Dentro do Elementor o fixed se ancora em qualquer ancestral com transform, e o resultado era o fundo branco nunca aparecer. Barra normal, rola junto com a pagina. ══════════════════════════════════════════════════════════════ */ html body .bv-hd.bv-hd{ position:relative!important; top:auto!important;left:auto!important;right:auto!important;bottom:auto!important; inset:auto!important; width:100%!important;margin:0!important; z-index:50!important; background-color:#fff!important;background-image:none!important; backdrop-filter:none!important; padding:.85rem 0!important; box-shadow:0 2px 14px -6px rgba(51,56,58,.16)!important; border-bottom:1px solid var(--bv-borda)!important; transform:none!important; } html body .bv-hd.bv-hd::before{display:none!important} /* texto sempre escuro, porque o fundo agora é sempre branco */ html body .bv-hd .bv-logo, html body .bv-hd .bv-logo:link, html body .bv-hd .bv-logo:visited{color:var(--bv-grafite)!important} html body .bv-hd .bv-logo small{color:var(--bv-terra)!important} html body .bv-hd .bv-nav a, html body .bv-hd .bv-nav a:link, html body .bv-hd .bv-nav a:visited{color:var(--bv-grafite)!important} html body .bv-hd .bv-nav a:hover{color:var(--bv-terra)!important} html body .bv-hd .bv-burger i{background:var(--bv-grafite)!important} /* o banner nao precisa mais compensar altura de cabecalho sobreposto */ html body .bv-hero{padding-top:clamp(3rem,6vw,5rem)!important;min-height:0!important} html body .bv-hero .bv-hero__in{padding-block:clamp(2.5rem,7vw,5.5rem)} /* ── menu do celular: painel que abre abaixo da barra, sem fixed ── */ @media(max-width:860px){ html body .bv-hd .bv-nav{ position:absolute!important;top:100%!important;left:0!important;right:0!important; inset:auto 0 auto 0!important; display:block!important; background:#fff!important; transform:none!important;clip-path:none!important; padding:0 6vw!important;margin:0!important; max-height:0;overflow:hidden; border-bottom:0 solid var(--bv-borda); box-shadow:0 14px 26px -14px rgba(51,56,58,.3); transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s ease; } html body .bv-hd .bv-nav.on{ max-height:70vh;overflow-y:auto; padding:1rem 6vw 1.4rem!important; border-bottom-width:1px; } html body .bv-hd .bv-nav a{ display:block!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-size:1.05rem!important;font-weight:700!important; padding:.85rem 0!important; border-bottom:1px solid var(--bv-borda); white-space:normal!important; } html body .bv-hd .bv-nav a:last-child{border-bottom:0} } /* ══════════════════════════════════════════════════════════════ AVALIAÇÕES DO GOOGLE (plugin Trustindex) O plugin traz o proprio CSS. Aqui so encaixamos ele no layout e alinhamos as cores, sem brigar com a marcacao dele. ══════════════════════════════════════════════════════════════ */ .bv-avaliacoes{width:100%;margin-inline:auto} .bv-avaliacoes > *{max-width:100%} .bv-avaliacoes img{display:inline-block;border:0!important;box-shadow:none!important} /* o plugin costuma usar fonte propria: alinhamos com o resto do site */ .bv-avaliacoes .ti-widget, .bv-avaliacoes .ti-widget *{ font-family:'Inter',system-ui,-apple-system,sans-serif!important; } .bv-avaliacoes .ti-widget .ti-name, .bv-avaliacoes .ti-widget .ti-header-title{ font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:700!important; } /* cartoes do plugin no mesmo padrao dos demais cards do site */ .bv-avaliacoes .ti-widget .ti-review-item > .ti-inner{ border-radius:var(--bv-r)!important; border:1px solid var(--bv-borda)!important; background:var(--bv-branco)!important; box-shadow:none!important; } .bv-avaliacoes .ti-widget .ti-review-item > .ti-inner:hover{ box-shadow:var(--bv-s2)!important; } /* setas e paginacao do plugin no terracota da marca */ .bv-avaliacoes .ti-widget .ti-next, .bv-avaliacoes .ti-widget .ti-prev{color:var(--bv-terra)!important} .bv-avaliacoes .ti-widget .ti-dot.active{background:var(--bv-terra)!important} .bv-avaliacoes__pe{margin-top:2.4rem;display:flex;justify-content:center} /* se o shortcode nao for processado, o texto cru fica visivel. este aviso so aparece nesse caso, e some assim que o plugin renderiza. */ .bv-avaliacoes:not(:has(*)){ text-align:center;color:var(--bv-cinza);font-size:.9rem; background:var(--bv-branco);border:1px dashed var(--bv-borda); border-radius:var(--bv-r);padding:2.5rem 1.5rem; } /* ══════════════════════════════════════════════════════════════ GRADES DE SERVIÇOS: linhas sempre completas Sao 8 itens em cada uma das duas secoes. Com colunas fixas em 4, 2 e 1 nunca sobra celula vazia mostrando o fundo. ══════════════════════════════════════════════════════════════ */ html body .bv-serv{grid-template-columns:repeat(4,1fr)!important} @media(max-width:1080px){ html body .bv-serv{grid-template-columns:repeat(2,1fr)!important} } @media(max-width:420px){ html body .bv-serv{grid-template-columns:1fr!important} } /* alinha o texto no topo para as celulas ficarem visualmente iguais */ html body .bv-serv__i{align-items:flex-start;min-height:100%} html body .bv-serv__i svg{margin-top:.15rem} /* opcionais: 3 itens, mantem 3 colunas e cai para 1 no celular */ html body .bv-opc__g{grid-template-columns:repeat(3,1fr)!important} @media(max-width:820px){ html body .bv-opc__g{grid-template-columns:1fr!important;gap:1.1rem} } html body .bv-serv__i span{display:block} html body .bv-serv__i strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.94rem;line-height:1.25} html body .bv-serv__i small{display:block;font-size:.79rem;color:var(--bv-cinza);margin-top:.15rem;line-height:1.35} html body .bv-opc__g{grid-template-columns:repeat(4,1fr)!important} @media(max-width:980px){html body .bv-opc__g{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:560px){html body .bv-opc__g{grid-template-columns:1fr!important}} /* ══════════════════════════════════════════════════════════════ AJUSTES DA VERSÃO WORDPRESS ══════════════════════════════════════════════════════════════ */ /* fotos vêm do painel: o fundo padrão evita buraco branco enquanto a imagem carrega ou quando o campo está vazio */ .bv-hero__slide,.bv-card__ft .bv-bg,.bv-dest__i .bv-bg, .bv-sobre__ft .bv-bg,.bv-fot__ft,.bv-monte__ft,.bv-fim .bv-bg{ background-color:var(--bv-verde-2); background-size:cover;background-position:center;background-repeat:no-repeat; } .bv-sec--areia .bv-card__ft .bv-bg{background-color:var(--bv-areia-2)} /* link de acessibilidade */ .bv-pular{ position:absolute;left:-9999px;top:0;z-index:9999; background:var(--bv-terra);color:#fff;padding:.8rem 1.4rem;border-radius:0 0 8px 0; font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.9rem; } .bv-pular:focus{left:0} /* campo-armadilha contra robôs */ .bv-armadilha{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} /* menu vindo do WordPress sai como