/* Comunidade Caminho Sem Volta: gerado de ~/Developer/cafe-de-a-a-z/ccsv/ferramentas/gerar-site.mjs a partir do canvas. Não edite à mão. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#0B0A09;color:#F4F0EA;font-family:Archivo,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
:focus-visible{outline:2px solid #F5A524;outline-offset:3px}
[hidden]{display:none!important}
.ccsv-pular{position:fixed;left:12px;top:-60px;z-index:100;background:#F4F0EA;color:#0B0A09;padding:10px 14px;transition:top .2s}
.ccsv-pular:focus{top:12px}
.lp .rv-legal h2,.lp .rv-legal p{text-align:left!important}
@media (max-width:560px){.lp header > a > svg{width:96px;height:auto}}


a{color:#FD4B1C}a:hover{color:#FF6A3D}
.lp{container-type:inline-size}
.lp-h1{font-size:clamp(40px,5.6cqi,82px)}
.lp-h2{font-size:clamp(30px,4.4cqi,56px)}
.lp-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.lp-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-pad{padding-left:clamp(20px,5.5cqi,80px);padding-right:clamp(20px,5.5cqi,80px)}
.lp-nav{display:flex}
@container (max-width: 900px){.lp-hero,.lp-2,.lp-3{grid-template-columns:minmax(0,1fr)}.lp-nav{display:none}}
@container (max-width: 900px){
  .lp section h1,.lp section h2,.lp section h3,.lp section p{text-align:center}
  .lp section div[style*="flex-direction: column"]{align-items:center}
  .lp div[style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:14px !important}
  .lp div[style*="repeat(4, minmax(0, 1fr))"] *{white-space:nowrap}
  .lp span[style*="clamp(56px, 7cqi, 88px)"]{font-size:clamp(44px,15cqi,64px) !important;white-space:nowrap}
  .lp .lp-mod{gap:12px !important;padding:18px 18px !important}
  .lp .lp-mod-n{white-space:nowrap;font-size:13px !important}
  .lp #duvidas button,.lp #modulos button{justify-content:space-between !important;text-align:left !important}
  .lp #jornada .lp-card{height:auto !important;aspect-ratio:1/1.08}
  .lp #jornada .lp-recorte{left:0 !important;width:100% !important;height:auto !important;translate:0 0 !important}
  .lp #jornada .lp-jornada-c{width:46% !important;bottom:38% !important}
  .lp #duvidas *:has(> button[data-alterna]),.lp #duvidas *:has(> * > button[data-alterna]){align-self:stretch;width:100%}
  .lp section div[style*="flex-direction: column"] > :is(div[style*="display: grid"],div[style*="position: relative"],.lp-palco,ol,ul,form,details){align-self:stretch;width:100%}
  .lp section div[style*="flex-wrap: wrap"]{justify-content:center}
  .lp section button,.lp section a[style*="min-height: 56px"]{width:100%;justify-content:center}
  .lp section ol li,.lp section ul li{text-align:left}
  .lp section li > span,.lp #modulos button,.lp #duvidas button{text-align:left}
  .lp .lp-quem > div{align-items:center;text-align:center}
  .lp-palco{height:440px !important}
  .lp-h1{font-size:clamp(38px,10cqi,64px)}
}
.lp-btn{transition:background-color .2s,transform .2s}
.lp-btn:hover{background:#FF6A3D}
.lp-btn:active{transform:scale(.97)}
.lp-mod:hover{background:#1D1B18}
@keyframes lp-sobe{0%{transform:translate(-50%,60px);opacity:0}100%{transform:translate(-50%,0);opacity:1}}
@keyframes lp-c{0%{transform:translateX(-50%) scale(.6);opacity:0}100%{transform:translateX(-50%) scale(1);opacity:.9}}
@keyframes lp-flutua{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:6deg}}
@keyframes lp-flutua2{0%,100%{translate:0 0}50%{translate:-10px 12px}}
@keyframes lp-entra{0%{transform:translateY(24px);opacity:0}100%{transform:translateY(0);opacity:1}}
.lp-alberto{animation:lp-sobe .9s cubic-bezier(0,0,.2,1) .25s both;filter:drop-shadow(0 24px 40px rgba(0,0,0,.55))}
.lp-c{animation:lp-c .7s cubic-bezier(.34,1.56,.64,1) .05s both}
.lp-graos-a{animation:lp-flutua 6s ease-in-out infinite}
.lp-graos-b{animation:lp-flutua2 7s ease-in-out infinite}
.lp-recorte{animation:lp-entra .7s cubic-bezier(0,0,.2,1) both;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5))}
.lp-card:hover .lp-recorte{transform:translateY(-6px);transition:transform .3s}
.lp-invest{background-image:linear-gradient(90deg,rgba(11,10,9,.97) 35%,rgba(11,10,9,.72)),url(/img/ccsv/amb-graos.webp);background-size:cover;background-position:center}
.lp-zoom{transition:transform .8s cubic-bezier(.2,0,0,1)}
.lp-card:hover .lp-zoom{transform:scale(1.05)}
@keyframes lp-corre{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.lp-faixa{animation:lp-corre 38s linear infinite}
.lp-quem > div{transition:transform .25s cubic-bezier(.2,0,0,1),background-color .25s}
.lp-quem > div:hover{transform:translateY(-4px);background:#1D1B18}
.lp-mod{transition:background-color .2s}
@media (prefers-reduced-motion: reduce){.lp-faixa,.lp > section > div{animation:none}.lp-zoom,.lp-quem > div{transition:none}}
@media (prefers-reduced-motion: reduce){.lp-alberto,.lp-c,.lp-graos-a,.lp-graos-b,.lp-recorte{animation:none}}
/* interações no estilo da home: cartões sobem, luz segue o mouse, linha em brasa na base */
.lp-hov{position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1),background-color .3s}
.lp-hov > *{position:relative}
.lp-hov::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(253,75,28,.14),transparent 70%);opacity:0;transition:opacity .35s}
.lp-hov::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#FD4B1C;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.lp-hov h3{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lp-btn{position:relative}
.lp-btn::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.26),transparent 70%);opacity:0;transition:opacity .3s}
.lp-modulo{position:relative;transition:background-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.lp-modulo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#FD4B1C;transform:scaleY(0);transform-origin:50% 0;transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:1}
.lp-modulo[data-aberto="true"]::before{transform:scaleY(1)}
.lp-mod-n{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lp-aula{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.lp-aula > span:first-child{transition:color .25s}
.lp-faixa-item{transition:color .25s}
.lp-faixa:hover{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){
  .lp-hov:hover{transform:translateY(-4px);background-color:#1D1B18 !important}
  .lp-hov:hover::before,.lp-btn:hover::before{opacity:1}
  .lp-hov:hover::after{transform:scaleX(1)}
  .lp-hov:hover h3{transform:translateX(4px)}
  .lp-modulo:hover{transform:translateX(4px)}
  .lp-modulo:hover::before{transform:scaleY(1)}
  .lp-modulo:hover .lp-mod-n{transform:translateX(6px)}
  .lp-aula:hover{transform:translateX(6px)}
  .lp-aula:hover > span:first-child{color:#FD4B1C}
  .lp-faixa-item:hover{color:#F4F0EA}
}
@media (prefers-reduced-motion: reduce){.lp-hov,.lp-modulo,.lp-aula,.lp-mod-n{transition:none}}
.lp-topo{transition:background-color .25s,color .25s}
.lp-topo:hover{background:#FD4B1C !important;color:#0B0A09 !important}
.lp-rodape a[style*="padding: 8px 0"]{transition:color .2s}
.lp-rodape a[style*="padding: 8px 0"]:hover{color:#F4F0EA !important}
@container (max-width: 900px){
  .lp-rod-topo,.lp-rod-base{flex-direction:column;text-align:center}
  .lp-rod-marca{align-items:center}
  .lp-rod-acoes{justify-content:center}
  .lp-rod-acoes > button{width:100%}
  .lp-rod-cols{grid-template-columns:minmax(0,1fr) !important;text-align:center}
  .lp-rod-cols > div{align-items:center}
  .lp-rod-base > span{justify-content:center}
}



@keyframes ab-c{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.06) rotate(0);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes ab-sobe{0%{transform:translateY(105%)}100%{transform:translateY(0)}}
@keyframes ab-lado{0%{transform:translateX(-14px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes ab-some{0%{opacity:0}100%{opacity:1}}
@keyframes ab-barra{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes ab-cortina{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}
@keyframes ab-hero{0%{transform:translateY(28px);opacity:0}100%{transform:translateY(0);opacity:1}}
.ab-c{transform-origin:4px 4px;transform-box:fill-box;animation:ab-c .6s cubic-bezier(.34,1.56,.64,1) .15s both}
.ab-palavra{animation:ab-sobe .62s cubic-bezier(0,0,.2,1) .45s both}
.ab-semvolta{animation:ab-lado .5s cubic-bezier(0,0,.2,1) 1.05s both}
.ab-comunidade{animation:ab-some .4s ease-out 1.25s both}
.ab-barra{transform-origin:0 50%;animation:ab-barra 1.6s cubic-bezier(.2,0,0,1) .2s both}
.ab-cortina{animation:ab-cortina .7s cubic-bezier(.4,0,1,1) 2.15s both}
.ab-hero{animation:ab-hero .6s cubic-bezier(0,0,.2,1) 2.55s both}
@media (prefers-reduced-motion: reduce){.ab-c,.ab-palavra,.ab-semvolta,.ab-comunidade,.ab-barra,.ab-hero{animation:none}.ab-cortina{animation:ab-some .01s linear 1s reverse both}}

/* Movimento de entrada e interação, no mesmo ritmo da home (cafegeracoes.com.br) */
.ccsv-progresso{position:fixed;left:0;right:0;top:0;height:2px;z-index:60;pointer-events:none}
.ccsv-progresso i{display:block;height:100%;background:#FD4B1C;transform:scaleX(0);transform-origin:0 50%}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.rv.in{opacity:1;transform:none}
.rv-esq{transform:translateX(-30px)}.rv-esq.in{transform:none}
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}
.w>span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.vis .w>span{transform:none}
.rv-cort::after{content:"";position:absolute;inset:0;z-index:3;background:#262320;transform-origin:50% 0;transition:transform 1.05s cubic-bezier(.7,0,.2,1) var(--d,200ms);pointer-events:none}
.rv-cort.in::after{transform:scaleY(0)}
.tilt{transition:transform .25s cubic-bezier(.2,.7,.2,1);will-change:transform}
@media (prefers-reduced-motion:reduce){.rv,.w>span{opacity:1!important;transform:none!important;transition:none!important}.rv-cort::after{display:none}}
.ccsv-abertura{position:fixed;inset:0;z-index:90;pointer-events:none}
.ccsv-abertura .ab-cortina{position:absolute;inset:0;background:#0B0A09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:20px}
.ccsv-abertura svg{width:min(744px,88vw);height:auto}
.ccsv-modal{position:fixed;inset:0;z-index:80;background:rgba(11,10,9,.74);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.ccsv-cartao{position:relative;width:480px;max-width:100%;background:#151311;color:#F4F0EA;padding:36px 32px 32px;display:flex;flex-direction:column;gap:20px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);font-family:Archivo,system-ui,sans-serif;animation:ccsv-entra .32s cubic-bezier(0,0,.2,1) both}
@keyframes ccsv-entra{0%{transform:translateY(16px);opacity:0}100%{transform:none;opacity:1}}
.ccsv-campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.ccsv-campo input{min-height:48px;padding:0 14px;border:1px solid #403B37;background:#0B0A09;color:#F4F0EA;font:400 16px Archivo,system-ui,sans-serif;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.ccsv-campo input[type=tel]{font-family:'Geist Mono',ui-monospace,monospace}
.ccsv-campo .cd-tel{display:flex;gap:8px;align-items:stretch}
.ccsv-campo .cd-ddi{flex:none;display:flex;align-items:center;justify-content:center;min-width:64px;padding:0 12px;border:1px solid #403B37;background:#0B0A09;color:#ADA59D;font:500 16px 'Geist Mono',ui-monospace,monospace;user-select:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.ccsv-campo .cd-tel input{flex:1;min-width:0}
.ccsv-campo input:focus{outline:2px solid #FD4B1C;outline-offset:0}
.ccsv-campo input[aria-invalid=true]{border-color:#FF5D73}
.ccsv-erro{font-weight:500;color:#FF5D73}
.ccsv-aviso{display:flex;gap:12px;background:#2a1517;padding:14px;font-size:15px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.ccsv-enviar{min-height:56px;border:0;background:#FD4B1C;color:#0B0A09;font:800 17px Archivo,system-ui,sans-serif;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background-color .2s,transform .2s}
.ccsv-enviar:hover{background:#FF6A3D}.ccsv-enviar:active{transform:scale(.97)}.ccsv-enviar[disabled]{opacity:.7;cursor:progress}
.ccsv-fechar{position:absolute;right:14px;top:14px;width:44px;height:44px;border:0;background:#262320;color:#F4F0EA;cursor:pointer;display:flex;align-items:center;justify-content:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.ccsv-cookies{position:fixed;right:24px;bottom:24px;z-index:70;width:min(440px,calc(100vw - 32px));background:#2E2A27;padding:1px;font-family:Archivo,system-ui,sans-serif;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);animation:ccsv-sobe-ck .5s cubic-bezier(0,0,.2,1) 1.2s both}
.ccsv-cookies-in{background:#151311;padding:18px 18px 18px 20px;display:flex;gap:16px;align-items:center;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.ccsv-cookies svg{flex:0 0 auto}
.ccsv-cookies-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.ccsv-cookies-txt strong{font-size:15px;font-weight:700;color:#F4F0EA}
.ccsv-cookies-txt span{font-size:14px;line-height:1.45;color:#ADA59D}
.ccsv-cookies button{flex:0 0 auto;min-height:44px;padding:0 18px;border:0;background:#FD4B1C;color:#0B0A09;font:700 15px Archivo,system-ui,sans-serif;white-space:nowrap;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background-color .2s,transform .2s}
.ccsv-cookies button:hover{background:#FF6A3D}.ccsv-cookies button:active{transform:scale(.97)}
@keyframes ccsv-sobe-ck{0%{transform:translateY(24px);opacity:0}100%{transform:none;opacity:1}}
@media (max-width:560px){.ccsv-cookies{left:16px;right:16px;bottom:16px;width:auto}.ccsv-cookies-in{flex-wrap:wrap;padding:18px}.ccsv-cookies-txt{flex-basis:calc(100% - 52px)}.ccsv-cookies button{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.ccsv-cookies{animation:none}}
.ccsv-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}