/* Academia Vitrine: fictional gym. Night-black with a volt accent, condensed Anybody display over Onest text.
   Class types carry one colour each (musc volt, func orange, bike cyan, ritmo pink, mob lilac, muay amber) across the hero, the week card and the grade. */
@font-face{font-family:"Anybody";src:url(/fonts/demo/anybody.woff2) format("woff2");font-weight:100 900;font-stretch:76% 150%;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(/fonts/demo/onest.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Onest Fallback";src:local("Arial"),local("ArialMT");size-adjust:101%;ascent-override:96%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:"Anybody Fallback";src:local("Arial Narrow"),local("ArialNarrow"),local("Arial");size-adjust:88%;ascent-override:98%;descent-override:22%;line-gap-override:0%}
.d-site-para-academia{
  --ink:#0C0D0F;--ink2:#141619;--ink3:#1D2024;--line:rgba(242,241,236,.13);--on:#F2F1EC;--mut:#A6ABB1;
  --volt:#D4FF3A;--volt2:#C2F01F;--chalk:#EEEBE3;--chalk2:#E3DFD5;--tx:#111214;--mut-l:#55585D;
  --musc:#D4FF3A;--func:#FF7043;--bike:#3FD5FF;--ritmo:#FF77B8;--mob:#BBA7FF;--muay:#FFB84D;
  --disp:"Anybody","Anybody Fallback",Arial,sans-serif;--txt:"Onest","Onest Fallback",Arial,sans-serif;
  --top:64px;--r:18px;--r-sm:12px;--gut:16px;
  background:var(--ink);color:var(--on);font:400 1rem/1.55 var(--txt);
}
@media(min-width:700px){.d-site-para-academia{--gut:32px}}
.av-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.av-in{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.t-musc{--c:var(--musc)}.t-func{--c:var(--func)}.t-bike{--c:var(--bike)}.t-ritmo{--c:var(--ritmo)}.t-mob{--c:var(--mob)}.t-muay{--c:var(--muay)}
.av a:focus-visible,.av button:focus-visible,.av-top a:focus-visible,.av-foot a:focus-visible,.av input:focus-visible+span,.av select:focus-visible,.av input[type=text]:focus-visible{outline:3px solid var(--volt);outline-offset:3px}
.av-light a:focus-visible,.av-light button:focus-visible{outline-color:var(--tx)}

/* header */
.av-top{position:sticky;top:var(--vc-bar);z-index:50;background:rgba(12,13,15,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.av-top-in{max-width:1240px;margin:0 auto;height:var(--top);padding:0 var(--gut);display:flex;align-items:center;gap:16px}
.av-logo{display:inline-flex;align-items:center;gap:10px;color:var(--on);text-decoration:none;min-height:44px}
.av-mark{width:38px;height:27px;flex:none}
.av-word{font:800 1.12rem/1 var(--disp);font-stretch:76%;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.av-word b{font-weight:800;color:var(--volt)}
.av-nav{display:none;margin-left:auto;gap:4px}
.av-nav a{color:var(--mut);text-decoration:none;font-weight:500;font-size:.9375rem;padding:10px 12px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}
.av-nav a:hover{color:var(--on);background:var(--ink3)}
.av-top .av-btn-sm{margin-left:auto}
@media(min-width:1000px){.av-nav{display:flex}.av-top .av-btn-sm{margin-left:8px}}

/* buttons */
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;background:var(--volt);color:var(--ink);font:700 1rem/1.2 var(--txt);text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}
.av-btn:hover{background:#E4FF7A}
.av-btn:active{transform:scale(.98)}
.av-ic{width:21px;height:21px;flex:none}
.av-btn-sm{min-height:44px;padding:8px 16px;font-size:.9375rem}
.av-btn-lg{min-height:56px;padding:14px 26px;font-size:1.0625rem}
.av-btn-ghost{background:transparent;color:var(--on);box-shadow:inset 0 0 0 1.5px rgba(242,241,236,.5)}
.av-btn-ghost:hover{background:rgba(242,241,236,.1)}
.av-btn-line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.av-btn-line:hover{background:rgba(127,127,127,.12)}
.av-btn-full{width:100%}
.av-top .av-btn-sm{white-space:nowrap}.av-short{display:none}
@media(max-width:519px){.av-long{display:none}.av-short{display:inline}}

.av-k{margin:0 0 14px;font:700 .8125rem/1.2 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--volt);display:flex;align-items:center;gap:10px}
.av-k::before{content:"";width:22px;height:4px;border-radius:2px;background:currentColor;transform:skewX(-20deg)}
.av-light .av-k{color:var(--tx)}
.av-ex{color:var(--mut);letter-spacing:.1em}
.av-light .av-ex{color:var(--mut-l)}
.av-honest{margin:12px 0 0;font-size:.8125rem;color:var(--mut)}
.av-light .av-honest{color:var(--mut-l)}

/* hero: bright class photo (top band on phones, right half on desktop); the week card sits on it already filled */
.av-hero{position:relative;isolation:isolate;overflow:hidden;padding:128px var(--gut) 24px;background:var(--ink)}
.av-hero-ph{position:absolute;inset:0 0 auto;height:300px;z-index:-2}
.av-hero-ph picture{display:block;height:100%}
.av-hero-ph img{width:100%;height:100%;object-fit:cover;object-position:30% 40%}
.av-hero::before{content:"";position:absolute;inset:0 0 auto;height:300px;z-index:-1;background:linear-gradient(180deg,rgba(12,13,15,0) 45%,rgba(12,13,15,.7) 80%,var(--ink) 100%)}
.av-hero-in{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.av-live{order:-1}
.av-hero .av-k{margin-bottom:8px}
.av-k-long{display:none}
.av-h1{margin:0 0 12px;font:800 clamp(2rem,8.6vw,5.4rem)/.95 var(--disp);font-stretch:76%;text-transform:uppercase;letter-spacing:.012em;text-wrap:balance}
.av-h1 .av-hl{color:var(--volt)}
.av-lede{display:none;margin:0 0 22px;max-width:34em;font-size:1.0625rem;line-height:1.55;color:#D9DBDD}
.av-hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.av-hero-act .av-btn{flex:1 1 230px}
.av-txt-link{display:inline-flex;align-items:center;min-height:44px;color:var(--on);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--volt)}
.av-txt-link:hover{color:var(--volt)}
.av-hero .av-honest{margin-top:8px}

/* live card: filled from the first frame; the loop only taps through the days and their rows in sync */
.av-live{position:relative;border-radius:18px;padding:10px;background:rgba(14,15,17,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line),0 20px 50px -20px rgba(0,0,0,.8)}
.av-live-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.av-live-top h2{margin:0;white-space:nowrap;font:800 1rem/1 var(--disp);font-stretch:80%;text-transform:uppercase;letter-spacing:.03em;color:var(--volt)}
.av-live-top span{font-size:.75rem;color:var(--mut);text-align:right}
.av-live-days{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.av-live-days button{width:100%;height:44px;border:0;border-radius:10px;background:var(--ink3);color:#9AA0A6;font:800 .8125rem/1 var(--disp);font-stretch:82%;text-transform:uppercase;cursor:pointer;transition:transform .2s}
.av-live-days button.on{background:var(--volt);color:var(--ink)}
.av-live-days button:hover{box-shadow:inset 0 0 0 1.5px var(--volt)}
.av-live-days button:focus-visible{outline:3px solid var(--volt);outline-offset:2px}
.av-live-rows{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.av-live-rows li{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;min-height:28px;padding:2px 10px 2px 2px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 24%,transparent),rgba(242,241,236,.04) 70%)}
.av-live-rows li.trial{box-shadow:inset 0 0 0 1.5px var(--volt)}
.av-live-rows .wd{display:grid;place-items:center;height:24px;border-radius:7px;background:var(--c);color:var(--ink);font:800 .6875rem/1 var(--disp);font-stretch:82%;text-transform:uppercase}
.av-live-rows b{font-weight:600;font-size:.875rem}
.av-live-rows time{font:800 .9375rem/1 var(--disp);font-stretch:80%}
.av-live-end{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch;margin-top:6px}
.av-live-bub{margin:0;padding:5px 8px;border-radius:9px 2px 9px 9px;background:#D9FDD3;color:#111B21;font-size:.75rem;line-height:1.3;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.av-live-bub b{font-weight:700}
.av-live-bub::after{content:" ✓✓";color:#3A9FD0;font-size:.6875rem}
.av-live-cal{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:9px;background:rgba(242,241,236,.95);color:var(--ink)}
.av-live-cal .av-ic{width:18px;height:18px;color:#B8441F;flex:none}
.av-live-cal p{margin:0;display:grid;gap:1px;font-size:.6875rem;line-height:1.25;color:#45484D;white-space:nowrap}
.av-live-cal b{font-size:.75rem;color:var(--ink)}
/* loop (8 s): each chosen day is tapped and its row lights up with it; then the bubble ticks and the bell rings */
.av-live-days button.on{animation:av-l-tap 8s infinite;animation-delay:calc(.6s + var(--s)*.9s)}
.av-live-rows li::after{content:"";position:absolute;inset:0;border-radius:9px;box-shadow:inset 0 0 0 2px var(--c);opacity:0;animation:av-l-glow 8s infinite;animation-delay:calc(.6s + var(--s)*.9s)}
.av-live-bub{animation:av-l-pop 8s infinite;animation-delay:3.4s;transform-origin:100% 0}
.av-live-cal .av-ic{animation:av-l-ring 8s infinite;animation-delay:4s}
@keyframes av-l-tap{0%,100%{transform:none}3%{transform:scale(.84)}7%{transform:scale(1.06)}10%{transform:none}}
@keyframes av-l-glow{0%,100%{opacity:0}3%,12%{opacity:1}18%{opacity:0}}
@keyframes av-l-pop{0%,100%{transform:none}3%{transform:scale(.94)}7%{transform:scale(1.04)}10%{transform:none}}
@keyframes av-l-ring{0%,100%{transform:none}2%{transform:rotate(-16deg)}4%{transform:rotate(14deg)}6%{transform:rotate(-8deg)}8%{transform:none}}
@media(max-width:379px){.av-live-cal p span{display:none}.av-live-days button{font-size:.75rem}}
@media(min-width:640px) and (max-width:999px){.av-hero{padding-top:260px}.av-hero-ph,.av-hero::before{height:440px}}
@media(min-width:1000px){
  .av-hero{min-height:calc(100svh - var(--vc-bar) - var(--top));display:grid;align-content:center;padding:64px var(--gut) 72px}
  .av-hero-ph{inset:0 0 0 auto;width:56%;height:100%}
  .av-hero-ph img{object-position:40% 30%}
  .av-hero::before{height:100%;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 44%,rgba(12,13,15,.55) 50%,rgba(12,13,15,0) 62%)}
  .av-hero-in{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
  .av-hero-tx{max-width:560px}
  .av-k-long{display:inline}
  .av-lede{display:block}
  .av-live{order:0;align-self:end;justify-self:end;width:380px;padding:16px;border-radius:20px}
  .av-live-top h2{font-size:1.25rem}
  .av-live-rows li{min-height:40px;grid-template-columns:48px 1fr auto}
  .av-live-rows .wd{height:34px;font-size:.75rem}
  .av-live-rows b{font-size:1rem}.av-live-rows time{font-size:1.125rem}
  .av-live-end{grid-template-columns:1fr}
  .av-live-bub{font-size:.875rem}
  .av-live-cal p{font-size:.75rem}.av-live-cal b{font-size:.875rem}
  .av-hero-act .av-btn{flex:0 0 auto}
}

/* section shells */
.av-sec{padding:clamp(64px,9vw,120px) 0}
.av-light{background:var(--chalk);color:var(--tx)}
.av-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.av-head h2{margin:0;font:800 clamp(2rem,7.4vw,3.9rem)/.98 var(--disp);font-stretch:76%;text-transform:uppercase;letter-spacing:.012em;text-wrap:balance}
.av-head>p:not(.av-k){margin:16px 0 0;font-size:1.0625rem;color:var(--mut);max-width:38em}
.av-light .av-head>p:not(.av-k){color:var(--mut-l)}

/* builder */
.av-build{padding:clamp(56px,8vw,112px) 0;background:var(--ink)}
.av-build-grid{display:grid;gap:28px}
@media(min-width:1000px){.av-build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 56px;align-items:start}.av-build-grid .av-card-wrap{display:contents}.av-card{grid-column:2;grid-row:1}.av-card-act{grid-column:2;grid-row:2}.av-form{grid-column:1;grid-row:1}.av-send{grid-column:1;grid-row:2;margin-top:0}}
.av-form{display:grid;gap:26px}
.av-f{border:0;margin:0;padding:0;min-width:0}
.av-f legend,.av-name label{display:flex;align-items:center;gap:10px;font:700 1.0625rem/1.3 var(--txt);margin-bottom:12px;padding:0}
.av-name label small{font-weight:400;color:var(--mut);font-size:.875rem}
.av-step{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink3);color:var(--volt);font:800 .9375rem/1 var(--disp);font-stretch:82%;}
.av-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.av-chip{position:relative;display:block}
.av-chip input,.av-day input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}
.av-chip span{display:flex;flex-direction:column;justify-content:center;min-height:52px;height:100%;padding:10px 14px;border-radius:var(--r-sm);background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:.9688rem;line-height:1.25;transition:background .2s,box-shadow .2s,color .2s}
.av-chip small{display:block;font-weight:400;font-size:.8125rem;color:var(--mut);margin-top:2px}
.av-chip input:checked+span{background:var(--volt);color:var(--ink);box-shadow:none}
.av-chip input:checked+span small{color:#30361A}
.av-chip:hover span{box-shadow:inset 0 0 0 1px rgba(242,241,236,.4)}
.av-shifts{grid-template-columns:1fr}
@media(min-width:520px){.av-shifts{grid-template-columns:repeat(3,1fr)}}
.av-days{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:3px}
@media(min-width:400px){.av-days{gap:6px}}
.av-day{position:relative}
.av-day span[aria-hidden]{display:grid;place-items:center;height:52px;border-radius:var(--r-sm);background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);font:800 1rem/1 var(--disp);font-stretch:82%;text-transform:uppercase;transition:background .2s,color .2s}
.av-day input:checked+span{background:var(--volt);color:var(--ink);box-shadow:none}
.av-day input:focus-visible+span{outline:3px solid var(--volt);outline-offset:3px}
.av-name input{width:100%;min-height:52px;padding:12px 16px;border-radius:var(--r-sm);border:0;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);color:var(--on);font:500 1rem var(--txt)}
.av-name input::placeholder{color:#7D8288}

/* the week pass */
.av-card-wrap{display:grid;gap:12px}
.av-card{position:relative;border-radius:22px;padding:18px 16px 16px;background:linear-gradient(160deg,#1C1F23 0%,#131518 70%);box-shadow:inset 0 0 0 1px var(--line),0 30px 80px -30px rgba(0,0,0,.8)}
.av-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.av-card-brand{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font:800 .875rem/1 var(--disp);font-stretch:80%;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.av-card-brand .av-mark{width:28px;height:20px;color:var(--mut)}
.av-card-k{font:700 .6875rem/1 var(--txt);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--ink3);color:var(--volt);white-space:nowrap}
.av-card-lab{margin:16px 0 2px;font:700 .6875rem/1 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.av-card-h{margin:0 0 14px;font:800 1.9rem/1 var(--disp);font-stretch:80%;text-transform:uppercase;letter-spacing:.015em;color:var(--on);overflow-wrap:anywhere}
.av-card.named .av-card-h{color:var(--volt)}
/* ticket stub: notches and a dashed tear line before the trial picker */
.av-trial{position:relative;margin:16px -16px 0;padding:16px 16px 0;border-top:2px dashed rgba(242,241,236,.18);display:grid;gap:8px}
.av-trial::before,.av-trial::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--ink)}
.av-trial::before{left:-11px}.av-trial::after{right:-11px}
.av-card-act{display:grid;gap:10px}
.av-send-k{margin:0;font:700 .75rem/1 var(--txt);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.av-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.av-card-stats p{margin:0;padding:8px 10px;border-radius:var(--r-sm);background:rgba(242,241,236,.05);box-shadow:inset 0 0 0 1px var(--line)}
.av-card-stats b{display:block;font:800 1.7rem/1 var(--disp);font-stretch:76%}
.av-card-stats span{font-size:.8125rem;color:var(--mut)}
.av-week{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.av-week li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 6px;border-radius:var(--r-sm);background:rgba(242,241,236,.04);position:relative;overflow:hidden}
.av-week li::before{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,var(--c) 0,transparent 70%);opacity:.16;transform-origin:0 50%}
.av-week li.on{animation:av-row .5s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc(var(--n,0)*.05s)}
.av-week li.on::before{animation:av-fill .7s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc(var(--n,0)*.05s)}
@keyframes av-row{from{transform:translateX(-10px);opacity:.3}}
@keyframes av-fill{from{transform:scaleX(0)}}
.av-week .wd{display:grid;place-items:center;height:36px;border-radius:9px;background:var(--c,var(--ink3));color:var(--ink);font:800 .9375rem/1 var(--disp);font-stretch:82%;text-transform:uppercase;position:relative}
.av-week .wa{position:relative;font-weight:700;line-height:1.2}
.av-week .wa small{display:block;font-weight:400;color:var(--mut);font-size:.8125rem}
.av-week .wt{position:relative;font:800 1.125rem/1 var(--disp);font-stretch:76%;color:var(--on);white-space:nowrap}
.av-week li.trial{box-shadow:inset 0 0 0 1.5px var(--volt)}
.av-week li.trial .wa::after{content:"Aula experimental";display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--volt);color:var(--ink);font-size:.6875rem;font-weight:700;letter-spacing:.04em;vertical-align:2px}
.av-trial label{font:700 .75rem/1 var(--txt);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.av-trial select{appearance:none;-webkit-appearance:none;width:100%;min-height:50px;padding:10px 44px 10px 14px;border-radius:var(--r-sm);border:0;background:var(--ink3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23D4FF3A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center/18px;color:var(--on);font:600 1rem var(--txt);box-shadow:inset 0 0 0 1px var(--line)}
.av-send{display:grid;gap:12px;margin-top:16px}
.av-send .vc-wa-prev{font-size:13.5px}
.av-done{margin:0;min-height:1em;font-size:.9375rem;color:var(--volt)}
.av-done:empty{display:none}

/* plans */
.av-plans{display:grid;gap:26px}
@media(min-width:860px){.av-plans{grid-template-columns:repeat(3,1fr);gap:18px}}
.av-plan{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border-radius:var(--r);background:#F8F6F1;box-shadow:inset 0 0 0 1px rgba(17,18,20,.1);transition:box-shadow .3s,transform .3s}
.av-plan h3{margin:0;font:800 2.6rem/.9 var(--disp);font-stretch:76%;text-transform:uppercase}
.av-plan-d{margin:8px 0 18px;color:var(--mut-l)}
.av-plan ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px;align-content:start;flex:1}
.av-plan li{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.av-plan li svg{flex:none;width:22px;height:22px;padding:3px;border-radius:7px;margin-top:1px}
.av-plan li.y svg{background:var(--tx);color:var(--volt)}
.av-plan li.n{color:#5E6166}
.av-plan li.n svg{background:var(--chalk2);color:#5E6166}
.av-plan li.n>span{text-decoration:line-through;text-decoration-thickness:1px}
.av-plan-match{position:absolute;top:-12px;left:20px;margin:0;padding:6px 12px;border-radius:999px;background:var(--volt);color:var(--ink);font:700 .75rem/1 var(--txt);letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.av-plan.match{background:var(--ink);color:var(--on);box-shadow:0 24px 60px -30px rgba(12,13,15,.7)}
.av-plan.match .av-plan-d{color:var(--mut)}
.av-plan.match li.n{color:#80858B}.av-plan.match li.n svg{background:var(--ink3);color:#9AA0A6}
.av-plan.match li.y svg{background:var(--volt);color:var(--ink)}
.av-plan.match .av-btn-line{background:var(--volt);color:var(--ink);box-shadow:none}
.av-plan.match .av-plan-match{opacity:1;transform:none}
.av-plan.match a:focus-visible{outline-color:var(--volt)}

/* grade */
.av-grade{border-radius:var(--r);background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);padding:10px}
.av-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}
.av-tab{min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:800 1rem/1 var(--disp);font-stretch:82%;text-transform:uppercase;cursor:pointer}
.av-tab[aria-selected=true]{background:var(--on);color:var(--ink)}
.av-gds{display:grid;gap:10px}
.av-gd h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:4px 6px 12px;font:800 1.75rem/1 var(--disp);font-stretch:76%;text-transform:uppercase}
.av-gd h3 small{font:500 .8125rem/1.2 var(--txt);color:var(--mut);text-transform:none;text-align:right}
.av-gd ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.av-gd li{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:var(--r-sm);background:var(--ink3);position:relative;overflow:hidden}
.av-gd li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.av-gd time{font:800 1.25rem/1 var(--disp);font-stretch:76%}
.av-gd b{font-weight:600}
.av-gd li.in{box-shadow:inset 0 0 0 1.5px var(--c)}
.av-gd li.in::after{content:"Na sua semana";font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--c);color:var(--ink)}
.av-gd li.av-gd-free{grid-template-columns:1fr;gap:2px;background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.av-gd li.av-gd-free::before{background:var(--musc)}
.av-gd-free span{font-size:.875rem;color:var(--mut)}
@media(min-width:1000px){
  .av-tabs{display:none}
  .av-gds{grid-template-columns:repeat(7,1fr);gap:8px}
  .av-gd[hidden]{display:block!important}
  .av-gd h3{flex-direction:column;align-items:flex-start;gap:4px;margin:6px 4px 12px}
  .av-gd h3 small{text-align:left}
  .av-gd li{grid-template-columns:1fr;gap:2px;padding:10px 10px 10px 14px;min-height:64px}
  .av-gd li.in::after{justify-self:start;margin-top:4px}
}

/* modalidades */
.av-mods-sec{padding-top:0}
.av-mods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:1000px){.av-mods{grid-template-columns:repeat(3,1fr);gap:18px}}
.av-mod{margin:0;border-radius:var(--r);overflow:hidden;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column}
.av-mod picture{position:relative;display:block}
.av-mod img{width:100%;aspect-ratio:1;object-fit:cover}
@media(min-width:640px){.av-mod img{aspect-ratio:4/3;max-height:300px}}
.av-mod-tx{padding:14px 14px 16px;border-top:4px solid var(--c);flex:1}
.av-mod h3{margin:0 0 6px;font:800 1.6rem/.95 var(--disp);font-stretch:76%;text-transform:uppercase}
.av-mod p{margin:0;font-size:.875rem;line-height:1.45;color:var(--mut)}
@media(min-width:1000px){.av-mod-tx{padding:20px 22px 24px}.av-mod h3{font-size:2.1rem}.av-mod p{font-size:1rem}}

/* aula experimental */
.av-exp{display:grid;gap:28px}
@media(min-width:1000px){.av-exp{grid-template-columns:1.1fr .9fr;gap:48px 64px}.av-exp .av-head{grid-column:1/-1;margin-bottom:0}}
.av-how{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.av-how li{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;padding:20px;border-radius:var(--r);background:#F8F6F1;box-shadow:inset 0 0 0 1px rgba(17,18,20,.1)}
.av-n{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--tx);color:var(--volt);font:800 1.9rem/1 var(--disp);font-stretch:76%;}
.av-how h3{margin:0;font:800 1.6rem/1 var(--disp);font-stretch:76%;text-transform:uppercase;align-self:end}
.av-how p{margin:0;color:var(--mut-l)}
.av-info{border-radius:var(--r);background:var(--ink);color:var(--on);padding:24px 20px;display:grid;gap:12px;align-content:start}
.av-info h3{margin:0;font:800 2rem/1 var(--disp);font-stretch:76%;text-transform:uppercase}
.av-info h3 span{color:var(--mut);font-size:.6em;letter-spacing:.04em}
.av-info dl{margin:0 0 4px;display:grid}
.av-info dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.av-info dt{color:var(--mut)}
.av-info dd{margin:0;font-weight:600}
.av-where{margin:0 0 6px;color:#D9DBDD}
.av-info a:focus-visible{outline-color:var(--volt)!important}
.av-info .av-honest{color:var(--mut);margin:0}

/* footer */
.av-foot{background:var(--ink);border-top:1px solid var(--line);padding:40px 0 48px;color:var(--mut)}
.av-foot .av-in{display:grid;gap:10px}
.av-foot p{margin:0}
.av-fict{font-size:.875rem}

@media(prefers-reduced-motion:reduce){
  .av-live *,.av-week li.on,.av-week li.on::before{animation:none!important}
}

/* states: empty and all-closed weeks, rest-day row, trial label, disabled send */
.av-card-empty{display:none;margin:4px 0 2px;font:800 1.5rem/1.1 var(--disp);font-stretch:80%;text-transform:uppercase;letter-spacing:.02em;color:var(--mut)}
.av-card.empty .av-card-empty{display:block}
.av-card.empty .av-card-lab,.av-card.empty .av-card-h,.av-card.empty .av-card-stats,.av-card.empty .av-week,.av-card.empty .av-trial{display:none}
.av-week li.rest{grid-template-columns:1fr;min-height:40px;padding:8px 12px;background:transparent;box-shadow:inset 0 0 0 1px rgba(242,241,236,.08);color:#9A9FA5}
.av-week li.rest::before{display:none}
.av-trial label span{color:#8E9399;letter-spacing:.06em}
.av-btn[aria-disabled=true],.av-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.av-hint{margin:0;font-size:.9375rem;color:var(--func)}
.av-hint[hidden]{display:none}
.av-card-stats p.only{display:flex;align-items:flex-end}.av-card-stats p.only span{color:var(--on);font-weight:600}
.av-closed{margin:10px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:rgba(255,112,67,.12);color:#FFB49C;font-size:.9375rem}
.av-closed[hidden]{display:none}
/* phones: inside the builder the header swaps its wordmark for the mini week (no extra bar) */
.av-mini{display:none;align-items:center;min-height:44px;text-decoration:none}
.av-mini ol{list-style:none;margin:0;padding:0;display:flex;gap:3px}
.av-mini li{width:26px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--ink3);color:#8E9399;font:800 .625rem/1 var(--disp);font-stretch:82%;text-transform:uppercase}
.av-mini li.on{background:var(--c);color:var(--ink)}
.av-mini:focus-visible{outline:3px solid var(--volt);outline-offset:3px}
@media(max-width:999px){.av-in-build .av-top .av-logo{display:none}.av-in-build .av-mini{display:flex}}
@media(max-width:379px){.av-mini li{width:23px}}

/* grade: one row height for every cell; the "na sua semana" mark is an overlay */
.av-gd li{min-height:56px}
.av-gd li.in::after{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.av-card-stats p.txt b{font-size:1.15rem;line-height:1.2;padding-top:6px}
@media(min-width:1000px){
  .av-gd li{height:68px;min-height:0;align-content:center}
  .av-gd li.in::after{content:"";top:8px;right:8px;transform:none;width:10px;height:10px;padding:0;border-radius:50%}
  .av-gd h3{min-height:56px}
}