.space-page{color:#222}.space-page h1,.space-page h2,.space-page h3{font-family:Outfit,sans-serif}.space-page .button{background:#ec8000!important;color:#fff!important;border:1px solid #ec8000!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.space-page .button:hover,.space-page .button:focus-visible{background:#fff!important;color:#ec8000!important;border-color:#ec8000!important}.space-page .button--outline{background:#ec8000!important;color:#fff!important;border-color:#ec8000!important}.space-page .button--outline:hover,.space-page .button--outline:focus-visible{background:#fff!important;color:#ec8000!important}.space-hero{padding:70px 0 36px;background:#fff}.space-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.space-hero h1{font-size:52px;line-height:1.05;margin:10px 0 22px}.space-hero p{font-size:17px;line-height:1.7;max-width:620px}.eyebrow{font:700 13px Inter;color:#ec8000;letter-spacing:.08em}.space-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.space-hero__visual{min-height:390px;display:flex;align-items:center;justify-content:center}.space-hero__image{display:block;width:100%;height:auto;max-height:470px;object-fit:contain}.space-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;padding-top:28px;border-top:1px solid #e5e7eb}.space-stats div{display:flex;flex-direction:column}.space-stats strong{font-size:16px}.space-stats span{font-size:13px;color:#686c6b;margin-top:4px}.space-section{padding:72px 0}.space-section--soft{background:#f8fafc}.space-section h2{text-align:center;font-size:34px;margin:0 0 12px}.section-lead{text-align:center;color:#686c6b;margin:0 0 34px}.logo-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center}.logo-cloud span{height:90px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#686c6b}.problem-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.problem-grid article{padding:26px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(34,34,34,.05)}.problem-grid h3{font-size:20px;margin:12px 0 8px}.problem-grid p{margin:0;color:#686c6b;line-height:1.55}.space-icon{width:38px;height:38px;border-radius:50%;background:#fff4e8;color:#ec8000;font-size:22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:auto}.compare-grid article,.pricing-card,.testimonial-grid blockquote{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:30px}.compare-grid__featured{border-color:#ec8000!important;position:relative}.tag{display:inline-block;background:#ec8000;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.check-list,.cross-list,.benefit-list{list-style:none;padding:0;margin:18px 0}.check-list li,.cross-list li,.benefit-list li{padding:7px 0 7px 26px;position:relative}.check-list li:before,.benefit-list li:before{content:'✓';position:absolute;left:0;color:#ec8000;font-weight:700}.cross-list li:before{content:'×';position:absolute;left:0;color:#d44;font-weight:700}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-columns h2{text-align:left}.course-groups{display:grid;gap:14px}.course-groups div{border-left:3px solid #ec8000;padding-left:16px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lesson-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.lesson-grid img{width:100%;height:210px;object-fit:cover;display:block}.lesson-grid h3{padding:0 18px 18px}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid blockquote{margin:0}.testimonial-grid strong{font-size:18px}.testimonial-grid cite{font-style:normal;font-size:13px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;padding-top:14px}.pricing-card{position:relative;text-align:center;display:flex;flex-direction:column}.pricing-card--featured{border:3px solid #ec8000!important}.pricing-card__tag{position:absolute;top:-16px;right:-12px;z-index:2;box-shadow:0 4px 12px rgba(236,128,0,.22)}.pricing-card h3{font-size:30px;line-height:1.1;margin:8px 0 14px}.pricing-card>p{margin:6px 0}.pricing-card ul{display:flex;flex-direction:column;align-items:center;text-align:left;margin:20px auto 26px;width:100%}.pricing-card .check-list li{display:grid;grid-template-columns:24px auto;align-items:center;justify-content:center;column-gap:10px;padding:7px 0;width:100%}.pricing-card .check-list li:before{position:static;content:'✓';width:22px;height:22px;border-radius:50%;background:#ec8000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.pricing-card .button{margin-top:auto}.price{font:700 42px Outfit;margin:18px 0}.price span,.price small{font:600 16px Inter}.authority-faq{display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.authority{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.authority img{width:100%;height:100%;object-fit:cover}.authority h2{text-align:left}.faq details{border-bottom:1px solid #e5e7eb;padding:18px 0}.faq summary{font-weight:600;cursor:pointer}.space-final{padding:40px 0;background:#f3f4f6}.space-final__inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.space-final h2{font-size:30px;margin:0 0 8px}.space-final p{margin:0;max-width:720px}@media(max-width:900px){.space-hero__grid,.two-columns,.authority-faq{grid-template-columns:1fr}.space-hero__visual{min-height:320px}.space-hero__image{max-height:390px}.space-stats,.problem-grid{grid-template-columns:repeat(2,1fr)}.logo-cloud{grid-template-columns:repeat(3,1fr)}.space-final__inner{display:block}.pricing-grid,.testimonial-grid,.lesson-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.pricing-card__tag{right:12px}}@media(max-width:600px){.space-hero{padding-top:44px}.space-hero h1{font-size:39px}.space-section{padding:52px 0}.space-section h2{font-size:29px}.space-stats,.problem-grid,.logo-cloud{grid-template-columns:1fr}.space-hero__visual{min-height:240px}.space-hero__image{max-height:300px}.authority{grid-template-columns:1fr}.authority img{height:260px}.space-actions .button{width:100%;text-align:center}.pricing-card h3{font-size:27px}.pricing-card__tag{top:-14px;right:10px}}


/* Ajustes 2026-07-28: clientes e alinhamento dos planos */
.space-clients{padding:52px 0;background:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;overflow:hidden}
.space-clients h2{margin:0 0 24px;text-align:center;font-size:24px;line-height:1.2}
.space-logo-marquee{overflow:hidden;width:100%;padding:8px 0}
.space-logo-marquee__track{display:flex;width:max-content;animation:space-logo-marquee 42s linear infinite}
.space-logo-marquee__group{display:flex;flex:0 0 auto;align-items:center}
.space-logo-marquee__item{display:grid;width:190px;height:76px;flex:0 0 auto;place-items:center;padding:0 24px;border-right:1px solid #d9dde2}
.space-logo-marquee__item img{width:150px;height:60px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter 180ms ease,opacity 180ms ease}
.space-logo-marquee__item:hover img{filter:grayscale(0);opacity:1}
.space-logo-marquee:hover .space-logo-marquee__track{animation-play-state:paused}
@keyframes space-logo-marquee{to{transform:translateX(-50%)}}
.pricing-card ul{align-items:stretch!important;width:100%;max-width:330px;margin-left:auto;margin-right:auto}
.pricing-card .check-list li{grid-template-columns:22px minmax(0,1fr)!important;justify-content:start!important;text-align:left!important}
@media(max-width:600px){.space-clients{padding:42px 0}.space-clients h2{font-size:21px}.space-logo-marquee__item{width:160px;height:68px;padding:0 18px}.space-logo-marquee__item img{width:130px;height:52px}}
@media(prefers-reduced-motion:reduce){.space-logo-marquee__track{animation:none}}

/* Carrossel de clientes da 4HD SPACE com o mesmo título da Home */
.space-clients {
    padding: 0 0 24px;
    background: #fff;
}

.space-clients__box {
    background: var(--color-surface);
    border-block: 1px solid #f0f1f3;
}

.space-clients__title {
    margin: 0;
    padding: 18px 0 14px;
    color: var(--color-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
}

.space-clients .space-logo-marquee {
    padding-bottom: 8px;
}

@media (max-width: 600px) {
    .space-clients {
        padding-bottom: 20px;
    }

    .space-clients__title {
        padding-inline: 16px;
        line-height: 1.45;
    }
}

/* Ajustes 2026-07-28: carregamento seguro e velocidade do carrossel */
.space-logo-marquee {
    position: relative;
    min-height: 92px;
}

.space-logo-marquee__loader {
    display: flex;
    min-height: 84px;
    margin: 0;
    align-items: center;
    justify-content: center;
    color: var(--color-muted, #686c6b);
    font-size: 12px;
    font-weight: 600;
}

.space-logo-marquee__track {
    visibility: hidden;
    opacity: 0;
    animation-duration: 72s;
    animation-play-state: paused;
    transition: opacity .25s ease;
}

.space-logo-marquee.is-ready .space-logo-marquee__loader {
    display: none;
}

.space-logo-marquee.is-ready .space-logo-marquee__track {
    visibility: visible;
    opacity: 1;
    animation-play-state: running;
}

.space-logo-marquee.is-ready:hover .space-logo-marquee__track {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .space-logo-marquee.is-ready .space-logo-marquee__track {
        animation: none;
        transform: none;
    }
}

/* Ajustes 2026-07-28: vídeos e depoimentos da 4HD SPACE */
.lesson-card {
    display: block;
    overflow: hidden;
    color: var(--color-heading, #222);
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.lesson-card:hover,
.lesson-card:focus-visible {
    color: var(--color-heading, #222);
    border-color: #ec8000;
    box-shadow: 0 10px 26px rgba(34,34,34,.10);
    transform: translateY(-3px);
}
.lesson-card__visual {
    position: relative;
    display: block;
}
.lesson-card__visual img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}
.lesson-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.16);
    transition: background-color .2s ease;
}
.lesson-card:hover .lesson-card__visual::after,
.lesson-card:focus-visible .lesson-card__visual::after {
    background: rgba(0,0,0,.08);
}
.lesson-card__play {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    padding-left: 4px;
    color: #ec8000;
    background: #fff;
    border: 2px solid rgba(255,255,255,.85);
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0,0,0,.22);
    font-size: 20px;
    transform: translate(-50%,-50%);
}
.lesson-card h3 {
    margin: 0;
    padding: 18px;
    font-size: 19px;
}

.space-testimonials {
    background: var(--color-surface, #f8fafc);
}
.space-testimonials .section-heading {
    margin-bottom: 34px;
    text-align: center;
}
.space-testimonials .section-heading h2 {
    margin-bottom: 0;
}
.space-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
    align-items: stretch;
}
.space-testimonials .testimonial-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius, 14px);
    box-shadow: 0 6px 20px rgba(18,25,38,.06);
}
.space-testimonials .testimonial-card__quote {
    position: absolute;
    top: 12px;
    left: 18px;
    color: #ec8000;
    font-family: Georgia, serif;
    font-size: 64px;
    line-height: 1;
}
.space-testimonials .testimonial-card blockquote {
    position: relative;
    flex: 1 1 auto;
    margin: 20px 0 26px;
    color: var(--color-muted, #686c6b);
    font-size: 15px;
    line-height: 1.65;
}
.space-testimonials .testimonial-card__author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.space-testimonials .testimonial-card__author img {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.space-testimonials .testimonial-card__author strong {
    display: block;
    color: var(--color-heading, #222);
    font-size: 14px;
}
.space-testimonials .testimonial-card__author span {
    display: block;
    color: var(--color-muted, #686c6b);
    font-size: 12px;
    line-height: 1.35;
}
@media (max-width: 900px) {
    .space-testimonials__grid { grid-template-columns: 1fr; }
}

/* Carrossel de depoimentos da 4HD SPACE */
.testimonial-carousel {
    position: relative;
}
.testimonial-carousel__viewport {
    overflow: hidden;
}
.testimonial-carousel__track {
    display: flex;
    gap: 22px;
    transition: transform .55s ease;
    will-change: transform;
}
.space-testimonials .testimonial-card {
    flex: 0 0 calc((100% - 44px) / 3);
}
.testimonial-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 26px;
}
.testimonial-carousel__button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    color: #ec8000;
    background: #fff;
    border: 1px solid #ec8000;
    border-radius: 50%;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    transition: background-color .2s ease,color .2s ease;
}
.testimonial-carousel__button:hover,
.testimonial-carousel__button:focus-visible {
    color: #fff;
    background: #ec8000;
}
.testimonial-carousel__dots {
    display: flex;
    align-items: center;
    gap: 7px;
}
.testimonial-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    background: #d1d5db;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
.testimonial-carousel__dot.is-active {
    width: 24px;
    background: #ec8000;
    border-radius: 999px;
}
@media (max-width: 900px) {
    .space-testimonials .testimonial-card { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .testimonial-carousel__track { transition: none; }
}

.space-hero h1>span{color:#ec8000}.compare-grid__featured .check-list{display:flex;flex-direction:column;align-items:flex-start}.compare-grid__featured .check-list li{display:grid;grid-template-columns:22px auto;gap:10px;align-items:center;padding:7px 0;text-align:left}.compare-grid__featured .check-list li:before{position:static;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ec8000;color:#fff;font-size:12px}

/* Títulos do comparativo */
.compare-grid article > h3 {
    font-size: 1.55rem;
    line-height: 1.2;
}

/* Ajuste responsivo da apresentação do autor */
@media (max-width: 600px) {
  .space-page .authority img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}

/* Vídeos do Vimeo incorporados na página 4HD SPACE */
.lesson-card {
    width: 100%;
    padding: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.lesson-card__title {
    display: block;
    margin: 0;
    padding: 18px;
    color: var(--color-heading, #222);
    font-family: Outfit, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

.video-modal[hidden] {
    display: none;
}

.video-modal {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
}

.video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 17, 17, .78);
    backdrop-filter: blur(3px);
}

.video-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

.video-modal__header {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 22px;
    border-bottom: 1px solid #e5e7eb;
}

.video-modal__header h3 {
    margin: 0;
    color: #222;
    font-size: 20px;
    line-height: 1.25;
    text-align: left;
}

.video-modal__close {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    color: #ec8000;
    background: #fff;
    border: 1px solid #ec8000;
    border-radius: 50%;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.video-modal__close:hover,
.video-modal__close:focus-visible {
    color: #fff;
    background: #ec8000;
}

.video-modal__player {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #111;
}

.video-modal__player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

body.video-modal-open {
    overflow: hidden;
}

@media (max-width: 600px) {
    .video-modal {
        padding: 12px;
    }

    .video-modal__dialog {
        border-radius: 12px;
    }

    .video-modal__header {
        min-height: 54px;
        padding: 10px 10px 10px 16px;
    }

    .video-modal__header h3 {
        font-size: 17px;
    }
}


/* Atualização 2026-08-07: acesso aos detalhes dos cursos */
.course-groups__details-button{display:inline-flex!important;align-items:center;justify-content:center;margin-top:14px;font-family:Inter,sans-serif;font-size:14px!important;font-weight:600;line-height:1.2;padding:11px 22px!important}