@font-face{
 font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;
 src:url('abertura-assets/fontes/montserrat-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
 font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;
 src:url('abertura-assets/fontes/montserrat-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:AberturaManuscrita;src:url('abertura-assets/fontes/manuscrita.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.abertura{--ink:#303033;--yellow:#f2fb17;--green:#4c6961;--question-accent:#f8b840;--ease-out:cubic-bezier(.23,1,.32,1)}


.abertura{height:400vh;position:relative;z-index:0;color:var(--ink);font-family:Montserrat,sans-serif}
.ab-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#fff}
.abertura.is-cover-pinned .ab-stage{position:fixed;inset:0}
.abertura + .ac-journey{z-index:1}
.ab-scene-svg{display:block;width:100%;height:100%;background:#fff;overflow:hidden;position:absolute;inset:0;z-index:0}
.ab-logo-svg{position:absolute;right:6.5%;top:12%;width:40%;height:76%;overflow:visible;z-index:1;pointer-events:none}
.js .ab-logo-svg{visibility:hidden}
.ab-question{position:absolute;z-index:2;isolation:isolate;left:7.5%;top:17%;margin:0;padding:20px 24px;max-width:85%;font-size:clamp(32px,3.4vw,58px);font-weight:900;letter-spacing:-.04em;line-height:1.15;color:#20221f;background:transparent;text-shadow:0 2px 3px rgba(0,0,0,.25);pointer-events:none}
.ab-question-cloud{position:absolute;z-index:-1;left:-10%;top:-30%;width:120%;height:160%;max-width:none;object-fit:fill;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));pointer-events:none}
.ab-question-line{display:block;white-space:nowrap}
.ab-question-line-last{margin-top:.18em;display:flex;align-items:baseline;gap:.32em}
.ab-question em{display:inline-block;white-space:nowrap;font-family:AberturaManuscrita,cursive;font-size:3em;font-style:normal;font-weight:400;line-height:.85;letter-spacing:0;color:var(--question-accent);text-shadow:0 2px 4px rgba(0,0,0,.55)}
.ab-final-copy{position:absolute;z-index:3;left:7.5%;top:50%;transform:translateY(-50%);width:43%;max-width:740px}
.js .ab-final-copy{visibility:hidden;pointer-events:none}
.ab-final-copy h2{font-size:clamp(26px,2.7vw,51px);font-weight:800;line-height:1.18;letter-spacing:-.045em;margin:0 0 16px}
.ab-school{font-size:clamp(10px,.82vw,15.5px);font-weight:500;line-height:1.5;margin:0;color:var(--green)}
.ab-ages{font-size:clamp(11px,.78vw,14.5px);line-height:1.5;margin:4px 0 24px;color:var(--green)}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px}
.abertura[data-logo-pause="true"] .ab-actions{animation:ab-actions-appear 1000ms var(--ease-out) both}
@keyframes ab-actions-appear{from{opacity:0}to{opacity:1}}
.ab-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 21px;border:1.5px solid var(--ink);border-radius:5px;font-size:clamp(11px,.94vw,16px);font-weight:700;line-height:1.35;text-decoration:none;text-align:center;color:var(--ink);transition:background-color 160ms var(--ease-out),border-color 160ms var(--ease-out)}
.ab-button-primary{background:var(--yellow);border-color:var(--yellow)}
.ab-button-secondary{background:white}
.ab-button:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.ab-button-primary:hover{background:#e6ed15;border-color:#e6ed15}.ab-button-secondary:hover{background:#f1f4f1}}
@media(min-width:768px){.ab-school,.ab-ages{white-space:nowrap}}
@media(max-width:1100px) and (min-width:768px){.ab-final-copy{left:6%;width:45%}.ab-actions{flex-direction:column;align-items:flex-start}.ab-button{font-size:12px;padding:14px 20px}.ab-final-copy h2{font-size:clamp(25px,3vw,33px);margin-bottom:16px}.ab-ages{margin-bottom:24px}}
@media(max-width:767px){
 .ab-scene-svg{width:100%;height:56.25vw;top:50%;transform:translateY(-50%)}
 .ab-question{left:7%;top:12%;max-width:86%;padding:16px 18px;font-size:clamp(26px,6.4vw,36px);line-height:1.15}
 .ab-question-line{white-space:normal}
 .ab-question em{font-size:2.7em}
 .ab-question-line-last{margin-top:.12em;gap:.3em}
 .ab-logo-svg{top:3%;left:20%;right:auto;width:60%;height:26%}
 .ab-final-copy{left:7%;top:34%;width:86%;max-width:none;transform:none}
 .ab-final-copy h2{font-size:clamp(24px,6.6vw,37px);line-height:1.18;margin-bottom:14px}
 .ab-school{font-size:12px;line-height:1.5}.ab-desktop-break{display:none}
 .ab-ages{font-size:11px;margin:4px 0 23px}
 .ab-actions{flex-direction:column;gap:10px;align-items:stretch}.ab-button{font-size:12px;min-height:48px;padding:13px 15px}
}
@media(max-height:650px) and (min-width:768px){.ab-final-copy h2{font-size:clamp(25px,2.5vw,40px);margin-bottom:18px}.ab-ages{margin-bottom:20px}.ab-button{min-height:46px;padding:12px 18px}}
@media(max-height:650px) and (max-width:767px){.ab-final-copy{top:32%}.ab-final-copy h2{font-size:23px;margin-bottom:12px}.ab-ages{margin-bottom:15px}.ab-logo-svg{height:25%}.ab-actions{gap:8px}.ab-button{min-height:44px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){
 .abertura.is-cover-pinned .ab-stage{position:relative;inset:auto}
 .abertura[data-logo-pause="true"] .ab-actions{animation:none}
 .abertura{height:auto}
 .ab-stage{position:relative;min-height:100svh;height:auto;overflow:visible;display:flex;flex-direction:column;gap:28px;padding:44px 7%}
 .ab-scene-svg{display:none}
 .ab-question{position:relative;left:auto;top:auto;font-size:clamp(15px,3vw,28px);order:0}
 .ab-logo-svg{position:relative;inset:auto;width:min(280px,65vw);height:240px;order:1;flex-shrink:0}
 .ab-final-copy{position:relative;inset:auto;transform:none;width:min(620px,100%);order:2}
 .ab-final-copy h2{font-size:clamp(25px,4vw,38px)}
 .ab-button{transition:none}
}