:root{
  --bordo:#832540; --rosa:#CE4B7B; --rosa-suave:#EBA5B9; --rose:#C88783; --rosa-claro:#F7DFE6; --marfim:#FFF8F6;
  --bg:#FFF8F6; --surface:#FFFFFF; --tint:#F7DFE6; --ink:#34242B; --muted:#6E5860; --line:#EBCFD6;
  --cab-h:77px; --accent-hover:#6B1C33; --accent:#832540; --accent-ink:#FFFFFF; --link:#832540;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){color-scheme:dark;--bg:#1E1016;--surface:#2A1720;--tint:#35202A;--ink:#F6E9ED;--muted:#CDB2BA;--line:#4A2E39;--accent-hover:#F3BCCB;--accent:#EBA5B9;--accent-ink:#2A1018;--link:#EBA5B9}
}
:root[data-theme="dark"]{color-scheme:dark;--bg:#1E1016;--surface:#2A1720;--tint:#35202A;--ink:#F6E9ED;--muted:#CDB2BA;--line:#4A2E39;--accent-hover:#F3BCCB;--accent:#EBA5B9;--accent-ink:#2A1018;--link:#EBA5B9}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--cab-h) + 16px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding-top:var(--cab-h);background:var(--bg);color:var(--ink);font:400 1.125rem/1.7 var(--sans);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.12;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(2.8rem,8vw,5rem)} h2{font-size:clamp(2.1rem,5vw,3.4rem)} h3{font-size:1.65rem}
p{margin:0 0 1em;max-width:62ch}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;z-index:100;border-radius:8px}
.skip:focus{left:8px}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
header.top{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header.top{background:var(--bg)}}
header.top.rolou{background:color-mix(in srgb,var(--bg) 84%,transparent);box-shadow:0 8px 28px rgba(131,37,64,.10);border-bottom-color:transparent}
header.top.rolou .bar{min-height:60px}header.top.rolou .brand img{width:46px!important;height:46px!important}header.top.rolou .marca-nome{transform:scale(.92)}
header.top .wrap{width:min(1500px,100% - 2rem)}
.bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(.6rem,2vw,1.6rem);min-height:76px;transition:min-height .3s ease}
.brand img{transition:width .3s ease,height .3s ease}.marca-nome{transition:transform .3s ease}
.marca-nome{justify-self:center;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.28rem;line-height:1;min-width:0}
.mn1{font:700 clamp(1.05rem,3.4vw,1.55rem)/1 var(--serif);letter-spacing:.07em;color:var(--accent);white-space:nowrap}
.mn2{font:600 clamp(.5rem,1.9vw,.68rem)/1 var(--sans);letter-spacing:.42em;margin-right:-.42em;color:#A55560;white-space:nowrap}
:root[data-theme="dark"] .mn2{color:var(--rosa-suave)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .mn2{color:var(--rosa-suave)}}
@media(max-width:600px){.brand img{width:46px!important;height:46px!important}header.top.rolou .brand img{width:40px!important;height:40px!important}.mn2{letter-spacing:.3em;margin-right:-.3em}}
@media(max-width:360px){.mn1{letter-spacing:.04em}.mn2{letter-spacing:.2em;margin-right:-.2em}.burger{width:42px;height:42px}}
.brand img{width:58px;height:58px}
nav.main{display:flex;gap:.1rem;align-items:center}
nav.main a{padding:.45rem .42rem;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.88rem;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
nav.main a:hover,nav.main a[aria-current="page"]{background:var(--tint);color:var(--accent)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:12px;width:46px;height:46px;color:var(--ink);cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:currentColor;margin:5px auto;transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1399px){
  .burger{display:block}
  nav.main{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:color-mix(in srgb,var(--bg) 98%,transparent);border-bottom:1px solid var(--line);padding:.6rem 1.25rem 1.2rem;display:flex;max-height:calc(100vh - var(--cab-h));max-height:calc(100dvh - var(--cab-h));overflow:auto;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
  nav.main.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .25s ease,transform .25s ease,visibility 0s}
  nav.main a{padding:.9rem 1rem;font-size:1.05rem}
}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.85rem 1.7rem;border-radius:999px;font:700 1.05rem var(--sans);text-decoration:none;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 20px rgba(131,37,64,.22)}
.btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.btn.ghost{background:transparent;color:var(--accent)}
.btn.ghost:hover{background:var(--tint);color:var(--accent);border-color:var(--accent)}
.btn.rosa{background:#BC3C69;border-color:#BC3C69;color:#fff}
.btn.rosa:hover{background:#A92F59;border-color:#A92F59;color:#fff}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.btn[aria-busy="true"]{cursor:progress}
.btn.ok-estado,.btn.ok-estado:hover{background:#2E7D4F;border-color:#2E7D4F;color:#fff;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
section.band{padding:clamp(3.2rem,8vw,6rem) 0}
.tint{background:var(--tint)}
.lead{font-size:1.35rem;color:var(--muted)}
/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(3rem,8vw,6rem)}
.hero::before{content:"";position:absolute;right:-18vw;top:-14vw;width:62vw;max-width:760px;aspect-ratio:1;border-radius:50%;background:var(--tint)}
.hero::after{content:"";position:absolute;right:-6vw;top:-4vw;width:46vw;max-width:580px;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--rosa-suave)}
.hero .wrap{position:relative;z-index:1;display:grid;gap:2.5rem;grid-template-columns:1.25fr .75fr;align-items:center}
.hero h1{color:var(--accent)}
.hero .selo-anel{width:min(100%,380px);justify-self:center;animation:subir .7s cubic-bezier(.2,.7,.2,1) .66s both}
.hero .selo{display:block;width:100%;height:auto}
.hero .assin,.hero .lead,.hero .btns{animation:subir var(--mo-d-lenta,.65s) var(--mo-ease,cubic-bezier(.2,.7,.2,1)) both}
.hero .assin{animation-delay:0s}.hero .lead{animation-delay:.34s}.hero .btns{animation-delay:.52s}
@keyframes subir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes float{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero .selo-anel{order:-1;width:200px;margin:8px 0}}
.assin{font-family:var(--serif);font-style:italic;font-size:clamp(.9rem,4.6vw,1.7rem);color:var(--rosa);white-space:nowrap}
/* grids/cards */
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.6rem}
.tint .card{background:var(--bg)}
.card.faixa{background:var(--accent);color:var(--accent-ink);border:0;border-radius:26px}
.card.faixa a{color:inherit}
.rule{width:64px;height:3px;background:var(--rosa);border:0;margin:0 0 1.2rem;border-radius:3px}
/* metodologia */
.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.6rem;position:relative;cursor:default;transition:border-color .2s,transform .2s}
.steps li:hover{border-color:var(--rosa)}
.steps li::before{content:counter(s) ".";font:600 3.2rem/1 var(--serif);color:var(--rosa-suave)}
.steps h3{margin:0 0 .3rem;color:var(--accent)}
.steps p{margin:0;color:var(--muted)}
/* lista etapas serviço */
.etapas{columns:2 280px;column-gap:2rem;padding-left:1.1rem}
.etapas li{margin-bottom:.5rem;break-inside:avoid}
/* faq */
details{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:.8rem;overflow:hidden}
summary{cursor:pointer;padding:1.1rem 1.3rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem;min-height:48px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;color:var(--rosa);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details>div{padding:0 1.3rem 1.2rem;color:var(--muted)}
/* forms */
form{display:grid;gap:1rem}
.row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
label{display:block;font-weight:600;font-size:1rem;margin-bottom:.35rem}
input,select,textarea{width:100%;min-height:48px;padding:.75rem .95rem;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--rosa);outline:3px solid color-mix(in srgb,var(--rosa) 30%,transparent)}
.err{color:#B4233F;font-size:.85rem;margin-top:.3rem;min-height:0}
:root[data-theme="dark"] .err,:root:not([data-theme="light"]) .err{color:#FFB3C4}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .err{color:#B4233F}}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#C0334F}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem}
.check input{width:22px;min-height:22px;margin-top:.2rem;accent-color:var(--accent)}
.check label{font-weight:400;margin:0}
.ok{background:var(--tint);border:1px solid var(--rosa-suave);border-radius:18px;padding:1.2rem 1.4rem;animation:float .5s both}
.nota{font-size:.95rem;color:var(--muted);border-left:3px solid var(--rosa-suave);padding-left:.9rem}
/* vagas */
.filtros{display:grid;gap:.8rem;grid-template-columns:2fr 1fr 1fr;margin:1.5rem 0}
@media(max-width:700px){.filtros{grid-template-columns:1fr}}
.vazio{text-align:center;padding:3rem 1.5rem;background:var(--surface);border:1.5px dashed var(--rosa-suave);border-radius:26px}
.vazio img{width:110px;margin:0 auto 1rem}
.tag{display:inline-block;background:var(--tint);color:var(--accent);border-radius:999px;padding:.25rem .8rem;font-size:.9rem;font-weight:600;margin:0 .3rem .3rem 0}
/* footer */
footer{background:#5C1730;color:#FBE9EE;padding:3.2rem 0 calc(2rem + 76px + env(safe-area-inset-bottom,0px));margin-top:0}
footer a{color:#FBE9EE}
footer .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer h3{font-size:1.2rem;color:#EBA5B9}
footer ul{list-style:none;margin:0;padding:0} footer li{margin:.35rem 0}
.fine{border-top:1px solid rgba(255,255,255,.18);margin-top:2rem;padding-top:1.2rem;font-size:.85rem;color:#E9C3CD}
/* paginas */
.page{display:none}.page.active{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.pagehead{padding:clamp(2.5rem,6vw,4.5rem) 0 1.5rem;position:relative;overflow:hidden}
.pagehead::after{content:"";position:absolute;right:-10vw;top:-12vw;width:40vw;max-width:460px;aspect-ratio:1;border-radius:50%;background:var(--tint);z-index:-1}
.pagehead h1{font-size:clamp(2.5rem,6.5vw,4.2rem);color:var(--accent)}
.split{display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert{border-radius:14px;padding:.9rem 1.1rem;margin-bottom:1rem;border:1px solid var(--rosa-suave);background:var(--tint)}
.alert.erro{border-color:#C0334F}
.paginacao{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
.paginacao a,.paginacao span{padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);text-decoration:none}
.paginacao [aria-current]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.prose h2{font-size:2rem;margin-top:1.6em}.prose p,.prose ul{max-width:68ch}.prose{font-size:1.08rem}
.lista-simples{padding-left:1.2rem}.lista-simples li{margin-bottom:.4rem}
.btn[disabled]{opacity:.7;cursor:progress}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:giro .7s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.filtros{grid-template-columns:2fr 1fr 1fr 1fr}
@media(max-width:900px){.filtros{grid-template-columns:1fr 1fr}}@media(max-width:560px){.filtros{grid-template-columns:1fr}}

.depoimento{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(1.6rem,4vw,2.8rem);max-width:860px}
.depoimento blockquote{margin:0 0 1.2rem;font:500 clamp(1.3rem,3vw,1.75rem)/1.45 var(--serif);color:var(--accent)}
.depoimento blockquote p{max-width:none;margin:0 0 .8em}
.depoimento figcaption{font-size:.92rem;color:var(--muted);border-top:3px solid var(--rosa-suave);padding-top:.9rem}
.depoimento figcaption strong{color:var(--ink);display:block}
footer li,footer p{overflow-wrap:anywhere}footer .grid>div{min-width:0}
.grid4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tint);color:var(--accent);margin-bottom:1rem}
.tint .ico{background:var(--bg)}.ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fluxo,.cinema-caps{list-style:none;margin:1.6rem 0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);counter-reset:f}
.fluxo li,.cinema-caps li{counter-increment:f;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.6rem 1.5rem 1.4rem}
.fluxo li::before,.cinema-caps li::before{content:counter(f);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:700 1.3rem var(--serif);margin-bottom:1rem}
.fluxo li:not(:last-child)::after,.cinema-caps li:not(:last-child)::after{content:"";position:absolute;top:2.2rem;left:calc(1.5rem + 52px);right:-1.2rem;height:2px;background:var(--rosa-suave)}
.fluxo h3,.cinema-caps h3{font-size:1.4rem}.fluxo p,.cinema-caps p{color:var(--muted);margin:0}
@media(max-width:820px){.fluxo,.cinema-caps{grid-template-columns:1fr}.fluxo li:not(:last-child)::after,.cinema-caps li:not(:last-child)::after{display:none}}

.cards-art{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.card-art{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.card-art .capa{display:block;aspect-ratio:16/9;background:var(--tint);overflow:hidden}
.card-art .capa img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.capa-vazia{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,var(--rosa-claro),var(--tint) 60%)}
.capa-vazia img{width:96px;height:auto;opacity:.95}
.card-art .info{display:flex;flex-direction:column;gap:.2rem;padding:1.3rem 1.4rem 1.5rem;flex:1}
.card-art .info h3{font-size:1.45rem;margin:.2rem 0 .4rem}.card-art .info h3 a{color:var(--ink);text-decoration:none}.card-art .info h3 a:hover{color:var(--accent)}
.card-art .info p{margin:0 0 .6rem}.card-art .info .btn{margin-top:auto;align-self:flex-start}
.mut{color:var(--muted);font-size:.95rem}
.artigo-head h1{max-width:20ch;font-size:clamp(2.3rem,6vw,3.8rem)}
.artigo-head .meta{color:var(--muted);font-size:1rem}
.capa-artigo{margin:0 auto 2.4rem;max-width:1000px}
.capa-artigo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 30%;border-radius:24px;background:var(--tint)}
.capa-artigo figcaption{font-size:.85rem;color:var(--muted);margin-top:.5rem}
.artigo{max-width:720px;margin-inline:auto;font-size:1.15rem;line-height:1.8}
.artigo p{max-width:none}.artigo .intro{font-size:1.3rem;line-height:1.65;color:var(--ink)}
.artigo h2{font-size:clamp(1.7rem,4vw,2.2rem);margin:2.4em 0 .6em;padding-top:.8em;border-top:3px solid var(--rosa-suave)}
.artigo h2:first-of-type{margin-top:1.8em}
.artigo ul,.artigo ol{padding-left:1.4rem;margin:0 0 1.2em}.artigo li{margin-bottom:.55rem;padding-left:.3rem}.artigo li::marker{color:var(--rosa);font-weight:700}
.artigo ul{background:var(--tint);border-left:4px solid var(--rosa);border-radius:0 16px 16px 0;padding:1.1rem 1.4rem 1.1rem 2.6rem}
.cta-artigo p{max-width:60ch}
@media(max-width:600px){.artigo{font-size:1.1rem;line-height:1.75}.artigo .intro{font-size:1.2rem}.artigo ul{padding-left:2.3rem}}
.card-art .capa .capa-vazia img{width:96px;height:auto;max-width:40%;object-fit:contain}

.aviso-op{background:var(--tint);border:1px solid var(--rosa-suave);border-left:5px solid var(--accent);border-radius:16px;padding:1.1rem 1.3rem;margin:0 0 1.6rem;font-size:1.02rem;line-height:1.6}
.filtros-op{grid-template-columns:repeat(3,1fr);align-items:end}
.filtros-op .filtros-acoes{display:flex;gap:.6rem;flex-wrap:wrap}
@media(max-width:700px){.filtros-op{grid-template-columns:1fr 1fr}}@media(max-width:480px){.filtros-op{grid-template-columns:1fr}}
.op-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.card-op{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.5rem}
.card-op .tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.card-op .tag{margin:0}
.tag-ext{background:var(--accent);color:var(--accent-ink)}.tag-pcd{background:#fff;color:var(--accent);border:1.5px solid var(--accent)}
.card-op h3{font-size:1.5rem;margin:0 0 .3rem}.card-op .op-emp{margin:0 0 1rem;color:var(--muted)}
.meta-op{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem;margin:0 0 1rem;padding:1rem 0;border-block:1px solid var(--line)}
.meta-op dt{font-size:.8rem;color:var(--muted);font-weight:600}.meta-op dd{margin:0;font-weight:600;font-size:.98rem}
.card-op .op-desc{margin:0 0 .8rem;font-size:1rem}.card-op .mut{margin:0 0 1rem}.card-op .btn{margin-top:auto;align-self:flex-start}
@media(max-width:380px){.meta-op{grid-template-columns:1fr}}
.filtros-op input,.filtros-op select{height:52px;min-height:52px}

.tag-lc{background:var(--accent);color:var(--accent-ink)}
.card-vaga{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.vaga-ico{position:relative;display:grid;place-items:center;height:130px;background:radial-gradient(circle at 75% 20%,var(--rosa-claro),var(--tint) 65%);color:var(--accent)}
.vaga-ico svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vaga-ico span{position:absolute;right:.9rem;bottom:.5rem;font-size:.72rem;color:var(--muted)}
.vaga-corpo{display:flex;flex-direction:column;padding:1.3rem 1.5rem 1.6rem;flex:1}
.vaga-corpo p{margin:0 0 .6rem}.vaga-corpo h3{font-size:1.6rem;margin:0 0 .6rem}.vaga-corpo .btn{margin-top:auto;align-self:flex-start}
.vaga-corpo .meta-op{border-block:0;padding:0 0 1rem;margin:0}
.pagehead .meta-op{max-width:640px;border-block:0;padding:.4rem 0 0;margin:0}
.filtros:not(.filtros-op) input,.filtros:not(.filtros-op) select{height:52px;min-height:52px}

/* ===== Fase 4: experiência premium ===== */
/* WhatsApp flutuante (verde #1DA851: contraste 3,1:1 com o ícone branco) */
.wa-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#1DA851;color:#fff;display:grid;place-items:center;text-decoration:none;z-index:55;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease,background-color .2s ease,opacity .25s ease,visibility 0s;animation:fabEntrar .5s cubic-bezier(.2,.7,.2,1) .9s backwards}
.wa-fab svg{width:30px;height:30px;fill:currentColor;display:block}
.wa-fab:hover{transform:translateY(-3px);background:#178F44;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.wa-fab:active{transform:scale(.96)}
.wa-fab:focus-visible{outline:3px solid #fff;outline-offset:0;box-shadow:0 0 0 6px var(--accent)}
@keyframes fabEntrar{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.topo-btn{position:fixed;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent);display:grid;place-items:center;cursor:pointer;z-index:54;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s,background-color .2s ease}
.topo-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topo-btn.visivel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.topo-btn:hover{background:var(--tint)}
.topo-btn:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
body.fab-oculto .wa-fab,body.fab-oculto .topo-btn{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.progresso-leitura{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none}
.progresso-leitura span{display:block;height:100%;background:linear-gradient(90deg,var(--rosa),var(--accent));transform-origin:left center;transform:scaleX(0)}
/* revelação ao rolar (só com JavaScript; sem JavaScript tudo fica visível) */
.js:not(.sem-revelar) :where(main h2, main .prose > *, main .band .wrap > p, main .grid > .card, main .split > .card, main .card-vaga, main .card-op, main .card-art, main .fluxo li, main .video-box, main .faq-home details, main .steps li, main .depoimento, main .aviso-op, main .vazio, main .faixa, main .etapas){transition:opacity .55s ease var(--d,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.js:not(.sem-revelar) :where(main h2, main .prose > *, main .band .wrap > p, main .grid > .card, main .split > .card, main .card-vaga, main .card-op, main .card-art, main .fluxo li, main .steps li, main .depoimento, main .aviso-op, main .vazio, main .faixa, main .etapas):not(.visivel){opacity:0;transform:translateY(18px)}
/* cartões interativos */
.grid > .card,.card-vaga,.card-op,.card-art{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,opacity .55s ease var(--d,0ms)}
.card-vaga,.card-op,.card-art{position:relative}
.card-vaga .btn::after,.card-op .btn::after,.card-art .btn::after{content:"";position:absolute;inset:0;border-radius:inherit}
.card-vaga .btn:hover,.card-op .btn:hover,.card-art .btn:hover,.card-vaga .btn:active,.card-op .btn:active,.card-art .btn:active{transform:none}
.card-vaga:hover .btn,.card-op:hover .btn,.card-art:hover .btn{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
@media(hover:hover){.grid > .card:hover,.card-vaga:hover,.card-op:hover,.card-art:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(131,37,64,.14);border-color:var(--rosa)}}
.card-vaga:focus-within,.card-op:focus-within,.card-art:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rosa) 40%,transparent)}
.ico{transition:background-color .25s ease,color .25s ease}.grid > .card:hover .ico{background:var(--accent);color:var(--accent-ink)}
.card-art .info h3 a{transition:color .2s ease}.card-art:hover .info h3 a{color:var(--accent)}
.card-art .capa img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.card-art:hover .capa img{transform:scale(1.03)}
/* formulários */
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
input:focus,select:focus,textarea:focus{border-color:var(--rosa);box-shadow:0 0 0 4px color-mix(in srgb,var(--rosa) 22%,transparent);outline:3px solid transparent}
input[aria-invalid="true"]:focus,select[aria-invalid="true"]:focus,textarea[aria-invalid="true"]:focus{box-shadow:0 0 0 4px rgba(192,51,79,.2)}
.err:not(:empty)::before{content:"! ";font-weight:800}
.ok::before{content:"✓ ";font-weight:800;color:#2E7D4F}
.ok,.alert{animation:subir .35s ease both}
/* transições entre páginas: camada própria (Fase 6), ver bloco "Fase 6" no fim do ficheiro */
.page.active{animation:fadein .3s ease both}
@media print{.wa-fab,.topo-btn,.progresso-leitura{display:none}.js :where(main h2, main .prose > *, main .band .wrap > p, main .grid > .card, main .split > .card, main .card-vaga, main .card-op, main .card-art, main .fluxo li, main .steps li, main .depoimento, main .aviso-op, main .vazio, main .faixa, main .etapas){opacity:1!important;transform:none!important}header.top{position:static}body{padding-top:0}}
/* movimento reduzido: sem animações, tudo visível e funcional */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js :where(main h2, main .prose > *, main .band .wrap > p, main .grid > .card, main .split > .card, main .card-vaga, main .card-op, main .card-art, main .fluxo li, main .steps li, main .depoimento, main .aviso-op, main .vazio, main .faixa, main .etapas){opacity:1!important;transform:none!important}
}

/* ===== Fase 5: pesquisa de vagas ===== */
.busca-form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.2rem 1.3rem;margin-bottom:1.4rem}
.busca-linha{display:grid;grid-template-columns:1.3fr 1fr auto;gap:1rem;align-items:end}
.busca-acao .btn{width:100%}
.busca-form input,.busca-form select{height:52px;min-height:52px}
.mais-filtros{margin-top:1rem}.mais-filtros summary{cursor:pointer;font-weight:600;color:var(--accent);padding:.4rem 0;min-height:44px;display:flex;align-items:center}
.busca-filtros{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.6rem 0}
.busca-estado-form:empty,.busca-estado:empty{display:none}
.busca-resumo{font-weight:600;color:var(--ink);margin:0 0 1.2rem}
.grupo{margin:0 0 2.4rem}.grupo h2{font-size:clamp(1.6rem,3.6vw,2.2rem)}
.contagem{display:inline-block;vertical-align:middle;margin-left:.4rem;padding:.1rem .7rem;border-radius:999px;background:var(--tint);color:var(--accent);font:700 .9rem var(--sans)}
.grupo-lc{border-left:5px solid var(--accent);padding-left:1.2rem}
.grupo-net .contagem{border:1.5px dashed var(--accent);background:transparent}
.tag-ver{background:var(--tint);color:var(--accent);border:1.5px solid var(--accent)}
.card-ext{border-style:dashed}.tag-net{background:transparent;color:var(--accent);border:1.5px dashed var(--accent)}
.busca-estado{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;border-radius:16px;background:var(--tint);margin:.6rem 0 1.2rem;min-height:56px}
.busca-estado.erro{background:#fde8e8;color:#8a1c1c}.busca-estado.info{background:var(--surface);border:1px solid var(--line)}
.busca-estado .spin{flex:none}
.sugestoes{margin:.8rem 0 1.4rem}.chip{display:inline-block;margin:.2rem .3rem .2rem 0;padding:.35rem .9rem;border-radius:999px;border:1.5px solid var(--rosa-suave);background:var(--surface);color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem;min-height:36px;transition:background-color .2s,border-color .2s}
.chip:hover{background:var(--tint);border-color:var(--accent)}
.vazio-busca h2{font-size:clamp(1.5rem,3.6vw,2rem)}
.grupo-links{padding:1.6rem;border:1px dashed var(--rosa-suave);border-radius:22px;background:color-mix(in srgb,var(--tint) 45%,transparent)}
.atrib a{color:var(--accent)}
.card-ext .tag{margin:0}
@media(max-width:820px){.busca-linha{grid-template-columns:1fr}.busca-filtros{grid-template-columns:1fr 1fr}}@media(max-width:520px){.busca-filtros{grid-template-columns:1fr}.grupo-lc{padding-left:.9rem}}
/* ===== Consentimento de cookies ===== */
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.link-btn:hover{color:var(--rosa-suave)}.link-btn:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:4px}
.prose .link-btn{color:var(--link)}
.cookie-barra{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-barra,80);padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;transform:translateY(24px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.cookie-barra.entrou{transform:none;opacity:1}
.cookie-in{pointer-events:auto;max-width:1120px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:24px;box-shadow:0 -12px 44px rgba(131,37,64,.22);padding:1.1rem 1.4rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem 1.2rem;align-items:center;max-height:min(80vh,560px);overflow:auto}
.cookie-ico{width:48px;height:48px;border-radius:50%;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.cookie-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cookie-txt h2{font-size:1.35rem;margin:0 0 .3rem}.cookie-txt p{margin:0 0 .4rem;font-size:.98rem;line-height:1.55;max-width:none}
.cookie-aviso{color:var(--muted);font-size:.9rem!important}.cookie-links{font-size:.92rem!important}.cookie-links a{color:var(--accent)}
.cookie-acoes{display:flex;flex-direction:column;gap:.5rem;min-width:230px}
.ck-btn{min-height:46px;padding:.55rem 1.2rem;border-radius:999px;border:2px solid var(--accent);font:700 .98rem var(--sans);cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;background:transparent;color:var(--accent)}
.ck-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(131,37,64,.18)}.ck-btn:active{transform:none}
.ck-pri{background:var(--accent);color:var(--accent-ink)}.ck-pri:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.ck-sec:hover{background:var(--tint)}.ck-ter{border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.ck-btn:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
@media(max-width:820px){.cookie-in{grid-template-columns:1fr;padding:1rem 1.1rem}.cookie-ico{display:none}.cookie-acoes{min-width:0}.cookie-txt h2{font-size:1.2rem}}
.cookie-fundo{position:fixed;inset:0;z-index:var(--z-modal,110);background:rgba(40,12,22,.55);display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .25s ease}
.cookie-fundo.entrou{opacity:1}
.cookie-modal{background:var(--surface);color:var(--ink);border-radius:26px;max-width:640px;width:100%;max-height:92vh;overflow:auto;padding:1.5rem 1.6rem;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.cookie-modal h2{font-size:1.6rem}.ck-cat{border-top:1px solid var(--line);padding:1rem 0}
.ck-cat-cab{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ck-cat p{margin:.3rem 0 0;font-size:.95rem;max-width:none}
.ck-sw{appearance:none;-webkit-appearance:none;width:52px;height:30px;min-height:30px;border-radius:999px;background:#C9B3BA;position:relative;cursor:pointer;flex:none;transition:background-color .2s;border:0;padding:0}
.ck-sw::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}
.ck-sw:checked{background:var(--accent)}.ck-sw:checked::after{transform:translateX(22px)}
.ck-sw:disabled{opacity:.55;cursor:not-allowed}.ck-sw:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
.cookie-acoes-modal{flex-direction:row;flex-wrap:wrap;margin-top:1rem}.cookie-acoes-modal .ck-btn{flex:1 1 150px}
/* convivência com o WhatsApp flutuante e o "voltar ao topo": sobem acima da barra, sem a cobrir */
body.cookie-aberto .wa-fab,body.cookie-aberto .topo-btn{translate:0 calc(-1 * var(--cookie-h,0px))}
body.cookie-aberto{padding-bottom:var(--cookie-h,0px)}
.wa-fab,.topo-btn{transition-property:transform,box-shadow,background-color,opacity,visibility,bottom}
.tab-cookies{font-size:.95rem}.tab-cookies td,.tab-cookies th{vertical-align:top}
@media print{.cookie-barra,.cookie-fundo{display:none}}

/* ===== Fase 6: motion design premium =====
   Tokens (duração, curvas, distâncias, sombras, gradientes, intensidade). --mo-int: 1 = padrão; 0 = sem deslocamentos. */
:root{
  --mo-int:1;
  --mo-d-rapida:.18s; --mo-d-base:.35s; --mo-d-lenta:.65s; --mo-d-pagina-sai:.24s; --mo-d-pagina-entra:.4s;
  --mo-ease:cubic-bezier(.2,.7,.2,1); --mo-ease-io:cubic-bezier(.65,0,.35,1);
  --mo-dist-s:calc(8px * var(--mo-int)); --mo-dist-m:calc(18px * var(--mo-int)); --mo-lift:calc(4px * var(--mo-int));
  --mo-sombra-1:0 4px 14px rgba(131,37,64,.14); --mo-sombra-2:0 14px 32px rgba(131,37,64,.18); --mo-sombra-3:0 24px 60px rgba(131,37,64,.26);
  --mo-brilho:0 0 0 1px rgba(206,75,123,.18),0 8px 26px rgba(206,75,123,.34);
  --mo-grad-pagina:linear-gradient(180deg,#EBA5B9 0,#C88783 7%,#832540 14.3%,#6B1C33 50%,#832540 85.7%,#C88783 93%,#EBA5B9 100%);
  --z-menu-fundo:58; --z-header:59; --z-barra:80; --z-modal:110; --z-transicao:200;
}
@property --mo-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
header.top{z-index:var(--z-header)}
.wa-fab{right:calc(16px + env(safe-area-inset-right,0px) + var(--sbw,0px));transition:transform var(--mo-d-rapida) var(--mo-ease),translate var(--mo-d-base) var(--mo-ease),box-shadow .2s ease,background-color .2s ease,opacity .25s ease,visibility 0s}
.topo-btn{right:calc(22px + env(safe-area-inset-right,0px) + var(--sbw,0px));transition:opacity .25s ease,transform .25s ease,translate var(--mo-d-base) var(--mo-ease),visibility 0s linear .25s,background-color .2s ease}
.topo-btn.visivel{transition-delay:0s}

/* bloqueio de scroll (menu modal, janelas, cookies): só enquanto aberto */
html.trava-scroll{overflow:hidden;padding-right:var(--sbw,0px)}
html.trava-scroll header.top{padding-right:var(--sbw,0px)}

/* 1. CTAs principais: contorno luminoso de 2px (bordô, rosa, rosé). Parado em repouso; percorre o botão em hover/foco/carregando
   e 2 voltas quando entra no ecrã (um botão por vez). Nunca animação contínua em vários botões. */
.btn.cta{
  --cta-fill:var(--accent); --mo-ang:0deg; border-color:transparent; color:var(--accent-ink);
  --cta-bg:linear-gradient(var(--cta-fill),var(--cta-fill)) padding-box,conic-gradient(from var(--mo-ang),#832540 0deg,#CE4B7B 80deg,#EBA5B9 120deg,#C88783 170deg,#832540 250deg,#832540 360deg) border-box;
  background:var(--cta-bg); box-shadow:var(--mo-sombra-1);
}
.btn.cta:hover{--cta-fill:var(--accent-hover);background:var(--cta-bg);border-color:transparent;box-shadow:var(--mo-brilho)}
.btn.cta.rosa{--cta-fill:#BC3C69;color:#fff}.btn.cta.rosa:hover{--cta-fill:#A92F59;color:#fff}
.btn.cta.ghost{--cta-fill:var(--bg);color:var(--accent)}.btn.cta.ghost:hover{--cta-fill:var(--tint);color:var(--accent)}
.btn.cta.claro{--cta-fill:#fff;color:var(--bordo);border-color:transparent;--cta-bg:linear-gradient(var(--cta-fill),var(--cta-fill)) padding-box,conic-gradient(from var(--mo-ang),#F7DFE6 0deg,#EBA5B9 90deg,#C88783 160deg,#F7DFE6 250deg,#FFF 360deg) border-box}
.btn.cta.claro:hover{--cta-fill:#FFF0F3;color:var(--bordo)}
.btn.cta.ok-estado,.btn.cta.ok-estado:hover{--cta-fill:#2E7D4F;color:#fff;background:var(--cta-bg)}
.btn.cta:disabled,.btn.cta[aria-disabled="true"]{box-shadow:none}
@keyframes mo-giro{to{--mo-ang:360deg}}
.btn.cta:hover,.btn.cta:focus-visible,.btn.cta[aria-busy="true"]{animation:mo-giro 2.8s linear infinite}
.btn.cta.brilha:not(:hover):not(:focus-visible):not([aria-busy="true"]){animation:mo-giro 2.8s linear 2}
.btn.cta:active{transform:translateY(0) scale(.97);box-shadow:var(--mo-sombra-1);transition-duration:.08s}
.btn.cta:focus-visible{outline:3px solid var(--rosa);outline-offset:4px}
/* o botão dentro de cartão clicável nunca ganha transform (senão o link esticado do cartão encolhe ao clicar) */
.card-vaga .btn.cta:active,.card-op .btn.cta:active,.card-art .btn.cta:active,.card-vaga .btn.cta:hover,.card-op .btn.cta:hover,.card-art .btn.cta:hover{transform:none}
/* botão do cartão (cartão inteiro clicável): o contorno reage ao cartão */
.card-vaga:hover .btn.cta,.card-op:hover .btn.cta,.card-art:hover .btn.cta,.card-vaga:focus-within .btn.cta{--cta-fill:var(--accent-hover);box-shadow:var(--mo-brilho);animation:mo-giro 2.8s linear infinite}
/* restantes botões: só hover/foco (sem contorno animado) */
.btn:not(.cta):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--rosa) 35%,transparent)}

/* 2. Transição entre páginas: camada bordô + rosé com varredura vertical (400-650 ms no total), temporária e sem capturar cliques */
html::before{content:"";position:fixed;left:0;right:0;top:-20vh;height:140vh;z-index:var(--z-transicao);pointer-events:none;visibility:hidden;background:var(--mo-grad-pagina);transform:translate3d(0,120vh,0)}
html.pt-sair::before{visibility:visible;animation:pt-cobrir var(--mo-d-pagina-sai) var(--mo-ease-io) forwards}
html.pt-in::before{visibility:visible;transform:none}
html.pt-revelar::before{visibility:visible;animation:pt-revelar var(--mo-d-pagina-entra) var(--mo-ease-io) forwards}
@keyframes pt-cobrir{from{transform:translate3d(0,120vh,0)}to{transform:none}}
@keyframes pt-revelar{from{transform:none}to{transform:translate3d(0,-120vh,0)}}
html.pt-in main *,html.pt-in .hero *{animation-play-state:paused!important}

/* 3. Títulos por linha (fade + deslocamento curto, com máscara). O JS restaura o HTML original depois da animação. */
.titulo-linhas{display:flow-root}
.ln{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.ln-in{display:block;animation:mo-linha var(--mo-d-lenta) var(--mo-ease) both}
@keyframes mo-linha{from{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}
.mo-pend main h1:not(.titulo-linhas){opacity:0}
.sem-revelar main h1{opacity:1!important}
.h-simples{animation:subir var(--mo-d-lenta) var(--mo-ease) both}

/* 4. Cartões: elevação, sombra, contorno, ícone e seta; feedback de toque sem depender de hover */
.js .steps li,.js .fluxo li{transition:opacity .55s ease var(--d,0ms),transform var(--mo-d-base) var(--mo-ease),box-shadow var(--mo-d-base) ease,border-color var(--mo-d-base) ease}
.ico{transition:background-color .25s ease,color .25s ease,transform var(--mo-d-base) var(--mo-ease)}
.fluxo li::before,.steps li::before{transition:transform var(--mo-d-base) var(--mo-ease),background-color .25s ease,color .25s ease}
.card-vaga .btn,.card-op .btn,.card-art .btn{gap:.55rem}
.card-vaga .btn::before,.card-op .btn::before,.card-art .btn::before{content:"→";order:2;display:inline-block;transition:transform var(--mo-d-base) var(--mo-ease)}
@media(hover:hover){
  .grid > .card:hover,.card-vaga:hover,.card-op:hover,.card-art:hover,.js .steps li:hover,.js .fluxo li:hover{transform:translateY(calc(-1 * var(--mo-lift)));box-shadow:var(--mo-sombra-2),0 0 0 1px color-mix(in srgb,var(--rosa) 45%,transparent);border-color:var(--rosa)}
  .grid > .card:hover .ico{transform:translateY(-2px) rotate(-6deg) scale(1.07)}
  .card-vaga:hover .btn::before,.card-op:hover .btn::before,.card-art:hover .btn::before{transform:translateX(5px)}
  .fluxo li:hover::before,.steps li:hover::before{transform:scale(1.1)}
  .steps li:hover::before{color:var(--rosa)}
}
@media(hover:none){
  .grid > .card:active,.card-vaga:active,.card-op:active,.card-art:active,.js .steps li:active,.js .fluxo li:active{transform:scale(.985);box-shadow:var(--mo-sombra-1);border-color:var(--rosa);transition-duration:.12s}
  .grid > .card:active .ico{transform:scale(1.08);background:var(--accent);color:var(--accent-ink)}
  .card-vaga:active .btn::before,.card-op:active .btn::before,.card-art:active .btn::before{transform:translateX(5px)}
  .btn:active{transform:scale(.97)}
}

/* 5. Parallax controlado (só decoração do hero, ecrãs largos; propriedade "translate" não conflita com as animações de transform) */
.hero::before{translate:0 calc(var(--py,0) * -.7px)}
.hero::after{translate:0 calc(var(--py,0) * .45px)}
.hero .selo-anel{translate:0 calc(var(--py,0) * -.3px)}
@media(max-width:899px){.hero::before,.hero::after,.hero .selo-anel{translate:none}}

/* 6. Cabeçalho: indicador animado da página ativa e menu móvel com abertura suave */
header.top{-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15)}
@media(min-width:1400px){nav.main{position:relative}}
.nav-ind{position:absolute;left:0;bottom:-2px;width:1px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--bordo),var(--rosa),var(--rose));transform-origin:0 50%;transform:translate3d(0,0,0) scaleX(1);opacity:0;transition:transform .45s var(--mo-ease),opacity .25s ease;pointer-events:none}
.nav-ind.sem-trans{transition:none}
.menu-fundo{position:fixed;inset:0;z-index:var(--z-menu-fundo);background:rgba(40,12,22,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--mo-d-base) ease,visibility 0s linear var(--mo-d-base)}
.menu-fundo.on{opacity:1;visibility:visible;transition-delay:0s}
@media(min-width:1400px){.menu-fundo{display:none}.nav-ind{display:block}}
@media(max-width:1399px){
  .nav-ind{display:none}
  nav.main{overscroll-behavior:contain;box-shadow:var(--mo-sombra-2)}
  nav.main a{opacity:0;translate:0 var(--mo-dist-s);transition:background-color .2s ease,color .2s ease,opacity .25s ease,translate .25s ease}
  nav.main.open a{opacity:1;translate:0 0;transition:background-color .2s ease,color .2s ease,opacity .3s var(--mo-ease) calc(var(--i,0) * 28ms + 60ms),translate .35s var(--mo-ease) calc(var(--i,0) * 28ms + 60ms)}
  nav.main a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--rosa)}
}

/* 7. WhatsApp flutuante: tooltip e entrada suave (sem pulsação) */
.wa-tip{position:absolute;right:calc(100% + 12px);top:50%;translate:8px -50%;white-space:nowrap;background:var(--bordo);color:#fff;font:600 .86rem/1 var(--sans);padding:.6rem .85rem;border-radius:999px;box-shadow:var(--mo-sombra-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,translate var(--mo-d-base) var(--mo-ease),visibility 0s linear .2s}
.wa-fab:focus-visible .wa-tip{opacity:1;visibility:visible;translate:0 -50%;transition-delay:0s}
@media(hover:hover){.wa-fab:hover .wa-tip{opacity:1;visibility:visible;translate:0 -50%;transition-delay:0s}}
@media(hover:none){.wa-tip{display:none}}

/* 8. Formulários: realce, validação e mensagens */
label{transition:color .2s ease}
form[data-api] div:focus-within > label{color:var(--accent)}
input.valido,select.valido,textarea.valido{border-color:#2E7D4F}
input.valido:focus,select.valido:focus,textarea.valido:focus{box-shadow:0 0 0 4px rgba(46,125,79,.18)}
.err:not(:empty){animation:mo-erro .28s var(--mo-ease) both}
@keyframes mo-erro{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* 9. Sobreposições e modais: fundo escurecido translúcido, entrada/saída, foco e fecho consistentes */
.lc-fundo,.cookie-fundo{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:16px;background:rgba(40,12,22,.58);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--mo-d-base) ease;overscroll-behavior:contain}
.lc-fundo.entrou,.cookie-fundo.entrou{opacity:1}
.lc-fundo.saindo,.cookie-fundo.saindo{opacity:0}
.lc-janela,.cookie-modal{opacity:0;transform:translateY(var(--mo-dist-m)) scale(.97);transition:transform var(--mo-d-base) var(--mo-ease),opacity var(--mo-d-base) ease}
.entrou > .lc-janela,.entrou > .cookie-modal{opacity:1;transform:none}
.saindo > .lc-janela,.saindo > .cookie-modal{opacity:0;transform:translateY(var(--mo-dist-s)) scale(.98)}
.lc-janela{position:relative;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:26px;width:100%;max-width:480px;max-height:92vh;overflow:auto;padding:2rem 1.7rem 1.6rem;box-shadow:0 24px 70px rgba(0,0,0,.35);text-align:center}
.lc-janela h2{font-size:1.7rem;margin:.6rem 0 .5rem}
.lc-janela p{margin:0 auto .8rem;max-width:40ch}.lc-nota{color:var(--muted);font-size:.95rem}
.lc-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border-radius:50%;background:#E4F3EA;color:#2E7D4F;font:700 1.7rem/1 var(--sans)}
.lc-ico.info{background:var(--tint);color:var(--accent)}
.lc-acoes{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.2rem}
.lc-x{position:absolute;top:.7rem;right:.7rem;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:background-color .2s ease,color .2s ease}
.lc-x:hover{background:var(--tint);color:var(--accent)}.lc-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cookie-barra.saindo{opacity:0;transform:translateY(24px)}
@media print{.lc-fundo,.menu-fundo,html::before{display:none!important}}

/* movimento reduzido: sem camada, sem varredura, sem contorno animado; tudo visível e funcional */
@media(prefers-reduced-motion:reduce){
  html::before{display:none!important}
  .mo-pend main h1{opacity:1!important}
  .ln-in{animation:none!important;opacity:1!important;transform:none!important}
  .hero::before,.hero::after,.hero .selo-anel{translate:none!important}
  nav.main a{opacity:1!important;translate:none!important}
}

/* ===== Fase 8 · experiência cinematográfica e vídeo ===== */
.prog-pag{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--bordo),var(--rosa),var(--rosa-suave));transform-origin:0 50%;transform:scaleX(0);opacity:0;pointer-events:none;transition:opacity .3s ease}
/* indicador "continuar" do hero: entra uma única vez, depois dos botões (sem loop) */
.hero-seguir{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;color:var(--bordo);font-weight:600;font-size:.95rem;text-decoration:none;animation:subir var(--mo-d-lenta,.65s) var(--mo-ease,cubic-bezier(.2,.7,.2,1)) .95s backwards}
.hero-seguir svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--mo-d-base,.35s) var(--mo-ease,ease)}
.hero-seguir:hover svg,.hero-seguir:focus-visible svg{transform:translateY(4px)}
.hero-seguir:focus-visible{outline:3px solid var(--rosa);outline-offset:4px;border-radius:6px}
/* a régua das secções "desenha" ao entrar */
.js:not(.sem-revelar) main .rule:not(.visivel){transform:scaleX(0)}
.js main .rule{transform-origin:0 50%;transition:transform var(--mo-d-lenta,.65s) var(--mo-ease,ease) .08s}
/* perguntas frequentes da home */
.faq-home details{margin-bottom:.7rem}
/* componente de vídeo */
.video-sec{overflow:hidden}
.video-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.video-meta{font-size:.95rem}.video-alt{white-space:nowrap}
.transcricao{margin:1rem 0}.transcricao ol{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}
.video-poster{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:24px;overflow:hidden;cursor:pointer;color:#fff;font:inherit;text-align:left;background:linear-gradient(135deg,var(--bordo),#5a1a2d 55%,var(--rosa));box-shadow:var(--mo-sombra-2,0 18px 50px rgba(131,37,64,.25));transition:transform var(--mo-d-base,.35s) var(--mo-ease,ease),box-shadow var(--mo-d-base,.35s) var(--mo-ease,ease)}
.video-poster img,.video-sem-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--mo-ease,ease)}
.video-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,12,22,0) 45%,rgba(40,12,22,.72));pointer-events:none}
.video-poster:hover,.video-poster:focus-visible{transform:translateY(-4px);box-shadow:var(--mo-sombra-3,0 26px 70px rgba(131,37,64,.35))}
.video-poster:hover img{transform:scale(1.035)}
.video-poster:focus-visible{outline:3px solid var(--rosa);outline-offset:4px}
.video-poster:active{transform:scale(.99)}
.video-play{position:absolute;z-index:2;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,248,246,.94);color:var(--bordo);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform var(--mo-d-base,.35s) var(--mo-ease,ease)}
.video-play svg{width:34px;height:34px;fill:currentColor;margin-left:4px}
.video-poster:hover .video-play,.video-poster:focus-visible .video-play{transform:scale(1.1)}
.video-chamada{position:absolute;z-index:2;left:1.2rem;right:5rem;bottom:1.1rem;font-weight:600;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.video-dur{position:absolute;z-index:2;right:1rem;bottom:1rem;padding:.2rem .6rem;border-radius:999px;background:rgba(40,12,22,.7);font-size:.85rem;font-variant-numeric:tabular-nums}
.video-modal{max-width:min(980px,calc((92vh - 90px) * var(--vw,1280) / var(--vh,720)));padding:3.2rem .9rem .9rem;background:#12060a;color:#fff;text-align:left;overflow:hidden}
.video-modal .video-titulo{margin:0 0 .7rem;padding-right:3rem;font-weight:600;max-width:none;font-size:1rem;text-align:left}
.video-el{display:block;width:100%;aspect-ratio:var(--vw,1280)/var(--vh,720);border-radius:14px;background:#000}
.video-el::cue{font-size:1.05em;background:transparent;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.video-falha{margin:.8rem 0 0;max-width:none;color:#fff}.video-falha a{color:var(--rosa-suave)}
.video-modal .lc-x{color:#fff;top:.7rem;right:.7rem;background:rgba(255,255,255,.12)}
@media(max-width:820px){.video-grid{grid-template-columns:1fr}.video-play{width:68px;height:68px;margin:-34px 0 0 -34px}.video-modal{padding:3rem .5rem .5rem;border-radius:18px}.video-chamada{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.video-poster,.video-poster img,.video-play,.hero-seguir svg{transition:none!important}.video-poster:hover,.video-poster:hover img,.video-poster:hover .video-play{transform:none!important}.hero-seguir{animation:none!important}.js main .rule{transition:none!important;transform:none!important}.prog-pag{transition:none}}
@media print{.video-sec,.prog-pag,.hero-seguir{display:none!important}}

/* ===== Fase 9: capítulos da home e cinema interativo =====
   Sem JavaScript ou com movimento reduzido, o cinema é a lista estática de 3 cartões (.fluxo). */
.cap-kicker{margin:0 0 .7rem;font:600 .8rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bordo)}
.cap-kicker span{display:inline-block;padding:.2rem .6rem;border-radius:99px;background:var(--rosa-claro,#F7DFE6)}
.cap-num{display:block;font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--rosa);margin-bottom:.35rem}
.cinema-palco{display:none}
.cinema-on .cinema{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;margin:1.4rem 0}
.cinema-on .cinema-palco{display:block;position:sticky;top:calc(var(--header-h,76px) + 24px);min-height:min(60vh,440px);border-radius:28px;background:linear-gradient(155deg,var(--bordo),#5d1a2e 70%);color:#fff;overflow:hidden;box-shadow:var(--mo-sombra-2,0 18px 40px rgba(131,37,64,.22))}
.cinema-on .cinema-palco::before,.cinema-on .cinema-palco::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(235,165,185,.45),transparent 70%);pointer-events:none}
.cinema-on .cinema-palco::before{width:70%;aspect-ratio:1;right:-20%;top:-20%;transition:transform 1s var(--mo-ease,ease)}
.cinema-on .cinema-palco::after{width:55%;aspect-ratio:1;left:-15%;bottom:-18%;opacity:.7;transition:transform 1s var(--mo-ease,ease)}
.cinema-on .cinema-palco[data-cena="2"]::before{transform:translate(-14%,18%) scale(1.15)}.cinema-on .cinema-palco[data-cena="2"]::after{transform:translate(18%,-10%)}
.cinema-on .cinema-palco[data-cena="3"]::before{transform:translate(-28%,34%) scale(1.3)}.cinema-on .cinema-palco[data-cena="3"]::after{transform:translate(36%,-22%) scale(1.2)}
.cena{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.1rem;text-align:center;padding:2rem;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .6s ease,transform .7s var(--mo-ease,ease);pointer-events:none}
.cena b{font:600 clamp(1.3rem,2.4vw,1.9rem) var(--serif)}
.cena-ico{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35)}
.cena-ico svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cinema-palco[data-cena="1"] .cena[data-n="1"],.cinema-palco[data-cena="2"] .cena[data-n="2"],.cinema-palco[data-cena="3"] .cena[data-n="3"]{opacity:1;transform:none}
.cinema-nav{position:absolute;left:0;right:0;bottom:1.1rem;display:flex;justify-content:center;gap:.6rem;z-index:2}
.cinema-nav a{width:12px;height:12px;border-radius:99px;background:rgba(255,255,255,.35);transition:width .35s var(--mo-ease,ease),background-color .25s}
.cinema-nav a:hover{background:rgba(255,255,255,.7)}.cinema-nav a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cinema-palco[data-cena="1"] .cinema-nav a[data-n="1"],.cinema-palco[data-cena="2"] .cinema-nav a[data-n="2"],.cinema-palco[data-cena="3"] .cinema-nav a[data-n="3"]{width:34px;background:#fff}
.cinema-on .cinema-caps{display:block;margin:0;position:relative;counter-reset:none}
.cinema-on .cinema-caps li{counter-increment:none;min-height:min(56vh,420px);display:flex;flex-direction:column;justify-content:center;background:transparent;border:0;border-radius:0;padding:1rem 0 1rem 2rem;opacity:.3;transform:translateX(14px);transition:opacity .6s ease,transform .7s var(--mo-ease,ease)}
.cinema-on .cinema-caps li::before,.cinema-on .cinema-caps li::after{display:none}
.cinema-on .cinema-caps li.ativo{opacity:1;transform:none}
.cinema-on .cinema-caps h3{font-size:clamp(1.6rem,3vw,2.3rem)}.cinema-on .cinema-caps p{font-size:1.1rem}
.cinema-on .cinema-caps::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:var(--rosa-suave)}
.cinema-on .cinema-caps::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(var(--bordo),var(--rosa));transform-origin:top;transform:scaleY(var(--prog,.05))}
@media(max-width:900px){
  .cinema-on .cinema{display:block}
  .cinema-on .cinema-palco{position:sticky;top:calc(var(--header-h,64px) + 8px);min-height:0;height:76px;border-radius:18px;z-index:3;margin-bottom:.6rem}
  .cinema-on .cena{grid-auto-flow:column;gap:.8rem;padding:.7rem 1rem;place-content:center}
  .cinema-on .cena b{font-size:1.05rem}.cinema-on .cena-ico{width:44px;height:44px}.cinema-on .cena-ico svg{width:24px;height:24px}
  .cinema-on .cinema-nav{bottom:.3rem}
  .cinema-on .cinema-caps li{min-height:46vh}
}
@media(prefers-reduced-motion:reduce){.cinema-on .cinema-caps li,.cena{transition:none}}
@media print{.cinema-palco{display:none!important}.cinema-on .cinema-caps li{opacity:1!important;transform:none!important;min-height:0!important}}

/* ===== Fase 9: assistente de dúvidas ===== */
.assist-btn{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom) + var(--cookie-h,0px));z-index:var(--z-barra,80);display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:99px;border:1px solid var(--rosa);background:var(--surface,#fff);color:var(--bordo);font:600 .95rem var(--sans);cursor:pointer;box-shadow:var(--mo-sombra-2,0 8px 24px rgba(131,37,64,.18));transition:transform .25s ease,box-shadow .25s ease,background-color .25s}
.assist-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.assist-btn:hover{transform:translateY(-2px);background:var(--rosa-claro,#F7DFE6)}.assist-btn:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
.assist-painel{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(76px + env(safe-area-inset-bottom) + var(--cookie-h,0px));z-index:var(--z-modal,110);width:min(380px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(60,10,28,.28);overflow:hidden;animation:assist-in .3s var(--mo-ease,ease)}
.assist-painel[hidden]{display:none}
@keyframes assist-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.assist-topo{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--bordo);color:#fff}
.assist-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 .3rem}.assist-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.assist-msgs{flex:1;overflow:auto;padding:1rem;display:grid;gap:.6rem;align-content:start}
.assist-msg{max-width:92%;padding:.65rem .85rem;border-radius:14px;font-size:.95rem}.assist-msg p{margin:0}
.assist-msg.bot{background:var(--rosa-claro,#F7DFE6);justify-self:start}.assist-msg.eu{background:var(--bordo);color:#fff;justify-self:end}
.assist-link{display:inline-block;margin:.5rem .5rem 0 0;font-weight:600;color:var(--bordo);text-decoration:underline}
.assist-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .6rem;max-height:120px;overflow:auto}
.assist-chip{border:1px solid var(--rosa);background:#fff;color:var(--bordo);border-radius:99px;padding:.35rem .75rem;font:500 .85rem var(--sans);cursor:pointer}.assist-chip:hover{background:var(--rosa-claro,#F7DFE6)}
.assist-form{display:flex;gap:.5rem;padding:.6rem 1rem;border-top:1px solid var(--line)}.assist-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font:inherit}
.assist-nota{margin:0;padding:0 1rem .7rem;font-size:.75rem;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:560px){.assist-btn span{display:none}.assist-btn{padding:.75rem}}
@media(prefers-reduced-motion:reduce){.assist-painel{animation:none}.assist-btn{transition:none}}
@media print{.assist-btn,.assist-painel{display:none!important}}


/* ===== Logótipo da home: anel luminoso na borda exterior (mesma linguagem dos CTAs: bordô, rosa, rosé) =====
   O logótipo (img) não se move nem é tocado: só duas camadas decorativas ATRÁS dele giram (transform/rotate, compositor).
   Anel fino (2px) a 9px da borda + brilho suave que acompanha a luz. Sem o recurso de máscara, o efeito simplesmente não aparece. */
.selo-anel{position:relative;isolation:isolate;--ga:9px;--gb:14px}
.selo-anel .selo{position:relative;z-index:1}
@supports ((-webkit-mask-image:radial-gradient(#000,#000)) or (mask-image:radial-gradient(#000,#000))){
  .selo-anel::before,.selo-anel::after{content:"";position:absolute;left:calc(-1 * var(--ga));top:50%;width:calc(100% + 2 * var(--ga));aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;translate:0 -50%;opacity:0;animation:anel-entra 1.1s ease 1.2s forwards,anel-giro 9s linear 1.2s infinite}
  .selo-anel::before{
    background:conic-gradient(rgba(200,135,131,.3) 0deg,rgba(200,135,131,.3) 120deg,#C88783 175deg,#CE4B7B 240deg,#EBA5B9 290deg,#fff 318deg,#EBA5B9 326deg,rgba(200,135,131,.3) 352deg,rgba(200,135,131,.3) 360deg);
    -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px),#000 100%,transparent calc(100% + .5px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px),#000 100%,transparent calc(100% + .5px))}
  .selo-anel::after{
    left:calc(-1 * (var(--ga) + var(--gb)));width:calc(100% + 2 * (var(--ga) + var(--gb)));
    background:conic-gradient(transparent 0deg,transparent 150deg,rgba(206,75,123,.55) 245deg,rgba(235,165,185,.9) 300deg,rgba(255,255,255,.9) 318deg,rgba(235,165,185,.5) 334deg,transparent 356deg);
    -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2 * var(--gb)),#000 calc(100% - var(--gb)),transparent 100%);mask:radial-gradient(closest-side,transparent calc(100% - 2 * var(--gb)),#000 calc(100% - var(--gb)),transparent 100%);
    animation:anel-entra-brilho 1.4s ease 1.2s forwards,anel-giro 9s linear 1.2s infinite}
  .selo-anel.anel-pausa::before,.selo-anel.anel-pausa::after{animation-play-state:running,paused}
}
@keyframes anel-giro{to{rotate:360deg}}
@keyframes anel-entra{to{opacity:1}}
@keyframes anel-entra-brilho{to{opacity:.55}}
@media(max-width:820px){.selo-anel{--ga:7px;--gb:11px}}
@media(prefers-reduced-motion:reduce){
  .selo-anel::before,.selo-anel::after{animation:none!important;opacity:1;rotate:0deg}
  .selo-anel::after{opacity:.45}
}
@media print{.selo-anel::before,.selo-anel::after{display:none}}

/* Produção: tabelas largas (ex.: cookies) deslizam dentro da caixa em ecrãs estreitos, sem alargar a página */
.tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}