@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
*{box-sizing:border-box}html,body{margin:0;background:#f5faf7;color:#17201c;font-family:'DM Sans',sans-serif}body{min-height:100vh;padding-bottom:76px}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:50;top:0;left:0;width:100%;height:72px;display:flex;align-items:center;padding:12px 18px;background:linear-gradient(180deg,rgba(247,251,248,.98),rgba(247,251,248,.82),transparent)}.brand{display:flex;gap:10px;align-items:center}.monogram{width:39px;height:39px;border:1px solid #4b9482;border-radius:50%;display:grid;place-items:center;font-family:Italiana;color:#397a6b}.brand b{font-family:Italiana;font-size:16px;font-weight:400;display:block}.brand small{font-size:7px;letter-spacing:3px;color:#4b9482}.screen{min-height:calc(100dvh - 76px);position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,12,.04) 20%,rgba(6,18,14,.18) 47%,rgba(7,19,15,.92) 88%)}.hero-copy{position:absolute;left:22px;right:22px;bottom:35px;z-index:2;color:white}.eyebrow{font-size:9px;letter-spacing:2.7px;color:#4b9482;font-weight:700}.hero .eyebrow{color:#aee0d4}.hero h1,.section-copy h1,.mentor-copy h1,.contact h1{font-family:Italiana;font-weight:400;font-size:50px;line-height:.93;margin:12px 0 14px;letter-spacing:-1px}.hero h1 em,.section-copy h1 em,.mentor-copy h1 em,.contact h1 em{color:#75c0ae;font-weight:400}.hero p,.section-copy>p,.mentor-copy>p,.contact-copy>p{max-width:350px;font-size:12px;line-height:1.7;margin:0 0 20px}.hero p{color:#e6efeb}.cta{height:50px;border:1px solid #4b9482;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:10px;font-weight:700;letter-spacing:1.3px;max-width:340px;background:#ffffff0a}.cta span{font-size:20px;color:#4b9482}.hero .cta{border-color:#8fd0c0}.hero .cta span{color:#aee0d4}.page-no{position:absolute;right:17px;bottom:14px;font-size:8px;letter-spacing:2px;color:#6f8e84}.hero .page-no{color:#b9d8d0}.course-page,.content-page{min-height:calc(100dvh - 76px);padding:105px 16px 28px;background:radial-gradient(circle at 100% 0,#bfe6dc55,transparent 28%),#f5faf7}.section-copy{padding:0 6px}.section-copy h1{font-size:45px}.section-copy>p{color:#63716c}.course-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 6px 18px;scrollbar-width:none}.course-list::-webkit-scrollbar{display:none}.course-card{flex:0 0 84%;scroll-snap-align:center;border:1px solid #d8e8e2;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px #183f3420}.course-img{height:265px;overflow:hidden}.course-img img{width:100%;height:100%;object-fit:cover}.course-info{padding:17px}.course-info>span,.learn-card>span{font-size:8px;letter-spacing:2px;color:#4b9482;font-weight:700}.course-info h2,.learn-card h2{font-family:Italiana;font-weight:400;font-size:28px;margin:7px 0 16px}.meta{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e2ece8;padding-top:13px}.meta b{font-size:11px;font-weight:500}.meta strong{font-family:Italiana;font-size:25px;color:#347866}.course-info>a{display:block;margin-top:16px;font-size:9px;font-weight:700;letter-spacing:1px;color:#347866}.content-page{padding-bottom:32px}.learn-card{margin:12px 5px 18px;padding:20px;border:1px solid #d8e8e2;border-radius:22px;background:#fff;box-shadow:0 12px 30px #173b3112}.learn-card.featured{border-color:#7bb8a9;background:#eef8f4}.learn-card ul{list-style:none;padding:0;margin:12px 0}.learn-card li{font-size:12px;padding:10px 0 10px 24px;border-bottom:1px solid #e6eeeb;position:relative}.learn-card li:before{content:'✓';position:absolute;left:0;color:#4b9482;font-weight:700}.included{background:#eff8f5;border-radius:14px;padding:13px;margin:14px 0}.included b{font-size:8px;letter-spacing:1.5px;color:#347866}.included p{font-size:10px;line-height:1.6;margin:6px 0 0;color:#5f6e68}.price{display:block;font-family:Italiana;font-size:31px;color:#347866;margin-top:13px}.content-page>.cta{margin:8px 5px 0;background:#347866;color:white;border-color:#347866}.content-page>.cta span{color:white}.mentor{background:#f5faf7}.mentor-pic{height:51dvh;position:relative}.mentor-pic:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 58%,#f5faf7)}.mentor-pic img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.mentor-copy{padding:0 22px 45px;margin-top:-12px;position:relative}.mentor-copy h1{font-size:48px}.mentor-copy>p{color:#62716b}.quote{border-left:2px solid #4b9482;padding-left:13px!important;color:#46665c!important;font-family:Italiana;font-size:15px!important}.contact{padding:120px 20px 35px;background:radial-gradient(circle at 0 100%,#b7e5da88,transparent 36%),#f5faf7}.contact h1{font-size:47px}.contact-copy>p{color:#62716b}.contact-card{display:flex;align-items:center;gap:13px;border-top:1px solid #d8e6e1;padding:18px 4px}.contact-card:nth-of-type(2){border-bottom:1px solid #d8e6e1}.contact-card img{width:23px;filter:invert(43%) sepia(21%) saturate(1134%) hue-rotate(111deg)}.contact-card span{flex:1}.contact-card small{display:block;color:#4b9482;font-size:8px;letter-spacing:2px;margin-bottom:5px}.contact-card b{font-size:13px;font-weight:500}.contact-card strong{font-weight:300;color:#347866;font-size:21px}.mini-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.mini-prices div{border:1px solid #d5e7e1;border-radius:14px;padding:11px 8px;background:#fff}.mini-prices small{font-size:7px;color:#4b9482}.mini-prices b{display:block;font-size:9px;margin:6px 0}.mini-prices strong{font-family:Italiana;color:#347866;font-size:18px}.bottom-nav{position:fixed;z-index:55;left:0;right:0;bottom:0;height:72px;padding:7px 8px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(248,252,250,.96);border-top:1px solid #d9e6e1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#84948e;font-size:7px;letter-spacing:.3px;text-transform:uppercase}.bottom-nav a.active{color:#347866}.bottom-nav a.active:before{content:'';position:absolute;top:-7px;width:28px;height:2px;background:#4b9482;border-radius:2px}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(min-width:700px){body{max-width:430px;margin:auto;border-left:1px solid #dce7e3;border-right:1px solid #dce7e3}.topbar,.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:430px}}

/* Ajustes mobile v2 */
:root{--green:#176b59;--green2:#23836d;--ink:#101916;--muted:#44544e;--line:#bfd8cf;--paper:#f7fbf9}
html,body{background:var(--paper);color:var(--ink)}
.screen.hero{min-height:calc(100dvh - 58px)}
.hero-copy{bottom:22px}.hero p{color:#fff}.shade{background:linear-gradient(180deg,rgba(4,13,10,.03) 16%,rgba(4,13,10,.20) 46%,rgba(4,15,11,.95) 90%)}
.eyebrow,.brand small{color:var(--green2)}.hero .eyebrow{color:#a9ead9}.hero h1 em,.section-copy h1 em,.mentor-copy h1 em,.contact h1 em{color:#38a98e}
.section-copy>p,.mentor-copy>p,.contact-copy>p{color:var(--muted)}
.course-page,.content-page,.mentor,.contact{background-color:var(--paper)}
.meta strong,.price,.mini-prices strong,.contact-card strong,.course-info>a.learn-link{color:var(--green)}
.course-info>span,.learn-card>span{color:var(--green2)}
.course-card{border-color:var(--line);box-shadow:0 14px 35px rgba(15,66,53,.16)}
.designer-cover img{transform:scale(1.55);transform-origin:78% 54%;object-position:82% 54%}
.course-cta{margin:17px auto 2px!important;min-height:46px;width:92%;border-radius:999px;background:var(--green)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;font-size:10px!important;letter-spacing:1.2px!important;font-weight:700!important;box-shadow:0 8px 20px rgba(23,107,89,.22)}
.learn-link{text-align:center}
.bottom-nav a{color:#52635d}.bottom-nav a.active{color:var(--green)}
.bottom-nav a.active:before{background:var(--green)}

/* Cards de cursos mais compactos: CTA aparece logo ao entrar na aba Cursos */
.course-page{padding-top:88px!important;padding-bottom:16px!important}
.course-page .section-copy h1{font-size:38px!important;line-height:.92;margin:7px 0 9px!important}
.course-page .section-copy>p{font-size:11px!important;line-height:1.45!important;margin-bottom:10px!important}
.course-list{align-items:stretch;padding-top:4px!important}
.course-card{display:flex;flex-direction:column;flex:0 0 80%!important;align-self:stretch}
.course-img{height:190px!important;flex:0 0 190px}
.course-info{padding:13px 15px 14px!important;display:flex;flex-direction:column;flex:1}
.course-info h2{font-size:24px!important;line-height:1.02!important;margin:5px 0 10px!important;min-height:49px;display:flex;align-items:flex-start}
.meta{padding-top:9px!important}
.meta strong{font-size:23px!important}
.course-info>a.learn-link{margin-top:10px!important;text-align:center}
.course-cta{margin:11px auto 0!important;min-height:42px!important;width:94%!important}
/* v4 - artes oficiais, visualizador e alinhamentos */
.course-img{padding:0;border:0;background:#eef6f2;cursor:zoom-in;width:100%;display:block}
.course-img img{display:block}
.course-page .course-img img{object-fit:cover;object-position:center top}
.content-page>.cta,.mentor-copy>.cta{width:calc(100% - 10px);max-width:340px;margin-left:auto!important;margin-right:auto!important}
.image-modal{position:fixed;z-index:1000;inset:0;background:rgba(5,12,10,.94);display:none;align-items:center;justify-content:center;padding:58px 12px calc(20px + env(safe-area-inset-bottom))}
.image-modal.open{display:flex}
.image-modal img{display:block;max-width:100%;max-height:calc(100dvh - 86px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.4)}
.modal-close{position:absolute;z-index:2;right:16px;top:max(14px,env(safe-area-inset-top));width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font:300 30px/1 Arial;display:grid;place-items:center;cursor:pointer}
body.modal-open{overflow:hidden;touch-action:none}
.course-card .meta b{max-width:48%;line-height:1.25}

/* Abertura KA — exibida apenas uma vez por sessão */
.site-intro{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff,#eef8f4 75%);transition:opacity .75s ease,visibility .75s ease}
.site-intro.hide{opacity:0;visibility:hidden;pointer-events:none}
.site-intro-mark{font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1;color:#173e36;letter-spacing:-.08em;opacity:0;transform:translateY(15px) scale(.96);animation:siteIntroMark .8s .15s cubic-bezier(.2,.8,.2,1) forwards}
.site-intro-line{width:0;height:1px;margin-top:17px;background:linear-gradient(90deg,transparent,#5c9d8d,transparent);animation:siteIntroLine .9s .55s ease forwards}
.site-intro p{margin:13px 0 0;color:#668078;text-transform:uppercase;letter-spacing:.2em;font-size:9px;opacity:0;animation:siteIntroText .7s .8s ease forwards}
@keyframes siteIntroMark{to{opacity:1;transform:none}}
@keyframes siteIntroLine{to{width:115px}}
@keyframes siteIntroText{to{opacity:1}}
