/* Modelo de curso Synale — uma única folha visual para todas as formações. */
.course-fallback{padding-top:45px;padding-bottom:65px}
.course-fallback h1{font-size:30px;line-height:1.2}
.course-fallback p{color:#66607c;font-size:14px}
.course-page{background:#fcfaff;color:#2b2854}
.course-page .site-header{height:84px}
.course-top-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.course-top-nav a{font:700 12px 'DM Sans',sans-serif;color:#575075}
.course-top-nav a:hover{color:#ae4b99}
.course-back{display:inline-flex;align-items:center;padding:10px 18px;border-radius:99px;border:1px solid #e3d9ed;background:#fff;color:#7253ad;font-weight:800;font-size:12px}
.course-back:hover{border-color:#b495d0;background:#fcf5ff}
.course-page-root{min-height:70vh}
.course-breadcrumb{padding:27px 0 21px;color:#88819e;font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.course-breadcrumb a{color:#7052a4;font-weight:700}
.course-breadcrumb a:hover{text-decoration:underline}
.course-hero{padding:10px 0 52px;background:radial-gradient(ellipse at 90% 11%,rgba(229,189,240,.32),transparent 46%),radial-gradient(ellipse at 4% 85%,rgba(255,232,201,.2),transparent 42%)}
.course-hero-grid{display:grid;grid-template-columns:1.18fr .95fr;gap:clamp(27px,4.7vw,67px);align-items:center}
.course-eyebrow,.course-kicker{display:block;color:#9967bb;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.course-hero h1{font-size:clamp(34px,3.8vw,55px);line-height:1.16;letter-spacing:-2px;max-width:760px;margin:16px 0 20px;color:#29264f}
.course-lead{font-size:16px;line-height:1.9;color:#5b597b;max-width:620px}
.course-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 27px}
.course-pill{font-weight:800;font-size:10px;letter-spacing:.2px;color:#6d4ea1;background:#fff;border:1px solid rgba(159,120,190,.29);border-radius:30px;padding:8px 13px}
.course-pill-gold{color:#94703a;border-color:#ead5ab;background:#fffaf0}
.course-explore{font-size:12px;font-weight:800;color:#ab478e;text-decoration:underline;text-underline-offset:4px}
.course-hero-art{position:relative;padding:9px;border-radius:25px;background:linear-gradient(128deg,#e9c67c,#b58cdf 42%,#dfa4c7);box-shadow:0 24px 65px rgba(119,77,156,.15);transform:rotate(.6deg)}
.course-hero-art img{display:block;border-radius:18px;width:100%;height:auto;aspect-ratio:1.8;object-fit:contain;background:#fff9ff}
.course-hero-art img[hidden]{display:none}
.course-image-ribbon{position:absolute;bottom:-14px;right:-10px;background:#fffaf5;color:#8a5ca7;border-radius:50px;border:1px solid #ecd6ca;font-size:10px;letter-spacing:.35px;font-weight:800;padding:10px 16px;box-shadow:0 10px 25px rgba(88,63,119,.1)}
.course-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 0 28px}
.course-fact{background:#fff;border:1px solid #eae2f0;border-radius:17px;box-shadow:0 8px 29px rgba(77,52,128,.045);padding:17px 19px}
.course-fact span{display:block;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#8a789c;font-weight:800;margin-bottom:7px}
.course-fact strong{font-size:14px;font-weight:800;color:#624d85}
.course-anchor-nav{background:#fff;border-top:1px solid #ece5f3;border-bottom:1px solid #ece5f3}
.course-anchor-nav-inner{display:flex;align-items:center;gap:29px;overflow-x:auto;scrollbar-width:thin}
.course-anchor-nav a{font-size:12px;font-weight:800;color:#716687;padding:18px 0;white-space:nowrap}
.course-anchor-nav a:hover{color:#bb4a95}
.course-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:38px;padding-bottom:95px}
.course-panels{display:grid;gap:21px;min-width:0}
.course-panel{background:#fff;border:1px solid #eae0f1;border-radius:23px;box-shadow:0 12px 44px rgba(79,51,123,.045);padding:clamp(23px,3vw,36px);scroll-margin-top:110px}
.course-panel h2{font-size:clamp(23px,2.5vw,29px);color:#302951;line-height:1.25;letter-spacing:-1px;margin:12px 0 20px}
.course-panel h2 span{color:#bd5196}
.course-panel p{font-size:14px;line-height:1.85;color:#595c78;margin:0 0 12px}
.course-panel p:last-child{margin-bottom:0}
.course-objective{background:#faf6ff;border-radius:15px;padding:16px;display:flex;gap:11px;margin-top:21px;border:1px solid #efe7f7}
.course-objective>span{font-size:21px;color:#9862bf}
.course-objective p{margin:0}
.course-objective strong{color:#433668}
.course-pending-program{padding:20px 22px!important;background:#fcf9ff;border:1px dashed #d9c4e6;border-radius:15px;color:#6c6484!important}
.course-unit{background:#fcfaff;border:1px solid #e7ddef;border-radius:13px;margin:10px 0;overflow:hidden}
.course-unit summary{list-style:none;cursor:pointer;padding:17px 18px;color:#4e4167;font-size:14px;font-weight:800;position:relative;padding-right:48px}
.course-unit summary::-webkit-details-marker{display:none}
.course-unit summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:24px;color:#9e74b6}
.course-unit[open] summary::after{content:"−"}
.course-unit ul{padding:18px 25px 0 39px;margin:0;border-top:1px solid #eae1f1;color:#605978}
.course-unit li{font-size:13px;line-height:1.75;margin-bottom:8px}
.course-unit>p{padding:0 18px 16px}
.course-facts-table{width:100%;border-collapse:collapse;font-size:13px}
.course-facts-table tr{border-bottom:1px solid #efe7f2}
.course-facts-table tr:last-child{border-bottom:0}
.course-facts-table th,.course-facts-table td{text-align:left;padding:13px 7px;vertical-align:top}
.course-facts-table th{width:43%;color:#655a7b;font-weight:800}
.course-facts-table td{color:#3f3661}
.course-info-box{border:1px dashed #d9c6e4;background:#fcf9ff;border-radius:15px;padding:20px;color:#66617d;font-size:13px;line-height:1.8}
.course-info-box strong{color:#5c427e}
.course-faq details{border:1px solid #e9dff1;border-radius:13px;margin:10px 0;overflow:hidden}
.course-faq summary{position:relative;list-style:none;cursor:pointer;padding:16px 46px 16px 18px;font-weight:800;color:#4c4166;font-size:13px}
.course-faq summary::-webkit-details-marker{display:none}
.course-faq summary::after{content:"+";position:absolute;right:17px;font-size:22px;top:10px;color:#9d73b8}
.course-faq details[open] summary::after{content:"−"}
.course-faq details p{border-top:1px solid #f0e8f5;padding:15px 18px 19px;margin:0;background:#fcfaff;font-size:13px}
.course-help-link{display:inline-block;margin-top:18px;font-size:12px;font-weight:800;color:#aa478e;text-decoration:underline;text-underline-offset:4px}
.course-aside{position:sticky;top:105px;display:grid;gap:16px}
.course-enroll-card{background:#fff;border:1px solid #e6dcef;border-radius:23px;box-shadow:0 16px 53px rgba(79,52,119,.09);overflow:hidden}
.course-enroll-header{padding:26px 25px;background:linear-gradient(120deg,#6d5cc2,#9968c7 55%,#bd62a1);color:#fff}
.course-enroll-header span{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#fff0d1}
.course-enroll-header h2{font-size:20px;line-height:1.3;letter-spacing:-.55px;margin:8px 0 0}
.course-enroll-body{padding:25px}
.course-price-label{font-size:10px;font-weight:800;color:#7e7791;letter-spacing:1px;text-transform:uppercase}
.course-enroll-price{display:block;color:#433664;font-size:28px;line-height:1.3;margin-top:5px}
.course-enroll-body p{color:#66627d;line-height:1.8;font-size:12px}
.course-enroll-button{display:flex;align-items:center;justify-content:center;width:100%;border-radius:13px;border:0;font-weight:800;font-size:13px;line-height:1.4;padding:16px 15px;min-height:51px;background:linear-gradient(120deg,#9d52be,#d065a0);color:#fff;text-align:center;margin:22px 0 10px}
.course-enroll-button:disabled{cursor:not-allowed;background:#efe7f4;color:#806b91;box-shadow:none}
.course-enroll-button:not(:disabled):hover{filter:brightness(1.07)}
.course-enroll-status{font-weight:800;color:#916eb1!important;text-align:center;font-size:11px!important}
.course-enroll-divider{height:1px;background:#eee5f1;margin:20px 0}
.course-enroll-small{font-size:11px!important;margin:0!important}
.course-transparency{padding:20px;border-radius:17px;background:linear-gradient(135deg,#f4eafe,#fff9f6);border:1px solid #e9daef;color:#524370;font-size:12px;line-height:1.8}
.course-transparency p{margin:6px 0 0;color:#68607b;font-size:12px}
.course-aside-help{font-weight:800;font-size:12px;color:#9b4e9c;text-align:center}
.course-footer{border-top:1px solid #eee5f2}
.course-footer .footer-bottom{gap:18px}
.course-page .whatsapp-float{bottom:24px}
@media(max-width:1100px){
 .course-hero-grid{gap:34px}
 .course-content-grid{grid-template-columns:minmax(0,1fr) 310px}
 .course-top-nav{gap:13px}
}
@media(max-width:880px){
 .course-top-nav{display:none}
 .course-hero-grid{grid-template-columns:1fr;gap:30px}
 .course-hero h1{max-width:850px}
 .course-hero-art{max-width:650px;width:100%;margin:0 auto}
 .course-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .course-content-grid{grid-template-columns:1fr}
 .course-aside{position:static;grid-row:1}
}
@media(max-width:700px){
 .course-page .site-header{height:73px}
 .course-page .nav-inner{gap:10px}
 .course-back{font-size:11px;padding:10px 12px}
 .course-breadcrumb{padding:19px 0 15px;font-size:10px}
 .course-hero{padding:8px 0 35px}
 .course-hero h1{font-size:clamp(31px,8.3vw,42px);letter-spacing:-1.4px}
 .course-lead{font-size:14px;line-height:1.8}
 .course-image-ribbon{right:0;font-size:8px;padding:8px 11px;bottom:-12px}
 .course-facts{gap:10px;padding-bottom:21px}
 .course-fact{padding:13px}
 .course-fact strong{font-size:12px}
 .course-fact span{font-size:9px}
 .course-content-grid{padding-top:26px;padding-bottom:65px}
 .course-panel{padding:23px 20px;border-radius:18px}
 .course-panel p{font-size:13px}
 .course-facts-table th{width:45%}
 .course-facts-table th,.course-facts-table td{font-size:12px;padding:12px 4px}
 .course-anchor-nav-inner{gap:18px}
 .course-anchor-nav a{font-size:11px}
 .course-page .whatsapp-float{bottom:18px}
}
@media(prefers-reduced-motion:reduce){.course-enroll-button,.course-back{transition:none}}
