/* Super Clube Eucatex - painel público de campanha v1.3.2 */ .scecm-public-campaign{--sce-header:#7da525;--sce-menu:#fff;--sce-contrast:#00b67a;--sce-contrast-text:#fff;width:100%;max-width:1180px;margin:0 auto;padding:24px 18px 42px;box-sizing:border-box;color:#16233b;font-family:inherit}.scecm-public-campaign *{box-sizing:border-box}.scecm-public-message{max-width:1180px;margin:24px auto;padding:16px 18px;border:1px solid #dfe4ec;border-radius:10px;background:#f7f9fc;color:#34445d;font-family:inherit}.scecm-public-campaign-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:14px}.scecm-public-head-copy{min-width:0}.scecm-public-date{font-size:13px;color:#91a1b7;margin-bottom:2px}.scecm-public-campaign h1{margin:0;font-family:inherit;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.12;color:#34445d}.scecm-public-campaign-pill{flex:0 0 auto;max-width:42%;padding:6px 12px;border:1px solid #e3e8ef;border-radius:999px;background:#f8fafc;color:#91a1b7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scecm-public-campaign-pill strong{color:#52647d}.scecm-public-validity{margin:0 0 9px;color:#91a1b7;font-size:14px}.scecm-public-validity strong{color:var(--sce-contrast)}.scecm-public-banner{width:100%;margin:0 0 24px;border-radius:18px;overflow:hidden;background:#eef2f5;box-shadow:0 1px 1px rgba(21,37,62,.04)}.scecm-public-banner img{display:block;width:100%;height:auto;max-height:380px;aspect-ratio:55/19;object-fit:cover}.scecm-public-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 34px;margin-top:12px}.scecm-public-goal-card,.scecm-public-position-card{min-height:140px;border-radius:16px}.scecm-public-goal-card{position:relative;padding:18px 19px 15px;border:1px solid #e0e6ee;background:#f8fafc;box-shadow:0 1px 2px rgba(34,50,74,.02)}.scecm-public-goal-title{display:flex;align-items:center;gap:7px;min-height:18px;margin-bottom:19px;color:#93a3ba;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.25}.scecm-public-icon,.scecm-public-section-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.scecm-public-icon svg{width:18px;height:18px;fill:currentColor}.scecm-public-achieved-label{margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--sce-contrast);color:#fff;font-size:10px;letter-spacing:.03em}.scecm-public-goal-values{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px;color:#26354b;font-size:14px;font-weight:600}.scecm-public-goal-values span:last-child{text-align:right}.scecm-public-progress{position:relative;width:100%;height:5px;border-radius:999px;background:#dfe7ec;overflow:hidden}.scecm-public-progress span{display:block;height:100%;border-radius:inherit;background:var(--sce-contrast);transition:width .3s ease}.scecm-public-progress-label{text-align:center;margin-top:8px;color:var(--sce-contrast);font-size:20px;font-weight:650;line-height:1}.scecm-public-goal-card.is-achieved{border-color:color-mix(in srgb,var(--sce-contrast) 35%,#e0e6ee)}.scecm-public-position-card{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;background:var(--sce-contrast);color:var(--sce-contrast-text)}.scecm-public-position-title{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.scecm-public-position-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.scecm-public-position-value strong{font-size:38px;line-height:1;font-weight:800}.scecm-public-position-value span{font-size:17px;font-weight:600}.scecm-public-ranking-section{margin-top:28px}.scecm-public-ranking-section h2{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:var(--sce-contrast);font-family:inherit;font-size:25px;font-weight:500;line-height:1.15}.scecm-public-section-icon svg{width:21px;height:21px;fill:currentColor}.scecm-public-ranking-list{overflow:hidden;border:1px solid #e1e6ed;border-radius:7px;background:#fff}.scecm-public-ranking-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:40px;padding:0 14px;background:#fff;font-size:14px}.scecm-public-ranking-row:nth-child(even){background:#ededed}.scecm-public-ranking-row.is-current{background:var(--sce-contrast);color:var(--sce-contrast-text);font-weight:600}.scecm-public-ranking-row.is-outside-top{margin-top:0;border-top:0}.scecm-public-rank-number{font-size:23px;font-weight:800;color:#93a8c5}.scecm-public-rank-number.rank-1,.scecm-public-rank-number.rank-2,.scecm-public-rank-number.rank-3{color:var(--sce-contrast)}.scecm-public-ranking-row.is-current .scecm-public-rank-number{color:inherit}.scecm-public-rank-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scecm-public-campaign .scecm-public-ranking-section:last-child{margin-bottom:0} @media(max-width:900px){.scecm-public-campaign{padding-left:14px;padding-right:14px}.scecm-public-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scecm-public-campaign-pill{max-width:48%}.scecm-public-banner{border-radius:14px}} @media(max-width:620px){.scecm-public-campaign{padding:18px 10px 30px}.scecm-public-campaign-head{align-items:flex-start;flex-direction:column;gap:10px}.scecm-public-campaign-pill{max-width:100%;white-space:normal}.scecm-public-banner{margin-bottom:18px;border-radius:11px}.scecm-public-banner img{aspect-ratio:2.1/1;max-height:none}.scecm-public-metrics-grid{grid-template-columns:1fr;gap:12px}.scecm-public-goal-card,.scecm-public-position-card{min-height:124px;border-radius:13px}.scecm-public-goal-card{padding:16px}.scecm-public-goal-title{margin-bottom:15px}.scecm-public-ranking-section{margin-top:22px}.scecm-public-ranking-section h2{font-size:22px}.scecm-public-ranking-row{grid-template-columns:46px minmax(0,1fr);min-height:38px;padding:0 10px;font-size:13px}.scecm-public-rank-number{font-size:20px}} /* Menu dinâmico da campanha - v1.3.4 */ .scecm-campaign-menu{width:100%}.scecm-campaign-menu-list{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;list-style:none!important;margin:0!important;padding:0!important}.scecm-campaign-menu-list>li{margin:0!important;padding:0!important;position:relative}.scecm-campaign-menu-list a{display:inline-flex;align-items:center;color:inherit;text-decoration:none;font:inherit;line-height:1.2}.scecm-campaign-menu-list a:hover,.scecm-campaign-menu-list a:focus{text-decoration:none;opacity:.78}.scecm-campaign-menu-list .current-menu-item>a,.scecm-campaign-menu-list .current_page_item>a{font-weight:700}.scecm-campaign-menu-list .sub-menu{display:none;position:absolute;left:0;top:100%;z-index:50;min-width:190px;margin:8px 0 0!important;padding:8px!important;list-style:none!important;background:#fff;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.14)}.scecm-campaign-menu-list li:hover>.sub-menu,.scecm-campaign-menu-list li:focus-within>.sub-menu{display:block}.scecm-campaign-menu-list .sub-menu a{display:block;padding:8px 10px;color:#1d2327} @media(max-width:767px){.scecm-campaign-menu-list{justify-content:flex-start;gap:14px}.scecm-campaign-menu-list .sub-menu{position:static;box-shadow:none;margin:6px 0 0!important;padding-left:12px!important}} /* Seletores dinâmicos e cores da campanha - v1.3.6 */ .scecm-public-campaign-pill{display:flex;align-items:center;gap:4px}.scecm-public-campaign-pill select,.scecm-public-validity select{appearance:none;-webkit-appearance:none;border:0!important;outline:0!important;box-shadow:none!important;background-color:transparent!important;font:inherit;font-weight:700;cursor:pointer;padding:0 18px 0 0;margin:0;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;background-position:calc(100% - 7px) 50%,calc(100% - 3px) 50%!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important}.scecm-public-campaign-pill select{max-width:240px;color:#52647d}.scecm-public-validity{display:flex;align-items:center;gap:4px}.scecm-public-validity select{max-width:min(100%,430px);color:var(--sce-contrast)}.scecm-public-validity strong{color:var(--sce-contrast)} .scecm-campaign-menu-theme{--sce-menu-color:#fff;--sce-menu-active:#00b67a;--sce-menu-hover:#00b67a;--sce-contrast:#00b67a}.scecm-campaign-menu-theme .scecm-campaign-menu-list a{color:var(--sce-menu-color)}.scecm-campaign-menu-theme .scecm-campaign-menu-list a:hover,.scecm-campaign-menu-theme .scecm-campaign-menu-list a:focus{color:var(--sce-menu-hover);opacity:1}.scecm-campaign-menu-theme .scecm-campaign-menu-list .current-menu-item>a,.scecm-campaign-menu-theme .scecm-campaign-menu-list .current_page_item>a{color:var(--sce-menu-active);opacity:1}.scecm-campaign-menu-theme .scecm-campaign-menu-list .sub-menu a{color:#1d2327}.scecm-campaign-menu-theme .scecm-campaign-menu-list .sub-menu a:hover{color:var(--sce-menu-hover)}.scecm-campaign-menu-theme .scecm-campaign-menu-list .sub-menu .current-menu-item>a{color:var(--sce-menu-active)} @media(max-width:620px){.scecm-public-campaign-pill{align-items:flex-start;flex-wrap:wrap}.scecm-public-campaign-pill select{max-width:100%}.scecm-public-validity{align-items:flex-start;flex-wrap:wrap}.scecm-public-validity select{max-width:100%}} /* Rankings segmentados por cargo - v1.4.0 */ .scecm-public-manager-rankings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 28px;margin-top:28px}.scecm-public-ranking-column{min-width:0}.scecm-public-ranking-column h2{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:var(--sce-contrast);font-family:inherit;font-size:23px;font-weight:500;line-height:1.15}.scecm-public-ranking-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.scecm-public-ranking-heading-row h2{margin-bottom:0}.scecm-public-ranking-filters{display:flex;align-items:center;gap:5px;flex:0 0 auto}.scecm-public-ranking-filter{appearance:none;border:1px solid #dfe5ec!important;border-radius:999px!important;background:#fff!important;color:#718198!important;box-shadow:none!important;padding:6px 10px!important;margin:0!important;font:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1!important;cursor:pointer;transition:.15s ease}.scecm-public-ranking-filter:hover,.scecm-public-ranking-filter:focus{border-color:var(--sce-contrast)!important;color:var(--sce-contrast)!important;outline:none!important}.scecm-public-ranking-filter.is-active{border-color:var(--sce-contrast)!important;background:var(--sce-contrast)!important;color:var(--sce-contrast-text)!important}.scecm-public-ranking-view[hidden]{display:none!important}.scecm-public-ranking-empty{display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid #e1e6ed;border-radius:7px;background:#f8fafc;color:#7b899d;font-size:13px}.scecm-public-manager-rankings .scecm-public-ranking-list{height:auto}.scecm-public-manager-rankings .scecm-public-ranking-row{grid-template-columns:48px minmax(0,1fr);min-height:40px;padding:0 12px;font-size:13px}.scecm-public-manager-rankings .scecm-public-rank-number{font-size:21px} @media(max-width:900px){.scecm-public-manager-rankings{grid-template-columns:1fr;gap:22px}.scecm-public-ranking-column h2{font-size:22px}} @media(max-width:620px){.scecm-public-ranking-heading-row{align-items:flex-start;flex-direction:column}.scecm-public-ranking-filters{width:100%}.scecm-public-ranking-filter{flex:1 1 0;text-align:center}.scecm-public-manager-rankings{margin-top:22px}.scecm-public-manager-rankings .scecm-public-ranking-row{grid-template-columns:44px minmax(0,1fr);padding:0 10px}.scecm-public-manager-rankings .scecm-public-rank-number{font-size:20px}} /* Dashboard equilibrado, aceleradores e destaques - v1.4.1 */ .scecm-public-campaign{--sce-over:#08775a} .scecm-public-metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .scecm-grid-span-2{grid-column:span 2}.scecm-grid-span-3{grid-column:span 3}.scecm-grid-span-6{grid-column:1/-1} .scecm-public-accelerator-position-grid{margin-top:24px} .scecm-public-goal-card.is-accelerator{background:color-mix(in srgb,var(--sce-contrast) 9%,#f8fafc);border-color:color-mix(in srgb,var(--sce-contrast) 35%,#dfe6ee);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sce-contrast) 6%,transparent)} .scecm-public-goal-card.is-accelerator .scecm-public-goal-title{color:color-mix(in srgb,var(--sce-contrast) 78%,#66788f)} .scecm-public-type-label{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--sce-contrast) 15%,#fff);color:var(--sce-contrast);font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap} .scecm-public-goal-card.is-accelerator .scecm-public-type-label{margin-left:auto}.scecm-public-goal-card.is-accelerator .scecm-public-achieved-label{margin-left:0} .scecm-public-goal-card.is-overachieved{border-color:color-mix(in srgb,var(--sce-over) 48%,#dfe6ee)}.scecm-public-goal-card.is-overachieved .scecm-public-progress-label{color:var(--sce-over);font-weight:800}.scecm-public-goal-card.is-overachieved .scecm-public-achieved-label{background:var(--sce-over)} .scecm-public-manager-rankings{grid-template-columns:1fr;gap:28px;margin-top:28px}.scecm-public-manager-rankings .scecm-public-ranking-column{width:100%} .scecm-public-ranking-row.is-team-member:not(.is-current){background:color-mix(in srgb,var(--sce-contrast) 10%,#fff)!important;box-shadow:inset 4px 0 0 color-mix(in srgb,var(--sce-contrast) 55%,transparent)}.scecm-public-ranking-row.is-team-member .scecm-public-rank-name{font-weight:750} @media(max-width:900px){.scecm-public-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scecm-grid-span-2,.scecm-grid-span-3{grid-column:auto}.scecm-grid-span-6{grid-column:1/-1}.scecm-public-manager-rankings{gap:22px}} @media(max-width:620px){.scecm-public-metrics-grid{grid-template-columns:1fr}.scecm-grid-span-2,.scecm-grid-span-3,.scecm-grid-span-6{grid-column:auto}.scecm-public-accelerator-position-grid{margin-top:12px}.scecm-public-type-label{font-size:8px}.scecm-public-ranking-row.is-team-member:not(.is-current){box-shadow:inset 3px 0 0 color-mix(in srgb,var(--sce-contrast) 55%,transparent)}} /* Identificação discreta da equipe no ranking geral - v1.4.2 */ .scecm-public-ranking-row.is-team-member:not(.is-current){background:inherit!important;box-shadow:none!important}.scecm-public-ranking-row.is-team-member .scecm-public-rank-name{font-weight:inherit}.scecm-public-team-asterisk{margin-left:3px;color:var(--sce-contrast);font-size:.82em;font-weight:900;line-height:0;vertical-align:super}.scecm-public-team-note{margin:7px 2px 0;color:#7d8da3;font-size:11px;line-height:1.3}.scecm-public-team-note span{color:var(--sce-contrast);font-weight:900} /* Ajustes de ranking - v1.4.3 */ .scecm-public-team-asterisk{display:inline-block;margin-left:4px;color:var(--sce-contrast);font-size:1.05em;font-weight:900;line-height:1;vertical-align:baseline} .scecm-public-team-note{margin-top:7px} /* Ajustes de cabeçalho - v1.4.4 */ .scecm-public-campaign-head{align-items:flex-end;margin-bottom:10px} .scecm-public-company-name{margin-top:5px;color:#9aa8ba;font-size:11px;font-weight:500;line-height:1.3} .scecm-public-head-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:7px;flex:0 0 auto;max-width:52%} .scecm-public-head-meta .scecm-public-campaign-pill{max-width:100%} .scecm-public-head-meta .scecm-public-validity{justify-content:flex-end;margin:0;font-size:13px;text-align:right} .scecm-public-head-meta .scecm-public-validity select{max-width:390px;text-align:right;text-align-last:right} @media(max-width:620px){.scecm-public-head-meta{align-items:flex-start;max-width:100%;width:100%}.scecm-public-head-meta .scecm-public-validity{justify-content:flex-start;text-align:left}.scecm-public-head-meta .scecm-public-validity select{text-align:left;text-align-last:left}.scecm-public-company-name{font-size:10px}} /* Progresso acima de 100% - v1.4.5 * A barra fica totalmente preenchida e divide visualmente os primeiros 100% * do excedente, mantendo a proporção entre as duas partes. */ .scecm-public-progress{display:flex} .scecm-public-progress .scecm-public-progress-base{flex:0 0 auto;background:var(--sce-contrast);border-radius:999px;transition:width .3s ease} .scecm-public-progress .scecm-public-progress-over{flex:0 0 auto;background:var(--sce-over);border-radius:0 999px 999px 0;transition:width .3s ease} .scecm-public-progress.has-overachievement .scecm-public-progress-base{border-radius:999px 0 0 999px} /* Cabeçalho público com saudação em largura total - v1.4.6 */ .scecm-public-campaign-head{display:block;align-items:initial;justify-content:initial;gap:0;margin-bottom:12px} .scecm-public-head-copy{width:100%;max-width:none;min-width:0} .scecm-public-campaign h1{font-size:clamp(24px,2.55vw,32px);line-height:1.1} .scecm-public-head-meta{width:100%;max-width:none;margin-top:14px;gap:9px;align-items:flex-end} .scecm-public-head-meta .scecm-public-campaign-pill{max-width:min(100%,430px)} .scecm-public-head-meta .scecm-public-validity{max-width:100%} @media(max-width:620px){.scecm-public-campaign h1{font-size:clamp(23px,7vw,29px)}.scecm-public-head-meta{margin-top:12px;gap:7px}} /* Alinhamento mobile dos seletores de campanha/vigência - v1.4.8 */ @media(max-width:620px){.scecm-public-head-meta{align-items:flex-start!important;text-align:left!important}.scecm-public-head-meta .scecm-public-campaign-pill{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;text-align:left!important}.scecm-public-head-meta .scecm-public-validity{align-self:flex-start!important;width:100%;justify-content:flex-start!important;text-align:left!important}.scecm-public-head-meta .scecm-public-campaign-pill select,.scecm-public-head-meta .scecm-public-validity select{text-align:left!important;text-align-last:left!important}} /* Vigência mobile em linha única - v1.4.10 */ @media (max-width:620px){ .scecm-public-head-meta{ gap:8px!important; width:100%!important; align-items:flex-start!important; } .scecm-public-head-meta .scecm-public-campaign-pill{ display:inline-flex!important; align-items:center!important; flex-wrap:nowrap!important; align-self:flex-start!important; max-width:100%!important; min-height:36px; padding:7px 11px; white-space:nowrap!important; } .scecm-public-head-meta .scecm-public-campaign-pill>span{ flex:0 0 auto; } .scecm-public-head-meta .scecm-public-campaign-pill select{ min-width:0!important; max-width:220px!important; min-height:22px; padding-right:20px!important; white-space:nowrap!important; } .scecm-public-head-meta .scecm-public-validity{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:nowrap!important; align-self:flex-start!important; width:100%!important; max-width:100%!important; min-height:36px; margin:0!important; gap:5px!important; white-space:nowrap!important; font-size:12.5px!important; line-height:1!important; overflow:visible!important; } .scecm-public-head-meta .scecm-public-validity>span{ display:inline-block!important; flex:0 0 auto!important; margin:0!important; white-space:nowrap!important; } .scecm-public-head-meta .scecm-public-validity select{ display:inline-block!important; flex:0 1 auto!important; width:auto!important; min-width:0!important; max-width:calc(100% - 62px)!important; min-height:34px; margin:0!important; padding:5px 24px 5px 9px!important; border:1px solid #e3e8ef!important; border-radius:999px!important; background-color:#f8fafc!important; background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%!important; color:var(--sce-contrast)!important; line-height:1.1!important; white-space:nowrap!important; } .scecm-public-head-meta .scecm-public-validity strong{ display:inline-flex!important; align-items:center!important; flex:0 1 auto!important; min-width:0!important; max-width:calc(100% - 62px)!important; min-height:34px; margin:0!important; padding:5px 10px!important; border:1px solid #e3e8ef; border-radius:999px; background:#f8fafc; color:var(--sce-contrast)!important; line-height:1.1!important; white-space:nowrap!important; } } @media (max-width:380px){ .scecm-public-head-meta .scecm-public-validity{ font-size:11.5px!important; gap:4px!important; } .scecm-public-head-meta .scecm-public-validity select, .scecm-public-head-meta .scecm-public-validity strong{ max-width:calc(100% - 56px)!important; padding-left:7px!important; } } /* Cabeçalho, carrossel e animações leves - v1.4.12 */ .scecm-public-head-meta{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:16px!important;width:100%!important;max-width:none!important;text-align:left!important} .scecm-public-head-meta .scecm-public-campaign-pill,.scecm-public-head-meta .scecm-public-validity{display:flex!important;align-items:center!important;gap:4px!important;max-width:48%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:14px!important;white-space:nowrap!important;overflow:visible!important;color:#91a1b7!important} .scecm-public-head-meta .scecm-public-campaign-pill{justify-content:flex-start!important}.scecm-public-head-meta .scecm-public-validity{justify-content:flex-end!important;margin-left:auto!important;text-align:right!important} .scecm-public-head-meta .scecm-public-campaign-pill strong,.scecm-public-head-meta .scecm-public-campaign-pill select,.scecm-public-head-meta .scecm-public-validity strong,.scecm-public-head-meta .scecm-public-validity select{color:var(--sce-contrast)!important;font-weight:700!important} .scecm-public-head-meta .scecm-public-campaign-pill select,.scecm-public-head-meta .scecm-public-validity select{max-width:360px!important;text-align:inherit!important;text-align-last:inherit!important} .scecm-public-banner-carousel{position:relative;width:100%;margin:0 0 24px;border-radius:18px;overflow:hidden;background:#eef2f5;box-shadow:0 1px 1px rgba(21,37,62,.04)} .scecm-public-banner-track{position:relative;width:100%;aspect-ratio:55/19;max-height:380px;overflow:hidden} .scecm-public-banner-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease;pointer-events:none}.scecm-public-banner-slide.is-active{opacity:1;pointer-events:auto}.scecm-public-banner-slide[hidden]{display:block!important;visibility:hidden}.scecm-public-banner-slide.is-active[hidden]{visibility:visible} .scecm-public-banner-action{display:block;width:100%;height:100%;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important} .scecm-public-banner-media{display:block;width:100%;height:100%;object-fit:cover}.scecm-lottie-animation{background:transparent} .scecm-carousel-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(20,32,56,.56)!important;color:#fff!important;box-shadow:none!important;font-size:28px!important;line-height:1!important;cursor:pointer;opacity:0;transition:opacity .18s ease,background .18s ease}.scecm-public-banner-carousel:hover .scecm-carousel-arrow,.scecm-public-banner-carousel:focus-within .scecm-carousel-arrow{opacity:1}.scecm-carousel-arrow:hover{background:rgba(20,32,56,.78)!important}.scecm-carousel-prev{left:12px}.scecm-carousel-next{right:12px} .scecm-carousel-dots{position:absolute;z-index:4;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:999px;background:rgba(20,32,56,.26)}.scecm-carousel-dot{width:7px!important;height:7px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;box-shadow:none!important;cursor:pointer}.scecm-carousel-dot.is-active{background:#fff!important;transform:scale(1.2)} .scecm-video-modal{position:fixed;z-index:999999;inset:0}.scecm-video-modal[hidden]{display:none!important}.scecm-video-modal-backdrop{position:absolute;inset:0;background:rgba(7,14,27,.82)}.scecm-video-modal-dialog{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,92vw);aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.38);overflow:visible}.scecm-video-modal-frame{width:100%;height:100%;overflow:hidden;border-radius:12px}.scecm-video-modal-frame iframe{display:block;width:100%;height:100%;border:0}.scecm-video-modal-close{position:absolute;right:-12px;top:-12px;z-index:4;width:36px;height:36px;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#16233b!important;box-shadow:0 3px 14px rgba(0,0,0,.22)!important;font-size:25px!important;line-height:1!important;cursor:pointer} .scecm-public-current-value{color:var(--sce-contrast)!important}.scecm-public-goal-card.is-overachieved .scecm-public-current-value{color:var(--sce-over)!important}.scecm-public-goal-card.is-overachieved .scecm-public-progress-label{color:var(--sce-over)!important} .scecm-public-goal-card.scecm-is-animating .scecm-public-progress-base,.scecm-public-goal-card.scecm-is-animating .scecm-public-progress-over{transition:width 900ms cubic-bezier(.22,.75,.28,1)} @media(max-width:620px){ .scecm-public-head-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:12px!important} .scecm-public-head-meta .scecm-public-campaign-pill,.scecm-public-head-meta .scecm-public-validity{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;justify-content:stretch!important;margin:0!important;text-align:left!important;font-size:12.5px!important;white-space:nowrap!important} .scecm-public-head-meta .scecm-public-campaign-pill select,.scecm-public-head-meta .scecm-public-campaign-pill strong,.scecm-public-head-meta .scecm-public-validity select,.scecm-public-head-meta .scecm-public-validity strong{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:36px!important;margin:0!important;padding:6px 28px 6px 10px!important;border:1px solid #e3e8ef!important;border-radius:999px!important;background-color:#f8fafc!important;text-align:left!important;text-align-last:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .scecm-public-head-meta .scecm-public-campaign-pill strong,.scecm-public-head-meta .scecm-public-validity strong{padding-right:10px!important} .scecm-public-banner-carousel{margin-bottom:18px;border-radius:11px}.scecm-public-banner-track{aspect-ratio:2.1/1;max-height:none}.scecm-carousel-arrow{display:none}.scecm-carousel-dots{bottom:7px} } /* Refinos do carrossel e animações - v1.4.13 */ .scecm-public-banner-carousel{ background:transparent; isolation:isolate; } .scecm-public-banner-track{ background:#eef2f5; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; } .scecm-public-banner-slide, .scecm-public-banner-action, .scecm-public-banner-media{ width:100%; height:100%; } .scecm-public-banner-slide{ overflow:hidden; } .scecm-public-banner-action{ position:relative; } .scecm-public-banner-media{ position:absolute; inset:0; display:block; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center center; } .scecm-lottie-animation{ position:absolute; inset:0; overflow:hidden; } .scecm-lottie-animation svg, .scecm-lottie-animation canvas{ width:100%!important; height:100%!important; display:block!important; } .scecm-carousel-arrow, .scecm-carousel-dot{ -webkit-appearance:none!important; appearance:none!important; box-sizing:border-box!important; outline:0!important; text-indent:0!important; font-family:inherit!important; } .scecm-carousel-arrow:before, .scecm-carousel-arrow:after, .scecm-carousel-dot:before, .scecm-carousel-dot:after{ content:none!important; display:none!important; } .scecm-carousel-arrow{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; max-width:38px!important; max-height:38px!important; padding:0!important; margin:0!important; line-height:0!important; transform:translateY(-50%)!important; } .scecm-carousel-arrow svg{ display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; } .scecm-carousel-arrow:hover, .scecm-carousel-arrow:focus, .scecm-carousel-arrow:active{ transform:translateY(-50%)!important; } .scecm-carousel-arrow:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.5)!important; } .scecm-carousel-dots{ line-height:0!important; } .scecm-carousel-dot{ display:block; flex:0 0 8px!important; width:8px!important; height:8px!important; min-width:8px!important; min-height:8px!important; max-width:8px!important; max-height:8px!important; padding:0!important; margin:0!important; border:0!important; border-radius:999px!important; transform:none!important; line-height:0!important; background:rgba(255,255,255,.58)!important; } .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active{ width:8px!important; height:8px!important; min-width:8px!important; min-height:8px!important; transform:none!important; } .scecm-carousel-dot.is-active{ background:#fff!important; transform:none!important; box-shadow:0 0 0 2px rgba(255,255,255,.28)!important; } /* O JavaScript controla a animação quadro a quadro para funcionar de forma * consistente em Safari, Firefox, Chrome e navegadores móveis. */ .scecm-public-goal-card.scecm-js-prepared .scecm-public-progress-base, .scecm-public-goal-card.scecm-js-prepared .scecm-public-progress-over{ transition:none!important; } @media(max-width:620px){ .scecm-public-banner-track{ aspect-ratio:2.1/1; } .scecm-public-banner-media{ object-fit:cover!important; object-position:center center; } .scecm-carousel-dots{ bottom:6px!important; gap:4px!important; padding:4px 6px!important; } .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active{ flex-basis:5px!important; width:5px!important; height:5px!important; min-width:5px!important; min-height:5px!important; max-width:5px!important; max-height:5px!important; } .scecm-carousel-dot.is-active{ box-shadow:0 0 0 1.5px rgba(255,255,255,.28)!important; } } /* Carrossel horizontal, setas/bullets e mobile - v1.4.14 */ .scecm-public-banner-carousel{overflow:hidden!important} .scecm-public-banner-track{ display:flex!important; position:relative!important; width:100%!important; will-change:transform; transition:none; background:#eef2f5; } .scecm-public-banner-slide{ position:relative!important; inset:auto!important; flex:0 0 100%!important; width:100%!important; height:100%!important; min-width:100%!important; opacity:1!important; visibility:visible!important; transform:none!important; transition:none!important; pointer-events:auto!important; overflow:hidden; } .scecm-public-banner-slide[hidden]{display:block!important;visibility:visible!important} .scecm-public-banner-action{position:relative!important;display:block!important;width:100%!important;height:100%!important} .scecm-public-banner-media{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; } .scecm-carousel-arrow{ position:absolute!important; top:50%!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; max-width:38px!important; max-height:38px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; transform:translateY(-50%)!important; overflow:hidden!important; } .scecm-carousel-arrow svg{ position:absolute!important; left:50%!important; top:50%!important; width:17px!important; height:17px!important; margin:0!important; padding:0!important; transform:translate(-50%,-50%)!important; transform-origin:center center!important; fill:none!important; stroke:currentColor!important; stroke-width:2.15!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .scecm-carousel-dots{ display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; line-height:0!important; } .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ box-sizing:border-box!important; flex:0 0 7px!important; width:7px!important; height:7px!important; min-width:7px!important; min-height:7px!important; max-width:7px!important; max-height:7px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; transform:none!important; box-shadow:none!important; } .scecm-carousel-dot{background:rgba(255,255,255,.58)!important} .scecm-carousel-dot.is-active{background:#fff!important} /* A barra e os números já chegam em zero no HTML; o JS faz a evolução * visível após o card entrar na viewport. */ .scecm-public-goal-card.scecm-is-animating .scecm-public-progress-base, .scecm-public-goal-card.scecm-is-animating .scecm-public-progress-over{transition:none!important} @media(max-width:782px){ .scecm-carousel-arrow{display:none!important} .scecm-carousel-dots{bottom:6px!important;gap:4px!important;padding:4px 6px!important} .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ flex-basis:5px!important; width:5px!important; height:5px!important; min-width:5px!important; min-height:5px!important; max-width:5px!important; max-height:5px!important; } } /* Estabilização do carrossel e animações - v1.4.15 */ .scecm-public-banner-carousel{ position:relative!important; overflow:hidden!important; background:#eef2f5!important; } .scecm-public-banner-track{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:55/19!important; max-height:380px!important; overflow:hidden!important; transform:none!important; transition:none!important; background:#eef2f5!important; touch-action:pan-y pinch-zoom!important; } .scecm-public-banner-slide, .scecm-public-banner-slide[hidden]{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:0!important; flex:none!important; opacity:1!important; visibility:hidden; pointer-events:none; transform:translate3d(100%,0,0); transition:none; overflow:hidden!important; will-change:transform; } .scecm-public-banner-slide.is-active{ visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); } .scecm-public-banner-action{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; } .scecm-public-banner-media{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; } .scecm-lottie-animation, .scecm-lottie-animation svg, .scecm-lottie-animation canvas{ width:100%!important; height:100%!important; } .scecm-carousel-arrow{ display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; padding:0!important; line-height:0!important; } .scecm-carousel-arrow svg{ position:static!important; left:auto!important; top:auto!important; display:block!important; width:18px!important; height:18px!important; margin:0!important; padding:0!important; transform:none!important; transform-origin:center!important; } .scecm-carousel-dots{ line-height:0!important; } .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ box-sizing:border-box!important; width:7px!important; height:7px!important; min-width:7px!important; min-height:7px!important; max-width:7px!important; max-height:7px!important; flex:0 0 7px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; transform:none!important; box-shadow:none!important; } .scecm-carousel-dot{background:rgba(255,255,255,.6)!important} .scecm-carousel-dot.is-active{background:#fff!important} /* O JavaScript atualiza a barra quadro a quadro. Não deixe transições CSS * concorrentes interferirem na progressão visual. */ .scecm-public-goal-card.scecm-js-prepared .scecm-public-progress-base, .scecm-public-goal-card.scecm-js-prepared .scecm-public-progress-over, .scecm-public-goal-card.scecm-is-animating .scecm-public-progress-base, .scecm-public-goal-card.scecm-is-animating .scecm-public-progress-over{ transition:none!important; } @media(max-width:782px){ .scecm-public-banner-track{ aspect-ratio:2.1/1!important; max-height:none!important; } .scecm-carousel-arrow{display:none!important} .scecm-carousel-dots{bottom:6px!important;gap:4px!important;padding:4px 6px!important} .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ width:5px!important; height:5px!important; min-width:5px!important; min-height:5px!important; max-width:5px!important; max-height:5px!important; flex-basis:5px!important; } } /* Sincronização imediata do indicador do carrossel - v1.4.17 */ .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ transition:none!important; animation:none!important; } /* v1.4.18 — estado do bullet controlado diretamente pelo JS. Mantém a * geometria idêntica entre ativo/inativo e evita qualquer atraso visual. */ .scecm-carousel-dot[data-scecm-active="0"]{ background-color:rgba(255,255,255,.58)!important; opacity:.72!important; } .scecm-carousel-dot[data-scecm-active="1"]{ background-color:#fff!important; opacity:1!important; } /* v1.4.19 — bullets independentes de estilos de botão do tema/Elementor. */ .scecm-carousel-dot[role="button"]{ display:block!important; cursor:pointer!important; background-color:rgba(255,255,255,.38)!important; opacity:.82!important; transition:none!important; animation:none!important; } .scecm-carousel-dot[role="button"][data-scecm-active="1"]{ background-color:#fff!important; opacity:1!important; } .scecm-carousel-dot[role="button"]:focus-visible{ outline:2px solid rgba(255,255,255,.9)!important; outline-offset:2px!important; } /* v1.4.20 — estado instantâneo e inequívoco dos bullets. */ .scecm-carousel-dot[role="button"]{ background:rgba(255,255,255,.30)!important; opacity:.72!important; transform:none!important; transition:none!important; animation:none!important; } .scecm-carousel-dot[role="button"][data-scecm-active="1"]{ background:#fff!important; opacity:1!important; transform:none!important; } /* v1.4.21 - bullet sem qualquer transição visual: estado ativo é instantâneo. */ .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ transition:none!important; animation:none!important; } /* Correções finais de controles do carrossel/modal - v1.4.24 */ .scecm-carousel-dot, .scecm-carousel-dot:hover, .scecm-carousel-dot:focus, .scecm-carousel-dot:active, .scecm-carousel-dot.is-active{ transition:none!important; animation:none!important; -webkit-transition:none!important; -webkit-animation:none!important; } .scecm-video-modal-close, .scecm-video-modal-close:hover, .scecm-video-modal-close:focus, .scecm-video-modal-close:active{ -webkit-appearance:none!important; appearance:none!important; display:grid!important; place-items:center!important; box-sizing:border-box!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; max-width:36px!important; max-height:36px!important; aspect-ratio:1/1!important; padding:0!important; margin:0!important; border:0!important; border-radius:999px!important; background:#fff!important; color:#16233b!important; line-height:0!important; font-size:0!important; text-indent:0!important; transform:none!important; box-shadow:0 3px 14px rgba(0,0,0,.22)!important; overflow:hidden!important; } .scecm-video-modal-close:before, .scecm-video-modal-close:after{ content:none!important; display:none!important; } .scecm-video-modal-close svg{ display:block!important; width:17px!important; height:17px!important; min-width:17px!important; min-height:17px!important; margin:0!important; padding:0!important; fill:none!important; stroke:currentColor!important; stroke-width:2.25!important; stroke-linecap:round!important; pointer-events:none!important; } /* ===================================================== * v1.4.26 — controles finais do carrossel/modal * =================================================== */ .scecm-public-banner-carousel .scecm-carousel-dot, .scecm-public-banner-carousel .scecm-carousel-dot:hover, .scecm-public-banner-carousel .scecm-carousel-dot:focus, .scecm-public-banner-carousel .scecm-carousel-dot:active, .scecm-public-banner-carousel .scecm-carousel-dot.is-active{ width:7px!important; height:7px!important; min-width:7px!important; min-height:7px!important; max-width:7px!important; max-height:7px!important; flex:0 0 7px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; transform:none!important; transition:none!important; animation:none!important; -webkit-transition:none!important; -webkit-animation:none!important; background:#fff!important; } .scecm-public-banner-carousel .scecm-carousel-dot[data-scecm-active="0"]{ opacity:.36!important; box-shadow:none!important; } .scecm-public-banner-carousel .scecm-carousel-dot[data-scecm-active="1"]{ opacity:1!important; box-shadow:0 0 0 1px rgba(255,255,255,.95)!important; } /* O botão de fechar fica inteiro ACIMA do vídeo, não parcialmente fora da * lateral do dialog. Isso elimina o efeito de cápsula/oval causado por corte. */ .scecm-video-modal-dialog{ overflow:visible!important; } .scecm-video-modal-dialog > .scecm-video-modal-close, .scecm-video-modal-dialog > .scecm-video-modal-close:hover, .scecm-video-modal-dialog > .scecm-video-modal-close:focus, .scecm-video-modal-dialog > .scecm-video-modal-close:active{ position:absolute!important; z-index:20!important; top:-42px!important; right:0!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; aspect-ratio:1/1!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:#fff!important; color:#16233b!important; line-height:0!important; font-size:0!important; text-indent:0!important; transform:none!important; box-shadow:0 3px 14px rgba(0,0,0,.22)!important; overflow:hidden!important; cursor:pointer!important; } .scecm-video-modal-dialog > .scecm-video-modal-close:before, .scecm-video-modal-dialog > .scecm-video-modal-close:after{ content:none!important; display:none!important; } .scecm-video-modal-dialog > .scecm-video-modal-close svg{ display:block!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; max-height:16px!important; margin:0!important; padding:0!important; fill:none!important; stroke:currentColor!important; stroke-width:2.4!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } @media(max-width:620px){ .scecm-public-banner-carousel .scecm-carousel-dot, .scecm-public-banner-carousel .scecm-carousel-dot:hover, .scecm-public-banner-carousel .scecm-carousel-dot:focus, .scecm-public-banner-carousel .scecm-carousel-dot:active, .scecm-public-banner-carousel .scecm-carousel-dot.is-active{ width:5px!important; height:5px!important; min-width:5px!important; min-height:5px!important; max-width:5px!important; max-height:5px!important; flex-basis:5px!important; } .scecm-video-modal-dialog > .scecm-video-modal-close{ top:-36px!important; right:0!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; max-width:30px!important; max-height:30px!important; } } /* v1.4.27 — correções finais do modal de vídeo */ .scecm-video-modal-dialog{ overflow:hidden!important; } .scecm-video-modal-dialog > .scecm-video-modal-close, .scecm-video-modal-dialog > .scecm-video-modal-close:hover, .scecm-video-modal-dialog > .scecm-video-modal-close:focus, .scecm-video-modal-dialog > .scecm-video-modal-close:active{ position:absolute!important; top:12px!important; right:12px!important; z-index:50!important; display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; max-width:42px!important; max-height:42px!important; padding:0!important; margin:0!important; border:1px solid rgba(22,35,59,.08)!important; border-radius:50%!important; background:rgba(255,255,255,.98)!important; color:#16233b!important; box-shadow:0 8px 26px rgba(0,0,0,.22)!important; line-height:0!important; font-size:0!important; text-indent:0!important; overflow:hidden!important; cursor:pointer!important; appearance:none!important; -webkit-appearance:none!important; } .scecm-video-modal-dialog > .scecm-video-modal-close::before, .scecm-video-modal-dialog > .scecm-video-modal-close::after{ content:none!important; display:none!important; } .scecm-video-modal-dialog > .scecm-video-modal-close svg{ display:block!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:18px!important; max-height:18px!important; margin:0!important; padding:0!important; fill:none!important; stroke:currentColor!important; stroke-width:2.5!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } @media(max-width:620px){ .scecm-video-modal-dialog > .scecm-video-modal-close, .scecm-video-modal-dialog > .scecm-video-modal-close:hover, .scecm-video-modal-dialog > .scecm-video-modal-close:focus, .scecm-video-modal-dialog > .scecm-video-modal-close:active{ top:10px!important; right:10px!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; max-width:38px!important; max-height:38px!important; } } /* v1.4.28 — reset completo do botão de fechar do vídeo */ .scecm-video-modal-dialog > .scecm-video-modal-close, .scecm-video-modal-dialog > .scecm-video-modal-close:hover, .scecm-video-modal-dialog > .scecm-video-modal-close:focus, .scecm-video-modal-dialog > .scecm-video-modal-close:active, .scecm-video-modal-dialog > .scecm-video-modal-close:visited{ all: unset!important; box-sizing: border-box!important; position: absolute!important; inset: 14px 14px auto auto!important; z-index: 9999!important; display: grid!important; place-items: center!important; inline-size: 40px!important; block-size: 40px!important; width: 40px!important; height: 40px!important; min-width: 40px!important; min-height: 40px!important; max-width: 40px!important; max-height: 40px!important; aspect-ratio: 1 / 1!important; border-radius: 999px!important; background: #ffffff!important; color: #16233b!important; border: 1px solid rgba(22,35,59,.08)!important; box-shadow: 0 8px 24px rgba(0,0,0,.24)!important; cursor: pointer!important; overflow: hidden!important; text-decoration: none!important; transform: none!important; } .scecm-video-modal-dialog > .scecm-video-modal-close::before, .scecm-video-modal-dialog > .scecm-video-modal-close::after, .scecm-video-modal-dialog > .scecm-video-modal-close span{ content: none!important; display: none!important; } .scecm-video-modal-dialog > .scecm-video-modal-close svg, .scecm-video-modal-dialog > .scecm-video-modal-close svg *{ display: block!important; width: 18px!important; height: 18px!important; min-width: 18px!important; min-height: 18px!important; max-width: 18px!important; max-height: 18px!important; margin: 0!important; padding: 0!important; fill: none!important; stroke: currentColor!important; stroke-width: 2.5!important; stroke-linecap: round!important; stroke-linejoin: round!important; vector-effect: non-scaling-stroke!important; pointer-events: none!important; } @media (max-width: 640px){ .scecm-video-modal-dialog > .scecm-video-modal-close, .scecm-video-modal-dialog > .scecm-video-modal-close:hover, .scecm-video-modal-dialog > .scecm-video-modal-close:focus, .scecm-video-modal-dialog > .scecm-video-modal-close:active, .scecm-video-modal-dialog > .scecm-video-modal-close:visited{ inset: 10px 10px auto auto!important; inline-size: 36px!important; block-size: 36px!important; width: 36px!important; height: 36px!important; min-width: 36px!important; min-height: 36px!important; max-width: 36px!important; max-height: 36px!important; } } /* v1.4.29 — botão de fechar neutro (não é