@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{font-family:Montserrat,Arial,sans-serif;color:#fff;background:#090711;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.section{padding-block:110px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:#c18efa;font-size:.76rem;font-weight:700;margin:0 0 20px}.eyebrow{display:inline-flex;border:1px solid #ddd;border-radius:99px;padding:10px 18px;text-transform:uppercase;font-size:.76rem;letter-spacing:.04em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,4.4vw,4.7rem);line-height:1.08;letter-spacing:-.05em;max-width:720px;margin:22px 0}h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 28px}h3{font-size:1.4rem;line-height:1.3}p,li{line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:62px;background:linear-gradient(135deg,#a900c9,#cf00db);border:2px solid #df49f1;box-shadow:0 0 24px #c200ce70;border-radius:10px;padding:16px 26px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 34px #c200ceaa}.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.hero{min-height:790px;position:relative;display:flex;align-items:center;overflow:hidden;background:#05050b}.hero-photo{position:absolute;inset:0;background:url('assets/hero.webp') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04040aeF 0%,#05040bd9 45%,#05040a30 100%),linear-gradient(0deg,#080711 0%,transparent 28%)}.hero-content{position:relative;z-index:1;padding-block:120px}.hero-content p{font-size:1.2rem;max-width:600px;margin-bottom:38px}.intro{padding-bottom:70px}.intro h2{max-width:760px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-grid h3{font-size:clamp(1.6rem,2.5vw,2.7rem);letter-spacing:-.04em}.intro-grid p{color:#d5d2db}.question-list{padding:0;list-style:none}.question-list li{border-bottom:1px solid #ffffff33;padding:12px 0;font-weight:600}.question-list li:before{content:'•';color:#c200dc;margin-right:12px}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.photo-strip img{width:100%;height:360px;object-fit:cover;border-radius:14px}.benefits{background:#121022}.benefits-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.benefits-list{padding:0;list-style:none}.benefits-list li{padding:13px 0 13px 34px;border-bottom:1px solid #ffffff24;position:relative}.benefits-list li:before{content:'✓';color:#d340ed;position:absolute;left:0}.feature-photo{height:640px;width:100%;object-fit:cover;border-radius:16px}.quote{background:linear-gradient(#110b20b8,#110b20c9),url('assets/plateia-macro.jpg') center/cover}.quote-inner{text-align:center;max-width:850px}.quote p{font-size:clamp(1.5rem,2.5vw,2.6rem);font-weight:700;line-height:1.4;letter-spacing:-.03em}.quote span{color:#ca9bec}.section-lead{max-width:850px;color:#d7d3df;font-size:1.1rem}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.phase{background:linear-gradient(145deg,#221535,#100e18);border:1px solid #6c358e;border-radius:16px;padding:30px}.phase>span{color:#d15cf0;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}.phase h3{text-transform:uppercase;margin:22px 0 16px}.principles{color:#c895e7;font-size:.9rem}.phase ul{padding-left:18px;color:#e0dce5}.phase li{margin:10px 0}.experience{background:#130c20}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.experience-grid article{background:#1b1429;border-radius:16px;overflow:hidden}.experience-grid img{height:270px;width:100%;object-fit:cover}.experience-grid h3,.experience-grid p{margin:18px 24px}.experience-grid h3{text-transform:uppercase;font-size:1rem}.experience-grid p{color:#d0cbd8;margin-top:0}.two-days{text-align:center;text-transform:uppercase;font-size:clamp(1.5rem,2.5vw,2.7rem);margin:80px 0 8px}.two-days strong{color:#d247e7}.center-text{text-align:center;color:#d5cfde}.certificate{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.certificate p:not(.kicker){font-size:1.1rem;color:#ddd6e6;max-width:540px}.certificate img{width:100%}.teacher{background:#171020}.teacher-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.teacher-grid>img{width:100%;max-height:580px;object-fit:contain;align-self:end}.teacher-grid p:not(.kicker){color:#d9d2df}.social{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}.social a{color:#d768f0;font-size:.85rem;font-weight:700;text-decoration:none}.proof{text-align:center}.proof h2 strong{color:#cc36e5}.proof p:not(.kicker){font-size:1.1rem;margin-bottom:35px}.faq{max-width:860px}.faq-list{margin:30px 0 42px}.faq details{border-bottom:1px solid #ffffff4a;padding:20px 0}.faq summary{cursor:pointer;font-size:1.05rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:1.6rem;color:#d449ea;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:#d0cbd8;margin:16px 0 0}.faq>.button{display:flex;width:max-content;margin:auto}footer{border-top:1px solid #ffffff22;padding:40px 0;color:#cfc8d7}footer .container{display:flex;align-items:center;justify-content:space-between;gap:20px}footer span{font-size:1.1rem;letter-spacing:.1em}footer p{margin:0;font-size:.8rem}@media(max-width:760px){.section{padding-block:75px}.hero{min-height:800px;align-items:end}.hero-photo{inset:0 0 auto;height:54%;background-position:center top}.hero:after{background:linear-gradient(0deg,#05040b 31%,#05040b7a 65%,transparent 100%)}.hero-content{padding-block:350px 64px;padding-top:min(95vw,390px)}.hero-content p{font-size:1rem}.button{width:100%;text-align:center}.intro-grid,.benefits-grid,.certificate,.teacher-grid{grid-template-columns:1fr;gap:32px}.photo-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.photo-strip img{height:160px}.feature-photo{height:350px}.phase-grid,.experience-grid{grid-template-columns:1fr}.experience-grid img{height:260px}.certificate img{order:-1}.teacher-grid>img{max-height:390px}.faq>.button{width:100%}footer .container{display:block}footer p{margin-top:12px}}@media(max-width:420px){.container{width:min(100% - 42px,1160px)}.hero{min-height:850px}.hero-content{padding-top:420px}.photo-strip img{height:120px}.hero h1{font-size:2.25rem}.hero-content .button{font-size:.85rem;padding-inline:10px}}

/* Paleta Build Safe Connection: preto, branco e laranja dourado. */
:root{background:#020201}
body{background:#020201}
.kicker,.question-list li:before,.benefits-list li:before,.quote span,.phase>span,.two-days strong,.social a,.proof h2 strong,.faq summary:after{color:#ff9700}
.button{background:linear-gradient(45deg,#ff6300 0%,#ff9700 55%,#ff6300 100%);border-color:#ff9700;box-shadow:0 0 24px #ff630055}
.button:hover{box-shadow:0 0 34px #ff630099}
.hero{background:#020201}
.hero-photo{filter:none}
.hero-photo{background-image:url('assets/banner-evento-desktop.jpg');background-position:center center}
.site-header{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));height:100px;padding:7px 10px;display:grid;grid-template-columns:1fr 250px 1fr;align-items:center;border:1px solid #ffffff38;border-radius:22px;background:rgba(5,5,5,.78);box-shadow:0 14px 44px #0009,inset 0 1px #ffffff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header-spacer{display:block}
.site-logo{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:250px;height:86px;overflow:hidden;border-radius:14px}
.site-logo img{display:block;width:330px;height:220px;max-width:none;object-fit:cover;object-position:center}
.ticket-icon{grid-column:3;grid-row:1;justify-self:end;display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffb14c;border-radius:50%;background:linear-gradient(145deg,#ff9c00,#ff6800);color:#fff;text-decoration:none;font-size:34px;line-height:1;font-weight:700;box-shadow:0 0 22px #ff850055;transition:transform .2s,box-shadow .2s}
.ticket-icon:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 30px #ff850099}
.ticket-icon:focus-visible,.site-logo:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hero:after{background:linear-gradient(90deg,#020201fa 0%,#020201ed 52%,#02020155 100%),linear-gradient(0deg,#020201 0%,transparent 28%)}
.benefits,.experience,.teacher{background:#111}
.quote{background:linear-gradient(#050505c9,#050505d9),url('assets/plateia-macro.jpg') center/cover}
.phase{background:linear-gradient(145deg,#24201a,#111);border-color:#ad5e17}
.principles{color:#ffab51}
.experience-grid article{background:#1a1a1a;border:1px solid #333}
.footer-logo{display:block;width:min(260px,70vw);height:auto;margin:0 auto 16px}
footer .container{flex-direction:column;text-align:center}
.intro-grid p,.section-lead,.phase ul,.experience-grid p,.center-text,.certificate p:not(.kicker),.teacher-grid p:not(.kicker),.faq details p,footer{color:#e2e2e2}
@media(max-width:760px){.hero{min-height:900px}.hero-photo{inset:0 0 auto;height:68%;background-image:url('assets/banner-evento-mobile.jpg');background-position:center top;background-size:cover}.hero:after{background:linear-gradient(0deg,#020201 28%,#020201c9 48%,#02020122 100%)}.site-header{top:10px;width:calc(100% - 24px);height:82px;padding:5px 8px;grid-template-columns:1fr 204px 1fr;border-radius:19px}.site-logo{width:204px;height:70px;border-radius:12px}.site-logo img{width:280px;height:186px}.ticket-icon{width:48px;height:48px;font-size:29px}.hero-content{padding-top:min(105vw,430px)}}
.hero-details{font-size:1rem!important;line-height:1.6;margin:0 0 32px!important;color:#ffd39b}
.hero-content .button{margin-top:22px}
.hero-content>p:not(.hero-details):not(.hero-address){font-size:1.2rem;line-height:1.6;max-width:760px;margin:0 0 28px}
.hero-content .button{margin:0}
.event-widget{display:inline-flex;flex-direction:column;gap:3px;margin-top:22px;padding:10px 14px;border:1px solid #ff970055;border-radius:9px;background:#ff97000a;max-width:100%}
.event-widget .hero-details{font-size:.92rem!important;line-height:1.4;margin:0!important;color:#ffd39b}
.event-widget .hero-address{font-size:.78rem;line-height:1.4;margin:0;color:#ffd39b;opacity:.82}
.event-widget-photo{display:none}
.hero-content h1{margin:20px 0 24px;line-height:1.08;letter-spacing:-.045em}
.hero-content>p:not(.hero-details):not(.hero-address){margin:0 0 24px;line-height:1.55}
.hero-content .button{margin:0 0 0}
.event-widget .hero-details{line-height:1.4}
.hero-details strong{color:#ff9700}
.speaker-grid{grid-template-columns:repeat(2,1fr)}
.speaker-grid .phase p{color:#e0dce5;margin-bottom:0}
@media(max-width:760px){.speaker-grid{grid-template-columns:1fr}.hero-content h1{margin:24px 0 34px;line-height:1.12;letter-spacing:-.04em}.hero-content>p:not(.hero-details):not(.hero-address){font-size:1rem;line-height:1.55;margin:0 0 32px}.hero-content .button{margin:0 0 30px}.event-widget{display:flex;width:min(100%,420px);margin-top:24px;padding:0 0 10px;overflow:hidden;gap:0;border-color:#ff970066;background:#080706d9}.event-widget-photo{display:block;width:100%;height:172px;object-fit:cover;object-position:center 55%;margin-bottom:10px}.event-widget .hero-details{font-size:.84rem!important;margin:0 11px!important}.event-widget .hero-address{font-size:.72rem;margin:2px 11px 0}}

/* Menu flutuante: logo central e controles discretos, sem botão laranja. */
.site-header{top:16px;width:min(1040px,calc(100% - 36px));height:108px;padding:7px 24px;grid-template-columns:1fr auto 1fr;border-radius:999px;border:1px solid #ffffff2c;background:linear-gradient(110deg,#131313ec,#242024ec 55%,#111114ef);box-shadow:0 14px 40px #0008,inset 0 1px #ffffff19}
.site-header .nav-home{grid-column:1;grid-row:1;justify-self:start}
.site-header .site-logo{grid-column:2;grid-row:1;width:266px;height:94px;border:1px solid #ffffff70;border-radius:999px;background:#020202;box-shadow:0 0 0 5px #0005}
.site-header .site-logo img{width:260px;height:auto;max-width:none;flex:none;object-fit:initial}
.site-header .ticket-icon{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:center;gap:10px;width:auto;height:48px;padding:0 14px;border:1px solid #ffffff29;border-radius:999px;background:#ffffff0b;color:#eee;box-shadow:none;font-size:.87rem;font-weight:600;line-height:1;text-decoration:none}
.site-header .ticket-icon:hover,.site-header .nav-home:hover{transform:none;background:#ffffff1c;border-color:#ffffff75;box-shadow:none}
.site-header .nav-home{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff29;border-radius:50%;background:#ffffff0b;color:#eee;transition:background .2s,border-color .2s}
.site-header svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header .ticket-icon svg{width:23px;height:23px}
.site-header .nav-home:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:760px){.site-header{top:10px;width:calc(100% - 24px);height:100px;padding:5px 10px;grid-template-columns:1fr auto 1fr;border-radius:999px}.site-header .site-logo{width:206px;height:88px}.site-header .site-logo img{width:238px;height:auto}.site-header .nav-home,.site-header .ticket-icon{width:42px;height:42px;padding:0}.site-header .ticket-icon span{display:none}}
@media(max-width:370px){.site-header .site-logo{width:178px}.site-header .site-logo img{width:226px}}

/* Barra mais fina com efeito de vidro e a marca inteira dentro da cápsula. */
.site-header{height:76px;padding:5px 20px;border:1px solid #ffffff5c;background:linear-gradient(118deg,#e2e7ff24 0%,#ffffff0b 33%,#abaec321 68%,#ffffff12 100%);box-shadow:0 12px 32px #0009,inset 0 1px 0 #ffffff75,inset 0 -1px 0 #ffffff12;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);isolation:isolate}
.site-header::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 16% 0%,#ffffff45,transparent 35%),radial-gradient(ellipse at 78% 100%,#bdc8ff21,transparent 44%);z-index:-1}
.site-header .site-logo{width:184px;height:68px;border:1px solid #ffffff80;background:#000;box-shadow:0 3px 16px #0009,inset 0 1px #ffffff20;overflow:hidden}
.site-header .site-logo img{width:180px;height:auto;max-width:none;object-fit:initial;transform:translateY(6px)}
.site-header .nav-home,.site-header .ticket-icon{height:40px;border-color:#ffffff4b;background:#ffffff12;box-shadow:inset 0 1px #ffffff26}
.site-header .nav-home{width:40px}
.site-header .ticket-icon{padding-inline:13px}
.site-header .nav-home:hover,.site-header .ticket-icon:hover{background:#ffffff28;border-color:#ffffffa0}
@media(max-width:760px){.site-header{height:74px;padding:2px 9px}.site-header .site-logo{width:168px;height:68px}.site-header .site-logo img{width:180px;height:auto}.site-header .nav-home,.site-header .ticket-icon{width:39px;height:39px;padding:0}}
@media(max-width:370px){.site-header .site-logo{width:150px}.site-header .site-logo img{width:174px}}

/* A marca fica solta sobre o vidro: o preto do arquivo se mistura ao fundo. */
.site-header .site-logo{width:184px;height:68px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header .site-logo img{width:180px;transform:none;mix-blend-mode:screen}
@media(max-width:760px){.site-header .site-logo{width:168px;height:68px}.site-header .site-logo img{width:180px}}
@media(max-width:370px){.site-header .site-logo{width:150px}.site-header .site-logo img{width:174px}}

/* Centralização óptica da marca, com respiro igual nas laterais e na altura. */
.site-header .site-logo{justify-self:center;align-self:center;position:relative;left:2px;width:180px;height:68px}
.site-header .site-logo img{display:block;width:180px;height:auto;margin:0;transform:translateY(1px)}
@media(max-width:760px){.site-header .site-logo{width:180px}.site-header .site-logo img{transform:translateY(2px)}}
@media(max-width:370px){.site-header .site-logo{width:154px}.site-header .site-logo img{width:154px}}
