/* GERADO por scripts/build-critical-css.js do repo mpsc-fragmentos (bundle "site", 70 fragments, 2026-09-20).
   montserrat.css + css/main.css + index.css dos fragments, servido no <head> pela Client Extension CSS "mpsc-vendor" (uma por master)
   para a pagina nascer estilizada: o Liferay poe o <style> de cada fragment DEPOIS do HTML dele. Nao editar a mao; ao mudar o CSS
   de um fragment, rodar o script apontando pra pasta assets/ da CX e abrir PR no repo mpsc. */
/* ==== css/vendor/fonts/montserrat.css ==== */
/* Montserrat self-host (Google Fonts v31, subset latin, fonte variavel 100-900, normal + italic).
   Substitui a CX "Google Fonts Montserrat" (fonts.googleapis.com + fonts.gstatic.com): sem os dois dominios
   externos no <head>. Os woff2 vao junto com os bundles na Client Extension de workspace `mpsc-vendor`
   (repo mpsc, liferay/client-extensions/mpsc-vendor/assets/fonts/), por isso a url() e relativa a raiz da CX.
   Entra no comeco dos bundles css/vendor/critical/*.css pelo scripts/build-critical-css.js. */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("fonts/montserrat-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("fonts/montserrat-latin-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==== css/main.css (variaveis do site) ==== */
/* variaveis do site */

:root {
    /* Cores */
    /* Primárias — Liferay Slot 1 e 2 */
    --mpsc-color-primary: #2F6B4F; /* slot 1 — cor principal */
    --mpsc-color-primary-dark: #1F4D3A; /* slot 2 — variação escura */ /* slots 3 e 4 reservados para expansão futura */ /* Neutras */
    --mpsc-color-text-primary: #121214; /* texto corrido */
    --mpsc-color-text-dark: #1A1A1A; /* seção de serviços */
    --mpsc-color-text-title: #222222; /* títulos e menu */
    --mpsc-color-icon: #757575; /* ícones secundários */
    --mpsc-color-border: #E3E3E3; /* fundo de ícone / divisores */
    --mpsc-color-divider: #EDEBE9; /* separador de listas / opções */
    --mpsc-color-background: #F1F1F3; /* background da página */
    --mpsc-color-white: #FFFFFF; /* container / cards */ /* Accent */
    --mpsc-color-accent-red: #B02A2A; /* tags de categoria */
    --mpsc-input-border-color: #757575;
    --mpsc-placeholder-color: #595959;
    --mpsc-input-focus-border-color: #86B7FE;
    --mpsc-input-focus-box-shadow-color: #86B7FE75;

    /* Cores do componente: Fases */
    --mpsc-color-fase-amarelo: #FFC300;
    --mpsc-color-fase-vermelho: #B90517;
    --mpsc-color-fase-verde: #6FCC69;

    /* Tipografia — tamanhos de fonte */
    --mpsc-font-size-xxs:  0.625rem;  /* 10px */
    --mpsc-font-size-xs:   0.75rem;   /* 12px */
    --mpsc-font-size-sm:   0.875rem;  /* 14px */
    --mpsc-font-size-md:   1rem;      /* 16px */
    --mpsc-font-size-lg:   1.125rem;  /* 18px */
    --mpsc-font-size-xl:   1.25rem;   /* 20px */
    --mpsc-font-size-2xl:  1.5rem;    /* 24px */
    --mpsc-font-size-3xl:  1.75rem;   /* 28px */
    --mpsc-font-size-4xl:  2rem;      /* 32px */

    /* Tipografia — estilos completos (font shorthand) */
    /* Display */
    --mpsc-font-display-lg: 700 var(--mpsc-font-size-4xl)/2.5rem "Montserrat", sans-serif; /* 32px/40px */
    --mpsc-font-display-md: 600 var(--mpsc-font-size-3xl)/2.25rem "Montserrat", sans-serif; /* 28px/36px */

    /* Headings */
    --mpsc-font-heading-xl: 600 var(--mpsc-font-size-2xl)/2rem "Montserrat", sans-serif; /* 24px/32px */
    --mpsc-font-heading-lg: 600 var(--mpsc-font-size-xl)/1.75rem "Montserrat", sans-serif; /* 20px/28px */
    --mpsc-font-heading-md: 600 var(--mpsc-font-size-lg)/1.5rem "Montserrat", sans-serif; /* 18px/24px */
    --mpsc-font-heading-sm: 700 var(--mpsc-font-size-lg)/1.5rem "Montserrat", sans-serif; /* 18px/24px */

    /* Labels / UI */
    --mpsc-font-label-lg: 500 var(--mpsc-font-size-md)/1.5rem "Montserrat", sans-serif; /* 16px/24px */
    --mpsc-font-label-md: 600 var(--mpsc-font-size-sm)/1.25rem "Montserrat", sans-serif; /* 14px/20px */
    --mpsc-font-label-sm: 700 var(--mpsc-font-size-sm)/1rem "Montserrat", sans-serif; /* 14px/16px */

    /* Menu navegação */
    --mpsc-font-navbar: 500 var(--mpsc-font-size-sm)/1.5rem "Montserrat", sans-serif; /* 14px/24px */

    /* uppercase */
    --mpsc-font-label-xs: 700 var(--mpsc-font-size-xs)/0.75rem "Montserrat", sans-serif; /* 12px/16px */
    --mpsc-font-label-xxs: 400 var(--mpsc-font-size-xxs)/1rem "Montserrat", sans-serif; /* 10px/16px */

    /* Body */
    --mpsc-font-body-lg: 400 var(--mpsc-font-size-md)/1.5rem "Montserrat", sans-serif; /* 16px/24px */
    --mpsc-font-body-md: 500 var(--mpsc-font-size-md)/1.25rem "Montserrat", sans-serif; /* 16px/20px */
    --mpsc-font-body-sm: 500 var(--mpsc-font-size-sm)/1.25rem "Montserrat", sans-serif; /* 14px/20px */
    --mpsc-font-body-xs: 500 var(--mpsc-font-size-xs)/1.25rem "Montserrat", sans-serif; /* 12px/20px */

    /* Especiais */
    --mpsc-font-link-cta: 700 var(--mpsc-font-size-md)/0.75rem "Montserrat", sans-serif; /* 16px/12px */

    /* uppercase */
    --mpsc-font-overline: 600 italic var(--mpsc-font-size-md)/normal "Montserrat", sans-serif; /* 16px/normal */
    --mpsc-font-caption: 400 var(--mpsc-font-size-sm)/normal "Montserrat", sans-serif; /* 14px/normal */

    /* Espaçamentos - multiplos de 8 */
    --mpsc-space-1: 0.5rem; /* 1 × 8 — 8px */
    --mpsc-space-2: 1rem; /* 2 × 8 — 16px */
    --mpsc-space-3: 1.5rem; /* 3 × 8 — 24px */
    --mpsc-space-4: 2rem; /* 4 × 8 — 32px */
    --mpsc-space-5: 2.5rem; /* 5 × 8 — 40px */
    --mpsc-space-6: 3rem; /* 6 × 8 — 48px */
    --mpsc-space-7: 3.5rem; /* 6 × 8 — 56px */
    --mpsc-space-8: 4rem; /* 8 × 8 — 64px */
    --mpsc-space-9: 4.5rem; /* 8 × 8 — 72px */
    --mpsc-space-10: 5rem; /* 8 × 8 — 80px */
    --mpsc-space-11: 5.5rem; /* 8 × 8 — 88px */
    --mpsc-space-12: 6rem; /* 12 × 8 — 96px */
    --mpsc-space-grid: 10rem; /* 20 × 8 — 160px — padding lateral desktop */

    /* Border Radius */
    --mpsc-radius-sm: 8px;
    --mpsc-radius-md: 16px;
    --mpsc-radius-lg: 24px;
    --mpsc-radius-xl: 32px;
    --mpsc-radius-2xl: 40px; /* footer top corners */
    --mpsc-radius-full: 9999px; /* pill */

    --mpsc-box-shadow-input-focus-size: 0.25rem; /* 4px */

}

strong {
    font-weight: 700;
}

.btn {
    border-radius: var(--mpsc-radius-lg);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
}

.form-control {
    background-color: var(--mpsc-color-white);
    border-color: var(--mpsc-input-border-color);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    color: var(--mpsc-color-text-primary);
    border-radius: var(--mpsc-radius-md);
    height: auto;
}

.form-control::placeholder {
    color: var(--mpsc-placeholder-color);
}

.form-control.focus,.form-control:focus-visible,.c-prefers-focus .form-control:focus {
    background-color: var(--mpsc-color-white);
    border-color: var(--mpsc-input-focus-border-color);
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    color: var(--mpsc-color-text-primary);
    outline: 0;
}

.form-control:focus-within:has(input:focus) {
    background-color: var(--mpsc-color-white);
    border-color: var(--mpsc-input-focus-border-color);
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    color: var(--mpsc-color-text-primary);
}

.btn.focus,.btn:focus-visible,.c-prefers-focus .btn:focus {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0
}

.lfr-layout-structure-item-container.container-fluid-max-xl {
    padding-left: var(--mpsc-space-2);
    padding-right: var(--mpsc-space-2);
}

html:not(#__):not(#___) .page-editor__fragment-content .portlet>.cadmin.portlet-topper {
    height: 100px !important;
    min-height: 54px !important;
    width: 280px !important;
}

.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1 {

}

.component-image {
    border-radius: var(--mpsc-radius-md);
}

.mpsc-btn-100 .btn {
    width: 100% !important;
}

.quick-access-nav {
    display: none;
}

/* Utilize essa classe sempre que você quiser ocultar um elemento da tela, mas que seja necessário para o leitor de tela,
exemplo: inputs que visualmente o label deve ficar oculto
*/

.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (min-width: 1280px) {
    .lfr-layout-structure-item-container.container-fluid-max-xl {
        padding: 0;
    }

    .mpsc-btn-100 .btn {
        width: auto !important;
    }

}

/* ==== Ultimas notícias e Mais lidas ==== */
.mpsc-news-list {
	--mpsc-news-list-text: #222222;
	--mpsc-news-list-muted: #777777;
	--mpsc-news-list-border: #d2d2d2;
	--mpsc-news-list-background: #ffffff;

	/* O design pede 360px, e a coluna lateral só chega a 411px acima de 1280px.
	   Com max-width em vez de largura fixa no editor de página, o bloco para nos
	   360px do layout aprovado e ainda encolhe junto com a coluna abaixo disso,
	   já que a largura fixa fazia ele invadir a coluna de notícias entre 992 e
	   1279px. O teto só vale enquanto existe coluna lateral: abaixo de 992px o
	   grid vira uma coluna só e o bloco passa a ocupar a linha inteira. */
	width: 100%;
	max-width: 360px;
	padding: 18px 17px 16px;
	background: var(--mpsc-news-list-background);
	border-radius: 18px;
	box-sizing: border-box;
	font-family: inherit;
}


/* Tabs
   ================================================== */

.mpsc-news-list__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 16px;
}

.mpsc-news-list__tab {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 6px 9px;
	border: 0;
	background: transparent;
	color: #8a8a8a;
	font-family: inherit;
	font-size: var(--mpsc-font-size-md);
	font-weight: 500;
	line-height: 24px;
  white-space:nowrap;
	cursor: pointer;

	transition:
		color 0.2s ease,
		font-weight 0.2s ease;
}

.mpsc-news-list__tab::after {
	content: "";

	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;

	height: 2px;

	background-color: transparent;

	transition: background-color 0.2s ease;
}

.mpsc-news-list__tab:hover {
	color: var(--mpsc-color-primary);
}

.mpsc-news-list__tab:focus-visible {
	outline: 2px solid var(--mpsc-color-primary);
	outline-offset: 2px;
}

.mpsc-news-list__tab--active {
	color: var(--mpsc-color-primary);
	font-weight: 700;
	font-style: bold;
}

.mpsc-news-list__tab--active::after {
	background-color: var(--mpsc-color-primary);
}


/* Painéis
   ================================================== */

.mpsc-news-list__panel {
	display: none;
}

.mpsc-news-list__panel--active {
	display: block;
}

.mpsc-news-list__panel[hidden] {
	display: none;
}

.mpsc-news-list__body {
	width: 100%;
}


/* Item
   ================================================== */

.mpsc-news-list__item {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	column-gap: 0;
	padding: 16px 0;
	border-bottom: 1px solid var(--mpsc-news-list-border);
}

.mpsc-news-list__item:last-child {
	border-bottom: 0;
	padding-bottom: 3px;
}

.mpsc-news-list__item--clicavel {
	cursor: pointer;
}


/* Número
   ================================================== */

.mpsc-news-list__number {
	color: var(--mpsc-color-primary);
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}


/* Conteúdo
   ================================================== */

.mpsc-news-list__content {
	min-width: 0;
	padding-left: 16px;
	gap: 8px;
  display: flex;
  flex-direction: column;
}

.mpsc-news-list__category {
	color: var(--mpsc-color-primary);
	font-size: var(--mpsc-font-size-sm);
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}


/* Título
   ================================================== */

.mpsc-news-list__title {
	display: block;

	margin: 0;

	color: var(--mpsc-color-text-primary);

	font-size: var(--mpsc-font-size-md);
	font-weight: 500;
	line-height: 24px;

	text-decoration: none;

	transition: color 0.2s ease;
}

a.mpsc-news-list__title:hover {
	color: var(--mpsc-color-primary);
	text-decoration: underline;
}


/* Data
   ================================================== */

.mpsc-news-list__date {
	display: block;
	color: var( --mpsc-input-border-color);
	font-size: var(--mpsc-font-size-sm);
	font-weight: 500;
	line-height: 20px;
}


/* Estado vazio
   ================================================== */

.mpsc-news-list__empty {
	padding: 24px 8px;

	color: var(--mpsc-news-list-muted);

	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}


/* Responsivo
   ================================================== */

@media (max-width: 991px) {
	.mpsc-news-list {
		max-width: 100%;
	}

}

/* ==== acordeão-contêiner ==== */
.mpsc-acordeao {
	width: 100%;
	box-sizing: border-box;
}

.mpsc-acordeao--branco {
	--acordeao-item-bg: var(--mpsc-color-white);
	--acordeao-item-title-color: var(--mpsc-color-text-title);
}

.mpsc-acordeao--verde {
	--acordeao-item-bg: var(--mpsc-color-primary);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao--verde-escuro {
	--acordeao-item-bg: var(--mpsc-color-primary-dark);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao--cinza {
	--acordeao-item-bg: var(--mpsc-color-background);
	--acordeao-item-title-color: var(--mpsc-color-primary);
}

.mpsc-acordeao--vermelho {
	--acordeao-item-bg: var(--mpsc-color-accent-red);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao--title-verde {
	--acordeao-item-title-color: var(--mpsc-color-primary);
}

.mpsc-acordeao--title-verde-escuro {
	--acordeao-item-title-color: var(--mpsc-color-primary-dark);
}

.mpsc-acordeao--title-vermelho {
	--acordeao-item-title-color: var(--mpsc-color-accent-red);
}

.mpsc-acordeao--title-escuro {
	--acordeao-item-title-color: var(--mpsc-color-text-title);
}

.mpsc-acordeao--title-branco {
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao__lista,
.mpsc-acordeao>div {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-2);
	width: 100%;
	box-sizing: border-box;
}

/* Wrappers criados pelo Liferay dentro da dropzone */
.mpsc-acordeao [class*="lfr-layout-structure-item"] {
	width: 100%;
	box-sizing: border-box;
}

/* Modo edição: mantém os conteúdos visíveis para facilitar edição das dropzones internas */
.mpsc-acordeao--modo-edicao .mpsc-acordeao__painel {
	grid-template-rows: 1fr;
	visibility: visible;
	overflow: visible;
	transition: none;
}

.mpsc-acordeao--modo-edicao .mpsc-acordeao__conteudo {
	min-height: 80px;
	padding-top: var(--mpsc-space-3);
}

.mpsc-acordeao--modo-edicao .mpsc-acordeao__dropzone {
	min-height: 80px;
}

/* ==== acordeão-item ==== */
.mpsc-acordeao__item {
	background-color: var(--acordeao-item-bg, var(--mpsc-color-white));
	border-radius: var(--mpsc-radius-md);
	box-sizing: border-box;
	padding: var(--mpsc-space-4);
}

.mpsc-acordeao__item--branco {
	--acordeao-item-bg: var(--mpsc-color-white);
	--acordeao-item-title-color: var(--mpsc-color-text-title);
}

.mpsc-acordeao__item--verde {
	--acordeao-item-bg: var(--mpsc-color-primary);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao__item--verde-escuro {
	--acordeao-item-bg: var(--mpsc-color-primary-dark);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao__item--cinza {
	--acordeao-item-bg: var(--mpsc-color-background);
	--acordeao-item-title-color: var(--mpsc-color-primary);
}

.mpsc-acordeao__item--vermelho {
	--acordeao-item-bg: var(--mpsc-color-accent-red);
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao__item--title-verde {
	--acordeao-item-title-color: var(--mpsc-color-primary);
}

.mpsc-acordeao__item--title-verde-escuro {
	--acordeao-item-title-color: var(--mpsc-color-primary-dark);
}

.mpsc-acordeao__item--title-vermelho {
	--acordeao-item-title-color: var(--mpsc-color-accent-red);
}

.mpsc-acordeao__item--title-escuro {
	--acordeao-item-title-color: var(--mpsc-color-text-title);
}

.mpsc-acordeao__item--title-branco {
	--acordeao-item-title-color: var(--mpsc-color-white);
}

.mpsc-acordeao__cabecalho {
	margin: 0;
}

.mpsc-acordeao__botao {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--mpsc-space-2);
	width: 100%;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: var(--acordeao-item-title-color, var(--mpsc-color-text-title));
	font: var(--mpsc-font-heading-md);
	text-align: left;
	cursor: pointer;
}

.mpsc-acordeao__botao:focus-visible {
	outline: 2px solid var(--mpsc-input-focus-border-color);
	outline-offset: 2px;
	border-radius: var(--mpsc-radius-sm);
}

.mpsc-acordeao__icone {
	width: var(--mpsc-space-3);
	height: var(--mpsc-space-3);
	flex-shrink: 0;
	object-fit: contain;
	transition: transform 0.3s ease;
	color: currentColor;
}

.mpsc-acordeao__item--aberto .mpsc-acordeao__icone {
	transform: rotate(180deg);
}

.mpsc-acordeao__painel {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	visibility: hidden;
	transition: grid-template-rows 0.3s ease, visibility 0s 0.3s;
}

.mpsc-acordeao__item--aberto .mpsc-acordeao__painel {
	grid-template-rows: 1fr;
	visibility: visible;
	transition: grid-template-rows 0.3s ease, visibility 0s;
}

.mpsc-acordeao__conteudo {
	min-height: 0;
	padding-top: 0;
}

.mpsc-acordeao__item--aberto .mpsc-acordeao__conteudo {
	padding-top: var(--mpsc-space-3);
}

.mpsc-acordeao__dropzone {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-3);
	min-height: var(--mpsc-space-4);
}

.mpsc-acordeao__titulo-grupo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mpsc-space-1);
}

.mpsc-acordeao-titulo__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--mpsc-color-primary);
    color: var(--mpsc-color-white);
    font: var(--mpsc-font-label-xs);
    text-transform: uppercase;
    border-radius: var(--mpsc-radius-full);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    line-height: 1;
}

/* Ajuda na edição quando a dropzone estiver vazia */
.mpsc-acordeao__dropzone:empty {
	min-height: 80px;
	border: 1px dashed var(--mpsc-color-border);
	border-radius: var(--mpsc-radius-sm);
}

@media (min-width: 768px) {
	.mpsc-acordeao__titulo-grupo {
		flex-direction: row;
		align-items: center;
	}
}

/* ==== aviso-de-filtros ==== */
.mpsc-aviso-filtros,
.mpsc-aviso-filtros *,
.mpsc-aviso-filtros *::before,
.mpsc-aviso-filtros *::after {
	box-sizing: border-box;
}

/* Fica FORA do card branco dos filtros, direto sobre o fundo da página, como no
   protótipo: sem borda, sem fundo próprio e alinhado pela esquerda com o card. */
.mpsc-aviso-filtros {
	display: flex;
	align-items: flex-start;
	gap: var(--mpsc-space-1);
	width: 100%;
	margin: 0;
	padding: var(--mpsc-space-2) 0 0;
	color: var(--mpsc-color-icon);
	font: var(--mpsc-font-body-sm);
	font-style: italic;
}

/* O ícone não encolhe quando o texto quebra em três linhas no celular, e a caixa dele
   acompanha a primeira linha em vez de centralizar no bloco inteiro. */
.mpsc-aviso-filtros__icone {
	flex: 0 0 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.0625rem;
}

/* ==== badge-pill ==== */
.mpsc-badge-pill {
	--mpsc-badge-fundo: var(--mpsc-color-primary, #2f6b4f);
	--mpsc-badge-tinta: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-cor: var(--mpsc-color-primary, #2f6b4f);
	display: inline-flex;
	align-items: center;
	gap: var(--mpsc-space-1, 0.5rem);
	width: fit-content;
	padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
	border: 1px solid transparent;
	border-radius: var(--mpsc-radius-full, 9999px);
	box-sizing: border-box;
}

.mpsc-badge-pill--icone-direita {
	flex-direction: row-reverse;
}

.mpsc-badge-pill--verde {
	--mpsc-badge-fundo: var(--mpsc-color-primary, #2f6b4f);
	--mpsc-badge-tinta: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-cor: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-badge-pill--verde-escuro {
	--mpsc-badge-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
	--mpsc-badge-tinta: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-cor: var(--mpsc-color-primary-dark, #1f4d3a);
}

.mpsc-badge-pill--vermelho {
	--mpsc-badge-fundo: var(--mpsc-color-accent-red, #b02a2a);
	--mpsc-badge-tinta: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-cor: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-badge-pill--preto {
	--mpsc-badge-fundo: var(--mpsc-color-text-primary, #121214);
	--mpsc-badge-tinta: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-cor: var(--mpsc-color-text-primary, #121214);
}

.mpsc-badge-pill--branco {
	--mpsc-badge-fundo: var(--mpsc-color-white, #ffffff);
	--mpsc-badge-tinta: var(--mpsc-color-text-primary, #121214);
	--mpsc-badge-cor: var(--mpsc-color-white, #ffffff);
}

.mpsc-badge-pill--cinza {
	--mpsc-badge-fundo: var(--mpsc-color-background, #f1f1f3);
	--mpsc-badge-tinta: var(--mpsc-color-text-primary, #121214);
	--mpsc-badge-cor: var(--mpsc-color-icon, #757575);
}

.mpsc-badge-pill--preenchido {
	border-color: transparent;
	background-color: var(--mpsc-badge-fundo);
	color: var(--mpsc-badge-tinta);
}

.mpsc-badge-pill--contorno {
	border-color: var(--mpsc-badge-cor);
	background-color: transparent;
	color: var(--mpsc-badge-cor);
}

.mpsc-badge-pill--link {
	padding: 0;
	border-color: transparent;
	background-color: transparent;
	color: var(--mpsc-badge-cor);
}

.mpsc-badge-pill--link .mpsc-badge-pill__text {
	text-decoration: underline;
}

.mpsc-badge-pill--sem-fundo {
	padding: 0;
	border-color: transparent;
	background-color: transparent;
	color: var(--mpsc-badge-cor);
}

.mpsc-badge-pill__text {
	font: var(--mpsc-font-label-md, 600 0.875rem/1.25rem "Montserrat", sans-serif);
	text-transform: uppercase;
}

.mpsc-badge-pill__text--sem-caixa-alta {
	text-transform: none;
}

.mpsc-badge-pill--sm .mpsc-badge-pill__text {
	font-size: var(--mpsc-font-size-xs, 0.75rem);
}

.mpsc-badge-pill--md .mpsc-badge-pill__text {
	font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-badge-pill--lg .mpsc-badge-pill__text {
	font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-badge-pill__icone {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 1;
}

.mpsc-badge-pill mpsc-icon.mpsc-badge-pill__icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-badge-pill--sm .mpsc-badge-pill__icone {
	font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-badge-pill--md .mpsc-badge-pill__icone {
	font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-badge-pill--lg .mpsc-badge-pill__icone {
	font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-badge-pill__link {
	display: inline-flex;
	width: fit-content;
	text-decoration: none;
}

.mpsc-badge-pill__link:hover .mpsc-badge-pill__text {
	text-decoration: underline;
}

.mpsc-badge-pill__link:focus-visible {
	border-radius: var(--mpsc-radius-full, 9999px);
	box-shadow:
		0 0 0
		var(--mpsc-box-shadow-input-focus-size, 0.25rem)
		var(--mpsc-input-focus-box-shadow-color, #86b7fe75);
	outline: 0;
}

/* ==== banner-de-informações ==== */
.mpsc-info-banner {
	background-color: var(--mpsc-color-primary);
	color: var(--mpsc-color-white);
	width: 100%;
}

.mpsc-info-banner__container {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 64px 0px;
}

.mpsc-info-banner__title {
	color: var(--mpsc-color-white);
	font-size: var(--mpsc-font-size-2xl);
	margin: 0 0 var(--mpsc-space-1);
	line-height:24px;
}

.mpsc-info-banner__content {
	align-items: center;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.15fr);
	gap: var(--mpsc-space-3);
}

.mpsc-info-banner__column {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mpsc-info-banner__column--email {
}

.mpsc-info-banner__column--whatsapp {
	padding-left: 0;
}

.mpsc-info-banner__column-title {
	width:600;
	color: var(--mpsc-color-white);
	font-size: var(--mpsc-font-size-xl);
	margin: 0 0 0.25rem;
}

.mpsc-info-banner__description {
	color: var(--mpsc-color-white);
	font-size: var(--mpsc-font-size-md);
	margin: 0 0 var(--mpsc-space-1);
	width:500;
	max-width: 100%;
}

.mpsc-info-banner__phone {
	color: inherit;
	font-weight: 700;
}

.mpsc-info-banner__divider {
	align-self: stretch;
	background-color: rgb(255 255 255 / 45%);
	margin: var(--mpsc-space-1) 0;
	min-height: 92px;
	width: 1px;
}

.mpsc-info-banner__button {
	padding: 12px 16px;
	align-items: center;
	background-color: var(--mpsc-color-white);
	border: 1px solid var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-full);
	box-sizing: border-box;
	color: var(--mpsc-color-primary);
	display: inline-flex;
	font-size: var(--mpsc-font-label-xs);
	gap: var(--mpsc-space-1);
	justify-content: center;
	margin-top: 8px;
	min-height: 32px;
	text-decoration: none;
	transition:
		background-color 160ms ease,
		color 160ms ease,
		box-shadow 160ms ease,
		transform 160ms ease;
}

.mpsc-info-banner__button span{
  	font-size: var(--mpsc-font-size-md);
	  font-weight:600;
}
.mpsc-info-banner__button:hover {
	background-color: var(--mpsc-color-background);
	color: var(--mpsc-color-primary-dark);
	text-decoration: none;
}

.mpsc-info-banner__button:focus-visible {
	box-shadow:
		0 0 0 var(--mpsc-box-shadow-input-focus-size)
		var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-info-banner__button:active {
	transform: translateY(1px);
}

.mpsc-info-banner__button--outline {
	background-color: transparent;
	color: var(--mpsc-color-white);
}

.mpsc-info-banner__button--outline:hover {
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-primary);
}

.mpsc-info-banner__button-icon {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
}

.mpsc-info-banner__button-icon svg {
	display: block;
	height: 16px;
	width: 16px;
}


/* Tablet */
@media (max-width: 991px) {

	.mpsc-info-banner__content {
		grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
		gap: var(--mpsc-space-2);
	}
}


/* Mobile */
@media (max-width: 767px) {
	

	.mpsc-info-banner__title {
		margin-bottom: var(--mpsc-space-2);
	}

	.mpsc-info-banner__content {
		display: flex;
		flex-direction: column;
		gap: var(--mpsc-space-3);
	}

	.mpsc-info-banner__column,
	.mpsc-info-banner__column--email,
	.mpsc-info-banner__column--whatsapp {
		padding: 0;
	}

	.mpsc-info-banner__divider {
		background-color: rgb(255 255 255 / 35%);
		height: 1px;
		margin: 0;
		min-height: 1px;
		width: 100%;
	}

	.mpsc-info-banner__button {
		margin-top: var(--mpsc-space-1);
		width: fit-content;
	}
}


/* Mobile pequeno */
@media (max-width: 479px) {
	.mpsc-info-banner__button {
		width: 100%;
	}
}

/* ==== banner-estatico-principal ==== */
.mpsc-banner-principal {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    background-color: #222;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mpsc-banner-principal__bg-image,
.mpsc-banner-principal__bg-image>* {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.mpsc-banner-principal__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mpsc-banner-principal__bg-img--align-top {
    object-position: center top;
}

.mpsc-banner-principal__bg-img--align-center {
    object-position: center;
}

.mpsc-banner-principal__bg-img--align-bottom {
    object-position: center bottom;
}

.has-edit-mode-menu .mpsc-banner-principal__overlay {
    display: none;
}

.mpsc-banner-principal__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
            rgba(34, 34, 34, 0.9) 48%,
            rgba(34, 34, 34, 0.5) 79%,
            rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.mpsc-banner-principal__content {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--mpsc-space-2, 1rem);
    padding: var(--mpsc-space-5, 2.5rem) 0;
    max-width: 600px;
}

.mpsc-banner-principal__pill {
    display: inline-block;
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-label-xs, 700 0.75rem/0.75rem "Montserrat", sans-serif);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
    border-radius: var(--mpsc-radius-full, 9999px);
    align-self: flex-start;
}

.mpsc-banner-principal__title {
    font: var(--mpsc-font-display-lg, 700 2rem/2.5rem "Montserrat", sans-serif);
    color: var(--mpsc-color-white, #FFFFFF);
    margin: 0;
}

.mpsc-banner-principal__description {
    font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-banner-principal__description p {
	  overflow-wrap: break-word;
    margin: 0;
}

.mpsc-banner-principal__buttons {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2, 1rem);
    margin-top: var(--mpsc-space-1, 0.5rem);
}

.mpsc-banner-principal__btn {
    --banner-btn-bg: var(--mpsc-color-accent-red, #B02A2A);
    --banner-btn-text: var(--mpsc-color-white, #FFFFFF);
    --banner-btn-border: var(--banner-btn-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 0.5rem);
    padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
    border: 1px solid var(--banner-btn-border);
    border-radius: var(--mpsc-radius-lg, 24px);
    background-color: var(--banner-btn-bg);
    color: var(--banner-btn-text);
    font: var(--mpsc-font-label-md, 600 0.875rem/1.25rem "Montserrat", sans-serif);
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.mpsc-banner-principal__btn lfr-editable {
    display: contents;
}

.mpsc-banner-principal__btn:hover {
    opacity: 0.9;
    color: var(--banner-btn-text);
    text-decoration: none;
}

.mpsc-banner-principal__btn:focus-visible {
    opacity: 0.9;
    color: var(--banner-btn-text);
    text-decoration: none;
    outline: none;
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size, 0.25rem) var(--mpsc-input-focus-box-shadow-color, #86B7FE75);
}

.mpsc-banner-principal__btn--bg-vermelho {
    --banner-btn-bg: var(--mpsc-color-accent-red, #B02A2A);
}

.mpsc-banner-principal__btn--bg-verde {
    --banner-btn-bg: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-banner-principal__btn--bg-verde-escuro {
    --banner-btn-bg: var(--mpsc-color-primary-dark, #1F4D3A);
}

.mpsc-banner-principal__btn--bg-branco {
    --banner-btn-bg: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-banner-principal__btn--bg-preto {
    --banner-btn-bg: var(--mpsc-color-text-primary, #121214);
}

.mpsc-banner-principal__btn--bg-transparente {
    --banner-btn-bg: transparent;
    --banner-btn-border: var(--banner-btn-text);
}

.mpsc-banner-principal__btn--text-branco {
    --banner-btn-text: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-banner-principal__btn--text-preto {
    --banner-btn-text: var(--mpsc-color-text-primary, #121214);
}

.mpsc-banner-principal__btn--text-vermelho {
    --banner-btn-text: var(--mpsc-color-accent-red, #B02A2A);
}

.mpsc-banner-principal__btn--text-verde {
    --banner-btn-text: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-banner-principal__alert-bar {
    --banner-alert-bg: var(--mpsc-color-accent-red, #B02A2A);
    --banner-alert-text: var(--mpsc-color-white, #FFFFFF);
    position: relative;
    z-index: 1;
    margin-top: auto;
    background-color: var(--banner-alert-bg);
    color: var(--banner-alert-text);
    text-align: center;
    padding: var(--mpsc-space-2, 1rem) var(--mpsc-space-4, 2rem);
    font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
}

.mpsc-banner-principal__alert-bar p {
    margin: 0;
}

.mpsc-banner-principal__alert-bar--bg-vermelho {
    --banner-alert-bg: var(--mpsc-color-accent-red, #B02A2A);
}

.mpsc-banner-principal__alert-bar--bg-verde {
    --banner-alert-bg: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-banner-principal__alert-bar--bg-verde-escuro {
    --banner-alert-bg: var(--mpsc-color-primary-dark, #1F4D3A);
}

.mpsc-banner-principal__alert-bar--bg-branco {
    --banner-alert-bg: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-banner-principal__alert-bar--bg-preto {
    --banner-alert-bg: var(--mpsc-color-text-primary, #121214);
}

.mpsc-banner-principal__alert-bar--text-branco {
    --banner-alert-text: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-banner-principal__alert-bar--text-preto {
    --banner-alert-text: var(--mpsc-color-text-primary, #121214);
}

.mpsc-banner-principal__alert-bar--text-vermelho {
    --banner-alert-text: var(--mpsc-color-accent-red, #B02A2A);
}

.mpsc-banner-principal__alert-bar--text-verde {
    --banner-alert-text: var(--mpsc-color-primary, #2F6B4F);
}

@media (max-width: 1279px) {
    .mpsc-banner-principal__buttons--hidden-mobile {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mpsc-banner-principal {
        min-height: fit-content;
    }

    .mpsc-banner-principal__content {
        padding: var(--mpsc-space-8, 4rem) 0;
        max-width: 700px;
    }

    .mpsc-banner-principal__buttons {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .mpsc-banner-principal__btn {
        justify-content: flex-start;
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* ==== botão-com-ícone ==== */
.mpsc-button,
.mpsc-button *,
.mpsc-button *::before,
.mpsc-button *::after {
    box-sizing: border-box;
}

.mpsc-button lfr-editable {
    display: contents;
}

.mpsc-button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--mpsc-space-1);
    width: fit-content;
    text-align: left;
}

.mpsc-button--largura-total {
    justify-content: center;
    width: 100%;
}

.mpsc-button__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-3);
    height: var(--mpsc-space-3);
    flex-shrink: 0;
}

.mpsc-button--icone-direita .mpsc-button__icon-wrapper {
    order: 1;
}

.mpsc-button--icone-direita .mpsc-button__seta {
    order: 2;
}

.mpsc-button--caixa-alta .mpsc-button__text {
    text-transform: uppercase;
}

.mpsc-button__icon {
    font-size: var(--mpsc-space-3);
    line-height: 1;
    display: block;
}

/* Fallbacks de 24px removidos */
.mpsc-button--icone-mpsc .mpsc-button__icon-wrapper,
.mpsc-button--icone-mpsc mpsc-icon.mpsc-button__icon {
    width: var(--mpsc-button-mpsc-icon-size);
    height: var(--mpsc-button-mpsc-icon-size);
}

.mpsc-button--icone-mpsc mpsc-icon.mpsc-button__icon .mpsc-icon__svg {
    width: var(--mpsc-button-mpsc-icon-size) !important;
    height: var(--mpsc-button-mpsc-icon-size) !important;
}

/* Fallback de 1.5rem removido */
.mpsc-button__icon-img {
    display: block;
    width: var(--mpsc-space-3);
    height: var(--mpsc-space-3);
    flex-shrink: 0;
    object-fit: contain;
}

.mpsc-button__icon-wrapper--tingido {
    position: relative;
}

.mpsc-button__icon-wrapper--tingido .mpsc-button__icon-img {
    opacity: 0;
}

.mpsc-button__icon-wrapper--tingido::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    pointer-events: none;
    -webkit-mask: var(--mpsc-icon-src) no-repeat center / contain;
    mask: var(--mpsc-icon-src) no-repeat center / contain;
}

/* Fallback de 1rem removido */
.mpsc-button__text {
    font: 600 var(--mpsc-font-size-md)/1.5rem "Montserrat", sans-serif;
    letter-spacing: 0;
}

/* Fallbacks Hexadecimais removidos */
.mpsc-button__text--branco {
    color: var(--mpsc-color-white);
}

.mpsc-button__text--verde {
    color: var(--mpsc-color-primary);
}

.mpsc-button__text--verde-escuro {
    color: var(--mpsc-color-primary-dark);
}

.mpsc-button__text--vermelho {
    color: var(--mpsc-color-accent-red);
}

.mpsc-button__text--escuro {
    color: var(--mpsc-color-text-title);
}

.mpsc-button__icon--branco {
    color: var(--mpsc-color-white);
}

.mpsc-button__icon--verde {
    color: var(--mpsc-color-primary);
}

.mpsc-button__icon--verde-escuro {
    color: var(--mpsc-color-primary-dark);
}

.mpsc-button__icon--vermelho {
    color: var(--mpsc-color-accent-red);
}

.mpsc-button__icon--escuro {
    color: var(--mpsc-color-text-title);
}

.mpsc-button.mpsc-button--sem-fundo,
.mpsc-button.mpsc-button--sem-fundo:hover,
.mpsc-button.mpsc-button--sem-fundo:focus,
.mpsc-button.mpsc-button--sem-fundo:active {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mpsc-button.mpsc-button--fundo-branco,
.mpsc-button.mpsc-button--fundo-branco:focus,
.mpsc-button.mpsc-button--fundo-branco:active {
    border: 0;
    background-color: var(--mpsc-color-white);
    color: var(--mpsc-color-primary);
}

.mpsc-button.mpsc-button--fundo-branco:hover {
    background-color: var(--mpsc-color-border);
    color: var(--mpsc-color-primary);
}

/* Fallback de 1rem removido */
.mpsc-button__seta {
    font-size: var(--mpsc-font-size-md);
    line-height: 1;
    flex-shrink: 0;
}

/* Fallbacks de 16px removidos */
.mpsc-button mpsc-icon.mpsc-button__seta,
.mpsc-button mpsc-icon.mpsc-button__seta .mpsc-icon__svg {
    width: var(--mpsc-button-mpsc-arrow-size) !important;
    height: var(--mpsc-button-mpsc-arrow-size) !important;
}

.mpsc-button__seta--branco {
    color: var(--mpsc-color-white);
}

.mpsc-button__seta--verde {
    color: var(--mpsc-color-primary);
}

.mpsc-button__seta--verde-escuro {
    color: var(--mpsc-color-primary-dark);
}

.mpsc-button__seta--vermelho {
    color: var(--mpsc-color-accent-red);
}

.mpsc-button__seta--escuro {
    color: var(--mpsc-color-text-title);
}

.mpsc-button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
}

/* ==== campanhas ==== */
.mpsc-conteudos-destaque {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-background, #f1f1f3);
	--mpsc-conteudos-destaque-botao-fundo-hover: var(--mpsc-color-border, #d4d4d8);
	--mpsc-conteudos-destaque-botao-icone: var(--mpsc-color-text-title, #222);
	width: 100%;
	box-sizing: border-box;
	padding: var(--mpsc-space-2);
}

.mpsc-conteudos-destaque--branco {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque--verde {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-primary, #2f6b4f);
	--mpsc-conteudos-destaque-botao-fundo-hover: var(--mpsc-color-primary-dark, #1f4d3a);
	--mpsc-conteudos-destaque-botao-icone: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque--verde-escuro {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
	--mpsc-conteudos-destaque-botao-fundo-hover: var(--mpsc-color-primary, #2f6b4f);
	--mpsc-conteudos-destaque-botao-icone: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque--vermelho {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-accent-red, #b02a2a);
	--mpsc-conteudos-destaque-botao-fundo-hover: var(--mpsc-color-accent-red, #b02a2a);
	--mpsc-conteudos-destaque-botao-icone: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque--preto {
	--mpsc-conteudos-destaque-botao-fundo: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-botao-fundo-hover: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-botao-icone: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque__swiper {
	margin-right: calc(-1 * var(--mpsc-space-2));
	margin-left: calc(-1 * var(--mpsc-space-2));
	padding-top: var(--mpsc-space-1);
	padding-right: var(--mpsc-space-2);
	padding-bottom: var(--mpsc-space-3);
	padding-left: var(--mpsc-space-2);
	overflow: hidden;
}

.mpsc-conteudos-destaque__lista {
	align-items: stretch;
}

.mpsc-conteudos-destaque__slide {
	width: 100%;
	height: auto;
}

.mpsc-conteudos-destaque__card {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-background, #f1f1f3);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-primary, #2f6b4f);
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 344px;
	padding: var(--mpsc-space-1);
	box-sizing: border-box;
	border-radius: var(--mpsc-radius-md);
	background-color: var(--mpsc-conteudos-destaque-fundo);
	box-shadow: 0 var(--mpsc-space-1) var(--mpsc-space-2) rgba(171, 190, 209, 0.4);
	overflow: hidden;
}

.mpsc-conteudos-destaque__card--cinza {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-background, #f1f1f3);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-conteudos-destaque__card--branco {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-white, #ffffff);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-conteudos-destaque__card--verde {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-primary, #2f6b4f);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-white, #ffffff);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque__card--verde-escuro {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-white, #ffffff);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque__card--vermelho {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-accent-red, #b02a2a);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-white, #ffffff);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque__card--preto {
	--mpsc-conteudos-destaque-fundo: var(--mpsc-color-text-title, #222222);
	--mpsc-conteudos-destaque-texto: var(--mpsc-color-white, #ffffff);
	--mpsc-conteudos-destaque-destaque: var(--mpsc-color-white, #ffffff);
}

.mpsc-conteudos-destaque__imagem {
	display: block;
	flex-shrink: 0;
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: var(--mpsc-radius-md);
}

.mpsc-conteudos-destaque__conteudo {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	gap: var(--mpsc-space-1);
	padding: var(--mpsc-space-2) var(--mpsc-space-1) 0;
	text-align: center;
}

.mpsc-conteudos-destaque__categoria {
	font: var(--mpsc-font-label-xxs);
	font-weight: 700;
	color: var(--mpsc-conteudos-destaque-destaque);
	text-transform: uppercase;
}

.mpsc-conteudos-destaque__titulo {
	margin: 0;
	font: var(--mpsc-font-label-lg);
	font-weight: 600;
	color: var(--mpsc-conteudos-destaque-texto);
	text-align: center;
}

.mpsc-conteudos-destaque__descricao {
	display: -webkit-box;
	margin: 0;
	font: var(--mpsc-font-body-xs);
	color: var(--mpsc-conteudos-destaque-texto);
	text-align: center;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mpsc-conteudos-destaque__descricao p {
	margin: 0;
}

.mpsc-conteudos-destaque__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mpsc-space-1);
	width: 100%;
	margin-top: auto;
	padding: var(--mpsc-space-2) var(--mpsc-space-1);
	box-sizing: border-box;
	font: var(--mpsc-font-label-xs);
	color: var(--mpsc-conteudos-destaque-texto);
	text-decoration: none;
	text-transform: uppercase;
}

.mpsc-conteudos-destaque__link:hover {
	color: var(--mpsc-conteudos-destaque-texto);
	text-decoration: underline;
}

.mpsc-conteudos-destaque__link:focus-visible {
	border-radius: var(--mpsc-radius-sm);
	outline: 2px solid var(--mpsc-input-focus-border-color);
	outline-offset: 2px;
}

.mpsc-conteudos-destaque__link-icone {
	font-size: var(--mpsc-font-size-sm);
	line-height: 1;
	color: var(--mpsc-conteudos-destaque-destaque);
}

.mpsc-conteudos-destaque__controles {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-1);
	padding-bottom: var(--mpsc-space-2);
}

.mpsc-conteudos-destaque__botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mpsc-space-5);
	height: var(--mpsc-space-5);
	padding: 0;
	border: none;
	border-radius: var(--mpsc-radius-full);
	background-color: var(--mpsc-conteudos-destaque-botao-fundo);
	cursor: pointer;
}

.mpsc-conteudos-destaque__botao:hover {
	background-color: var(--mpsc-conteudos-destaque-botao-fundo-hover);
}

.mpsc-conteudos-destaque__botao:focus-visible {
	box-shadow:
		0 0 0
		var(--mpsc-box-shadow-input-focus-size)
		var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-conteudos-destaque__botao:disabled {
	opacity: 0.5;
	cursor: default;
}

.mpsc-conteudos-destaque__botao-icone {
	display: block;
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
	color: var(--mpsc-conteudos-destaque-botao-icone, var(--mpsc-color-text-title, #222));
}

.mpsc-conteudos-destaque__mensagem-vazia {
	width: 100%;
	padding: var(--mpsc-space-3);
	box-sizing: border-box;
	font: var(--mpsc-font-body-sm);
	color: var(--mpsc-color-text-primary);
	text-align: center;
}

@media (min-width: 768px) {
	.mpsc-conteudos-destaque__slide {
		width: 360px;
	}
}

@media (min-width: 1280px) {
	.mpsc-conteudos-destaque {
		padding: 0;
	}

	.mpsc-conteudos-destaque__slide {
		width: 360px;
	}

	.mpsc-conteudos-destaque__card {
		width: 360px;
		min-height: 344px;
	}

	.mpsc-conteudos-destaque__imagem {
		height: 180px;
	}
}

.mpsc-conteudos-destaque mpsc-icon.mpsc-conteudos-destaque__botao-icone .mpsc-icon__svg,
.mpsc-conteudos-destaque mpsc-icon.mpsc-conteudos-destaque__link-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

/* ==== card-atendimento-denúncia ==== */
.mpsc-card-atendimento-denuncia,
.mpsc-card-atendimento-denuncia *,
.mpsc-card-atendimento-denuncia *::before,
.mpsc-card-atendimento-denuncia *::after {
    box-sizing: border-box;
}

.mpsc-card-atendimento-denuncia lfr-editable {
    display: contents;
}

.mpsc-card-atendimento-denuncia {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3);
    width: 100%;
    padding: var(--mpsc-space-4) var(--mpsc-space-3);
    border-radius: var(--mpsc-radius-md);
    background-color: var(--mpsc-color-accent-red);
}

.mpsc-card-atendimento-denuncia__header {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1);
}

.mpsc-card-atendimento-denuncia__title {
    font: var(--mpsc-font-heading-md);
    color: var(--mpsc-color-white);
    margin: 0;
}

.mpsc-card-atendimento-denuncia__description p {
    font: var(--mpsc-font-body-sm);
    color: var(--mpsc-color-white);
    margin: 0;
}

.mpsc-card-atendimento-denuncia__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--mpsc-space-2);
}

.mpsc-card-atendimento-denuncia__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    width: 100%;
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    border-radius: var(--mpsc-radius-full);
    font: var(--mpsc-font-label-md);
}

.mpsc-card-atendimento-denuncia__btn:focus-visible {
    outline: 3px solid var(--mpsc-color-white);
    outline-offset: 2px;
}

.mpsc-card-atendimento-denuncia__btn-icon {
    font-size: var(--mpsc-font-size-lg);
    line-height: 1;
    flex-shrink: 0;
    display: block;
}

.mpsc-card-atendimento-denuncia__btn.btn-light,
.mpsc-card-atendimento-denuncia__btn.btn-light:hover,
.mpsc-card-atendimento-denuncia__btn.btn-light:focus-visible {
    color: var(--mpsc-color-accent-red);
}

.mpsc-card-atendimento-denuncia__btn.btn-danger {
    background-color: var(--mpsc-color-accent-red);
    border-color: currentColor;
}

.mpsc-card-atendimento-denuncia__btn.btn-danger:hover,
.mpsc-card-atendimento-denuncia__btn.btn-danger:focus-visible {
    background-color: var(--mpsc-color-accent-red);
    filter: brightness(1.15);
}

@media (min-width: 768px) {
    .mpsc-card-atendimento-denuncia {
        padding: var(--mpsc-space-4);
    }

    .mpsc-card-atendimento-denuncia__title {
        font: var(--mpsc-font-heading-lg);
    }

    .mpsc-card-atendimento-denuncia__actions {
        grid-template-columns: 1fr 1fr;
    }
}

.mpsc-card-atendimento-denuncia mpsc-icon.mpsc-card-atendimento-denuncia__btn-icon .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== card-canais-de-atendimento ==== */
.mpsc-canais-atendimento,
.mpsc-canais-atendimento *,
.mpsc-canais-atendimento *::before,
.mpsc-canais-atendimento *::after {
    box-sizing: border-box;
}

.mpsc-canais-atendimento lfr-editable {
    display: contents;
}

.mpsc-canais-atendimento {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: var(--mpsc-space-4);
    border-radius: var(--mpsc-radius-md);
    background-color: var(--mpsc-color-white);
}

.mpsc-canais-atendimento__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    gap: var(--mpsc-space-1);
}

.mpsc-canais-atendimento__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: var(--mpsc-radius-sm);
}

.mpsc-canais-atendimento__heading {
    font: var(--mpsc-font-label-sm);
    text-align: left;
    text-transform: uppercase;
    color: var(--mpsc-color-text-secondary);
    margin: 0;
}

.mpsc-canais-atendimento__chevron {
    flex-shrink: 0;
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--mpsc-color-text-secondary);
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.mpsc-canais-atendimento--closed .mpsc-canais-atendimento__chevron {
    transform: rotate(0deg);
}

.mpsc-canais-atendimento__collapse {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    visibility: visible;
    width: 100%;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
}

.mpsc-canais-atendimento--closed .mpsc-canais-atendimento__collapse {
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s 0.3s;
}

.mpsc-canais-atendimento__collapse-inner {
    min-height: 0;
}

.mpsc-canais-atendimento__list {
    list-style: none;
    margin: var(--mpsc-space-2) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.mpsc-canais-atendimento__item {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1);
    padding: var(--mpsc-space-3) 0;
    border-bottom: 1px solid var(--mpsc-color-border);
}

.mpsc-canais-atendimento__item:first-child {
    padding-top: 0;
}

.mpsc-canais-atendimento__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.mpsc-canais-atendimento__number {
    font: var(--mpsc-font-display-lg);
    color: var(--mpsc-color-primary);
}

.mpsc-canais-atendimento__name {
    font: var(--mpsc-font-heading-sm);
    color: var(--mpsc-color-text-title);
}

.mpsc-canais-atendimento__description {
    font: var(--mpsc-font-body-sm);
    color: var(--mpsc-color-text-secondary);
}

.mpsc-canais-atendimento--red {
    background-color: var(--mpsc-color-accent-red);
}

.mpsc-canais-atendimento--red .mpsc-canais-atendimento__item {
    border-bottom-color: var(--mpsc-color-white);
}

.mpsc-canais-atendimento--red .mpsc-canais-atendimento__heading,
.mpsc-canais-atendimento--red .mpsc-canais-atendimento__chevron,
.mpsc-canais-atendimento--red .mpsc-canais-atendimento__number,
.mpsc-canais-atendimento--red .mpsc-canais-atendimento__name,
.mpsc-canais-atendimento--red .mpsc-canais-atendimento__description {
    color: var(--mpsc-color-white);
}

.mpsc-canais-atendimento--white-red .mpsc-canais-atendimento__heading,
.mpsc-canais-atendimento--white-red .mpsc-canais-atendimento__chevron,
.mpsc-canais-atendimento--white-red .mpsc-canais-atendimento__number,
.mpsc-canais-atendimento--white-red .mpsc-canais-atendimento__name,
.mpsc-canais-atendimento--white-red .mpsc-canais-atendimento__description {
    color: var(--mpsc-color-accent-red);
}

@media (max-width: 768px) {
    .mpsc-canais-atendimento {
        height: auto;
    }
}

/* ==== card-com-imagem ==== */
.mpsc-card-conteudo-relacionado {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	min-height: 248px;
	box-sizing: border-box;
	border-radius: var(--mpsc-radius-md);
	overflow: hidden;
	background-color: var(--mpsc-color-background);
}

.mpsc-card-conteudo-relacionado--clicavel {
	cursor: pointer;
}

.mpsc-card-conteudo-relacionado__imagem {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mpsc-card-conteudo-relacionado__sobreposicao {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(102, 102, 102, 0.15) 0%,
		rgba(18, 18, 20, 0.8) 100%
	);
	pointer-events: none;
}

.mpsc-card-conteudo-relacionado__conteudo {
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--mpsc-space-2);
	padding: var(--mpsc-space-2);
	padding-bottom: var(--mpsc-font-size-2xl);
	box-sizing: border-box;
	color: var(--mpsc-color-white);
}

.mpsc-card-conteudo-relacionado__titulo {
	margin: 0;
	font: var(--mpsc-font-label-md);
	color: var(--mpsc-color-white);
}

.mpsc-card-conteudo-relacionado__titulo--branco {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-conteudo-relacionado__titulo--verde {
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-card-conteudo-relacionado__titulo--verde-escuro {
	color: var(--mpsc-color-primary-dark, #1f4d3a);
}

.mpsc-card-conteudo-relacionado__titulo--vermelho {
	color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-card-conteudo-relacionado__titulo--escuro {
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-card-conteudo-relacionado__titulo--padrao {
	font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-card-conteudo-relacionado__titulo--medio {
	font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-card-conteudo-relacionado__titulo--grande {
	font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-card-conteudo-relacionado__titulo--extra-grande {
	font-size: var(--mpsc-font-size-xl, 1.25rem);
}

.mpsc-card-conteudo-relacionado__link {
	display: inline-flex;
	align-items: center;
	gap: var(--mpsc-space-1);
	font: var(--mpsc-font-label-sm);
	color: var(--mpsc-color-white);
	text-decoration: none;
}

.mpsc-card-conteudo-relacionado__link:hover {
	color: var(--mpsc-color-white);
	text-decoration: underline;
}

.mpsc-card-conteudo-relacionado__link--branco,
.mpsc-card-conteudo-relacionado__link--branco:hover {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-conteudo-relacionado__link--verde,
.mpsc-card-conteudo-relacionado__link--verde:hover {
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-card-conteudo-relacionado__link--verde-escuro,
.mpsc-card-conteudo-relacionado__link--verde-escuro:hover {
	color: var(--mpsc-color-primary-dark, #1f4d3a);
}

.mpsc-card-conteudo-relacionado__link--vermelho,
.mpsc-card-conteudo-relacionado__link--vermelho:hover {
	color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-card-conteudo-relacionado__link--escuro,
.mpsc-card-conteudo-relacionado__link--escuro:hover {
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-card-conteudo-relacionado__link--padrao {
	font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-card-conteudo-relacionado__link--medio {
	font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-card-conteudo-relacionado__link--grande {
	font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-card-conteudo-relacionado__link:focus-visible {
	outline: 2px solid var(--mpsc-color-white);
	outline-offset: 2px;
	border-radius: var(--mpsc-radius-sm);
}

.mpsc-card-conteudo-relacionado__link-icone {
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
}

.mpsc-card-conteudo-relacionado--clicavel .mpsc-card-conteudo-relacionado__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.mpsc-card-conteudo-relacionado--modo-edicao .mpsc-card-conteudo-relacionado__link::after {
	content: none;
}

/* ==== card-de-acao-grande ==== */
.mpsc-card-acao-grande,
.mpsc-card-acao-grande *,
.mpsc-card-acao-grande *::before,
.mpsc-card-acao-grande *::after {
    box-sizing: border-box;
}

.mpsc-card-acao-grande lfr-editable {
    display: contents;
}

.mpsc-card-acao-grande {
    background-color: var(--mpsc-color-primary);
    border-radius: var(--mpsc-radius-md);
    padding: var(--mpsc-space-4);
    width: 100%;
    max-width: 1280px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.mpsc-card-acao-grande--clicavel {
    cursor: pointer;
}

.mpsc-card-acao-grande__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-4);
    width: 100%;
    max-width: 1216px;
}

.mpsc-card-acao-grande__text-container {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
}

.mpsc-card-acao-grande__title {
    font: var(--mpsc-font-heading-xl);
    color: var(--mpsc-color-white);
    margin: 0;
}

.mpsc-card-acao-grande__description {
    font: var(--mpsc-font-body-md);
    color: var(--mpsc-color-white);
    margin: 0;
}

.mpsc-card-acao-grande__description p {
    margin-top: 0;
    margin-bottom: var(--mpsc-space-2);
}

.mpsc-card-acao-grande__description p:last-child {
    margin-bottom: 0;
}

.mpsc-card-acao-grande__icon-wrapper {
    position: absolute;
    top: 50%;
    right: -2%;
    transform: translateY(-50%);
    z-index: 1;
}

.mpsc-card-acao-grande__icon {
    font-size: 223px;
    line-height: 1;
    color: var(--mpsc-color-primary-dark);
    transform: rotate(21.72deg);
}

@media (max-width: 768px) {
    .mpsc-card-acao-grande {
        padding: var(--mpsc-space-3);
    }

    .mpsc-card-acao-grande__icon {
        font-size: 150px;
        opacity: 0.3;
    }
}

.mpsc-card-acao-grande mpsc-icon.mpsc-card-acao-grande__icon .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== card-de-ações ==== */
.mspc-card-de-acoes {
    --card-bg: var(--mpsc-color-primary, #2F6B4F);
    --card-bg-hover: var(--mpsc-color-primary-dark, #1F4D3A);
    --card-text: var(--mpsc-color-white, #FFFFFF);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--mpsc-space-2, 1rem);
    box-sizing: border-box;
    width: 100%;
    min-height: 141px;
    padding: var(--mpsc-space-4, 2rem);
    border-radius: var(--mpsc-radius-md, 16px);
    overflow: hidden;
    background-color: var(--card-bg);
    color: var(--card-text);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.mspc-card-de-acoes *,
.mspc-card-de-acoes *::before,
.mspc-card-de-acoes *::after {
    box-sizing: border-box;
}

.mspc-card-de-acoes--branco {
    --card-bg: var(--mpsc-color-white, #FFFFFF);
    --card-bg-hover: var(--mpsc-color-background, #F1F1F3);
    --card-text: var(--mpsc-color-text-title, #222222);
}

.mspc-card-de-acoes--cinza {
    --card-bg: var(--mpsc-color-background, #F1F1F3);
    --card-bg-hover: var(--mpsc-color-border, #E3E3E3);
    --card-text: var(--mpsc-color-text-title, #222222);
}

.mspc-card-de-acoes--verde {
    --card-bg: var(--mpsc-color-primary, #2F6B4F);
    --card-bg-hover: var(--mpsc-color-primary-dark, #1F4D3A);
    --card-text: var(--mpsc-color-white, #FFFFFF);
}

.mspc-card-de-acoes--verde-escuro {
    --card-bg: var(--mpsc-color-primary-dark, #1F4D3A);
    --card-bg-hover: var(--mpsc-color-text-primary, #121214);
    --card-text: var(--mpsc-color-white, #FFFFFF);
}

.mspc-card-de-acoes--escuro {
    --card-bg: var(--mpsc-color-text-primary, #121214);
    --card-bg-hover: var(--mpsc-color-text-title, #222222);
    --card-text: var(--mpsc-color-white, #FFFFFF);
}

.mspc-card-de-acoes--vermelho {
    --card-bg: var(--mpsc-color-accent-red, #B02A2A);
    --card-bg-hover: var(--mpsc-color-accent-red, #B02A2A);
    --card-text: var(--mpsc-color-white, #FFFFFF);
}

.mspc-card-de-acoes:hover {
    background-color: var(--card-bg-hover);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.mspc-card-de-acoes:active {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.mspc-card-de-acoes__link {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1, 0.5rem);
    color: inherit;
    text-decoration: none;
}

.mspc-card-de-acoes__link:hover,
.mspc-card-de-acoes__link:focus-visible {
    color: inherit;
    text-decoration: none;
    outline: 0;
}

.mspc-card-de-acoes__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--mpsc-radius-md, 16px);
}

.mspc-card-de-acoes__link:focus-visible::after {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size, 0.25rem) var(--mpsc-input-focus-box-shadow-color, #86B7FE75);
}

.mspc-card-de-acoes__title {
    font: var(--mpsc-font-heading-lg, 600 1.25rem/1.75rem "Montserrat", sans-serif);
    margin: 0;
}

.mspc-card-de-acoes__description {
    font: var(--mpsc-font-body-md, 500 1rem/1.25rem "Montserrat", sans-serif);
    margin: 0;
    color: inherit;
}

.mspc-card-de-acoes--titulo-24 .mspc-card-de-acoes__title {
    font: var(--mpsc-font-heading-xl, 600 1.5rem/2rem "Montserrat", sans-serif);
}

.mspc-card-de-acoes--titulo-28 .mspc-card-de-acoes__title {
    font: var(--mpsc-font-display-md, 600 1.75rem/2.25rem "Montserrat", sans-serif);
}

.mspc-card-de-acoes--descricao-20 .mspc-card-de-acoes__description {
    font-size: var(--mpsc-font-size-xl, 1.25rem);
    line-height: 1.4;
}

.mspc-card-de-acoes--descricao-24 .mspc-card-de-acoes__description {
    font-size: var(--mpsc-font-size-2xl, 1.5rem);
    line-height: 1.4;
}

.mspc-card-de-acoes__dropzone {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1, 0.5rem);
    min-height: var(--mpsc-space-4, 2rem);
}

.mspc-card-de-acoes__icon {
    transform: rotate(-25deg);
    position: absolute;
    top: 0;
    right: calc(var(--mpsc-space-2, 1rem) * -1);
    z-index: 0;
    width: var(--mspc-card-de-acoes-icon-size, 160px);
    height: var(--mspc-card-de-acoes-icon-size, 160px);
    opacity: 0.3;
    filter: brightness(0.4);
    transition: transform 0.4s ease, opacity 0.3s ease, filter 0.3s ease;
    pointer-events: none;
}

.mspc-card-de-acoes mpsc-icon.mspc-card-de-acoes__icon .mpsc-icon__svg {
    width: var(--mspc-card-de-acoes-icon-size, 160px) !important;
    height: var(--mspc-card-de-acoes-icon-size, 160px) !important;
}

.mspc-card-de-acoes--icone-interno .mspc-card-de-acoes__icon {
    right: 0;
}

.mspc-card-de-acoes--icone-vertical-acima .mspc-card-de-acoes__icon {
    top: 0;
    bottom: auto;
    margin-block: 0;
}

.mspc-card-de-acoes--icone-vertical-centro .mspc-card-de-acoes__icon {
    top: 0;
    bottom: 0;
    margin-block: auto;
}

.mspc-card-de-acoes--icone-vertical-abaixo .mspc-card-de-acoes__icon {
    top: auto;
    bottom: 0;
    margin-block: 0;
}

.mspc-card-de-acoes:hover .mspc-card-de-acoes__icon {
    transform: scale(1.1) rotate(-30deg);
    opacity: 0.5;
    filter: brightness(2);
}

.mspc-card-de-acoes__icon--sem-animacao {
    transition: none;
    transform: none;
}

.mspc-card-de-acoes:hover .mspc-card-de-acoes__icon--sem-animacao {
    transform: none;
    opacity: 0.3;
    filter: brightness(0.4);
}

@media (max-width: 768px) {
    .mspc-card-de-acoes--icone-atras-texto-mobile .mspc-card-de-acoes__link {
        padding-right: 0;
    }

    .mspc-card-de-acoes--icone-atras-texto-mobile .mspc-card-de-acoes__title,
    .mspc-card-de-acoes--icone-atras-texto-mobile .mspc-card-de-acoes__description {
        position: relative;
        z-index: 2;
    }

    .mspc-card-de-acoes--icone-atras-texto-mobile .mspc-card-de-acoes__icon {
        z-index: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mspc-card-de-acoes,
    .mspc-card-de-acoes__icon {
        transition: none;
    }

    .mspc-card-de-acoes:hover .mspc-card-de-acoes__icon {
        transform: rotate(-25deg);
        opacity: 0.3;
        filter: brightness(0.4);
    }

    .mspc-card-de-acoes .mspc-card-de-acoes__icon--sem-animacao,
    .mspc-card-de-acoes:hover .mspc-card-de-acoes__icon--sem-animacao {
        transform: none;
    }
}

/* ==== card-de-canal-especializado ==== */
.mpsc-specialized-channel-card,
.mpsc-specialized-channel-card *,
.mpsc-specialized-channel-card *::before,
.mpsc-specialized-channel-card *::after {
    box-sizing: border-box;
}

.mpsc-specialized-channel-card lfr-editable {
    display: contents;
}

.mpsc-specialized-channel-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: 628px;
    min-height: 190px;
    padding: var(--mpsc-space-4);
    gap: var(--mpsc-space-2);
    background-color: var(--mpsc-color-background);
    border-radius: var(--mpsc-radius-md);
    opacity: 1;
    box-sizing: border-box;
}

.mpsc-specialized-channel-card__content {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    flex: 1;
}

.mpsc-specialized-channel-card__title {
    margin: 0;
    font: var(--mpsc-font-heading-md);
    color: var(--mpsc-color-primary);
}

.mpsc-specialized-channel-card__subtitle p {
    margin: 0;
    font: var(--mpsc-font-overline);
    color: var(--mpsc-color-text-title);
}

.mpsc-specialized-channel-card__description p {
    margin: 0;
    font: var(--mpsc-font-body-md);
    color: var(--mpsc-color-text-dark);
}

.mpsc-specialized-channel-card__cta-wrapper {
    margin-top: auto;
}

.mpsc-specialized-channel-card__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--mpsc-space-1);
    width: fit-content;
    text-decoration: none;
    font: var(--mpsc-font-link-cta);
    color: var(--mpsc-color-primary);
    transition: text-decoration 0.2s ease, opacity 0.2s ease;
    padding: 0;
}

.mpsc-specialized-channel-card__cta:hover,
.mpsc-specialized-channel-card__cta:focus-visible {
    color: var(--mpsc-color-primary);
    text-decoration: underline;
}

.mpsc-specialized-channel-card__cta-icon {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
    display: block;
}

@media (max-width: 768px) {
    .mpsc-specialized-channel-card {
        padding: var(--mpsc-space-3);
        margin-bottom: var(--mpsc-space-2);
        height: auto;
    }

    .mpsc-specialized-channel-card__cta {
        text-align: left;
    }
}

.mpsc-specialized-channel-card mpsc-icon.mpsc-specialized-channel-card__cta-icon .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== card-de-contato ==== */
.mpsc-contact-card,
.mpsc-contact-card *,
.mpsc-contact-card *::before,
.mpsc-contact-card *::after {
    box-sizing: border-box;
}

.mpsc-contact-card lfr-editable {
    display: contents;
}

.mpsc-contact-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 411px;
    gap: var(--mpsc-space-3);
    background-color: var(--mpsc-color-background);
    border-radius: var(--mpsc-radius-md);
    padding: var(--mpsc-space-3) 0;
    margin: 0 auto;
}

.mpsc-contact-card__left-section {
    display: flex;
    flex-direction: column;
    width: 246px;
    min-height: 166px;
    gap: var(--mpsc-space-4);
}

.mpsc-contact-card__divider {
    width: 246px;
    height: 0px;
    margin: 0;
    border: none;
    border-top: 1px solid var(--mpsc-color-border);
}

.mpsc-contact-card__right-section {
    display: flex;
    flex-direction: column;
    width: 246px;
    min-height: 143px;
    gap: var(--mpsc-space-1);
}

.mpsc-contact-card__title {
    margin: 0;
    font: var(--mpsc-font-heading-md);
    color: var(--mpsc-color-primary);
}

.mpsc-contact-card__subtitle p,
.mpsc-contact-card__subtitle {
    margin: 0;
    font: var(--mpsc-font-overline);
    color: var(--mpsc-color-text-title);
}

.mpsc-contact-card__description p,
.mpsc-contact-card__description {
    margin: 0;
    font: var(--mpsc-font-body-md);
    color: var(--mpsc-color-text-primary);
}

.mpsc-contact-card__phone {
    margin: 0;
    font: var(--mpsc-font-display-lg);
    color: var(--mpsc-color-primary);
}

.mpsc-contact-card__action-title {
    margin: 0;
    font: var(--mpsc-font-label-lg);
    color: var(--mpsc-color-text-title);
}

.mpsc-contact-card__action-desc p,
.mpsc-contact-card__action-desc {
    margin: 0;
    font: var(--mpsc-font-label-md);
    color: var(--mpsc-color-text-primary);
}

@media (min-width: 769px) {
    .mpsc-contact-card {
        flex-direction: row;
        width: 100%;
        max-width: 1280px;
        min-height: 183px;
        padding: var(--mpsc-space-5);
        gap: var(--mpsc-space-4);
    }

    .mpsc-contact-card__left-section {
        flex: 1;
        width: auto;
        min-height: auto;
        gap: var(--mpsc-space-2);
    }

    .mpsc-contact-card__divider {
        display: none;
    }

    .mpsc-contact-card__right-section {
        position: relative;
        justify-content: center;
        flex: 1;
        width: auto;
        min-height: auto;
        gap: var(--mpsc-space-1);
        padding-left: var(--mpsc-space-5);
        border-left: 1px solid var(--mpsc-color-border);
    }
}

/* ==== card-de-contato-institucional ==== */
.mpsc-institutional-contact-list,
.mpsc-institutional-contact-list *,
.mpsc-institutional-contact-list *::before,
.mpsc-institutional-contact-list *::after {
    box-sizing: border-box;
}

.mpsc-institutional-contact-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 32.5rem), 1fr));
    align-items: stretch;
    gap: var(--mpsc-space-2, 16px);
    width: 100%;
}

.mpsc-institutional-contact-list--compact-stacked {
    display: flex;
    flex-wrap: wrap;
}

.mpsc-institutional-contact {
    --institutional-contact-accent: var(--mpsc-color-primary, #2f6b4f);
    --institutional-contact-background: var(--mpsc-color-primary-dark, #1f4d3a);
    --institutional-contact-foreground: var(--mpsc-color-white, #ffffff);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: var(--mpsc-space-4, 32px);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--institutional-contact-background);
    color: var(--institutional-contact-foreground);
}

.mpsc-institutional-contact--compact-stacked {
    width: min(100%, 32.5rem);
    min-height: 19.75rem;
    flex: 0 1 32.5rem;
}

.mpsc-institutional-contact--compact-stacked .mpsc-institutional-contact__address {
    line-height: 1.375;
}

.mpsc-institutional-contact__background-icon {
    position: absolute;
    z-index: -1;
    top: var(--mpsc-space-3, 24px);
    right: var(--mpsc-space-3, 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    height: 9rem;
    color: var(--institutional-contact-accent);
    opacity: 0.72;
    pointer-events: none;
}

.mpsc-institutional-contact__background-icon .bi {
    display: block;
    font-size: 9rem;
    line-height: 1;
}

.mpsc-institutional-contact__background-icon mpsc-icon {
    display: block;
    width: var(--mpsc-space-4, 32px);
    height: var(--mpsc-space-4, 32px);
    transform: scale(4.5);
}

.mpsc-institutional-contact__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mpsc-institutional-contact__title {
    max-width: calc(100% - 6rem);
    margin: 0;
    color: var(--institutional-contact-foreground);
    font: var(--mpsc-font-heading-xl, 600 24px/32px "Montserrat", sans-serif);
}

.mpsc-institutional-contact__address {
    margin-top: var(--mpsc-space-2, 16px);
    color: var(--institutional-contact-foreground);
    font: var(--mpsc-font-body-lg, 400 16px/24px "Montserrat", sans-serif);
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.mpsc-institutional-contact__service-hours {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1, 8px);
    margin-top: var(--mpsc-space-2, 16px);
    color: var(--institutional-contact-foreground);
    font: var(--mpsc-font-body-lg, 400 16px/24px "Montserrat", sans-serif);
    white-space: pre-line;
}

.mpsc-institutional-contact__service-hours-label {
    font-weight: 600;
}

.mpsc-institutional-contact__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mpsc-space-2, 16px);
    width: 100%;
    margin-top: auto;
    padding-top: var(--mpsc-space-3, 24px);
}

.mpsc-institutional-contact__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 3rem;
    gap: var(--mpsc-space-2, 16px);
    padding: var(--mpsc-space-1, 8px) var(--mpsc-space-2, 16px);
    border: 1px solid var(--institutional-contact-foreground);
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--institutional-contact-foreground);
    color: var(--institutional-contact-background);
    font: var(--mpsc-font-heading-md, 600 18px/24px "Montserrat", sans-serif);
    text-align: center;
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.mpsc-institutional-contact__button:hover {
    color: var(--institutional-contact-background);
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
    text-decoration: none;
    transform: translateY(-1px);
}

.mpsc-institutional-contact__button:focus-visible {
    color: var(--institutional-contact-background);
    outline: 3px solid var(--mpsc-input-focus-border-color, #86b7fe);
    outline-offset: 3px;
    text-decoration: none;
}

.mpsc-institutional-contact__button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-3, 24px);
    height: var(--mpsc-space-3, 24px);
    flex: 0 0 var(--mpsc-space-3, 24px);
    color: currentColor;
}

.mpsc-institutional-contact__button-icon .bi {
    display: block;
    font-size: var(--mpsc-space-3, 24px);
    line-height: 1;
}

.mpsc-institutional-contact__button-icon mpsc-icon {
    display: block;
}

.mpsc-institutional-contact__button-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mpsc-institutional-contact__button-label {
    font: var(--mpsc-font-body-xs, 500 12px/20px "Montserrat", sans-serif);
}

.mpsc-institutional-contact__button-value {
    min-width: 0;
    overflow-wrap: anywhere;
}

.mpsc-institutional-contact--stacked .mpsc-institutional-contact__actions,
.mpsc-institutional-contact--compact-stacked .mpsc-institutional-contact__actions {
    display: flex;
    flex-direction: column;
}

.mpsc-institutional-contact--stacked .mpsc-institutional-contact__button--phone,
.mpsc-institutional-contact--compact-stacked .mpsc-institutional-contact__button--phone {
    background-color: transparent;
    color: var(--institutional-contact-foreground);
}

.mpsc-institutional-contact--stacked .mpsc-institutional-contact__button--phone:hover,
.mpsc-institutional-contact--stacked .mpsc-institutional-contact__button--phone:focus-visible,
.mpsc-institutional-contact--compact-stacked .mpsc-institutional-contact__button--phone:hover,
.mpsc-institutional-contact--compact-stacked .mpsc-institutional-contact__button--phone:focus-visible {
    color: var(--institutional-contact-foreground);
}

.mpsc-institutional-contact-list__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 8rem;
    padding: var(--mpsc-space-3, 24px);
    border: 1px dashed var(--mpsc-color-primary, #2f6b4f);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-background, #f1f1f3);
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-body-md, 500 16px/20px "Montserrat", sans-serif);
    text-align: center;
}

@media (max-width: 575px) {
    .mpsc-institutional-contact {
        padding: var(--mpsc-space-3, 24px);
    }

    .mpsc-institutional-contact__background-icon {
        top: var(--mpsc-space-2, 16px);
        right: var(--mpsc-space-2, 16px);
        width: 7rem;
        height: 7rem;
    }

    .mpsc-institutional-contact__background-icon .bi {
        font-size: 7rem;
    }

    .mpsc-institutional-contact__background-icon mpsc-icon {
        transform: scale(3.5);
    }

    .mpsc-institutional-contact__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mpsc-institutional-contact__button {
        transition: none;
    }
}

/* ==== card-de-cta ==== */
.mpsc-cta-card,
.mpsc-cta-card *,
.mpsc-cta-card *::before,
.mpsc-cta-card *::after {
    box-sizing: border-box;
}

.mpsc-cta-card lfr-editable {
    display: contents;
}

.mpsc-cta-card {
    --cta-card-title-color: var(--mpsc-color-white);
    --cta-card-btn-color: var(--mpsc-color-white);
    --cta-card-btn-contrast: var(--mpsc-color-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: var(--mpsc-space-4) var(--mpsc-space-3);
    border-radius: var(--mpsc-radius-md);
    background-color: var(--mpsc-color-primary);
    color: var(--mpsc-color-white);
}

.mpsc-cta-card--branco {
    --cta-card-title-color: var(--mpsc-color-primary);
    --cta-card-btn-color: var(--mpsc-color-primary);
    --cta-card-btn-contrast: var(--mpsc-color-white);
    background-color: var(--mpsc-color-white);
    color: var(--mpsc-color-text-primary);
}

.mpsc-cta-card--cinza {
    --cta-card-title-color: var(--mpsc-color-primary);
    --cta-card-btn-color: var(--mpsc-color-primary);
    --cta-card-btn-contrast: var(--mpsc-color-white);
    background-color: var(--mpsc-color-background);
    color: var(--mpsc-color-text-primary);
}

.mpsc-cta-card__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    gap: var(--mpsc-space-1);
}

.mpsc-cta-card__toggle:focus-visible {
    outline: 2px solid var(--cta-card-btn-color);
    outline-offset: 2px;
    border-radius: var(--mpsc-radius-sm);
}

.mpsc-cta-card__title {
    font: var(--mpsc-font-label-lg);
    color: var(--cta-card-title-color);
    letter-spacing: 0.05em;
    text-align: left;
}

.mpsc-cta-card__chevron {
    flex-shrink: 0;
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--cta-card-title-color);
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.mpsc-cta-card--closed .mpsc-cta-card__chevron {
    transform: rotate(0deg);
}

.mpsc-cta-card__collapse {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    visibility: visible;
    width: 100%;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
}

.mpsc-cta-card--closed .mpsc-cta-card__collapse {
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s 0.3s;
}

.mpsc-cta-card__collapse-inner {
    min-height: 0;
}

.mpsc-cta-card__actions {
    margin-top: var(--mpsc-space-3);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mpsc-space-2);
    width: 100%;
}

.mpsc-cta-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    width: 100%;
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    border: 1px solid var(--cta-card-btn-color);
    border-radius: var(--mpsc-radius-full);
    background-color: transparent;
    color: var(--cta-card-btn-color);
    font: var(--mpsc-font-label-md);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mpsc-cta-card__btn:hover,
.mpsc-cta-card__btn:focus-visible {
    background-color: var(--cta-card-btn-color);
    color: var(--cta-card-btn-contrast);
}

.mpsc-cta-card__btn:focus-visible {
    outline: 3px solid var(--cta-card-btn-color);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .mpsc-cta-card {
        height: auto;
        padding: var(--mpsc-space-3);
    }

    .mpsc-cta-card__actions {
        padding-top: var(--mpsc-space-2);
    }
}

/* ==== card-de-cta-flexivel ==== */
.mpsc-cta-flex,
.mpsc-cta-flex *,
.mpsc-cta-flex *::before,
.mpsc-cta-flex *::after {
    box-sizing: border-box;
}

.mpsc-cta-flex lfr-editable {
    display: contents;
}

.mpsc-cta-flex {
    --cta-flex-title-color: var(--mpsc-color-white, #FFFFFF);
    --cta-flex-text-color: var(--mpsc-color-white, #FFFFFF);
    --cta-flex-btn-color: var(--mpsc-color-white, #FFFFFF);
    --cta-flex-btn-contrast: var(--mpsc-color-primary, #2F6B4F);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: var(--mpsc-space-4, 32px) var(--mpsc-space-3, 24px);
    border-radius: var(--mpsc-radius-md, 12px);
    background-color: var(--mpsc-color-primary, #2F6B4F);
    color: var(--cta-flex-text-color);
}

.mpsc-cta-flex--verde-escuro {
    background-color: var(--mpsc-color-primary-dark, #1F4D3A);
}

.mpsc-cta-flex--vermelho {
    --cta-flex-btn-contrast: var(--mpsc-color-accent-red, #B02A2A);
    background-color: var(--mpsc-color-accent-red, #B02A2A);
}

.mpsc-cta-flex--branco {
    --cta-flex-title-color: var(--mpsc-color-primary, #2F6B4F);
    --cta-flex-text-color: var(--mpsc-color-text-primary, #121214);
    --cta-flex-btn-color: var(--mpsc-color-primary, #2F6B4F);
    --cta-flex-btn-contrast: var(--mpsc-color-white, #FFFFFF);
    background-color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-cta-flex--cinza {
    --cta-flex-title-color: var(--mpsc-color-primary, #2F6B4F);
    --cta-flex-text-color: var(--mpsc-color-text-primary, #121214);
    --cta-flex-btn-color: var(--mpsc-color-primary, #2F6B4F);
    --cta-flex-btn-contrast: var(--mpsc-color-white, #FFFFFF);
    background-color: var(--mpsc-color-background, #F1F1F3);
}

.mpsc-cta-flex__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    gap: var(--mpsc-space-1, 8px);
}

.mpsc-cta-flex--always-open .mpsc-cta-flex__toggle {
    cursor: default;
}

.mpsc-cta-flex--always-open .mpsc-cta-flex__chevron {
    display: none;
}

.mpsc-cta-flex__toggle:focus-visible {
    outline: 2px solid var(--cta-flex-btn-color);
    outline-offset: 2px;
    border-radius: var(--mpsc-radius-sm, 8px);
}

.mpsc-cta-flex__title {
    font: var(--mpsc-font-label-lg, 700 18px/1.4 sans-serif);
    color: var(--cta-flex-title-color);
    letter-spacing: 0.05em;
    text-align: left;
}

.mpsc-cta-flex__chevron {
    flex-shrink: 0;
    font-size: var(--mpsc-space-2, 16px);
    line-height: 1;
    color: var(--cta-flex-title-color);
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.mpsc-cta-flex--closed .mpsc-cta-flex__chevron {
    transform: rotate(0deg);
}

.mpsc-cta-flex__collapse {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    visibility: visible;
    width: 100%;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
}

.mpsc-cta-flex--closed .mpsc-cta-flex__collapse {
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s 0.3s;
}

.mpsc-cta-flex--always-open.mpsc-cta-flex--closed .mpsc-cta-flex__collapse {
    grid-template-rows: 1fr;
    visibility: visible;
}

.mpsc-cta-flex__collapse-inner {
    min-height: 0;
}

.mpsc-cta-flex__subtitle {
    margin: var(--mpsc-space-3, 24px) 0 0;
    font: var(--mpsc-font-label-md, 600 16px/1.4 sans-serif);
    color: var(--cta-flex-text-color);
}

.mpsc-cta-flex__description {
    margin-top: var(--mpsc-space-2, 16px);
    font: var(--mpsc-font-body-md, 400 16px/1.6 sans-serif);
    color: var(--cta-flex-text-color);
}

.mpsc-cta-flex__actions {
    margin-top: var(--mpsc-space-3, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mpsc-space-2, 16px);
    width: 100%;
}

.mpsc-cta-flex__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 8px);
    width: 100%;
    padding: var(--mpsc-space-1, 8px) var(--mpsc-space-2, 16px);
    border-radius: var(--mpsc-radius-full, 999px);
    font: var(--mpsc-font-label-md, 600 16px/1.4 sans-serif);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mpsc-cta-flex__btn--esquema {
    border: 1px solid var(--cta-flex-btn-color);
    background-color: transparent;
    color: var(--cta-flex-btn-color);
}

.mpsc-cta-flex__btn--esquema:hover,
.mpsc-cta-flex__btn--esquema:focus-visible {
    background-color: var(--cta-flex-btn-color);
    color: var(--cta-flex-btn-contrast);
}

.mpsc-cta-flex__btn.mpsc-cta-flex__btn--sem-fundo,
.mpsc-cta-flex__btn.mpsc-cta-flex__btn--sem-fundo:hover,
.mpsc-cta-flex__btn.mpsc-cta-flex__btn--sem-fundo:focus,
.mpsc-cta-flex__btn.mpsc-cta-flex__btn--sem-fundo:active {
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--cta-flex-btn-color);
}

.mpsc-cta-flex__btn.mpsc-cta-flex__btn--fundo-branco,
.mpsc-cta-flex__btn.mpsc-cta-flex__btn--fundo-branco:focus,
.mpsc-cta-flex__btn.mpsc-cta-flex__btn--fundo-branco:active {
    border: 0;
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-cta-flex__btn.mpsc-cta-flex__btn--fundo-branco:hover {
    background-color: var(--mpsc-color-border, #E3E3E3);
    color: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-cta-flex__btn:focus-visible {
    outline: 3px solid var(--cta-flex-btn-color);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .mpsc-cta-flex {
        height: auto;
        padding: var(--mpsc-space-3, 24px);
    }

    .mpsc-cta-flex__actions {
        padding-top: var(--mpsc-space-2, 16px);
    }
}

/* ==== card-de-informações ==== */
.mpsc-info-card,
.mpsc-info-card *,
.mpsc-info-card *::before,
.mpsc-info-card *::after {
    box-sizing: border-box;
}

.mpsc-info-card lfr-editable {
    display: contents;
}

.mpsc-info-card {
    --info-card-title-color: var(--mpsc-color-text-title);
    --info-card-subtitle-color: var(--mpsc-color-text-title);
    --info-card-cta-text-color: var(--mpsc-color-primary);
    --info-card-cta-icon-color: var(--mpsc-color-primary);
    --info-card-icon-color: var(--mpsc-color-primary);
    --info-card-icon-bg: var(--mpsc-color-background);
    --info-card-icon-wrapper-size: 48px;
    --info-card-icon-size: 32px;
    --info-card-illustration-color: var(--mpsc-color-text-primary);
    --info-card-border-color: var(--mpsc-color-border);
    --info-card-title-font: var(--mpsc-font-heading-md);
    --info-card-text-font: var(--mpsc-font-body-md);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--mpsc-space-4);
    border-radius: var(--mpsc-radius-md);
    background-color: var(--mpsc-color-white);
    color: var(--mpsc-color-text-primary);
    gap: var(--mpsc-space-2);
}

.mpsc-info-card--has-illustration {
    overflow: hidden;
}

.mpsc-info-card--verde {
    --info-card-title-color: var(--mpsc-color-white);
    --info-card-subtitle-color: var(--mpsc-color-white);
    --info-card-cta-text-color: var(--mpsc-color-white);
    --info-card-cta-icon-color: var(--mpsc-color-white);
    --info-card-illustration-color: var(--mpsc-color-white);
    background-color: var(--mpsc-color-primary);
    color: var(--mpsc-color-white);
}

.mpsc-info-card--verde-escuro {
    --info-card-title-color: var(--mpsc-color-white);
    --info-card-subtitle-color: var(--mpsc-color-white);
    --info-card-cta-text-color: var(--mpsc-color-white);
    --info-card-cta-icon-color: var(--mpsc-color-white);
    --info-card-icon-color: var(--mpsc-color-white);
    --info-card-icon-bg: transparent;
    --info-card-illustration-color: var(--mpsc-color-white);
    background-color: var(--mpsc-color-primary-dark);
    color: var(--mpsc-color-white);
}

.mpsc-info-card--cinza {
    --info-card-title-color: var(--mpsc-color-primary);
    background-color: var(--mpsc-color-background);
}

.mpsc-info-card--vermelho {
    --info-card-title-color: var(--mpsc-color-white);
    --info-card-subtitle-color: var(--mpsc-color-white);
    --info-card-cta-text-color: var(--mpsc-color-white);
    --info-card-cta-icon-color: var(--mpsc-color-white);
    --info-card-icon-color: var(--mpsc-color-white);
    --info-card-icon-bg: transparent;
    --info-card-icon-wrapper-size: 42px;
    --info-card-icon-size: 42px;
    --info-card-illustration-color: var(--mpsc-color-white);
    background-color: var(--mpsc-color-accent-red);
    color: var(--mpsc-color-white);
}

.mpsc-info-card--borda {
    background-color: transparent;
    border: 1px solid var(--info-card-border-color);
}

.mpsc-info-card--border-verde {
    --info-card-border-color: var(--mpsc-color-primary);
}

.mpsc-info-card--border-verde-escuro {
    --info-card-border-color: var(--mpsc-color-primary-dark);
}

.mpsc-info-card--border-vermelho {
    --info-card-border-color: var(--mpsc-color-accent-red);
}

.mpsc-info-card--border-escuro {
    --info-card-border-color: var(--mpsc-color-text-title);
}

.mpsc-info-card--border-branco {
    --info-card-border-color: var(--mpsc-color-white);
}

.mpsc-info-card--title-size-medio {
    --info-card-title-font: var(--mpsc-font-heading-lg);
}

.mpsc-info-card--title-size-grande {
    --info-card-title-font: var(--mpsc-font-heading-xl);
}

.mpsc-info-card--text-size-pequeno {
    --info-card-text-font: var(--mpsc-font-body-sm);
}

.mpsc-info-card--text-size-grande {
    --info-card-text-font: var(--mpsc-font-body-lg);
}

.mpsc-info-card--title-verde {
    --info-card-title-color: var(--mpsc-color-primary);
}

.mpsc-info-card--title-verde-escuro {
    --info-card-title-color: var(--mpsc-color-primary-dark);
}

.mpsc-info-card--title-vermelho {
    --info-card-title-color: var(--mpsc-color-accent-red);
}

.mpsc-info-card--title-escuro {
    --info-card-title-color: var(--mpsc-color-text-title);
}

.mpsc-info-card--title-branco {
    --info-card-title-color: var(--mpsc-color-white);
}

.mpsc-info-card--cta-text-verde {
    --info-card-cta-text-color: var(--mpsc-color-primary);
}

.mpsc-info-card--cta-text-verde-escuro {
    --info-card-cta-text-color: var(--mpsc-color-primary-dark);
}

.mpsc-info-card--cta-text-vermelho {
    --info-card-cta-text-color: var(--mpsc-color-accent-red);
}

.mpsc-info-card--cta-text-escuro {
    --info-card-cta-text-color: var(--mpsc-color-text-title);
}

.mpsc-info-card--cta-text-branco {
    --info-card-cta-text-color: var(--mpsc-color-white);
}

.mpsc-info-card--cta-icon-verde {
    --info-card-cta-icon-color: var(--mpsc-color-primary);
}

.mpsc-info-card--cta-icon-verde-escuro {
    --info-card-cta-icon-color: var(--mpsc-color-primary-dark);
}

.mpsc-info-card--cta-icon-vermelho {
    --info-card-cta-icon-color: var(--mpsc-color-accent-red);
}

.mpsc-info-card--cta-icon-escuro {
    --info-card-cta-icon-color: var(--mpsc-color-text-title);
}

.mpsc-info-card--cta-icon-branco {
    --info-card-cta-icon-color: var(--mpsc-color-white);
}

.mpsc-info-card--icon-color-verde {
    --info-card-icon-color: var(--mpsc-color-primary);
}

.mpsc-info-card--icon-color-verde-escuro {
    --info-card-icon-color: var(--mpsc-color-primary-dark);
}

.mpsc-info-card--icon-color-vermelho {
    --info-card-icon-color: var(--mpsc-color-accent-red);
}

.mpsc-info-card--icon-color-escuro {
    --info-card-icon-color: var(--mpsc-color-text-title);
}

.mpsc-info-card--icon-color-branco {
    --info-card-icon-color: var(--mpsc-color-white);
}

.mpsc-info-card--icon-left {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--mpsc-space-3);
}

.mpsc-info-card--icon-left.mpsc-info-card--no-title {
    align-items: center;
}

.mpsc-info-card--icon-left.mpsc-info-card--left-icon-top {
    align-items: flex-start;
}

.mpsc-info-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    flex: 1;
    min-width: 0;
    z-index: 2;
}

.mpsc-info-card__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--info-card-icon-wrapper-size);
    height: var(--info-card-icon-wrapper-size);
    border-radius: var(--mpsc-radius-full);
    background-color: var(--info-card-icon-bg);
    flex-shrink: 0;
    z-index: 2;
}

.mpsc-info-card__icon-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--info-card-icon-size);
    height: var(--info-card-icon-size);
    font-size: calc(var(--info-card-icon-size) * 0.8);
    line-height: 1;
    color: var(--info-card-icon-color);
}

.mpsc-info-card mpsc-icon .mpsc-icon__svg {
    width: var(--mpsc-info-card-mpsc-icon-size) !important;
    height: var(--mpsc-info-card-mpsc-icon-size) !important;
}

.mpsc-info-card__title {
    font: var(--info-card-title-font);
    color: var(--info-card-title-color);
    margin: 0;
}

.mpsc-info-card__subtitle {
    font: var(--mpsc-font-overline);
    color: var(--info-card-subtitle-color);
    margin: 0;
}

.mpsc-info-card__text-content {
    font: var(--info-card-text-font);
    margin: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1);
}

.mpsc-info-card__text-content p {
    margin: 0;
}

.mpsc-info-card__text-content ul {
    margin: 0;
    padding-left: var(--mpsc-space-3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--mpsc-space-1) / 2);
}

.col:has(.mpsc-info-card)>div,
.col:has(.mpsc-info-card)>div>div {
    height: 100%;
}

.col:has(.mpsc-info-card) .col {
    align-self: stretch;
}

.mpsc-info-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.mpsc-info-card__cta-wrapper {
    margin-top: var(--mpsc-space-1);
    z-index: 2;
}

.mpsc-info-card__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--mpsc-space-1);
    max-width: 100%;
    text-decoration: none;
    text-align: left;
    font: var(--mpsc-font-link-cta);
    color: var(--info-card-cta-text-color);
    transition: text-decoration 0.2s ease, opacity 0.2s ease;
    padding: 0;
}

.mpsc-info-card__cta:hover,
.mpsc-info-card__cta:focus-visible {
    color: var(--info-card-cta-text-color);
    text-decoration: underline;
}

.mpsc-info-card__cta-label {
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.5;
}

.mpsc-info-card--cta-uppercase .mpsc-info-card__cta-label {
    text-transform: uppercase;
}

.mpsc-info-card__cta-icon {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
    display: block;
    color: var(--info-card-cta-icon-color);
}

.mpsc-info-card__cta--toggle {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.mpsc-info-card__cta--toggle .mpsc-info-card__cta-icon {
    transition: transform 0.2s ease;
}

.mpsc-info-card__cta--toggle[aria-expanded="true"] .mpsc-info-card__cta-icon {
    transform: rotate(90deg);
}

.mpsc-info-card__expandable {
    display: none;
}

.mpsc-info-card__expandable--open {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    z-index: 2;
}

.mpsc-info-card__background-illustration {
    position: absolute;
    right: calc(var(--mpsc-space-4) * -1);
    bottom: calc(var(--mpsc-space-4) * -1);
    z-index: 1;
    width: 175px;
    height: 175px;
    opacity: 0.45;
}

.mpsc-info-card--illustration-center-right .mpsc-info-card__background-illustration,
.mpsc-info-card--illustration-top-aligned-right .mpsc-info-card__background-illustration,
.mpsc-info-card--illustration-bottom-aligned-right .mpsc-info-card__background-illustration {
    right: 72px;
    display: flex;
    justify-content: center;
    transform: translateX(50%);
}

.mpsc-info-card--illustration-center-right .mpsc-info-card__background-illustration {
    top: 50%;
    bottom: auto;
    align-items: center;
    transform: translate(50%, -50%);
}

.mpsc-info-card--illustration-top-aligned-right .mpsc-info-card__background-illustration {
    top: 0;
    bottom: auto;
    align-items: flex-start;
}

.mpsc-info-card--illustration-bottom-aligned-right .mpsc-info-card__background-illustration {
    top: auto;
    bottom: 0;
    align-items: flex-end;
}

.mpsc-info-card__illustration-img {
    display: block;
    font-size: 175px;
    line-height: 1;
    color: var(--info-card-illustration-color);
}

.mpsc-info-card__footer-text {
    font: var(--info-card-text-font);
    margin: 0;
}

.mpsc-info-card__footer-text p {
    margin: 0;
}

.mpsc-info-card__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mpsc-color-accent-red);
    color: var(--mpsc-color-white);
    font: var(--mpsc-font-label-xs);
    text-transform: uppercase;
    border-radius: var(--mpsc-radius-full);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    align-self: flex-start;
    line-height: 1;
}

@media (max-width: 768px) {
    .mpsc-info-card {
        height: auto;
    }

    .mpsc-info-card--icon-left.mpsc-info-card--icon-top-mobile {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--mpsc-space-2);
    }

    .mpsc-info-card__background-illustration {
        display: none !important;
    }
}

/* ==== card-de-últimas-notícias ==== */
.mpsc-ultimas-noticias {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--mpsc-space-3, 1.5rem);
    width: 100%;
}

.mpsc-ultimas-noticias__card {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2, 1rem);
    height: 100%;
    padding: var(--mpsc-space-3, 1.5rem);
    background-color: var(--mpsc-color-white, #ffffff);
    border: 1px solid var(--mpsc-color-border, #e3e3e3);
    border-radius: var(--mpsc-radius-md, 16px);
    cursor: pointer;
}

.mpsc-ultimas-noticias__categoria {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
    background-color: var(--mpsc-color-primary, #2f6b4f);
    color: var(--mpsc-color-white, #ffffff);
    border-radius: var(--mpsc-radius-full, 9999px);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: var(--mpsc-font-size-xs, 0.75rem);
    line-height: var(--mpsc-space-2, 1rem);
    text-align: center;
    text-transform: uppercase;
}

.mpsc-ultimas-noticias__titulo {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: var(--mpsc-font-size-2xl, 1.5rem);
    line-height: 1;
    color: var(--mpsc-color-text-title, #222222);
}

.mpsc-ultimas-noticias__descricao {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: var(--mpsc-font-size-sm, 0.875rem);
    line-height: 1.25rem;
    color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-ultimas-noticias__rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 1rem);
    margin-top: auto;
}

.mpsc-ultimas-noticias__rodape--sem-data {
    justify-content: flex-end;
}

.mpsc-ultimas-noticias__data {
    font: var(--mpsc-font-body-md, 500 1rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-icon, #757575);
}

.mpsc-ultimas-noticias__link {
    display: inline-flex;
    align-items: center;
    gap: var(--mpsc-space-1, 0.5rem);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1.25;
    color: var(--mpsc-color-primary, #2f6b4f);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

.mpsc-ultimas-noticias__link:visited,
.mpsc-ultimas-noticias__link:focus,
.mpsc-ultimas-noticias__link:active {
    color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-ultimas-noticias__link:hover {
    color: var(--mpsc-color-primary, #2f6b4f);
    text-decoration: underline;
}

.mpsc-ultimas-noticias__link-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
}

.mpsc-ultimas-noticias__vazio {
    grid-column: 1 / -1;
    color: var(--mpsc-color-text-primary, #121214);
}

@media (min-width: 768px) {
    .mpsc-ultimas-noticias {
        grid-template-columns: repeat(2, 1fr);
    }
}

.mpsc-ultimas-noticias mpsc-icon.mpsc-ultimas-noticias__link-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== card-fichário ==== */
.mpsc-card-fichario {
	min-width: 0;
	background-color: var(--mpsc-color-white);
	border: 1px solid var(--mpsc-color-border);
	border-radius: var(--mpsc-radius-md);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
	height: 100%;
}

.mpsc-card-fichario__link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--mpsc-space-2);
	gap: var(--mpsc-space-2);
	box-sizing: border-box;
	color: var(--mpsc-color-text-dark);
	text-decoration: none;
}

.mpsc-card-fichario__icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: var(--mpsc-radius-full);
	background-color: var(--mpsc-color-background);
	flex-shrink: 0;
}

.mpsc-card-fichario__icon {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
	pointer-events: none;
}

.mpsc-card-fichario__text {
	font: var(--mpsc-font-label-lg);
	color: var(--mpsc-color-text-dark);
	overflow-wrap: anywhere;
}

.mpsc-card-fichario:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mpsc-card-fichario__link:hover {
	color: var(--mpsc-color-text-dark);
	text-decoration: none;
}

.mpsc-card-fichario__link:focus-visible {
	box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

/* ==== card-grande ==== */
.mpsc-big-card,
.mpsc-big-card *,
.mpsc-big-card *::before,
.mpsc-big-card *::after {
    box-sizing: border-box;
}

.mpsc-big-card lfr-editable {
    display: contents;
}

.mpsc-big-card {
    --big-card-bg: var(--mpsc-color-white);
    --big-card-text: var(--mpsc-color-text-primary);
    --big-card-title: var(--mpsc-color-text-title);
    --big-card-icon-bg: var(--mpsc-color-background);
    --big-card-icon-color: var(--mpsc-color-primary);
    --big-card-cta-color: var(--mpsc-color-primary);
    --big-card-illustration-color: var(--mpsc-color-text-primary);
    position: relative;
    width: 100%;
    max-width: 609px;
    min-height: 434px;
    padding: var(--mpsc-space-4);
    border-radius: var(--mpsc-radius-md);
    overflow: hidden;
    display: flex;
    background-color: var(--big-card-bg);
    color: var(--big-card-text);
}

.mpsc-big-card--verde {
    --big-card-bg: var(--mpsc-color-primary);
    --big-card-text: var(--mpsc-color-white);
    --big-card-title: var(--mpsc-color-white);
    --big-card-icon-color: var(--mpsc-color-white);
    --big-card-cta-color: var(--mpsc-color-white);
    --big-card-illustration-color: var(--mpsc-color-white);
    background-color: var(--mpsc-color-primary);
    color: var(--mpsc-color-white);
}

.mpsc-big-card--cinza {
    --big-card-bg: var(--mpsc-color-background);
    --big-card-title: var(--mpsc-color-primary);
    background-color: var(--mpsc-color-background);
}

.mpsc-big-card__wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--mpsc-space-2);
    width: 100%;
    height: 100%;
}

.mpsc-big-card__title-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--mpsc-radius-2xl);
    padding: var(--mpsc-space-1);
    background-color: var(--big-card-icon-bg);
}

.mpsc-big-card__title-icon-img {
    font-size: 32px;
    line-height: 1;
    color: var(--big-card-icon-color);
    display: block;
}

.mpsc-big-card__content {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-4);
    flex: 1;
    max-width: 484px;
    min-height: 362px;
}

.mpsc-big-card__text-details {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
}

.mpsc-big-card__title {
    font: var(--mpsc-font-heading-xl);
    margin: 0;
    color: var(--big-card-title);
}

.mpsc-big-card__description {
    font: var(--mpsc-font-body-md);
    color: inherit;
}

.mpsc-big-card__description p {
    margin: 0;
}

.mpsc-big-card__subtitle {
    font: var(--mpsc-font-body-md);
    color: inherit;
}

.mpsc-big-card__subtitle p {
    margin: 0;
}

.mpsc-big-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.mpsc-big-card__dropzone {
    display: flex;
    flex-direction: column;
    min-height: var(--mpsc-space-6);
}

.mpsc-big-card__cta-wrapper {
    margin-top: auto;
    z-index: 2;
}

.mpsc-big-card__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--mpsc-space-1);
    font: var(--mpsc-font-link-cta);
    text-transform: uppercase;
    text-decoration: none;
    color: var(--big-card-cta-color);
    transition: opacity 0.2s ease;
    cursor: pointer;
    padding: 0px;
    white-space: nowrap;
}

.mpsc-big-card__cta:hover,
.mpsc-big-card__cta:active {
    opacity: 0.85;
    text-decoration: underline;
    color: var(--big-card-cta-color);
}

.mpsc-big-card__cta:focus-visible {
    opacity: 0.85;
    text-decoration: underline;
    color: var(--big-card-cta-color);
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    border-radius: var(--mpsc-radius-sm);
}

.mpsc-big-card__cta-icon {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
    display: block;
}

.mpsc-big-card__background-illustration {
    position: absolute;
    bottom: calc(var(--mpsc-space-3) * -1);
    right: calc(var(--mpsc-space-6) * -1);
    width: 276px;
    height: 276px;
    z-index: 1;
    opacity: 0.15;
}

.mpsc-big-card__illustration-img {
    font-size: 276px;
    line-height: 1;
    color: var(--big-card-illustration-color);
    display: block;
}

@media (max-width: 768px) {
    .mpsc-big-card {
        width: 100%;
        min-height: auto;
        margin-top: var(--mpsc-space-2);
    }

    .mpsc-big-card__wrapper {
        flex-direction: column;
    }

    .mpsc-big-card__content {
        width: 100%;
        min-height: auto;
    }

    .mpsc-big-card__background-illustration {
        display: none !important;
    }

    .mpsc-big-card__cta {
        text-align: left;
        white-space: normal;
        align-items: flex-start;
        line-height: 1.5rem;
    }

    .mpsc-big-card__cta-icon {
        margin-top: calc(var(--mpsc-space-1) / 4);
    }
}

.mpsc-big-card mpsc-icon.mpsc-big-card__title-icon-img .mpsc-icon__svg,
.mpsc-big-card mpsc-icon.mpsc-big-card__cta-icon .mpsc-icon__svg,
.mpsc-big-card mpsc-icon.mpsc-big-card__illustration-img .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== card-programa-campanha ==== */
.mpsc-card-programa-campanha {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	min-height: 415px;
	box-sizing: border-box;
	padding: 24px 16px;
	border-radius: var(--mpsc-radius-md);
	background-color: #F5F7FA;
	box-shadow: 0 8px 16px rgba(171, 190, 209, 0.4);
}

.mpsc-card-programa-campanha__imagem {
	display: block;
	width: 100%;
	height: 177px;
	object-fit: cover;
	border-radius: var(--mpsc-radius-md);
}

.mpsc-card-programa-campanha__textos {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-2);
	text-align: center;
}

.mpsc-card-programa-campanha__titulo {
	margin: 0;
	font: var(--mpsc-font-label-lg);
	font-weight: 600;
	line-height: 1;
	color: var(--mpsc-color-text-title);
	text-align: center;
}

.mpsc-card-programa-campanha__descricao {
	margin: 0;
	font: var(--mpsc-font-body-sm);
	color: var(--mpsc-color-text-title);
	text-align: center;
}

.mpsc-card-programa-campanha__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mpsc-space-1);
	margin: 0 auto;
	font: var(--mpsc-font-label-md);
	font-weight: 700;
	color: var(--mpsc-color-text-title);
	text-decoration: none;
}

@media (min-width: 1280px) {
	.mpsc-card-programa-campanha {
		min-height: 547px;
		padding: 24px 26px;
	}

	.mpsc-card-programa-campanha__imagem {
		height: 203px;
	}

	.mpsc-card-programa-campanha__titulo {
		font-size: 18px;
		line-height: 1.25;
		font-weight: 600;
	}

	.mpsc-card-programa-campanha__descricao {
		font-size: 14px;
		line-height: 20px;
	}

	.mpsc-card-programa-campanha__link {
		min-height: 28px;
		padding: 8px 12px 7px;
		gap: 4px;
		font-size: 14px;
		line-height: 1;
	}
}

/* ==== card-serviços-eletrônicos ==== */
.mpsc-card-servicos-eletronicos {
	width: 100%;
	box-sizing: border-box;
	padding: var(--mpsc-space-3) 0;
	border-top: 1px solid var(--mpsc-color-border);
	border-bottom: 1px solid var(--mpsc-color-border);
}

.mpsc-card-servicos-eletronicos__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-2);
}

.mpsc-card-servicos-eletronicos__titulo {
	margin: 0;
	font: var(--mpsc-font-label-lg);
	font-weight: 700;
	color: var(--mpsc-color-primary);
}

.mpsc-card-servicos-eletronicos__subtitulo {
	margin: 0;
	font: var(--mpsc-font-label-md);
	font-style: italic;
	color: var(--mpsc-color-text-title);
}

.mpsc-card-servicos-eletronicos__descricao {
	margin: 0;
	font: var(--mpsc-font-body-md);
	color: var(--mpsc-color-text-title);
}

.mpsc-card-servicos-eletronicos__descricao p {
	margin: 0;
}

.mpsc-card-servicos-eletronicos__acoes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mpsc-space-2);
	margin-top: var(--mpsc-space-1);
	min-height: 56px;
}

/* Garante que os wrappers criados pelo Liferay não empilhem os botões */
.mpsc-card-servicos-eletronicos__acoes>*,
.mpsc-card-servicos-eletronicos__acoes .lfr-layout-structure-item-container,
.mpsc-card-servicos-eletronicos__acoes .lfr-layout-structure-item-row,
.mpsc-card-servicos-eletronicos__acoes .lfr-layout-structure-item-col,
.mpsc-card-servicos-eletronicos__acoes .lfr-layout-structure-item {
	display: flex;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

/* Dropzone visível e clicável no editor */
.mpsc-card-servicos-eletronicos__acoes lfr-drop-zone {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mpsc-space-2);
	min-width: 100%;
	min-height: 56px;
}

.mpsc-card-servicos-eletronicos__acoes [class*="lfr-layout-structure-item"]+[class*="lfr-layout-structure-item"] {
	margin-left: 16px;
}

@media (min-width: 1280px) {
	.mpsc-card-servicos-eletronicos {
		padding: var(--mpsc-space-4) 0;
	}

	.mpsc-card-servicos-eletronicos__conteudo {
		gap: var(--mpsc-space-2);
	}

	.mpsc-card-servicos-eletronicos__acoes {
		gap: var(--mpsc-space-2);
		margin-top: var(--mpsc-space-1);
	}
}

/* ==== cards-de-situações ==== */
.mpsc-card-situacao {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: var(--mpsc-space-2, 1rem);
	box-sizing: border-box;
	overflow: hidden;
	border-radius: var(--mpsc-radius-md, 16px);
	background-color: var(--mpsc-color-background, #f1f1f3);
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__imagem {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mpsc-card-situacao__sobreposicao {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(102, 102, 102, 0.36) 0%,
		rgba(18, 18, 20, 0.6) 26.92%
	);
	pointer-events: none;
}

.mpsc-card-situacao__conteudo {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.mpsc-card-situacao__titulo {
	margin: 0;
	font: 700 var(--mpsc-font-size-sm, 0.875rem)/1.25 "Montserrat", sans-serif;
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__cta {
	display: inline-flex;
	align-items: center;
	gap: var(--mpsc-space-1, 0.5rem);
	color: var(--mpsc-color-white, #ffffff);
	text-decoration: none;
}

.mpsc-card-situacao__cta:hover,
.mpsc-card-situacao__cta:focus {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__cta::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

.mpsc-card-situacao__cta-texto {
	display: none;
	font: 700 var(--mpsc-font-size-md, 1rem)/1 "Montserrat", sans-serif;
	text-transform: uppercase;
}

.mpsc-card-situacao__cta-icone {
	display: none;
	font-size: var(--mpsc-font-size-md, 1rem);
	line-height: 1;
}

.mpsc-card-situacao mpsc-icon.mpsc-card-situacao__cta-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-card-situacao__cta:hover .mpsc-card-situacao__cta-texto {
	text-decoration: underline;
}

.mpsc-card-situacao__cta:focus-visible {
	outline: 2px solid var(--mpsc-color-white, #ffffff);
	outline-offset: 2px;
	border-radius: var(--mpsc-radius-sm, 8px);
}

@media (min-width: 768px) {
	.mpsc-card-situacao {
		align-items: flex-end;
		height: 189px;
	}

	.mpsc-card-situacao__conteudo {
		gap: var(--mpsc-space-2, 1rem);
		max-width: 304px;
	}

	.mpsc-card-situacao__titulo {
		font-size: var(--mpsc-font-size-md, 1rem);
	}

	.mpsc-card-situacao__cta-texto {
		display: inline;
	}

	.mpsc-card-situacao__cta-icone {
		display: inline-block;
	}
}

/* ==== cards-informativos ==== */
.mpsc-card-collection {
	width: 100%;
}


.mpsc-card-collection__controles {
	display: none;
}

.mpsc-card-collection__seta {
	align-items: center;
	background-color: var(--mpsc-color-white);
	border: 0;
	border-radius: var(--mpsc-radius-full);
	color: var( --mpsc-color-text-dark);
	cursor: pointer;
	display: inline-flex;
	height: var(--mpsc-space-5);
	justify-content: center;
	padding: 0;
	transition: background-color 150ms ease, color 150ms ease;
	width: var(--mpsc-space-5);
}

.mpsc-card-collection__seta:hover {
	background-color: var(--mpsc-color-border);
}

.mpsc-card-collection__seta:focus-visible {
	box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-card-collection__seta:disabled {
	cursor: default;
	opacity: 1;
}

.mpsc-card-collection__seta-icone {
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
}

.mpsc-card-collection mpsc-icon.mpsc-card-collection__seta-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-card-collection__swiper {
	overflow: hidden;
	width: 100%;
}

.mpsc-card-collection__slide {
	display: flex;
	height: auto;
}

.mpsc-card {
	background: var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-md);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.mpsc-card__image-link {
	display: block;
	overflow: hidden;
	width: 100%;
}

.mpsc-card__image {
	aspect-ratio: 413 / 230;
	display: block;
	height: auto;
	object-fit: cover;
	transition: transform 200ms ease;
	width: 100%;
}

.mpsc-card__image-link:hover .mpsc-card__image {
	transform: scale(1.02);
}

.mpsc-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: var(--mpsc-space-3);
}

.mpsc-card__category {
	align-self: flex-start;
	background: var(--mpsc-color-primary);
	border-radius: var(--mpsc-radius-full);
	color: var(--mpsc-color-white);

	/* 12px */
	font: var(--mpsc-font-label-xs);

	margin-bottom: var(--mpsc-space-1);
	padding: 6px 12px;
	text-transform: uppercase;
}

.mpsc-card__title {
	color: var(--mpsc-color-text-title);

	/* 24px */
	font: var(--mpsc-font-heading-xl);

	margin: 0 0 var(--mpsc-space-1);
}

.mpsc-card__title a {
	color: inherit;
	text-decoration: none;
}

.mpsc-card__title a:hover {
	text-decoration: underline;
}

.mpsc-card__description {
	color: var(--mpsc-color-text-primary);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* Number of lines to show */
	line-clamp: 3;         /* Standard property */
	overflow: hidden;
	font-family: "Montserrat", sans-serif;
	font-size: var(--mpsc-font-size-lg);
	font-weight: 400;
	line-height: 1.5;

	margin: 0 0 var(--mpsc-space-2);
}

.mpsc-card__cta {
	align-items: center;
	align-self: flex-start;
	color: var(--mpsc-color-primary);
	display: inline-flex;

	/* 16px */
	font: var(--mpsc-font-link-cta);

	gap: var(--mpsc-space-1);
	margin-top: auto;
	text-decoration: none;
	text-transform: uppercase;
}

.mpsc-card__cta::after {
	content: "";
	inset: 0;
	position: absolute;
}

.mpsc-card__cta:hover {
	color: var(--mpsc-color-primary-dark);
	text-decoration: underline;
}

.mpsc-card__cta:focus-visible {
	border-radius: var(--mpsc-radius-sm);
	box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-card__cta-icon {
	display: inline-flex;
	line-height: 1;
	transition: transform 150ms ease;
}

.mpsc-card__cta-icon .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-card__cta:hover .mpsc-card__cta-icon {
	transform: translateX(4px);
}

.mpsc-card__empty {
	background: var(--mpsc-color-white);
	border: 1px dashed var(--mpsc-color-border);
	border-radius: var(--mpsc-radius-md);
	color: var(--mpsc-color-text-primary);
	font: var(--mpsc-font-body-lg);
	padding: var(--mpsc-space-3);
	text-align: center;
}

@media (min-width: 1280px) {
	.mpsc-card-collection__slide {
		width: 413px;
	}
}

@media(max-width: 1279px){
 .mpsc-card-collection__controles {
	display: flex;
	gap: var(--mpsc-space-1);
	justify-content: flex-start;
	margin-bottom: var(--mpsc-space-3);
	width: 100%;
}
}
/* Mobile */
@media (max-width: 767px) {
	.mpsc-card__content {
		padding: var(--mpsc-space-2);
	}
}

/* ==== carrossel ==== */
.mpsc-carrossel {
    width: 100%;
    position: relative;
}

.mpsc-carrossel--rounded {
    border-radius: var(--mpsc-radius-md);
}

.mpsc-carrossel__slide {
    text-align: center;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mpsc-carrossel__slide-img {
    display: block;
    width: 100%;
    height: 167px;
    object-fit: cover;
}

.mpsc-carrossel__button-next,
.mpsc-carrossel__button-prev {
    background-color: var(--mpsc-color-white);
}

.mpsc-carrossel .swiper-pagination-bullet {
    border: 1px solid var(--mpsc-color-white);
    transition: width .3s ease-in-out, color .3s ease-in-out;
    border-radius: var(--mpsc-radius-sm);
    opacity: 1;
    background-color: transparent;
}

.mpsc-carrossel .swiper-pagination-bullet-active {
    background-color: var(--mpsc-color-white);
    width: 24px;
}

.mpsc-carrossel__nav-buttons {
    position: absolute;
    top: var(--mpsc-space-2);
    right: var(--mpsc-space-2);
    z-index: 10;
    display: flex;
    gap: var(--mpsc-space-1);
}

.mpsc-carrossel__button-prev,
.mpsc-carrossel__button-next {
    background-color: var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-lg);
    padding: 0;
    border: none;
    cursor: pointer;
    width: var(--mpsc-space-3);
    height: var(--mpsc-space-3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.mpsc-carrossel__button-prev-img,
.mpsc-carrossel__button-next-img {
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--mpsc-color-text-title, #222);
}

@media (min-width: 1280px) {

    .mpsc-carrossel {
        height: 307px;
    }

    .mpsc-carrossel__nav-buttons {
        top: var(--mpsc-space-3);
        right: var(--mpsc-space-3);
    }

    .mpsc-carrossel__slide-img {
        height: 308px;
    }

    .mpsc-carrossel__button-prev,
    .mpsc-carrossel__button-next {
        padding: var(--mpsc-space-1);
        width: auto;
        height: auto;
    }

    .mpsc-carrossel__button-prev-img,
    .mpsc-carrossel__button-next-img {
        font-size: var(--mpsc-space-2);
    }
}

.mpsc-carrossel mpsc-icon.mpsc-carrossel__button-prev-img .mpsc-icon__svg,
.mpsc-carrossel mpsc-icon.mpsc-carrossel__button-next-img .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== carrossel-de-notícias ==== */
.mpsc-carrossel-noticias {
    width: 100%;
    position: relative;
    margin-bottom: var(--mpsc-space-3);
    /* Layout de linha unica garantido pelo proprio fragment, sem depender do CSS/JS do Swiper:
       antes de o Swiper chegar (vem de Client Extension no <head>, e no mobile pode chegar depois
       do primeiro paint) os slides empilhavam em coluna, N x 365px, e a pagina inteira pulava
       quando ele inicializava. Lighthouse media CLS 0,44 so por isso. Com a linha, o overflow
       escondido e a altura fixa do slide ja no CSS do fragment, a caixa nasce do tamanho final. */
    overflow: hidden;
}

.mpsc-carrossel-noticias__wrapper {
    display: flex;
    width: 100%;
}

.mpsc-carrossel-noticias--rounded {
    border-radius: var(--mpsc-radius-md);
}

.mpsc-carrossel-noticias__slide-description p {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Aqui você define o limite de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--mpsc-color-white);
    text-align: left;
    font-size: var(--mpsc-font-size-sm);
}

.mpsc-carrossel-noticias__slide-link_container time {
    color: var(--mpsc-color-white);
    font-size: var(--mpsc-font-size-sm);
}

.mpsc-carrossel-noticias__slide {
    text-align: center;
    background: var(--mpsc-placeholder-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 22.8125rem;
    flex: 0 0 100%;
    width: 100%;
}

.mpsc-carrossel-noticias__slide-text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, var(--mpsc-color-text-title) 90%);
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1);
    padding: var(--mpsc-space-5) var(--mpsc-space-4);
    justify-content: end;
    align-items: flex-start;
}

.mpsc-carrossel-noticias__slide-category {
    font: var(--mpsc-font-label-xs);
    background-color: var(--mpsc-color-white);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    text-transform: uppercase;
    border-radius: var(--mpsc-radius-md);
    text-align: left;
}

.mpsc-carrossel-noticias__slide-title {
    font: var(--mpsc-font-heading-xl);
    color: var(--mpsc-color-white);
    text-align: left;
}

.mpsc-carrossel-noticias__slide-link-button {
    background-color: transparent;
    border-radius: var(--mpsc-radius-md);
    padding: var(--mpsc-space-1) var(--mpsc-space-2);
    font: var(--mpsc-font-label-xs);
    gap: 0.25rem;
    border: 1px solid var(--mpsc-color-white);
    color: var(--mpsc-color-white);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    height: var(--mpsc-space-4);
    transition:
        background-color .3s ease-in-out,
        color .3s ease-in-out;
}

.mpsc-carrossel-noticias__mais-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mpsc-carrossel-noticias__slide-link-button::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.mpsc-carrossel-noticias__slide-link-button:hover {
    background: var(--mpsc-color-white);
    color: var(--mpsc-color-text-primary);
    text-decoration: none;
}

.mpsc-carrossel-noticias__slide-link-button-icon {
    font-size: var(--mpsc-space-3);
    line-height: 1;
    display: flex;
}

.mpsc-carrossel-noticias__slide-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mpsc-carrossel-noticias .swiper-pagination-bullet {
    border: 1px solid var(--mpsc-color-white);
    transition: width .3s ease-in-out, color .3s ease-in-out;
    border-radius: var(--mpsc-radius-sm);
    opacity: 1;
    background-color: transparent;
}

.mpsc-carrossel-noticias .swiper-pagination-bullet-active {
    background-color: var(--mpsc-color-white);
    width: var(--mpsc-space-3);
}

.mpsc-carrossel-noticias__nav-buttons {
    position: absolute;
    top: var(--mpsc-space-2);
    right: var(--mpsc-space-2);
    z-index: 10;
    display: flex;
    gap: var(--mpsc-space-1);
}

.mpsc-carrossel-noticias__button-prev,
.mpsc-carrossel-noticias__button-next {
    background-color: var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-lg);
    padding: 0;
    border: none;
    cursor: pointer;
    display: flex;
    width: var(--mpsc-space-3);
    height: var(--mpsc-space-3);
    justify-content: center;
    align-items: center;
}

.mpsc-carrossel-noticias__button-prev:focus-visible,
.mpsc-carrossel-noticias__button-next:focus-visible {
    outline: 2px solid var(--mpsc-input-focus-border-color);
}

.mpsc-carrossel-noticias__button-prev-img,
.mpsc-carrossel-noticias__button-next-img {
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--mpsc-color-text-title, #222);
}

.mpsc-carrossel-noticias__plus-icon {
    font-size: var(--mpsc-space-3);
    line-height: 1;
}

@media (min-width: 1280px) {

    .mpsc-carrossel-noticias__nav-buttons {
        top: var(--mpsc-space-3);
        right: var(--mpsc-space-3);
    }

    .mpsc-carrossel-noticias__button-prev,
    .mpsc-carrossel-noticias__button-next {
        padding: var(--mpsc-space-1);
        width: auto;
        height: auto;
    }

    .mpsc-carrossel-noticias__button-prev-img,
    .mpsc-carrossel-noticias__button-next-img {
        font-size: var(--mpsc-space-2);
    }
}

.mpsc-carrossel-noticias mpsc-icon.mpsc-carrossel-noticias__slide-link-button-icon .mpsc-icon__svg,
.mpsc-carrossel-noticias mpsc-icon.mpsc-carrossel-noticias__button-prev-img .mpsc-icon__svg,
.mpsc-carrossel-noticias mpsc-icon.mpsc-carrossel-noticias__button-next-img .mpsc-icon__svg,
mpsc-icon.mpsc-carrossel-noticias__plus-icon .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* Container da paginação (Obrigatório para posicionar na base do carrossel) */
.mpsc-carrossel-noticias__button-pagination {
    position: absolute;
    bottom: var(--mpsc-space-3) !important;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10 !important;
    line-height: 1;
}

/* ==== carrossel-especial ==== */
.mpsc-card-collection-especial {
	--mpsc-card-especial-height: 22.5rem;
	--mpsc-card-especial-image-height: 51.3889%;
	--mpsc-card-especial-max-width: 32.6875rem;
	--mpsc-card-especial-side-height: 31.8125rem;
	--mpsc-card-especial-side-offset: calc(var(--mpsc-space-1) / 2);
	--mpsc-card-especial-side-width: 24.5625rem;
	--mpsc-card-especial-width: 20rem;

	width: 100%;
}

.mpsc-card-collection-especial__carrossel {
	align-items: center;
	display: grid;
	gap: var(--mpsc-space-2);
	grid-template-columns: var(--mpsc-space-5) minmax(0, 1fr) var(--mpsc-space-5);
}

.mpsc-card-collection-especial__seta--anterior {
	grid-column: 1;
}

.mpsc-card-collection-especial__seta--proximo {
	grid-column: 3;
}

.mpsc-card-collection-especial__seta {
	align-items: center;
	background-color: var(--mpsc-color-white);
	border: 0;
	border-radius: var(--mpsc-radius-full);
	color: var(--mpsc-color-text-dark);
	cursor: pointer;
	display: inline-flex;
	height: var(--mpsc-space-5);
	justify-content: center;
	padding: 0;
	transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;
	width: var(--mpsc-space-5);
}

.mpsc-card-collection-especial__seta:hover:not(:disabled) {
	background-color: var(--mpsc-color-border);
}

.mpsc-card-collection-especial__seta:focus-visible {
	box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-card-collection-especial__seta:disabled {
	cursor: default;
	opacity: 0.35;
}

.mpsc-card-collection-especial__seta-icone {
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
}

.mpsc-card-collection-especial mpsc-icon.mpsc-card-collection-especial__seta-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-card-collection-especial__swiper {
	grid-column: 2;
	overflow: hidden;
	padding-block: var(--mpsc-space-3);
	width: 100%;
}

.mpsc-card-collection-especial__slide {
	align-items: center;
	display: flex;
	height: var(--mpsc-card-especial-height);
	justify-content: center;
	position: relative;
	width: min(100%, var(--mpsc-card-especial-width));
	z-index: 1;
}

.mpsc-card-collection-especial__slide .mpsc-card-especial {
	opacity: 0.72;
	transform: scale(0.9);
	transition: opacity 300ms ease, transform 300ms ease;
}

/* O Swiper cria lâminas extras para o loop; deixa visíveis somente os três cards da composição. */
.mpsc-card-collection-especial__swiper.swiper-initialized .mpsc-card-collection-especial__slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .mpsc-card-especial {
	opacity: 0;
	pointer-events: none;
}

/* aproxima os vizinhos do centro; o slide ativo tem z-index maior e cobre suas bordas internas */
.mpsc-card-collection-especial__slide.swiper-slide-prev .mpsc-card-especial {
	flex-basis: var(--mpsc-card-especial-side-width);
	height: var(--mpsc-card-especial-side-height);
	transform: translateX(var(--mpsc-card-especial-side-offset));
	width: var(--mpsc-card-especial-side-width);
}

.mpsc-card-collection-especial__slide.swiper-slide-next .mpsc-card-especial {
	flex-basis: var(--mpsc-card-especial-side-width);
	height: var(--mpsc-card-especial-side-height);
	transform: translateX(calc(-1 * var(--mpsc-card-especial-side-offset)));
	width: var(--mpsc-card-especial-side-width);
}

.mpsc-card-collection-especial__slide.swiper-slide-fully-visible {
	z-index: 2;
}

.mpsc-card-collection-especial__slide.swiper-slide-active {
	z-index: 3;
}

.mpsc-card-collection-especial__slide.swiper-slide-active .mpsc-card-especial {
	opacity: 1;
	transform: scale(1);
}

.mpsc-card-especial {
	background: var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-md);
	box-shadow: 0 var(--mpsc-space-1) var(--mpsc-space-3) rgb(18 18 20 / 8%);
	display: flex;
	flex: 0 0 var(--mpsc-card-especial-width);
	flex-direction: column;
	height: var(--mpsc-card-especial-height);
	max-width: var(--mpsc-card-especial-max-width);
	overflow: hidden;
	position: relative;
	width: var(--mpsc-card-especial-width);
}

.mpsc-card-especial__media {
	flex: 0 0 var(--mpsc-card-especial-image-height);
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.mpsc-card-especial__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mpsc-card-especial__category {
	background: var(--mpsc-color-primary);
	border-radius: var(--mpsc-radius-full);
	color: var(--mpsc-color-white);
	font: var(--mpsc-font-label-xs);
	left: var(--mpsc-space-3);
	max-width: calc(100% - (2 * var(--mpsc-space-3)));
	overflow: hidden;
	padding: calc(var(--mpsc-space-1) * 0.75) var(--mpsc-space-2);
	position: absolute;
	text-overflow: ellipsis;
	text-transform: uppercase;
	top: var(--mpsc-space-3);
	white-space: nowrap;
}

.mpsc-card-especial__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;
	padding: var(--mpsc-space-4);
}

.mpsc-card-especial__title {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--mpsc-color-text-title);
	display: -webkit-box;
	font: var(--mpsc-font-heading-xl);
	font-weight: 700;
	line-clamp: 2;
	margin: 0 0 var(--mpsc-space-1);
	overflow: hidden;
}

.mpsc-card-especial__description {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--mpsc-color-text-primary);
	display: -webkit-box;
	font: var(--mpsc-font-body-sm);
	font-weight: 400;
	line-clamp: 3;
	margin: 0;
	overflow: hidden;
}

.mpsc-card-especial__footer {
	align-items: center;
	display: flex;
	gap: var(--mpsc-space-2);
	justify-content: center;
	margin-top: auto;
	min-width: 0;
	padding-top: var(--mpsc-space-2);
}

.mpsc-card-especial__cta {
	align-items: center;
	color: var(--mpsc-color-primary);
	display: inline-flex;
	font: var(--mpsc-font-label-lg);
	font-weight: 700;
	gap: var(--mpsc-space-1);
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.mpsc-card-especial__cta::after {
	content: "";
	inset: 0;
	position: absolute;
}

.mpsc-card-especial__cta:hover {
	color: var(--mpsc-color-primary-dark);
	text-decoration: underline;
}

.mpsc-card-especial__cta:focus-visible {
	border-radius: var(--mpsc-radius-sm);
	box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-card-especial__cta-icon {
	flex-shrink: 0;
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
	transition: transform 150ms ease;
}

.mpsc-card-especial mpsc-icon.mpsc-card-especial__cta-icon,
.mpsc-card-especial mpsc-icon.mpsc-card-especial__cta-icon .mpsc-icon__svg {
	height: 1em !important;
	width: 1em !important;
}

.mpsc-card-especial__cta:hover .mpsc-card-especial__cta-icon {
	transform: translateX(calc(var(--mpsc-space-1) / 2));
}

.mpsc-card-collection-especial__empty {
	background: var(--mpsc-color-white);
	border: 1px dashed var(--mpsc-color-border);
	border-radius: var(--mpsc-radius-md);
	color: var(--mpsc-color-text-primary);
	font: var(--mpsc-font-body-lg);
	padding: var(--mpsc-space-3);
	text-align: center;
}

@media (min-width: 768px) {
	.mpsc-card-collection-especial {
		--mpsc-card-especial-height: 28.5rem;
		--mpsc-card-especial-width: 25.3125rem;
	}
}

@media (min-width: 1280px) {
	.mpsc-card-collection-especial {
		--mpsc-card-especial-height: 40.5rem;
		--mpsc-card-especial-slides: 3;
		--mpsc-card-especial-width: var(--mpsc-card-especial-max-width);
	}

	.mpsc-card-collection-especial__slide {
		width: calc(100% / var(--mpsc-card-especial-slides)); /* os slides continuam lado a lado, mas o card de até 523 px pode avançar sobre os vizinhos; o z-index do ativo o mantém no topo */
	}
}

/* Entre 768 e 1279px o slide ficava preso na largura do card (25.3125rem) dentro de um trilho de
   624 a 1135px, e o centeredSlides do index.js deixava meio card aparecendo de cada lado. Ladrilhar
   o trilho em 3 não bastava: o card e os vizinhos continuavam em 405px e 393px fixos e vazavam para
   fora do próprio slide, que aqui vai de 208 a 378px. O número de slides precisa ser ímpar, senão o
   centeredSlides sobra meia largura em cada ponta.

   As larguras viram porcentagem do slide, na mesma proporção do desktop: 122% no card do meio, que
   avança sobre os vizinhos e fica por cima pelo z-index do ativo, e 92% nos vizinhos. Com os três
   em 100% eles saíam do mesmo tamanho e o do meio parecia mais fino que os laterais. */

@media (min-width: 768px) and (max-width: 1279px) {
	.mpsc-card-collection-especial {
		--mpsc-card-especial-max-width: none;
		--mpsc-card-especial-side-height: 22.375rem;
		--mpsc-card-especial-side-width: 92%;
		--mpsc-card-especial-slides: 3;
		--mpsc-card-especial-width: 122%;
	}

	.mpsc-card-collection-especial__slide {
		width: calc(100% / var(--mpsc-card-especial-slides));
	}

	/* com o card estreito, três linhas de descrição estouram a altura fixa e ficam cortadas ao meio */
	.mpsc-card-especial__description {
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
}

@media (max-width: 767px) {
	.mpsc-card-collection-especial {
		--mpsc-card-especial-height: 32.5rem;
		--mpsc-card-especial-image-height: 15rem;
		--mpsc-card-especial-mobile-inset: calc(var(--mpsc-space-2) + (var(--mpsc-space-1) / 2));
		--mpsc-card-especial-width: 100%;
	}

	.mpsc-card-collection-especial__carrossel {
		column-gap: var(--mpsc-space-1);
		grid-template-columns: repeat(2, var(--mpsc-space-5)) minmax(0, 1fr);
		row-gap: var(--mpsc-space-4);
	}

	.mpsc-card-collection-especial__seta--anterior {
		grid-column: 1;
		grid-row: 1;
	}

	.mpsc-card-collection-especial__seta--proximo {
		grid-column: 2;
		grid-row: 1;
	}

	.mpsc-card-collection-especial__swiper {
		grid-column: 1 / -1;
		grid-row: 2;
		padding-block: 0;
	}

	.mpsc-card-collection-especial__seta {
		height: var(--mpsc-space-5);
		width: var(--mpsc-space-5);
	}

	.mpsc-card-especial__category {
		left: var(--mpsc-card-especial-mobile-inset);
		max-width: calc(100% - (2 * var(--mpsc-card-especial-mobile-inset)));
		padding: var(--mpsc-space-1) var(--mpsc-space-2);
		top: var(--mpsc-card-especial-mobile-inset);
	}

	.mpsc-card-especial__content {
		gap: var(--mpsc-space-1);
		padding: var(--mpsc-space-4);
	}

	.mpsc-card-especial__title {
		margin-bottom: 0;
	}

	.mpsc-card-especial__description {
		-webkit-line-clamp: 7;
		line-clamp: 7;
	}

	.mpsc-card-especial__footer {
		margin-top: 0;
		padding-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mpsc-card-collection-especial__slide .mpsc-card-especial,
	.mpsc-card-collection-especial__seta,
	.mpsc-card-especial__cta-icon {
		transition: none;
	}
}

/* ==== cartilhas ==== */
.mpsc-cartilhas,
.mpsc-cartilhas *,
.mpsc-cartilhas *::before,
.mpsc-cartilhas *::after {
    box-sizing: border-box;
}

.mpsc-cartilhas {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-cartilhas-card-titulo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-card-titulo-desktop: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-card-texto: var(--mpsc-color-text-primary, #121214);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-cartilhas-seta-fundo-hover: var(--mpsc-color-border, #e3e3e3);
    --mpsc-cartilhas-seta-icone: var(--mpsc-color-text-title, #222);
    width: 100%;
}

.mpsc-cartilhas--branco {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas--verde {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-seta-fundo-hover: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas--verde-escuro {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-seta-fundo-hover: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas--vermelho {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-seta-fundo-hover: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas--preto {
    --mpsc-cartilhas-card-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-seta-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-seta-fundo-hover: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas__controles {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-1, 0.5rem);
    margin-bottom: var(--mpsc-space-3, 1.5rem);
}

.mpsc-cartilhas__seta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-5, 2.5rem);
    height: var(--mpsc-space-5, 2.5rem);
    padding: 0;
    border: none;
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-cartilhas-seta-fundo);
    cursor: pointer;
}

.mpsc-cartilhas__seta:hover {
    background-color: var(--mpsc-cartilhas-seta-fundo-hover);
}

.mpsc-cartilhas__seta:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

.mpsc-cartilhas__seta:disabled {
    opacity: 0.5;
    cursor: default;
}

.mpsc-cartilhas__seta-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
    color: var(--mpsc-cartilhas-seta-icone, var(--mpsc-color-text-title, #222));
}

.mpsc-cartilhas__swiper {
    margin-right: calc(-1 * var(--mpsc-space-2, 1rem));
    margin-left: calc(-1 * var(--mpsc-space-2, 1rem));
    padding-top: var(--mpsc-space-1, 0.5rem);
    padding-right: var(--mpsc-space-2, 1rem);
    padding-bottom: var(--mpsc-space-3, 1.5rem);
    padding-left: var(--mpsc-space-2, 1rem);
    overflow: hidden;
}

.mpsc-cartilhas__lista {
    align-items: stretch;
}

.mpsc-cartilhas__vazio {
    padding: var(--mpsc-space-3, 1.5rem);
    font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-cartilhas__slide {
    width: 344px;
    height: auto;
}

.mpsc-cartilhas__card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    height: 259px;
    padding: 0;
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-cartilhas-card-fundo);
    box-shadow: 0 var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem) rgba(171, 190, 209, 0.4);
}

.mpsc-cartilhas__card-midia {
    position: relative;
    flex-shrink: 0;
    align-self: stretch;
    width: 158px;
    height: auto;
    overflow: hidden;
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-cartilhas__card-imagem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mpsc-cartilhas__card-sem-imagem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-cartilhas__card-sem-imagem[hidden] {
    display: none;
}

.mpsc-cartilhas__card-sem-imagem-icone {
    font-size: var(--mpsc-font-size-4xl, 2rem);
    line-height: 1;
}

.mpsc-cartilhas__card-conteudo {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-self: center;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
    width: 176px;
    height: 211px;
    text-align: center;
}

.mpsc-cartilhas__card-titulo {
    display: -webkit-box;
    width: 100%;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0;
    font: var(--mpsc-font-size-lg);
    font-weight: 600;
    color: var(--mpsc-cartilhas-card-titulo);
    hyphens: none;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    word-break: normal;
}

.mpsc-cartilhas__card-descricao {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font: var(--mpsc-font-body-xs);
    color: var(--mpsc-cartilhas-card-texto);
}

.mpsc-cartilhas__card-descricao {
    margin: 0;
}

.mpsc-cartilhas__card-botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-2, 1rem);
    width: 132px;
    height: 48px;
    padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-3, 1.5rem);
    border: 1px solid var(--mpsc-color-primary, #2f6b4f);
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-color-primary, #2f6b4f);
    color: var(--mpsc-color-white, #fff);
    font: var(--mpsc-font-label-md, 600 0.875rem/1.25rem "Montserrat", sans-serif);
    text-decoration: none;
}

.mpsc-cartilhas__card-botao:hover,
.mpsc-cartilhas__card-botao:focus-visible {
    border-color: var(--mpsc-color-primary-dark, #1f4d3a);
    background-color: var(--mpsc-color-primary-dark, #1f4d3a);
    color: var(--mpsc-color-white, #fff);
    text-decoration: none;
}

.mpsc-cartilhas__card-botao-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
}

@media (min-width: 1280px) {
    .mpsc-cartilhas__slide {
        width: 412px;
    }

    .mpsc-cartilhas__card {
        justify-content: flex-start;
        height: 259px;
        padding: 0;
    }

    .mpsc-cartilhas__card-midia {
        width: 184px;
    }

    .mpsc-cartilhas__card-conteudo {
        flex: 1 1 auto;
        align-self: auto;
        width: auto;
        height: auto;
        justify-content: center;
        gap: var(--mpsc-space-2, 1rem);
        padding: var(--mpsc-space-3, 1.5rem);
    }

    .mpsc-cartilhas__card-botao {
        width: auto;
        height: auto;
        gap: var(--mpsc-space-1, 0.5rem);
        margin-top: auto;
    }

    .mpsc-cartilhas__card-titulo {
        color: var(--mpsc-cartilhas-card-titulo-desktop);
    }
}

.mpsc-cartilhas mpsc-icon.mpsc-cartilhas__seta-icone .mpsc-icon__svg,
.mpsc-cartilhas mpsc-icon.mpsc-cartilhas__card-botao-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== cartilhas-de-documentos ==== */
.mpsc-cartilhas-documentos,
.mpsc-cartilhas-documentos *,
.mpsc-cartilhas-documentos *::before,
.mpsc-cartilhas-documentos *::after {
    box-sizing: border-box;
}

.mpsc-cartilhas-documentos {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-cartilhas-documentos-card-titulo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-documentos-card-titulo-desktop: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-documentos-card-texto: var(--mpsc-color-text-primary, #121214);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-cartilhas-documentos-seta-fundo-hover: var(--mpsc-color-border, #e3e3e3);
    --mpsc-cartilhas-documentos-seta-icone: var(--mpsc-color-text-title, #222);
    width: 100%;
	overflow:hidden;
}

.mpsc-cartilhas-documentos--branco {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas-documentos--verde {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-documentos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-documentos-seta-fundo-hover: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-documentos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas-documentos--verde-escuro {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-documentos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-cartilhas-documentos-seta-fundo-hover: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-cartilhas-documentos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas-documentos--vermelho {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-documentos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-documentos-seta-fundo-hover: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-cartilhas-documentos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas-documentos--preto {
    --mpsc-cartilhas-documentos-card-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-documentos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-titulo-desktop: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-cartilhas-documentos-seta-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-documentos-seta-fundo-hover: var(--mpsc-color-text-title, #222);
    --mpsc-cartilhas-documentos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-cartilhas-documentos__controles {
    display: none;
}

.mpsc-cartilhas-documentos__seta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-5, 2.5rem);
    height: var(--mpsc-space-5, 2.5rem);
    padding: 0;
    border: none;
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-cartilhas-documentos-seta-fundo);
    cursor: pointer;
}

.mpsc-cartilhas-documentos__seta:hover {
    background-color: var(--mpsc-cartilhas-documentos-seta-fundo-hover);
}

.mpsc-cartilhas-documentos__seta:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

.mpsc-cartilhas-documentos__seta:disabled {
    opacity: 0.5;
    cursor: default;
}

.mpsc-cartilhas-documentos__seta-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
    color: var(--mpsc-cartilhas-documentos-seta-icone, var(--mpsc-color-text-title, #222));
}

.mpsc-cartilhas-documentos__swiper {
	  width: 100%;
    display: flex;
    overflow: visible;
	justify-content: space-between;
}

.mpsc-cartilhas-documentos__lista {
    	justify-content: space-between;

}

.mpsc-cartilhas-documentos__vazio {
    padding: var(--mpsc-space-3, 1.5rem);
    font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-cartilhas-documentos__slide {
    height: auto;
}

.mpsc-cartilhas-documentos__card {
	background-color:white !important;
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    height: 259px;
    padding: 0;
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-cartilhas-documentos-card-fundo);
    box-shadow: 0 var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem) rgba(171, 190, 209, 0.4);
}

.mpsc-cartilhas-documentos__card-midia {
    position: relative;
    flex-shrink: 0;
    align-self: stretch;
    width: 158px;
    height: auto;
    overflow: hidden;
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-cartilhas-documentos__card-imagem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mpsc-cartilhas-documentos__card-conteudo {
	border-radius: 16px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-self: center;
    justify-content: space-between;
    align-items: center;
    width: 176px;
    height: 211px;
    text-align: center;
}

.mpsc-cartilhas-documentos__card-titulo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
	  width:100%;
    font-size: 18px;
    font-weight: 600;
    color: var( --mpsc-color-text-dark);
}

.mpsc-cartilhas-documentos__card-descricao {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font: var(--mpsc-font-body-xs);
    color: var(--mpsc-cartilhas-documentos-card-texto);
	  font-weight: 500;
    font-size: 16px;
}

.mpsc-cartilhas-documentos__card-descricao p {
    margin: 0;
}

.mpsc-cartilhas-documentos__card-botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-2, 1rem);
    width: 132px;
    height: 48px;
    padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-3, 1.5rem);
    border: 1px solid var(--mpsc-color-primary, #2f6b4f);
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-color-primary, #2f6b4f);
    color: var(--mpsc-color-white, #fff);
    font: var(--mpsc-font-label-md, 600 0.875rem/1.25rem "Montserrat", sans-serif);
    text-decoration: none;
}

.mpsc-cartilhas-documentos__card-botao:hover,
.mpsc-cartilhas-documentos__card-botao:focus-visible {
    border-color: var(--mpsc-color-primary-dark, #1f4d3a);
    background-color: var(--mpsc-color-primary-dark, #1f4d3a);
    color: var(--mpsc-color-white, #fff);
    text-decoration: none;
}

.mpsc-cartilhas-documentos__card-botao-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
}

@media (max-width: 1279px){
.mpsc-cartilhas-documentos__controles {
				display: flex;
				align-items: center;
				gap: var(--mpsc-space-1, 0.5rem);
				margin-bottom: var(--mpsc-space-3, 1.5rem);
		}

    /* Abaixo de 1280px quem manda na largura do card é o Swiper: são 2 slides
       por vez a partir de 768px e 1 abaixo disso. Com imagem de 158px, coluna
       de texto de 176px e 30px de gap, todos rígidos, o card precisava de
       364px e era cortado sempre que o slide vinha menor — entre 768 e 815px,
       onde 2 slides cabem em 704 a 744px de trilho, e em celular de 375px ou
       menos. Aqui os três passam a acompanhar o slide. */
    .mpsc-cartilhas-documentos__card {
        gap: clamp(8px, 2.5vw, 30px);
    }

    .mpsc-cartilhas-documentos__card-midia {
        flex: 0 0 auto;
        width: clamp(88px, 32%, 158px);
    }

    .mpsc-cartilhas-documentos__card-conteudo {
        flex: 1 1 auto;
        gap: var(--mpsc-space-1, 0.5rem);
        width: auto;
        min-width: 0;
        height: auto;
        padding: var(--mpsc-space-2, 1rem) var(--mpsc-space-1, 0.5rem);
    }
}
@media (min-width: 1280px) {
    .mpsc-cartilhas-documentos__slide {
        width: 412px;
    }

    .mpsc-cartilhas-documentos__card {
        justify-content: flex-start;
        height: 259px;
        padding: 0;
    }

    .mpsc-cartilhas-documentos__card-midia {
        width: 184px;
    }

    .mpsc-cartilhas-documentos__card-conteudo {
        flex: 1 1 auto;
        align-self: auto;
        width: auto;
        height: auto;
        justify-content: center;
        gap: var(--mpsc-space-2, 1rem);
        padding: var(--mpsc-space-3, 1.5rem);
    }

    .mpsc-cartilhas-documentos__card-botao {
        max-width: 120px;
        max-height: 48px;
        gap: var(--mpsc-space-1, 0.5rem);
        margin-top: auto;
    }

    .mpsc-cartilhas-documentos__card-titulo {
        color: var(--mpsc-cartilhas-documentos-card-titulo-desktop);
    }
}

.mpsc-cartilhas-documentos mpsc-icon.mpsc-cartilhas-documentos__seta-icone .mpsc-icon__svg,
.mpsc-cartilhas-documentos mpsc-icon.mpsc-cartilhas-documentos__card-botao-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== container-flutuante ==== */
.lfr-layout-structure-item-container-flutuante {
	position: static;
}

@media (min-width: 1280px) {
	.col:has(.lfr-layout-structure-item-container-flutuante) {
		order: 1;
		align-self: stretch;
	}

	.lfr-layout-structure-item-container-flutuante.is-fixed,
	.lfr-layout-structure-item-container-flutuante.is-parked {
		position: fixed;
		z-index: 100;
		margin-bottom: 0;
	}
}

/* ==== conteiner-de-imagem ==== */
.mpsc-conteiner-imagem {
	width: var(--mpsc-conteiner-imagem-largura);
	max-width: 100%;
	overflow: hidden;
	border-radius: var(--mpsc-radius-md);
	aspect-ratio: var(--mpsc-conteiner-imagem-proporcao);
}

.mpsc-conteiner-imagem--esquerda {
	margin-right: auto;
	margin-left: 0;
}

.mpsc-conteiner-imagem--centro {
	margin-right: auto;
	margin-left: auto;
}

.mpsc-conteiner-imagem--direita {
	margin-right: 0;
	margin-left: auto;
}

.mpsc-conteiner-imagem__imagem {
	display: block;
	width: 100%;
	height: auto;
	object-position:
		var(--mpsc-conteiner-imagem-posicao-horizontal)
		var(--mpsc-conteiner-imagem-posicao-vertical);
}

.mpsc-conteiner-imagem__imagem--enquadrada {
	height: 100%;
}

.mpsc-conteiner-imagem__imagem--cover {
	object-fit: cover;
}

.mpsc-conteiner-imagem__imagem--contain {
	object-fit: contain;
}

.mpsc-conteiner-imagem__imagem--scale-down {
	object-fit: scale-down;
}

/* ==== encontre-uma-promotoria ==== */
.mpsc-encontre-uma-promotoria {
    display: flex;
    flex-direction: column;
    background-color: var(--mpsc-color-white);
    border: 1px solid var(--mpsc-color-border);
    border-radius: var(--mpsc-radius-md);
    padding: var(--mpsc-space-4);
    box-sizing: border-box;
    width: 100%;
    gap: var(--mpsc-space-3);
}

.mpsc-encontre-uma-promotoria__title {
    font: var(--mpsc-font-display-md);
    color: var(--mpsc-color-text-title);
    margin: 0;
}

.mpsc-encontre-uma-promotoria__form {
    display: contents;
}

.mpsc-encontre-uma-promotoria__input-group {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
}

.mpsc-encontre-uma-promotoria__label {
    font: var(--mpsc-font-label-sm);
    color: var(--mpsc-color-text-primary);
    margin: 0;
}

.mpsc-encontre-uma-promotoria__select {
    width: 100%;
    box-sizing: border-box;
}

.mpsc-encontre-uma-promotoria__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    margin-top: var(--mpsc-space-1);
}

.mpsc-encontre-uma-promotoria__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    stroke: currentColor;
}

@media (min-width: 768px) {
    .mpsc-encontre-uma-promotoria__title {
        font: var(--mpsc-font-heading-xl);
    }

    .mpsc-encontre-uma-promotoria--inline .mpsc-encontre-uma-promotoria__form {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: var(--mpsc-space-2, 1rem);
    }

    .mpsc-encontre-uma-promotoria--inline .mpsc-encontre-uma-promotoria__input-group {
        flex: 1 1 auto;
    }

    .mpsc-encontre-uma-promotoria--inline .mpsc-encontre-uma-promotoria__button {
        flex: 0 0 auto;
        margin-top: 0;
        white-space: nowrap;
    }
}

.mpsc-encontre-uma-promotoria--denuncie {
    position: relative;
    overflow: hidden;
    background-color: var(--mpsc-color-primary, #2F6B4F);
    border-color: transparent;
}

.mpsc-encontre-uma-promotoria--denuncie lfr-editable {
    display: contents;
}

.mpsc-encontre-uma-promotoria__bg-icon {
    position: absolute;
    top: var(--mpsc-space-3, 1.5rem);
    right: var(--mpsc-space-3, 1.5rem);
    width: 154px;
    max-width: 40%;
    height: auto;
    aspect-ratio: 1 / 1;
    color: var(--mpsc-color-primary-dark, #1F4D3A);
    pointer-events: none;
    z-index: 0;
}

.mpsc-encontre-uma-promotoria__bg-icon path {
    stroke: currentColor;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__header,
.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__form {
    position: relative;
    z-index: 1;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__header {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1, 0.5rem);
    max-width: 32rem;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__title {
    font: var(--mpsc-font-display-md, 600 1.75rem/2.25rem "Montserrat", sans-serif);
    line-height: 1.34;
    color: var(--mpsc-color-white, #FFFFFF);
	  width:34rem;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__description p {
    font: var(--mpsc-font-body-md, 500 1rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-white, #FFFFFF);
    margin: 0;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__form {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: var(--mpsc-space-2, 1rem);
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__input-group {
    flex: 1 1 16rem;
    gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__label {
    font: var(--mpsc-font-body-xs, 500 0.75rem/1.25rem "Montserrat", sans-serif);
    line-height: 1.125rem;
    color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__select {
    height: 48px;
    padding: 0 var(--mpsc-space-2, 1rem);
    border-radius: var(--mpsc-radius-md, 16px);
    font: var(--mpsc-font-body-lg, 400 1rem/1.5rem "Montserrat", sans-serif);
    color: var(--mpsc-color-text-primary, #121214);
    background-color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__button {
    flex: 0 0 auto;
    height: 48px;
    margin: 0;
    padding: 0 var(--mpsc-space-2, 1rem);
    gap: 0.75rem;
    border-radius: var(--mpsc-radius-lg, 24px);
    border-color: transparent;
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
    font: var(--mpsc-font-label-lg, 500 1rem/1.5rem "Montserrat", sans-serif);
    font-weight: 600;
    white-space: nowrap;
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__button:hover {
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
    filter: brightness(0.95);
}

.mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__button:focus-visible {
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
    outline: 3px solid var(--mpsc-color-white, #FFFFFF);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .mpsc-encontre-uma-promotoria__bg-icon {
        display: none;
    }

    .mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__input-group {
        flex-basis: 100%;
    }

    .mpsc-encontre-uma-promotoria--denuncie .mpsc-encontre-uma-promotoria__button {
        width: 100%;
    }
}

/* ==== fases ==== */
.mpsc-phases,
.mpsc-phases *,
.mpsc-phases *::before,
.mpsc-phases *::after {
    box-sizing: border-box;
}

.mpsc-phases lfr-editable {
    display: contents;
}

.mpsc-phases__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--mpsc-space-3);
    position: relative;
}

.mpsc-phases__list::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--mpsc-color-border);
}

.mpsc-phases__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1);
    padding-top: var(--mpsc-space-4);
}

.mpsc-phases__dot {
    position: absolute;
    top: -16px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: var(--mpsc-radius-full);
    background-color: var(--mpsc-color-border);
    z-index: 1;
}

.mpsc-phases__dot--amarelo {
    background-color: var(--mpsc-color-fase-amarelo);
}

.mpsc-phases__dot--vermelho {
    background-color: var(--mpsc-color-fase-vermelho);
}

.mpsc-phases__dot--verde {
    background-color: var(--mpsc-color-fase-verde);
}

.mpsc-phases__label {
    margin: 0;
    font: var(--mpsc-font-heading-sm);
    line-height: 1;
    text-transform: uppercase;
    color: var(--mpsc-color-primary);
}

.mpsc-phases__title {
    margin: 0;
    font: var(--mpsc-font-heading-md);
    line-height: 1;
    color: var(--mpsc-color-text-title);
}

.mpsc-phases__description {
    margin: 0;
    font: var(--mpsc-font-body-lg);
    color: var(--mpsc-color-text-primary);
}

.mpsc-phases__description p {
    margin: 0;
}

@media (max-width: 768px) {
    .mpsc-phases__list {
        grid-template-columns: 1fr;
        gap: var(--mpsc-space-4);
    }

    .mpsc-phases__list::before {
        top: 4px;
        bottom: 4px;
        left: 0;
        right: auto;
        width: 2px;
        height: auto;
    }

    .mpsc-phases__item {
        padding-top: 0;
        padding-left: var(--mpsc-space-5);
    }

    .mpsc-phases__dot {
        top: 4px;
        left: var(--mpsc-space-2);
    }
}

/* ==== fichário ==== */
.mpsc-fichario {
    width: 100%;
    background-color: var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-lg);
    padding: var(--mpsc-space-2);
    border-top: 3px solid var(--mpsc-color-white);
}

.mpsc-fichario__nav {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--mpsc-space-3) 0;
    border-bottom: 2px solid var(--mpsc-color-border);
    display: none;
    flex-wrap: nowrap;
    gap: var(--mpsc-space-2);
    width: 100%;
    justify-content: space-between;
}

.mpsc-fichario__nav-item {
    margin-bottom: -2px;
    flex: 1 1 0%;
    display: flex;
}

.mpsc-fichario__nav-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--mpsc-color-icon);
    padding: 0.75rem var(--mpsc-space-2);
    font: var(--mpsc-font-body-md);
    border-radius: 0;
    white-space: nowrap;
    cursor: pointer;
}

.mpsc-fichario lfr-editable {
    display: contents;
}

.mpsc-fichario__nav-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.mpsc-fichario__nav-icon-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mpsc-fichario__nav-icon--tingido .mpsc-fichario__nav-icon-img {
    opacity: 0;
}

.mpsc-fichario__nav-icon--tingido::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    pointer-events: none;
    -webkit-mask: var(--mpsc-icon-src) no-repeat center / contain;
    mask: var(--mpsc-icon-src) no-repeat center / contain;
}

.mpsc-fichario__nav-button--active {
    color: var(--mpsc-color-text-title);
    border-bottom: 2px solid var(--mpsc-color-text-title);
    font-weight: 700;
}

.mpsc-fichario--selecionada-padrao .mpsc-fichario__mobile-title {
    color: var(--mpsc-color-text-title, #222222);
}

.mpsc-fichario--selecionada-primaria .mpsc-fichario__nav-button--active,
.mpsc-fichario--selecionada-primaria .mpsc-fichario__mobile-title {
    color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-fichario--selecionada-primaria .mpsc-fichario__nav-button--active {
    border-bottom-color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-fichario--selecionada-vermelha .mpsc-fichario__nav-button--active,
.mpsc-fichario--selecionada-vermelha .mpsc-fichario__mobile-title {
    color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-fichario--selecionada-vermelha .mpsc-fichario__nav-button--active {
    border-bottom-color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-fichario--selecionada-cinza .mpsc-fichario__nav-button--active,
.mpsc-fichario--selecionada-cinza .mpsc-fichario__mobile-title {
    color: var(--mpsc-color-icon, #757575);
}

.mpsc-fichario--selecionada-cinza .mpsc-fichario__nav-button--active {
    border-bottom-color: var(--mpsc-color-icon, #757575);
}

.mpsc-fichario--selecionada-branca .mpsc-fichario__nav-button--active,
.mpsc-fichario--selecionada-branca .mpsc-fichario__mobile-title {
    color: var(--mpsc-color-white, #ffffff);
}

.mpsc-fichario--selecionada-branca .mpsc-fichario__nav-button--active {
    border-bottom-color: var(--mpsc-color-white, #ffffff);
}

.mpsc-fichario__nav-button:hover:not(.mpsc-fichario__nav-button--active) {
    border-bottom: 2px solid var(--mpsc-color-border);
}

.mpsc-fichario__nav-button:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

.mpsc-fichario__pane {
    display: none;
}

.mpsc-fichario__pane--active {
    display: block;
}

.mpsc-fichario__mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--mpsc-space-1);
    margin-bottom: var(--mpsc-space-1);
}

.mpsc-fichario__mobile-prev,
.mpsc-fichario__mobile-next {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--mpsc-space-1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mpsc-color-text-title);
    transition: opacity 0.2s ease;
    border-radius: var(--mpsc-radius-sm);
    margin: 0;
}

.mpsc-fichario__mobile-prev:hover,
.mpsc-fichario__mobile-next:hover {
    opacity: 0.7;
}

.mpsc-fichario__mobile-prev:focus-visible,
.mpsc-fichario__mobile-next:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

.mpsc-fichario__mobile-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    gap: var(--mpsc-space-1);
    text-align: center;
    margin: 0;
    padding: 0;
}

.mpsc-fichario__mobile-active-text {
    font: var(--mpsc-font-heading-md);
}

.mpsc-fichario__mobile-active-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mpsc-fichario__mobile-active-icon--tingido {
    width: var(--mpsc-space-3);
    height: var(--mpsc-space-3);
    flex-shrink: 0;
}

.mpsc-fichario__mobile-active-icon--tingido::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    pointer-events: none;
    -webkit-mask: var(--mpsc-icon-src) no-repeat center / contain;
    mask: var(--mpsc-icon-src) no-repeat center / contain;
}


.mpsc-fichario__pane lfr-drop-zone>div>div>div,
.mpsc-fichario__pane>div {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--mpsc-space-2);
    align-items: stretch;
}

.mpsc-fichario__pane>div>div>div {
    height: 100%;
}

.mpsc-fichario__pane lfr-drop-zone>div>div>div>div,
.mpsc-fichario__pane>div>div {
    grid-column: 1 / -1;
    min-width: 0;
}

.mpsc-fichario__indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--mpsc-space-1);
    margin-top: var(--mpsc-space-3);
}

.mpsc-fichario__indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: var(--mpsc-radius-full);
    border: 1px solid var(--mpsc-color-primary);
    background-color: transparent;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.mpsc-fichario__indicator-dot--active {
    width: 24px;
    background-color: var(--mpsc-color-primary);
}

.mpsc-fichario__indicator-dot:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

@media (max-width: 767.98px) {

    .mpsc-fichario--mobile-2col .mpsc-fichario__pane lfr-drop-zone>div>div>div,
    .mpsc-fichario--mobile-2col .mpsc-fichario__pane>div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mpsc-fichario--mobile-2col .mpsc-fichario__pane lfr-drop-zone>div>div>div>div,
    .mpsc-fichario--mobile-2col .mpsc-fichario__pane>div>div {
        grid-column: auto;
    }

}

@media (min-width: 768px) {

    .mpsc-fichario__mobile-nav,
    .mpsc-fichario__indicators {
        display: none;
    }

    .mpsc-fichario__nav {
        display: flex;
    }

    .mpsc-fichario__pane lfr-drop-zone>div>div>div,
    .mpsc-fichario__pane>div {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .mpsc-fichario__pane lfr-drop-zone>div>div>div>div,
    .mpsc-fichario__pane>div>div {
        grid-column: auto;
    }

}

/* ==== footer ==== */
.mpsc-footer {
	background-color: var(--mpsc-color-primary);
	width: 100%;
	border-radius: var(--mpsc-radius-md) var(--mpsc-radius-md) 0 0;
	box-sizing: border-box;
	padding: var(--mpsc-space-4) 0;
}

.mpsc-footer__nav {
	margin-bottom: var(--mpsc-space-2);
	padding-bottom: var(--mpsc-space-3);
}

.mpsc-footer__nav-collapse {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease-in-out, visibility 0s 0.3s;
	overflow: hidden;
	visibility: hidden;
}

.mpsc-footer__nav-list,
.mpsc-footer__nav-list-pages {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mpsc-footer__nav-list {
	padding-bottom: var(--mpsc-space-3);
}

.mpsc-footer__nav-list-item--active .mpsc-footer__nav-collapse {
	grid-template-rows: 1fr;
	visibility: visible;
	transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
}

.mpsc-footer__nav-list-pages {
	min-height: 0;
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mpsc-footer__nav-span,
.mpsc-footer__nav-button,
.mpsc-footer__nav-link {
	display: flex;
	align-items: center;
	border: none;
	background-color: transparent;
	font: var(--mpsc-font-heading-md);
	color: var(--mpsc-color-white);
	padding: var(--mpsc-space-1) 0;
	gap: var(--mpsc-space-1);
	text-align: left;
	width: 100%;
	justify-content: space-between;
}

.mpsc-footer__nav-span {
	display: none;
}

.mpsc-footer__nav-button {
	cursor: pointer;
}

.mpsc-footer__nav-link:hover {
	color: var(--mpsc-color-white);
}

.mpsc-footer__nav-button-chevron {
	font-size: var(--mpsc-space-2);
	line-height: 1;
	color: var(--mpsc-color-white);
	transition: transform 0.3s ease;
}

.mpsc-footer mpsc-icon.mpsc-footer__nav-button-chevron .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-footer__nav-list-item--active .mpsc-footer__nav-button-chevron {
	transform: rotate(180deg);
}

.mpsc-footer__nav-page-link {
	color: var(--mpsc-color-white);
	font: var(--mpsc-font-body-lg);
	padding: 0 var(--mpsc-space-3);
	display: flex;
	margin: calc(var(--mpsc-space-1) / 2);
}

.mpsc-footer__nav-page-link:hover {
	color: var(--mpsc-color-white);
}

.container-fluid-max-xl.mpsc-footer__other-informations {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	padding-top: var(--mpsc-space-4);
}

.mpsc-footer__other-informations::before {
	content: "";
	border-top: 1px solid var(--mpsc-color-white);
	position: absolute;
	left: var(--mpsc-space-2);
	right: var(--mpsc-space-2);
	top: 0;
}

.mpsc-footer__logo {
	width:148px;
	margin-bottom: var(--mpsc-space-3);
}

.mpsc-footer__address {
	margin-bottom: var(--mpsc-space-2);
	font: var(--mpsc-font-label-xxs);
	color: var(--mpsc-color-white);
}

.mpsc-footer__social-nav {
	margin-top: var(--mpsc-space-2);
}

.mpsc-footer__social-nav-list {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2);
	list-style: none;
	padding: 0;
	margin: 0;
}

.mpsc-footer__social-nav-list-item {
	display: flex;
	align-items: center;
	border-right: 1px solid var(--mpsc-color-white);
	padding-right: var(--mpsc-space-2);

}

.mpsc-footer__social-nav-list-item:last-child {
	border-right-color: transparent;
	padding-right: 0;
}

.mpsc-footer__social-nav-list-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mpsc-space-2);
	height: var(--mpsc-space-2);
	text-decoration: none;
}

.mpsc-footer__social-nav-list-img {
	display: block;
	font-size: var(--mpsc-space-2);
	line-height: 1;
	color: var(--mpsc-color-white);
}

@media (min-width: 1280px) {
	.mpsc-footer__address {
		padding-left: var(--mpsc-space-12);
	}

	.mpsc-footer__nav-button {
		display: none;
	}

	.mpsc-footer__nav-span {
		display: block;
	}

	.mpsc-footer__social-nav {
		display: inline-flex;
		align-items: center;
		margin-top: 0;
		margin-left: auto;
		vertical-align: middle;
	}

	.mpsc-footer__social-nav-list {
		display: flex;
		align-items: center;
		gap: var(--mpsc-space-2);
	}

	.mpsc-footer__social-nav-list-link {
		width: var(--mpsc-space-2);
		height: var(--mpsc-space-2);
	}

	.mpsc-footer__nav {
		display: block;
		column-count: 4;
		column-gap: var(--mpsc-space-4);
		max-width: var(--container-max-xl);
		margin: 0 auto;
	}

	.mpsc-footer__nav-collapse {
		display: block;
		grid-template-rows: none;
		visibility: visible;
		overflow: visible;
	}

	.mpsc-footer__nav-list-item {
		break-inside: avoid-column;
		margin-bottom: var(--mpsc-space-3);
	}

	.mpsc-footer__nav-button-chevron {
		display: none;
	}

	.mpsc-footer__nav-page-link {
		padding: calc(var(--mpsc-space-1) / 2) 0;
		margin: calc(var(--mpsc-space-1) / 2) 0;
	}

	.container-fluid-max-xl.mpsc-footer__other-informations {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		max-width: var(--container-max-xl);
		margin: var(--mpsc-space-3) auto 0;
	}

	.mpsc-footer__other-informations::before {
		left: 0;
		right: 0;
	}

	.mpsc-footer__logo {
		width: 150px;
		margin-bottom: 0;
	}
}

/* ==== grupo-de-pills ==== */
.mpsc-grupo-pills {
	--grupo-pills-gap: var(--mpsc-space-2, 1rem);
	--grupo-pills-justify: flex-start;
	width: 100%;
}

.mpsc-grupo-pills--espacamento-compacto {
	--grupo-pills-gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-grupo-pills--espacamento-normal {
	--grupo-pills-gap: var(--mpsc-space-2, 1rem);
}

.mpsc-grupo-pills--espacamento-amplo {
	--grupo-pills-gap: var(--mpsc-space-3, 1.5rem);
}

.mpsc-grupo-pills--alinhamento-esquerda {
	--grupo-pills-justify: flex-start;
}

.mpsc-grupo-pills--alinhamento-centro {
	--grupo-pills-justify: center;
}

.mpsc-grupo-pills--alinhamento-direita {
	--grupo-pills-justify: flex-end;
}

.mpsc-grupo-pills--alinhamento-distribuido {
	--grupo-pills-justify: space-between;
}

.mpsc-grupo-pills__lista,
.mpsc-grupo-pills__lista lfr-drop-zone {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--grupo-pills-gap);
	justify-content: var(--grupo-pills-justify);
}

.mpsc-grupo-pills__lista lfr-drop-zone {
	width: 100%;
}

.mpsc-grupo-pills__lista div {
	display: contents;
}

.mpsc-grupo-pills--edicao .mpsc-grupo-pills__lista div {
	display: inline-flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--grupo-pills-gap);
	width: auto;
	max-width: 100%;
}

@media (max-width: 768px) {
	.mpsc-grupo-pills--esticar-mobile .mpsc-grupo-pills__lista .mpsc-badge-pill,
	.mpsc-grupo-pills--esticar-mobile .mpsc-grupo-pills__lista .mpsc-badge-pill__link {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		justify-content: center;
		text-align: center;
	}
}

/* ==== header ==== */
.mpsc-header {
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.mpsc-header *,
.mpsc-header *::before,
.mpsc-header *::after {
    box-sizing: border-box;
}

.mpsc-header__form,
.mpsc-header__social-nav-desktop,
.mpsc-header__nav-first-level-title,
.mpsc-header__other-contents,
.mpsc-header__restricted-area-link-desktop,
.mpsc-header__nav-second-level-button-icon,
.mpsc-header__nav-second-level-label {
    display: none;
}

.lfr-layout-structure-item-container.container-fluid-max-xl.mpsc-header__first-nav {
    align-items: center;
    background-color: var(--mpsc-color-white);
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    padding: var(--mpsc-space-2) var(--mpsc-space-4);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.mpsc-header__mobile-actions {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: var(--mpsc-space-1);
}

.mpsc-header__menu-button {
    display: flex;
    overflow: hidden;
    padding-right: 0;
    width: 42px;
}

.mpsc-header__nav-button-close,
.mpsc-header__nav-button-hamburguer {
    color: var(--mpsc-color-text-title);
    font-size: var(--mpsc-space-3);
    line-height: 1;
    transition: transform 0.3s ease-in-out;
}

.mpsc-header__nav-button-close {
    transform: translateX(100%);
}

.mpsc-header__nav-button-hamburguer {
    transform: translateX(0);
}

.mpsc-header__menu--opened .mpsc-header__nav-button-hamburguer {
    transform: translateX(-200%);
}

.mpsc-header__menu--opened .mpsc-header__nav-button-close {
    transform: translateX(-100%);
}

.mpsc-header__nav {
    backface-visibility: hidden;
    background-color: var(--mpsc-color-white);
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--mpsc-space-1) var(--mpsc-space-4) var(--mpsc-space-2);
    position: fixed;
    top: var(--mpsc-space-9);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    width: 100%;
    z-index: 10;
}

.mpsc-header__nav--opened {
    transform: translateX(0);
}

.mpsc-header__form,
.mpsc-header__form-mobile {
    position: relative;
}

.mpsc-header__search-icon {
    color: var(--mpsc-color-icon);
    font-size: var(--mpsc-font-size-md);
    left: var(--mpsc-space-2);
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mpsc-header__search-input {
    padding-left: var(--mpsc-space-6);
}

.mpsc-header__main-nav {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
}

.mpsc-header__nav-first-level-collapse,
.mpsc-header__nav-second-level-collapse {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.3s ease-out, visibility 0s 0.3s;
    visibility: hidden;
}

.mpsc-header__nav-second-level-collapse {
    margin-left: var(--mpsc-space-4);
}

.mpsc-header__nav-first-level,
.mpsc-header__nav-second-level-column,
.mpsc-header__nav-third-level {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mpsc-header__nav-first-level,
.mpsc-header__nav-second-level,
.mpsc-header__nav-second-level-column,
.mpsc-header__nav-third-level {
    display: flex;
    flex-direction: column;
}

.mpsc-header__nav-second-level,
.mpsc-header__nav-third-level {
    min-height: 0;
}

.mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-collapse,
.mpsc-header__nav-second-level--active .mpsc-header__nav-second-level-collapse {
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
    visibility: visible;
}

.mpsc-header__nav-first-level-link,
.mpsc-header__nav-first-level-button {
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--mpsc-color-border);
    color: var(--mpsc-color-text-primary);
    cursor: pointer;
    display: flex;
    font: var(--mpsc-font-navbar);
    gap: var(--mpsc-space-1);
    line-height: 12px;
    padding: var(--mpsc-space-1) var(--mpsc-space-1) var(--mpsc-space-1) 0;
    text-align: left;
    transition: color 0.3s ease-in-out, filter 0.3s ease-in-out;
    width: 100%;
}

.mpsc-header__nav-first-level-link:hover {
    color: var(--mpsc-color-text-primary);
    text-decoration: none;
}

.mpsc-header__nav-first-level-button-chevron,
.mpsc-header__nav-second-level-button-chevron {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button-chevron,
.mpsc-header__nav-second-level--active .mpsc-header__nav-second-level-button-chevron {
    transform: rotate(180deg);
}

.mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button,
.mpsc-header__nav-second-level--active .mpsc-header__nav-second-level-link {
    color: var(--mpsc-color-primary);
}

.mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button-icon,
.mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button-chevron,
.mpsc-header__nav-second-level--active .mpsc-header__nav-second-level-button-chevron,
.mpsc-header__nav-second-level-button-icon {
    filter: brightness(0) saturate(100%) invert(36%) sepia(22%) saturate(973%) hue-rotate(100deg) brightness(91%) contrast(86%);
}

mpsc-icon.mpsc-header__nav-first-level-button-icon,
mpsc-icon.mpsc-header__nav-second-level-button-icon {
    color: var(--mpsc-color-primary);
    filter: none;
}

mpsc-icon.mpsc-header__nav-first-level-title-icon {
    color: var(--mpsc-color-text-primary);
    filter: none;
}

.mpsc-header__nav-first-level-button-icon,
.mpsc-header__nav-second-level-button-icon {
    flex: 0 0 auto;
    height: var(--mpsc-space-3);
    width: var(--mpsc-space-3);
}

.mpsc-header__nav-first-level-title-icon {
    flex: 0 0 auto;
    height: var(--mpsc-space-3);
    width: var(--mpsc-space-3);
}

.mpsc-header__nav-second-level-link,
.mpsc-header__nav-third-level-link {
    color: var(--mpsc-color-text-primary);
    display: flex;
    font: var(--mpsc-font-navbar);
    margin-left: var(--mpsc-space-4);
    padding: var(--mpsc-space-1) var(--mpsc-space-4) var(--mpsc-space-1) 0;
}

.mpsc-header__nav-second-level-link {
    border-bottom: 1px solid var(--mpsc-color-border);
}

.mpsc-header__nav-second-level-link:hover {
    color: var(--mpsc-color-text-primary);
}

.mpsc-header__nav-second-level-button {
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--mpsc-color-border);
    cursor: pointer;
    display: flex;
    font: var(--mpsc-font-navbar);
    justify-content: space-around;
    padding: var(--mpsc-space-1) var(--mpsc-space-1) var(--mpsc-space-1) var(--mpsc-space-4);
    text-align: left;
    transition: color 0.3s ease-in-out, filter 0.3s ease-in-out;
    width: 100%;
}

.mpsc-header__restricted-area-link-mobile {
    align-items: center;
    display: flex;
    gap: var(--mpsc-space-1);
    justify-content: center;
}

.mpsc-header__social-nav-desktop-list,
.mpsc-header__social-nav-mobile-list {
    align-items: center;
    display: flex;
    gap: var(--mpsc-space-2);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mpsc-header__social-nav-desktop-list-item,
.mpsc-header__social-nav-mobile-list-item {
    align-items: center;
    border-right: 1px solid var(--mpsc-color-icon);
    display: flex;
    padding-right: var(--mpsc-space-2);
}

.mpsc-header__social-nav-desktop-list-item:last-child,
.mpsc-header__social-nav-mobile-list-item:last-child {
    border-right-color: transparent;
    padding-right: 0;
}

.mpsc-header__social-nav-desktop-list-link,
.mpsc-header__social-nav-mobile-list-link {
    align-items: center;
    display: inline-flex;
    height: var(--mpsc-space-2);
    justify-content: center;
    text-decoration: none;
    width: var(--mpsc-space-2);
}

.mpsc-header__social-nav-desktop-list-img,
.mpsc-header__social-nav-mobile-list-img {
    color: var(--mpsc-color-icon);
    display: block;
    font-size: var(--mpsc-space-2);
    line-height: 1;
}

.mpsc-header__restricted-area-icon {
    font-size: var(--mpsc-font-size-lg);
    line-height: 1;
}

.mpsc-header :is(a, button, input):focus-visible {
    outline: 2px solid var(--mpsc-input-focus-border-color);
    outline-offset: 2px;
}

@media (min-width: 1024px) {

    .mpsc-header__mobile-actions,
    .mpsc-header__menu-button,
    .mpsc-header__restricted-area-link-mobile,
    .mpsc-header__social-nav-mobile,
    .mpsc-header__form-mobile,
    .mpsc-header__nav-second-level-button {
        display: none;
    }

    .mpsc-header__form,
    .mpsc-header__social-nav-desktop,
    .mpsc-header__nav-first-level-title,
    .mpsc-header__nav-second-level-button-icon,
    .mpsc-header__restricted-area-link-desktop {
        display: block;
    }

    .mpsc-header {
        display: flex;
        flex-direction: column;
        margin-bottom: var(--mpsc-space-5);
    }

    .mpsc-header__link-home {
        margin-right: auto;
    }

    .mpsc-header__logo {
        width: 350px;
    }

    .mpsc-header__other-contents {
        align-items: center;
        display: flex;
        gap: var(--mpsc-space-4);
    }

    .lfr-layout-structure-item-container.container-fluid-max-xl.mpsc-header__first-nav {
        background-color: transparent;
        gap: var(--mpsc-space-4);
        padding-bottom: var(--mpsc-space-3);
        padding-top: var(--mpsc-space-3);
        position: static;
    }

    .lfr-layout-structure-item-container.container-fluid-max-xl.mpsc-header__nav {
        border-radius: var(--mpsc-radius-lg);
        gap: 0;
        min-height: 63px;
        overflow: visible;
        padding: 0 var(--mpsc-space-2);
        position: static;
        transform: translateX(0);
        transition: none;
    }

    .mpsc-header__main-nav {
        gap: 0;
        width: 100%;
    }

    .mpsc-header__nav-first-level {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        min-height: 63px;
        position: relative;
    }

    .mpsc-header__nav-first-level-title {
        align-items: center;
        color: var(--mpsc-color-text-primary);
        display: flex;
        font: var(--mpsc-font-heading-xl);
        grid-column: 1 / -1;
        margin: var(--mpsc-space-1) var(--mpsc-space-1) var(--mpsc-space-2);
    }

    .mpsc-header__nav-first-level-link,
    .mpsc-header__nav-first-level-button {
        border-bottom: none;
        border-radius: var(--mpsc-radius-lg);
        height: 37px;
        padding: 0 var(--mpsc-space-2);
        text-align: center;
        transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }

    .mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button,
    .mpsc-header__nav-first-level-link:hover,
    .mpsc-header__nav-first-level-button:hover {
        background-color: var(--mpsc-color-primary);
        color: var(--mpsc-color-white);
    }

    .mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-button-chevron,
    .mpsc-header__nav-first-level-button:hover .mpsc-header__nav-first-level-button-chevron {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%) hue-rotate(137deg) brightness(101%) contrast(98%);
    }

    .mpsc-header__nav-first-level-button-icon {
        display: none;
    }

    .mpsc-header__nav-first-level-collapse {
        background-color: var(--mpsc-color-white);
        border-radius: var(--mpsc-radius-lg);
        box-shadow: 0 var(--mpsc-space-1) var(--mpsc-space-2) calc(var(--mpsc-space-1) * -1) color-mix(in srgb, var(--mpsc-color-text-primary) 18%, transparent);
        display: block;
        left: calc(var(--mpsc-space-2) * -1);
        opacity: 0;
        padding: var(--mpsc-space-3);
        pointer-events: none;
        position: absolute;
        right: calc(var(--mpsc-space-2) * -1);
        top: calc(100% + var(--mpsc-space-2));
        transform: translateY(calc(var(--mpsc-space-2) * -1)) scale(0.98);
        transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s 0.3s;
        visibility: hidden;
        width: auto;
    }

    .mpsc-header__nav-first-level--active .mpsc-header__nav-first-level-collapse {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s;
        visibility: visible;
    }

    .mpsc-header__nav-second-level {
        display: grid;
        gap: var(--mpsc-space-3);
        grid-template-columns: repeat(var(--mpsc-header-submenu-columns, 2), minmax(0, 1fr));
        min-height: auto;
    }

    .mpsc-header__nav-second-level-column {
        display: flex;
        flex-direction: column;
        gap: var(--mpsc-space-3);
        min-width: 0;
    }

    .mpsc-header__nav-second-level-item {
        background-color: var(--mpsc-color-background);
        border: 1px solid var(--mpsc-color-border);
        border-radius: var(--mpsc-radius-md);
        break-inside: avoid-column;
        margin: 0;
        min-width: 0;
    }

    .mpsc-header__nav-second-level-item--link {
        align-items: center;
        display: flex;
        min-height: 47px;
        padding: calc(var(--mpsc-space-1) * 1.5) var(--mpsc-space-3);
    }

    .mpsc-header__nav-second-level-item--has-children {
        padding: var(--mpsc-space-3);
    }

    .mpsc-header__nav-second-level-link,
    .mpsc-header__nav-third-level-link {
        border-bottom: none;
        margin-left: 0;
        padding: 0;
    }

    .mpsc-header__nav-second-level-label,
    .mpsc-header__nav-second-level-link {
        align-items: center;
        color: var(--mpsc-color-primary);
        display: flex;
        font: var(--mpsc-font-label-md);
        gap: var(--mpsc-space-1);
        width: 100%;
    }

    .mpsc-header__nav-second-level-button-icon {
        height: var(--mpsc-font-size-xl);
        width: var(--mpsc-font-size-xl);
    }

    .mpsc-header__nav-second-level-collapse {
        display: block;
        margin-left: 0;
        margin-top: var(--mpsc-space-2);
        overflow: visible;
        visibility: visible;
    }

    .mpsc-header__nav-third-level {
        column-count: var(--mpsc-header-third-level-columns, 2);
        column-gap: var(--mpsc-space-3);
        display: block;
        min-height: auto;
    }

    .mpsc-header__nav-third-level-item {
        break-inside: avoid-column;
        margin-bottom: var(--mpsc-space-2);
    }

    .mpsc-header__nav-third-level-item:last-child {
        margin-bottom: 0;
    }

    .mpsc-header__nav-third-level-link:hover {
        color: var(--mpsc-color-primary);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level {
        grid-template-columns: minmax(0, 650fr) minmax(0, 542fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level-column:first-child .mpsc-header__nav-second-level-item {
        flex: 1;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-first-level-title-icon {
        display: none;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level-column:nth-child(2) {
        display: grid;
        grid-template-columns: minmax(0, 277fr) minmax(0, 241fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level-column:nth-child(2) .mpsc-header__nav-second-level-item:nth-child(-n + 2) {
        grid-column: 1 / -1;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level-column:nth-child(2) .mpsc-header__nav-second-level-item:nth-child(3) {
        grid-column: 2;
        grid-row: 3;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="institucional"] .mpsc-header__nav-second-level-column:nth-child(2) .mpsc-header__nav-second-level-item:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="entenda"][data-submenu-columns="3"] .mpsc-header__nav-second-level {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="entenda"] .mpsc-header__nav-second-level-item {
        min-height: 68px;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="atuacao"][data-submenu-columns="4"] .mpsc-header__nav-second-level {
        grid-template-columns: minmax(0, 285fr) minmax(0, 265fr) minmax(0, 256fr) minmax(0, 337fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="atuacao"] .mpsc-header__nav-second-level-item--link {
        min-height: 68px;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="servicos"][data-submenu-columns="3"] .mpsc-header__nav-second-level {
        gap: var(--mpsc-space-2);
        grid-template-columns: minmax(0, 328fr) minmax(0, 338fr) minmax(0, 500fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="servicos"] .mpsc-header__nav-first-level-title,
    .mpsc-header__nav-first-level-collapse[data-submenu-layout="transparencia"] .mpsc-header__nav-first-level-title {
        gap: var(--mpsc-space-1);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="servicos"] .mpsc-header__nav-first-level-title-icon {
        display: none;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="servicos"] .mpsc-header__nav-second-level-column,
    .mpsc-header__nav-first-level-collapse[data-submenu-layout="transparencia"] .mpsc-header__nav-second-level-column {
        gap: var(--mpsc-space-2);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="servicos"] .mpsc-header__nav-second-level-item--link {
        min-height: 56px;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="atendimento"][data-submenu-columns="5"] .mpsc-header__nav-second-level {
        grid-template-columns: minmax(0, 225fr) minmax(0, 225fr) minmax(0, 225fr) minmax(0, 200fr) minmax(0, 244fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="atendimento"] .mpsc-header__nav-second-level-item {
        min-height: 82px;
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="transparencia"][data-submenu-columns="2"] .mpsc-header__nav-second-level {
        gap: var(--mpsc-space-2);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="transparencia"] .mpsc-header__nav-second-level-item--link {
        min-height: var(--mpsc-space-8);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="concursos"][data-submenu-columns="4"] .mpsc-header__nav-second-level {
        grid-template-columns: minmax(0, 311fr) minmax(0, 280fr) minmax(0, 287fr) minmax(0, 266fr);
    }

    .mpsc-header__nav-first-level-collapse[data-submenu-layout="concursos"] .mpsc-header__nav-second-level-item {
        min-height: 82px;
    }
}

/* ==== liferay-filtro-ano ==== */
.mpsc-filtro-ano,
.mpsc-filtro-ano *,
.mpsc-filtro-ano *::before,
.mpsc-filtro-ano *::after {
	box-sizing: border-box;
}

.mpsc-filtro-ano {
	width: 100%;
	padding: var(--mpsc-space-3) var(--mpsc-space-4);
	border: 1px solid var(--mpsc-color-border);
	border-radius:16px;
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-text-primary);
}

.mpsc-filtro-ano__toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-xs);
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
}

.mpsc-filtro-ano__chevron {
	flex: 0 0 auto;
	width: 10px;
	height: 16px;
	transition: transform 0.2s ease;
}

.mpsc-filtro-ano__options {
	display: grid;
	gap: var(--mpsc-space-3);
	margin-top: var(--mpsc-space-3);
}

.mpsc-filtro-ano__option {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2);
	margin: 0;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-lg);
}

.mpsc-filtro-ano__input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.mpsc-filtro-ano__checkbox {
	display: inline-flex;
	flex: 0 0 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #878786;
	border-radius: 5px;
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-white);
	transition: background-color 0.15s ease;
}

.mpsc-filtro-ano__checkbox svg {
	width: 1rem;
	height: 0.75rem;
	opacity: 0;
}

.mpsc-filtro-ano__input:checked + .mpsc-filtro-ano__checkbox {
	background-color: var(--mpsc-color-primary);
}

.mpsc-filtro-ano__input:checked + .mpsc-filtro-ano__checkbox svg {
	opacity: 1;
}

.mpsc-filtro-ano__input:focus-visible + .mpsc-filtro-ano__checkbox,
.mpsc-filtro-ano__toggle:focus-visible {
	outline: 3px solid var(--mpsc-input-focus-box-shadow-color);
	outline-offset: 3px;
}

.mpsc-filtro-ano--collapsed .mpsc-filtro-ano__options {
	display: none;
}

.mpsc-filtro-ano--collapsed .mpsc-filtro-ano__chevron {
	transform: rotate(180deg);
}

/* ==== liferay-filtro-ano-conteudo ==== */
.mpsc-filtro-ano,
.mpsc-filtro-ano *,
.mpsc-filtro-ano *::before,
.mpsc-filtro-ano *::after {
	box-sizing: border-box;
}

.mpsc-filtro-ano {
	width: 100%;
	padding: var(--mpsc-space-3) var(--mpsc-space-4);
	border: 1px solid var(--mpsc-color-border);
	border-radius:16px;
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-text-primary);
}

.mpsc-filtro-ano__toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-xs);
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
}

.mpsc-filtro-ano__chevron {
	flex: 0 0 auto;
	width: 10px;
	height: 16px;
	transition: transform 0.2s ease;
}

.mpsc-filtro-ano__options {
	display: grid;
	gap: var(--mpsc-space-3);
	margin-top: var(--mpsc-space-3);
}

.mpsc-filtro-ano__option {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2);
	margin: 0;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-lg);
}

.mpsc-filtro-ano__input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.mpsc-filtro-ano__checkbox {
	display: inline-flex;
	flex: 0 0 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #878786;
	border-radius: 5px;
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-white);
	transition: background-color 0.15s ease;
}

.mpsc-filtro-ano__checkbox svg {
	width: 1rem;
	height: 0.75rem;
	opacity: 0;
}

.mpsc-filtro-ano__input:checked + .mpsc-filtro-ano__checkbox {
	background-color: var(--mpsc-color-primary);
}

.mpsc-filtro-ano__input:checked + .mpsc-filtro-ano__checkbox svg {
	opacity: 1;
}

.mpsc-filtro-ano__input:focus-visible + .mpsc-filtro-ano__checkbox,
.mpsc-filtro-ano__toggle:focus-visible {
	outline: 3px solid var(--mpsc-input-focus-box-shadow-color);
	outline-offset: 3px;
}

.mpsc-filtro-ano--collapsed .mpsc-filtro-ano__options {
	display: none;
}

.mpsc-filtro-ano--collapsed .mpsc-filtro-ano__chevron {
	transform: rotate(180deg);
}

.mpsc-filtro-ano[hidden],
.mpsc-filtro-ano__option[hidden],
.mpsc-filtro-ano__frequency[hidden] {
	display: none;
}

.mpsc-filtro-ano__frequency {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: 400;
	margin-left: auto;
}

/* Mesmo botão do filtro de categoria: o "Ver mais" dos dois cartões precisa ser o mesmo
   elemento na tela, senão a lateral fica com dois estilos de link. */
.mpsc-filtro-ano__ver-mais {
	padding: 0;
	border: 0;
	background: transparent;
	color: #2d6d56;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	justify-self: start;
	text-decoration: underline;
}

.mpsc-filtro-ano__ver-mais[hidden] {
	display: none;
}

.mpsc-filtro-ano__ver-mais:focus-visible {
	outline: 3px solid rgba(45, 109, 86, 0.35);
	outline-offset: 3px;
}

/* Quem esconde de fato a opção extra é estilo direto no elemento, no JS: o fragmento
   antigo declara display nesta mesma classe. Esta regra é só a rede de segurança para
   quando o JS não roda. */
.mpsc-filtro-ano:not(.mpsc-filtro-ano--expandido) .mpsc-filtro-ano__option--extra {
	display: none;
}

/* ==== liferay-filtro-categoria ==== */
.mpsc-filtro-categoria {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 16px;
	box-sizing: border-box;
	padding: 24px 32px;
	width: 100%;
}

.mpsc-filtro-categoria *,
.mpsc-filtro-categoria *::before,
.mpsc-filtro-categoria *::after {
	box-sizing: border-box;
}

.mpsc-filtro-categoria__toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: #171717;
	cursor: pointer;
	display: flex;
	font: inherit;
	justify-content: space-between;
	padding: 0;
	text-align: left;
	width: 100%;
}

.mpsc-filtro-categoria__title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mpsc-filtro-categoria__chevron {
	flex: 0 0 auto;
	height: 10px;
	transition: transform 0.2s ease;
	width: 10px;
}

.mpsc-filtro-categoria__options {
	display: grid;
	gap: 20px;
	margin-top: 24px;
}

.mpsc-filtro-categoria__option {
	align-items: center;
	color: #171717;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 500;
	gap: 16px;
	line-height: 1.25;
	margin: 0;
}

.mpsc-filtro-categoria__input {
	block-size: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	inline-size: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

.mpsc-filtro-categoria__checkbox {
	align-items: center;
	background: #fff;
	border: 1.5px solid #878786;
	border-radius: 5px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 30px;
	height: 30px;
	justify-content: center;
	transition: background-color 0.15s ease;
	width: 30px;
}

.mpsc-filtro-categoria__checkbox svg {
	height: 12px;
	opacity: 0;
	width: 16px;
}

.mpsc-filtro-categoria__input:checked + .mpsc-filtro-categoria__checkbox {
	background: #2d6d56;
}

.mpsc-filtro-categoria__input:checked + .mpsc-filtro-categoria__checkbox svg {
	opacity: 1;
}

.mpsc-filtro-categoria__input:focus-visible + .mpsc-filtro-categoria__checkbox,
.mpsc-filtro-categoria__toggle:focus-visible {
	outline: 3px solid rgba(45, 109, 86, 0.35);
	outline-offset: 3px;
}

.mpsc-filtro-categoria__feedback {
	color: #5c5c5c;
	font-size: 14px;
	margin: 0;
}

.mpsc-filtro-categoria--collapsed .mpsc-filtro-categoria__options {
	display: none;
}

.mpsc-filtro-categoria--collapsed .mpsc-filtro-categoria__chevron {
	transform: rotate(180deg);
}

/* ==== liferay-filtro-categoria-conteudo ==== */
.mpsc-filtro-categoria {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 16px;
	box-sizing: border-box;
	padding: 24px 32px;
	width: 100%;
}

.mpsc-filtro-categoria *,
.mpsc-filtro-categoria *::before,
.mpsc-filtro-categoria *::after {
	box-sizing: border-box;
}

.mpsc-filtro-categoria__toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: #171717;
	cursor: pointer;
	display: flex;
	font: inherit;
	justify-content: space-between;
	padding: 0;
	text-align: left;
	width: 100%;
}

.mpsc-filtro-categoria__title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mpsc-filtro-categoria__chevron {
	flex: 0 0 auto;
	height: 10px;
	transition: transform 0.2s ease;
	width: 10px;
}

.mpsc-filtro-categoria__options {
	display: grid;
	gap: 20px;
	margin-top: 24px;
}

.mpsc-filtro-categoria__option {
	align-items: center;
	color: #171717;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 500;
	gap: 16px;
	line-height: 1.25;
	margin: 0;
}

.mpsc-filtro-categoria__input {
	block-size: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	inline-size: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

.mpsc-filtro-categoria__checkbox {
	align-items: center;
	background: #fff;
	border: 1.5px solid #878786;
	border-radius: 5px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 30px;
	height: 30px;
	justify-content: center;
	transition: background-color 0.15s ease;
	width: 30px;
}

.mpsc-filtro-categoria__checkbox svg {
	height: 12px;
	opacity: 0;
	width: 16px;
}

.mpsc-filtro-categoria__input:checked + .mpsc-filtro-categoria__checkbox {
	background: #2d6d56;
}

.mpsc-filtro-categoria__input:checked + .mpsc-filtro-categoria__checkbox svg {
	opacity: 1;
}

.mpsc-filtro-categoria__input:focus-visible + .mpsc-filtro-categoria__checkbox,
.mpsc-filtro-categoria__toggle:focus-visible {
	outline: 3px solid rgba(45, 109, 86, 0.35);
	outline-offset: 3px;
}

.mpsc-filtro-categoria__feedback {
	color: #5c5c5c;
	font-size: 14px;
	margin: 0;
}

.mpsc-filtro-categoria--collapsed .mpsc-filtro-categoria__options {
	display: none;
}

.mpsc-filtro-categoria--collapsed .mpsc-filtro-categoria__chevron {
	transform: rotate(180deg);
}

.mpsc-filtro-categoria[hidden],
.mpsc-filtro-categoria__option[hidden],
.mpsc-filtro-categoria__feedback[hidden],
.mpsc-filtro-categoria__frequency[hidden] {
	display: none;
}

.mpsc-filtro-categoria__frequency {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: 400;
	margin-left: auto;
}

.mpsc-filtro-categoria--carregando .mpsc-filtro-categoria__options {
	opacity: 0.6;
}

/* O fragmento antigo "Filtro de Categorias" usa estas mesmas classes e também declara
   display: flex na opção. Com a mesma especificidade venceria a folha injetada por
   último, então estas regras usam o container para ganhar sempre. */
.mpsc-filtro-categoria .mpsc-filtro-categoria__option--extra {
	display: none;
}

.mpsc-filtro-categoria--expandido .mpsc-filtro-categoria__option--extra:not([hidden]) {
	display: flex;
}

.mpsc-filtro-categoria__ver-mais {
	background: transparent;
	border: 0;
	color: #2d6d56;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	justify-self: start;
	padding: 0;
	text-decoration: underline;
}

.mpsc-filtro-categoria__ver-mais[hidden] {
	display: none;
}

.mpsc-filtro-categoria__ver-mais:focus-visible {
	outline: 3px solid rgba(45, 109, 86, 0.35);
	outline-offset: 3px;
}

/* ==== liferay-filtro-periodo-conteudo ==== */
.mpsc-filtro-periodo,
.mpsc-filtro-periodo *,
.mpsc-filtro-periodo *::before,
.mpsc-filtro-periodo *::after {
	box-sizing: border-box;
}

/* Mesmo cartão dos filtros de categoria e de ano: a lateral precisa ler como uma
   coluna só de cartões iguais. */
.mpsc-filtro-periodo {
	width: 100%;
	padding: var(--mpsc-space-3) var(--mpsc-space-4);
	border: 1px solid var(--mpsc-color-border);
	border-radius: 16px;
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-text-primary);
}

.mpsc-filtro-periodo__toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-xs);
	letter-spacing: 0.02em;
	text-align: left;
	text-transform: uppercase;
}

.mpsc-filtro-periodo__chevron {
	flex: 0 0 auto;
	width: 10px;
	height: 16px;
	transition: transform 0.2s ease;
}

.mpsc-filtro-periodo__options {
	display: grid;
	gap: var(--mpsc-space-3);
	margin-top: var(--mpsc-space-3);
}

.mpsc-filtro-periodo__option {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2);
	margin: 0;
	color: inherit;
	cursor: pointer;
	font: var(--mpsc-font-label-lg);
}

.mpsc-filtro-periodo__input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Seleção única: o controle é redondo, igual ao do widget Ordenar que fica na mesma
   coluna. Quadrado com visto leria como caixa de marcar e sugeriria que dá para
   escolher os dois períodos. */
.mpsc-filtro-periodo__radio {
	display: inline-flex;
	flex: 0 0 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #878786;
	border-radius: 50%;
	background-color: var(--mpsc-color-white);
	transition: border-color 0.15s ease;
}

/* O ponto de dentro fica sempre no lugar e só aparece quando marca, para o círculo
   não mudar de tamanho na troca. */
.mpsc-filtro-periodo__radio::after {
	content: "";
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	background-color: var(--mpsc-color-primary);
	opacity: 0;
	transition: opacity 0.15s ease;
}

.mpsc-filtro-periodo__input:checked + .mpsc-filtro-periodo__radio {
	border-color: var(--mpsc-color-primary);
}

.mpsc-filtro-periodo__input:checked + .mpsc-filtro-periodo__radio::after {
	opacity: 1;
}

.mpsc-filtro-periodo__input:focus-visible + .mpsc-filtro-periodo__radio,
.mpsc-filtro-periodo__toggle:focus-visible {
	outline: 3px solid var(--mpsc-input-focus-box-shadow-color);
	outline-offset: 3px;
}

.mpsc-filtro-periodo--collapsed .mpsc-filtro-periodo__options {
	display: none;
}

.mpsc-filtro-periodo--collapsed .mpsc-filtro-periodo__chevron {
	transform: rotate(180deg);
}

/* As regras acima declaram display, então o atributo hidden precisa de uma regra
   própria para ganhar — o cartão fechado dos outros filtros já pagou esse bug. */
.mpsc-filtro-periodo[hidden],
.mpsc-filtro-periodo__option[hidden],
.mpsc-filtro-periodo__frequency[hidden] {
	display: none;
}

.mpsc-filtro-periodo__frequency {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: 400;
	margin-left: auto;
}

/* ==== limite-menu-lateral ==== */
.mpsc-limite-menu-lateral {
	height: 0;
	overflow: hidden;
}

.mpsc-limite-menu-lateral--edit {
	height: auto;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--mpsc-space-1, 8px);
	border: 2px dashed var(--mpsc-color-primary, #00693e);
	border-radius: var(--mpsc-radius-sm, 4px);
	background-color: color-mix(in srgb, var(--mpsc-color-primary, #00693e) 8%, transparent);
}

.mpsc-limite-menu-lateral__label {
	font: var(--mpsc-font-label-sm, 600 12px/1.4 sans-serif);
	color: var(--mpsc-color-text-title, #1d1d1d);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}

/* ==== linha-do-tempo ==== */
.mpsc-linha-tempo,
.mpsc-linha-tempo *,
.mpsc-linha-tempo *::before,
.mpsc-linha-tempo *::after {
    box-sizing: border-box;
}

.mpsc-linha-tempo {
    width: 100%;
    transition: background-color 0.3s ease;
}

.mpsc-linha-tempo__lista {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mpsc-linha-tempo__etapa {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mpsc-linha-tempo__marcador {
    width: 100%;
    border-bottom: 1px solid var(--mpsc-lt-cor-linha, var(--mpsc-color-border, #e3e3e3));
    transition: border-color 0.3s ease;
}

.mpsc-linha-tempo__numero {
    display: block;
    margin: 0;
    line-height: 1.2;
    color: var(--mpsc-lt-cor-numero, var(--mpsc-color-primary, #2f6b4f));
    transition: color 0.3s ease;
}

.mpsc-linha-tempo__conteudo {
    padding-right: var(--mpsc-space-3, 1.5rem);
}

.mpsc-linha-tempo__texto {
    line-height: 1.4;
    color: var(--mpsc-lt-cor-texto, var(--mpsc-color-text-primary, #121214));
    word-break: break-word;
    transition: color 0.3s ease;
}

.mpsc-linha-tempo__texto p {
    margin: 0;
}

.mpsc-linha-tempo__texto a {
    color: inherit;
    text-decoration: underline;
}

.mpsc-linha-tempo--fundo-transparente {
    background-color: transparent;
}

.mpsc-linha-tempo--fundo-cinza {
    background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-linha-tempo--fundo-branco {
    background-color: var(--mpsc-color-white, #ffffff);
}

.mpsc-linha-tempo--fundo-verde-escuro {
    background-color: var(--mpsc-color-primary-dark, #1f4d3a);
}

.mpsc-linha-tempo--etapas-verde-principal {
    --mpsc-lt-cor-numero: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-lt-cor-linha: var(--mpsc-color-border, #e3e3e3);
}

.mpsc-linha-tempo--etapas-verde-escuro {
    --mpsc-lt-cor-numero: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-lt-cor-linha: var(--mpsc-color-border, #e3e3e3);
}

.mpsc-linha-tempo--etapas-branco {
    --mpsc-lt-cor-numero: var(--mpsc-color-white, #ffffff);
    --mpsc-lt-cor-linha: rgba(255, 255, 255, 0.4);
}

.mpsc-linha-tempo--texto-escuro {
    --mpsc-lt-cor-texto: var(--mpsc-color-text-primary, #121214);
}

.mpsc-linha-tempo--texto-branco {
    --mpsc-lt-cor-texto: var(--mpsc-color-white, #ffffff);
}

.mpsc-linha-tempo__numero--tam-sm,
.mpsc-linha-tempo__texto--tam-sm {
    font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-linha-tempo__numero--tam-md,
.mpsc-linha-tempo__texto--tam-md {
    font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-linha-tempo__numero--tam-lg,
.mpsc-linha-tempo__texto--tam-lg {
    font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-linha-tempo__numero--tam-xl,
.mpsc-linha-tempo__texto--tam-xl {
    font-size: var(--mpsc-font-size-xl, 1.25rem);
}

.mpsc-linha-tempo__numero--tam-2xl,
.mpsc-linha-tempo__texto--tam-2xl {
    font-size: var(--mpsc-font-size-2xl, 1.5rem);
}

.mpsc-linha-tempo__numero--peso-400,
.mpsc-linha-tempo__texto--peso-400 {
    font-weight: 400;
}

.mpsc-linha-tempo__numero--peso-500,
.mpsc-linha-tempo__texto--peso-500 {
    font-weight: 500;
}

.mpsc-linha-tempo__numero--peso-600,
.mpsc-linha-tempo__texto--peso-600 {
    font-weight: 600;
}

.mpsc-linha-tempo__numero--peso-700,
.mpsc-linha-tempo__texto--peso-700 {
    font-weight: 700;
}

.mpsc-linha-tempo__marcador--esp-nenhum {
    padding-bottom: 0;
}

.mpsc-linha-tempo__marcador--esp-pequeno {
    padding-bottom: var(--mpsc-space-1, 0.5rem);
}

.mpsc-linha-tempo__marcador--esp-medio {
    padding-bottom: var(--mpsc-space-2, 1rem);
}

.mpsc-linha-tempo__marcador--esp-grande {
    padding-bottom: var(--mpsc-space-3, 1.5rem);
}

.mpsc-linha-tempo__conteudo--esp-nenhum {
    padding-top: 0;
}

.mpsc-linha-tempo__conteudo--esp-pequeno {
    padding-top: var(--mpsc-space-1, 0.5rem);
}

.mpsc-linha-tempo__conteudo--esp-medio {
    padding-top: var(--mpsc-space-2, 1rem);
}

.mpsc-linha-tempo__conteudo--esp-grande {
    padding-top: var(--mpsc-space-3, 1.5rem);
}

@media (max-width: 767.98px) {
    .mpsc-linha-tempo__lista {
        flex-direction: column;
        gap: var(--mpsc-space-4, 2rem);
        border-left: 1px solid var(--mpsc-lt-cor-linha, var(--mpsc-color-border, #e3e3e3));
        padding-left: var(--mpsc-space-2, 1rem);
    }

    .mpsc-linha-tempo__etapa {
        width: 100%;
    }

    .mpsc-linha-tempo__marcador {
        border-bottom: none;
        padding-bottom: 0;
    }

    .mpsc-linha-tempo__conteudo {
        padding-right: 0;
    }

    .mpsc-linha-tempo__conteudo--esp-mobile-nenhum {
        padding-top: 0;
    }

    .mpsc-linha-tempo__conteudo--esp-mobile-pequeno {
        padding-top: var(--mpsc-space-1, 0.5rem);
    }

    .mpsc-linha-tempo__conteudo--esp-mobile-medio {
        padding-top: var(--mpsc-space-2, 1rem);
    }

    .mpsc-linha-tempo__conteudo--esp-mobile-grande {
        padding-top: var(--mpsc-space-3, 1.5rem);
    }

    .mpsc-linha-tempo--sem-linha-mobile .mpsc-linha-tempo__lista {
        border-left: none;
        padding-left: 0;
    }
}

/* ==== linha-do-tempo-vertical ==== */
.mpsc-linha-tempo,
.mpsc-linha-tempo *,
.mpsc-linha-tempo *::before,
.mpsc-linha-tempo *::after {
    box-sizing: border-box;
}

.mpsc-linha-tempo {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
    transition: background-color 0.3s ease;
}

/* Modo à esquerda colado na borda */
.mpsc-linha-tempo.mpsc-linha-tempo--linha-esquerda {
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mpsc-linha-tempo__lista {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* LINHA CONTÍNUA: Aplicada no container da lista inteira (nunca quebra) */
.mpsc-linha-tempo__lista::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 150px; /* Posição padrão centralizada */
    width: 2px;
    background-color: var(--mpsc-lt-cor-linha, var(--mpsc-color-border, #e3e3e3));
    z-index: 5;
    pointer-events: none;
}

.mpsc-linha-tempo__etapa {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: max-content;
    margin-bottom: 24px;
    position: relative;
}

.mpsc-linha-tempo__etapa:last-child {
    margin-bottom: 0;
}

/* ESPAÇO DA DATA (Largura fixa rígida garante alinhamento absoluto das dropzones) */
.mpsc-linha-tempo__marcador {
    width: 150px;
    flex: 0 0 150px;
    text-align: right;
    padding-top: 24px;
    border-bottom: none;
    white-space: nowrap;
}

.mpsc-linha-tempo__numero {
    display: block;
    margin: 0;
    line-height: 1.2;
    color: var(--mpsc-lt-cor-numero, var(--mpsc-color-primary, #2f6b4f));
    transition: color 0.3s ease;
}

.mpsc-linha-tempo__conteudo {
    flex-grow: 1;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    height: max-content;
}

/* =======================================================
   MODIFICADOR: LINHA À ESQUERDA (COLADA E CONTÍNUA)
   ======================================================= */
.mpsc-linha-tempo--linha-esquerda .mpsc-linha-tempo__lista::before {
    left: 70px !important; /* Posiciona a linha contínua logo após a data colada */
}

.mpsc-linha-tempo--linha-esquerda .mpsc-linha-tempo__marcador {
    width: 70px !important;
    flex: 0 0 70px !important;
    text-align: left !important;
    padding-left: 0 !important;
}

/* =======================================================
   CAIXAS (DROPZONES)
   ======================================================= */
.mpsc-linha-tempo__caixa-dropzone {
    background-color: var(--mpsc-color-background, #f1f1f3);
    border-radius: 8px;
    padding: 24px;
    height: max-content;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.mpsc-linha-tempo__caixa-dropzone > lfr-drop-zone {
    flex-grow: 1;
    width: 100%;
    margin: 0;
}

.mpsc-linha-tempo__caixa-transparente {
    background-color: transparent;
    padding: 16px 0 0 0;
    height: max-content;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.mpsc-linha-tempo__caixa-transparente > lfr-drop-zone {
    flex-grow: 1;
    width: 100%;
    margin: 0;
}

/* =======================================================
   MODIFICADORES E VARIÁVEIS DO TEMA
   ======================================================= */
.mpsc-linha-tempo--fundo-transparente { background-color: transparent; }
.mpsc-linha-tempo--fundo-cinza { background-color: var(--mpsc-color-background, #f1f1f3); }
.mpsc-linha-tempo--fundo-branco { background-color: var(--mpsc-color-white, #ffffff); }
.mpsc-linha-tempo--fundo-verde-escuro { background-color: var(--mpsc-color-primary-dark, #1f4d3a); }

.mpsc-linha-tempo--etapas-verde-principal {
    --mpsc-lt-cor-numero: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-lt-cor-linha: var(--mpsc-color-border, #e3e3e3);
}
.mpsc-linha-tempo--etapas-verde-escuro {
    --mpsc-lt-cor-numero: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-lt-cor-linha: var(--mpsc-color-border, #e3e3e3);
}
.mpsc-linha-tempo--etapas-branco {
    --mpsc-lt-cor-numero: var(--mpsc-color-white, #ffffff);
    --mpsc-lt-cor-linha: rgba(255, 255, 255, 0.4);
}
.mpsc-linha-tempo--texto-escuro { --mpsc-lt-cor-texto: var(--mpsc-color-text-primary, #121214); }
.mpsc-linha-tempo--texto-branco { --mpsc-lt-cor-texto: var(--mpsc-color-white, #ffffff); }

/* =======================================================
   RESPONSIVO (CELULARES)
   ======================================================= */
@media (max-width: 767.98px) {
    .mpsc-linha-tempo__lista::before {
        left: 15px !important;
    }

    .mpsc-linha-tempo__etapa {
        flex-direction: column;
    }

    .mpsc-linha-tempo__marcador {
        width: 100% !important;
        flex: 0 0 auto !important;
        text-align: left;
        white-space: normal;
        padding-right: 0 !important;
        padding-left: 30px;
        padding-bottom: 8px;
        padding-top: 0;
    }

    .mpsc-linha-tempo__conteudo {
        padding-left: 30px !important;
        padding-top: 0;
    }
}

/* ==== lista-com-ícones ==== */
.mpsc-lista-com-icone {
	width: 100%;
	box-sizing: border-box;
}

.mpsc-lista-com-icone__lista {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mpsc-space-3);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpsc-lista-com-icone__item {
	display: flex;
	gap: var(--mpsc-space-2);
	box-sizing: border-box;
}

.mpsc-lista-com-icone__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	font-size: var(--mpsc-font-size-3xl);
	line-height: 1;
	color: var(--mpsc-color-primary);
}

/* Regra específica para deixar o ponto com 16px mantendo a cor original */
.mpsc-lista-com-icone__icone.bi-record-fill {
	font-size: 16px;
}

.mpsc-lista-com-icone__icone::before {
	display: block;
}

.mpsc-lista-com-icone__texto {
	margin: 0;
	font: var(--mpsc-font-label-lg);
	font-weight: 600;
	line-height: 1.2;
	color: var(--mpsc-color-text-title);
}

@media (min-width: 1280px) {
	.mpsc-lista-com-icone__lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--mpsc-space-6);
		row-gap: var(--mpsc-space-4);
	}

	.mpsc-lista-com-icone__item {
		gap: var(--mpsc-space-2);
	}

	.mpsc-lista-com-icone__icone {
		font-size: var(--mpsc-font-size-3xl);
	}

	.mpsc-lista-com-icone__icone.bi-record-fill {
		font-size: 16px;
	}

	.mpsc-lista-com-icone__texto {
		font: var(--mpsc-font-label-lg);
		font-weight: 600;
		line-height: 1.2;
	}
}

/* ==== lista-numerada ==== */
.mpsc-lista-numerada {
	width: 100%;
	box-sizing: border-box;
}

.mpsc-lista-numerada__lista {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mpsc-space-3);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpsc-lista-numerada__item {
	position: relative;
	box-sizing: border-box;
	padding-bottom: var(--mpsc-space-2);
	border-bottom: 1px solid var(--mpsc-color-border);
}

.mpsc-lista-numerada__numero {
	display: block;
	margin-bottom: var(--mpsc-space-1);
	font: var(--mpsc-font-heading-xl);
	font-weight: 700;
	line-height: 1;
	color: var(--mpsc-color-primary);
}

.mpsc-lista-numerada__texto {
	margin: 0;
	font: var(--mpsc-font-body-md);
	color: var(--mpsc-color-text-title);
}

@media (min-width: 1280px) {
	.mpsc-lista-numerada__lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--mpsc-space-6);
		row-gap: var(--mpsc-space-3);
	}

	.mpsc-lista-numerada__item {
		min-height: 88px;
		padding-right: var(--mpsc-space-3);
	}

	.mpsc-lista-numerada__item:nth-child(odd)::after {
		content: "";
		position: absolute;
		top: 0;
		right: calc((var(--mpsc-space-6) / -2));
		width: 1px;
		height: calc(100% - var(--mpsc-space-2));
		background-color: var(--mpsc-color-border);
	}

	.mpsc-lista-numerada__texto {
		font: var(--mpsc-font-body-md);
	}
}

/* ==== mapa-do-feminicídio ==== */
.mpsc-banner-feminicidio,
.mpsc-banner-feminicidio *,
.mpsc-banner-feminicidio *::before,
.mpsc-banner-feminicidio *::after {
    box-sizing: border-box;
}

.mpsc-banner-feminicidio {
    position: relative;
    width: 100%;
    min-height: 640px;
    overflow: hidden;
    border-radius: var(--mpsc-radius-md);
    background-color: #8f6176;
    font-family: var(--mpsc-font-family, 'Montserrat', sans-serif);
}

.mpsc-banner-feminicidio__swiper,
.mpsc-banner-feminicidio__lista,
.mpsc-banner-feminicidio__slide {
    height: 100%;
}

.mpsc-banner-feminicidio__item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #8f6176;
}

/* =======================================================
   ESTRUTURA DO CONTEÚDO (MOBILE)
   ======================================================= */
.mpsc-banner-feminicidio__conteudo {
    position: relative;
    z-index: 2;
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 80px 24px 24px 24px;
    color: var(--mpsc-color-white);
}

.mpsc-banner-feminicidio__titulo {
    margin: 0 0 16px;
    font: var(--mpsc-font-display-md);
    color: var(--mpsc-color-white);
}

.mpsc-banner-feminicidio__descricao {
    margin: 0 0 24px;
    font: var(--mpsc-font-body-lg);
    color: var(--mpsc-color-white);
}

/* Link / Botão */
.mpsc-banner-feminicidio__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 24px;
    border: 1px solid var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-full);
    font: var(--mpsc-font-label-md);
    color: var(--mpsc-color-white);
    text-decoration: none;
    transition: all 0.3s ease;
}

.mpsc-banner-feminicidio__link:hover {
    background-color: var(--mpsc-color-white);
    color: #8f6176;
    text-decoration: none;
}

.mpsc-banner-feminicidio__link-icone {
    font-size: var(--mpsc-font-size-xl);
    line-height: 1;
}

/* =======================================================
   ESTRUTURA DA IMAGEM (MOBILE)
   ======================================================= */
.mpsc-banner-feminicidio__imagem-area {
    position: relative;
    z-index: 1;
    order: 2;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 24px 40px 24px;
}

.mpsc-banner-feminicidio__imagem-area lfr-editable {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mpsc-banner-feminicidio__imagem {
    width: 100%;
    height: 100%;
    max-height: 280px;
    object-fit: contain;
    object-position: center bottom;
}

/* =======================================================
   CONTROLES E PAGINAÇÃO
   ======================================================= */
.mpsc-banner-feminicidio__controles {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
    display: flex;
    gap: 12px;
}

.mpsc-banner-feminicidio__botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: var(--mpsc-radius-full);
    background-color: var(--mpsc-color-white);
    color: var(--mpsc-color-text-title);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: opacity 0.3s ease;
}

.mpsc-banner-feminicidio__botao:hover {
    opacity: 0.8;
}

.mpsc-banner-feminicidio__botao-icone {
    font-size: var(--mpsc-font-size-md);
    line-height: 1;
}

.mpsc-banner-feminicidio mpsc-icon.mpsc-banner-feminicidio__botao-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-banner-feminicidio__paginacao {
    position: absolute;
    bottom: 16px !important;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.mpsc-banner-feminicidio__paginacao .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background-color: transparent;
    border: 1px solid var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-full);
    opacity: 1;
    transition: all 0.3s ease;
}

.mpsc-banner-feminicidio__paginacao .swiper-pagination-bullet-active {
    width: 24px;
    background-color: var(--mpsc-color-white);
}

/* =======================================================
   DESKTOP (LADO A LADO) - AJUSTADO PARA IMAGEM MAIOR
   ======================================================= */
@media (min-width: 992px) {
    .mpsc-banner-feminicidio {
        min-height: auto;
        height: 480px;
    }

    .mpsc-banner-feminicidio__item {
        flex-direction: row;
        align-items: center;
    }

    .mpsc-banner-feminicidio__conteudo {
        width: 45%;
        height: 100%;
        padding: 40px 24px 40px 64px;
        justify-content: center;
    }

    .mpsc-banner-feminicidio__titulo {
        font: var(--mpsc-font-display-lg);
    }

    .mpsc-banner-feminicidio__link {
        width: auto;
        padding: 12px 32px;
    }

    .mpsc-banner-feminicidio__imagem-area {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 55%;
        height: 100%;
        padding: 16px 64px 16px 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mpsc-banner-feminicidio__imagem-area lfr-editable {
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

    .mpsc-banner-feminicidio__imagem {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: contain;
        object-position: right center;
        transform: scale(1.15);
        transform-origin: right center;
    }
}

/* ==== menu-lateral-flutuante ==== */
.mpsc-menu-lateral-flutuante {
	top: var(--mpsc-space-3);
	background-color: var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-sm);
	border: 1px solid var(--mpsc-color-border);
	overflow: hidden;
	width: 100%;
}

.mpsc-menu-lateral-flutuante__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: transparent;
	border: none;
	padding: var(--mpsc-space-2);
	cursor: pointer;
	gap: var(--mpsc-space-1);
}

.mpsc-menu-lateral-flutuante__toggle:focus-visible {
	outline: 2px solid var(--mpsc-color-primary);
	outline-offset: -2px;
}

.mpsc-menu-lateral-flutuante__title {
	font: var(--mpsc-font-label-sm);
	color: var(--mpsc-color-text-title);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.mpsc-menu-lateral-flutuante__chevron {
	flex-shrink: 0;
	font-size: var(--mpsc-space-2);
	line-height: 1;
	transition: transform 0.3s ease;
	transform: rotate(180deg);
}

.mpsc-menu-lateral-flutuante__collapse {
	display: grid;
	grid-template-rows: 1fr;
	overflow: hidden;
	visibility: visible;
	transition: grid-template-rows 0.3s ease-in-out, visibility 0s;
}

.mpsc-menu-lateral-flutuante--closed .mpsc-menu-lateral-flutuante__collapse {
	grid-template-rows: 0fr;
	visibility: hidden;
	transition: grid-template-rows 0.3s ease-in-out, visibility 0s 0.3s;
}

.mpsc-menu-lateral-flutuante--closed .mpsc-menu-lateral-flutuante__chevron {
	transform: rotate(0deg);
}

.mpsc-menu-lateral-flutuante--closed .mpsc-menu-lateral-flutuante__toggle {
	border-bottom-color: transparent;
}

.mpsc-menu-lateral-flutuante__collapse-inner {
	min-height: 0;
}

.mpsc-menu-lateral-flutuante__list {
	list-style: none;
	padding: 0 0 var(--mpsc-space-1);
	margin: 0;
}

.mpsc-menu-lateral-flutuante__item {
	display: block;
}

.mpsc-menu-lateral-flutuante__link {
	display: block;
	font: var(--mpsc-font-body-sm);
	color: var(--mpsc-color-text-title);
	padding: 10px var(--mpsc-space-2);
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.mpsc-menu-lateral-flutuante__link:hover {
	color: var(--mpsc-color-text-title);
	background-color: color-mix(in srgb, var(--mpsc-color-primary) 30%, transparent);
	text-decoration: none;
}

.mpsc-menu-lateral-flutuante__link:focus-visible {
	outline: 2px solid var(--mpsc-color-primary);
	outline-offset: -2px;
}

.mpsc-menu-lateral-flutuante__link--active {
	color: var(--mpsc-color-text-title);
	border-left-color: var(--mpsc-color-primary);
	background-color: color-mix(in srgb, var(--mpsc-color-primary) 30%, transparent);
}

.mpsc-menu-lateral-flutuante mpsc-icon.mpsc-menu-lateral-flutuante__chevron .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

/* ==== menu-rapido-acessibilidade ==== */
.mpsc-skip-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
}

.mpsc-skip-nav__link {
    position: absolute;
    left: -9999px;
    top: -9999px;
    background-color: var(--mpsc-color-primary);
    color: var(--mpsc-color-white);
    font: var(--mpsc-font-navbar);
    padding: var(--mpsc-space-2);
    text-decoration: none;
    border-radius: var(--mpsc-radius-md);
}

.mpsc-skip-nav__link:hover {
    color: var(--mpsc-color-white);
}

.mpsc-skip-nav__link:focus {
    position: static;
    left: auto;
    top: auto;
    outline: 3px solid var(--mpsc-color-white);
    outline-offset: -4px;
}

/* ==== menu-resultado-busca ==== */
.mpsc-menu-resultado-busca,
.mpsc-menu-resultado-busca *,
.mpsc-menu-resultado-busca *::before,
.mpsc-menu-resultado-busca *::after {
    box-sizing: border-box;
}

.mpsc-menu-resultado-busca lfr-editable {
    display: contents;
}

/* Mobile first */
.mpsc-menu-resultado-busca__list {
    display: flex;
    align-items: stretch;
    gap: var(--mpsc-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #b6b6bb;
}

.mpsc-menu-resultado-busca__item {
    display: flex;
}

.mpsc-menu-resultado-busca__icon {
    /* Oculto no mobile, exibido no desktop */
    display: none;
    font-size: var(--mpsc-font-size-2xl);
    color: inherit;
}

.mpsc-menu-resultado-busca mpsc-icon.mpsc-menu-resultado-busca__icon .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

.mpsc-menu-resultado-busca__link {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-1);
    padding: var(--mpsc-space-1);
    font: var(--mpsc-font-navbar);
    color: #878786;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color ease-in-out 0.3s, border-bottom ease-in-out 0.3s;
}

.mpsc-menu-resultado-busca__link:hover,
.mpsc-menu-resultado-busca__link:focus-visible {
    color: var(--mpsc-color-primary);
    text-decoration: none;
    border-bottom: 3px solid var(--mpsc-color-primary);
}

.mpsc-menu-resultado-busca__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    border-radius: var(--mpsc-radius-sm);
}

/* Estado ativo — item correspondente à página atual (mesma estilização do hover) */
.mpsc-menu-resultado-busca__item--active .mpsc-menu-resultado-busca__link {
    color: var(--mpsc-color-primary);
    font-weight: 700;
    border-bottom-color: var(--mpsc-color-primary);
}

/* Desktop */
@media (min-width: 1280px) {
    .mpsc-menu-resultado-busca__icon {
        display: inline-flex;
        align-items: center;
    }
}

/* ==== notícias-por-região ==== */
.mpsc-noticias-regiao {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-4, 2rem);
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
}

.mpsc-noticias-regiao__cabecalho {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 1rem);
    width: 100%;
}

.mpsc-noticias-regiao__titulo {
    margin: 0;
    font: 700 var(--mpsc-font-size-2xl, 1.5rem)/1 "Montserrat", sans-serif;
    color: var(--mpsc-color-text-title, #222222);
}

.mpsc-noticias-regiao__mostrar-mais {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem var(--mpsc-space-2, 1rem);
    background-color: var(--mpsc-color-primary, #2f6b4f);
    border-radius: var(--mpsc-radius-lg, 24px);
    font: 600 var(--mpsc-font-size-md, 1rem)/1.5rem "Montserrat", sans-serif;
    color: var(--mpsc-color-white, #ffffff);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

.mpsc-noticias-regiao__mostrar-mais:visited,
.mpsc-noticias-regiao__mostrar-mais:focus,
.mpsc-noticias-regiao__mostrar-mais:active {
    color: var(--mpsc-color-white, #ffffff);
}

.mpsc-noticias-regiao__mostrar-mais:hover {
    background-color: var(--mpsc-color-primary-dark, #1f4d3a);
    color: var(--mpsc-color-white, #ffffff);
}

.mpsc-noticias-regiao__mostrar-mais-icone {
    display: inline-flex;
    font-size: var(--mpsc-space-3, 1.5rem);
    line-height: 1;
}

.mpsc-noticias-regiao__abas {
    display: flex;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 1rem);
    border-bottom: 1px solid var(--mpsc-color-divider, #878786);
}

.mpsc-noticias-regiao__aba {
    flex: 1 1 0;
    min-width: max-content;
    height: 51px;
    padding: 0 var(--mpsc-space-2, 1rem);
    margin-bottom: -1px;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    font: var(--mpsc-font-label-lg, 500 1rem/1.5rem "Montserrat", sans-serif);
    color: var(--mpsc-color-text-title, #222222);
    white-space: nowrap;
    cursor: pointer;
}

.mpsc-noticias-regiao__aba--ativa {
    font-weight: 700;
    color: var(--mpsc-color-primary, #2f6b4f);
    border-bottom-color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-noticias-regiao__painel--oculto {
    display: none;
}

.mpsc-noticias-regiao__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--mpsc-space-3, 1.5rem);
    width: 100%;
}

.mpsc-noticias-regiao__card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--mpsc-color-white, #ffffff);
    border: 1px solid var(--mpsc-color-border, #e3e3e3);
    border-radius: var(--mpsc-radius-md, 16px);
    overflow: hidden;
}

.mpsc-noticias-regiao__card-media {
    position: relative;
}

.mpsc-noticias-regiao__card-img {
    display: block;
    width: 100%;
    height: 228px;
    object-fit: cover;
}

.mpsc-noticias-regiao__card-pill {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--mpsc-space-1, 0.5rem) 0.75rem;
    background-color: var(--mpsc-color-white, #ffffff);
    color: var(--mpsc-color-text-primary, #121214);
    border-radius: var(--mpsc-radius-2xl, 40px);
    font: 600 var(--mpsc-font-size-xs, 0.75rem)/1rem "Montserrat", sans-serif;
    text-align: center;
    white-space: nowrap;
}

.mpsc-noticias-regiao__card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--mpsc-space-3, 1.5rem);
    padding: var(--mpsc-space-4, 2rem);
}

.mpsc-noticias-regiao__card-titulo {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font: 700 var(--mpsc-font-size-xl, 1.25rem)/1 "Montserrat", sans-serif;
    color: var(--mpsc-color-text-title, #222222);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.mpsc-noticias-regiao__card-titulo-link,
.mpsc-noticias-regiao__card-titulo-link:visited,
.mpsc-noticias-regiao__card-titulo-link:focus,
.mpsc-noticias-regiao__card-titulo-link:active,
.mpsc-noticias-regiao__card-titulo-link:hover {
    color: inherit;
    text-decoration: none;
}

.mpsc-noticias-regiao__card-titulo-link::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
}

.mpsc-noticias-regiao__card-descricao {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: var(--mpsc-font-size-sm, 0.875rem);
    line-height: 1.4;
    color: var(--mpsc-color-text-primary, #121214);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mpsc-noticias-regiao__card-rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 1rem);
}

.mpsc-noticias-regiao__card-data {
    font: var(--mpsc-font-body-md, 500 1rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-icon, #757575);
}

.mpsc-noticias-regiao__card-link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: var(--mpsc-space-1, 0.5rem);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1.25;
    color: var(--mpsc-color-primary, #2f6b4f);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

.mpsc-noticias-regiao__card-link:visited,
.mpsc-noticias-regiao__card-link:focus,
.mpsc-noticias-regiao__card-link:active {
    color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-noticias-regiao__card-link:hover {
    color: var(--mpsc-color-primary, #2f6b4f);
    text-decoration: underline;
}

.mpsc-noticias-regiao__vazio {
    color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-noticias-regiao mpsc-icon.mpsc-noticias-regiao__card-link-icone .mpsc-icon__svg,
.mpsc-noticias-regiao mpsc-icon.mpsc-noticias-regiao__mostrar-mais-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

@media (max-width: 767px) {
    .mpsc-noticias-regiao__cabecalho {
        flex-wrap: wrap;
    }

    .mpsc-noticias-regiao__abas {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .mpsc-noticias-regiao__grid {
        grid-template-columns: 1fr;
    }
}

/* ==== o-que-você-pode-fazer ==== */
.mpsc-o-que-pode-fazer {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2, 1rem);
	width: 100%;
	box-sizing: border-box;
}

.mpsc-o-que-pode-fazer--alinhar-topo {
	align-items: flex-start;
}

.mpsc-o-que-pode-fazer--espaco-pequeno {
	gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-o-que-pode-fazer--espaco-grande {
	gap: var(--mpsc-space-3, 1.5rem);
}

.mpsc-o-que-pode-fazer--fundo-branco {
	background-color: var(--mpsc-color-white, #ffffff);
}

.mpsc-o-que-pode-fazer--fundo-cinza {
	background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-o-que-pode-fazer--padding-pequeno {
	padding: var(--mpsc-space-2, 1rem);
}

.mpsc-o-que-pode-fazer--padding-medio {
	padding: var(--mpsc-space-3, 1.5rem);
}

.mpsc-o-que-pode-fazer--padding-grande {
	padding: var(--mpsc-space-4, 2rem);
}

.mpsc-o-que-pode-fazer--arredondado {
	border-radius: var(--mpsc-radius-md, 16px);
}

.mpsc-o-que-pode-fazer__figura {
	margin: 0;
	flex: 0 0 auto;
	line-height: 0;
}

.mpsc-o-que-pode-fazer__imagem {
	display: block;
	width: 72px;
	height: auto;
}

.mpsc-o-que-pode-fazer__imagem--pequeno {
	width: 48px;
}

.mpsc-o-que-pode-fazer__imagem--medio {
	width: 72px;
}

.mpsc-o-que-pode-fazer__imagem--grande {
	width: 80px;
}

.mpsc-o-que-pode-fazer__imagem--extra-grande {
	width: 96px;
}

.mpsc-o-que-pode-fazer__imagem--circulo,
.mpsc-o-que-pode-fazer__imagem--arredondado {
	aspect-ratio: 1;
	object-fit: cover;
}

.mpsc-o-que-pode-fazer__imagem--circulo {
	border-radius: var(--mpsc-radius-full, 9999px);
}

.mpsc-o-que-pode-fazer__imagem--arredondado {
	border-radius: var(--mpsc-radius-md, 16px);
}

.mpsc-o-que-pode-fazer__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-1, 0.5rem);
	min-width: 0;
}

.mpsc-o-que-pode-fazer__conteudo--espaco-nenhum {
	gap: 0;
}

.mpsc-o-que-pode-fazer__conteudo--espaco-pequeno {
	gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-o-que-pode-fazer__conteudo--espaco-medio {
	gap: var(--mpsc-space-2, 1rem);
}

.mpsc-o-que-pode-fazer__conteudo--espaco-grande {
	gap: var(--mpsc-space-3, 1.5rem);
}

.mpsc-o-que-pode-fazer__titulo {
	margin: 0;
	font: var(--mpsc-font-heading-xl, 600 1.5rem/2rem "Montserrat", sans-serif);
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-o-que-pode-fazer__texto {
	font: var(--mpsc-font-body-lg, 400 1rem/1.5rem "Montserrat", sans-serif);
	color: var(--mpsc-color-text-primary, #121214);
}

.mpsc-o-que-pode-fazer__texto p {
	margin: 0;
}

.mpsc-o-que-pode-fazer__texto a {
	color: var(--mpsc-color-primary, #2f6b4f);
	text-decoration: underline;
}

@media (max-width: 768px) {
	.mpsc-o-que-pode-fazer {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ==== pesquisa-encontre-uma-promotoria ==== */
.mpsc-epj,
.mpsc-epj *,
.mpsc-epj *::before,
.mpsc-epj *::after {
    box-sizing: border-box;
}

.mpsc-epj {
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    color: var(--mpsc-color-text-primary, #121214);
    font-family: "Montserrat", sans-serif;
}

.mpsc-epj mpsc-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.mpsc-epj__filtros {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--mpsc-space-2, 16px);
    width: 100%;
    padding-bottom: var(--mpsc-space-2, 16px);
    margin-bottom: var(--mpsc-space-3, 24px);
}

.mpsc-epj__campo {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: 4px;
}

.mpsc-epj__label {
    color: var(--mpsc-color-text-primary, #121214);
    font: 500 12px/18px "Montserrat", sans-serif;
}

.mpsc-epj__select {
    width: 100%;
    height: 50px;
    padding: 0 40px 0 16px;
    border: 1px solid var(--mpsc-input-border-color, #757575);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-white, #FFFFFF);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-body-sm, 500 14px/20px "Montserrat", sans-serif);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.mpsc-epj__select:focus-visible {
    border-color: var(--mpsc-input-focus-border-color, #86B7FE);
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size, 4px) var(--mpsc-input-focus-box-shadow-color, #86B7FE75);
    outline: 0;
}

/* A altura acompanha a do .mpsc-epj__select: a linha de filtros fecha por baixo
   (align-items: flex-end), então altura diferente deixa o topo do botão fora de
   linha com o topo dos campos. */
.mpsc-epj__cta {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 8px);
    width: 246px;
    max-width: 100%;
    height: 50px;
    padding: 0 var(--mpsc-space-3, 24px);
    border: 0;
    border-radius: var(--mpsc-radius-full, 100px);
    background-color: var(--mpsc-color-primary-dark, #1F4D3A);
    color: var(--mpsc-color-white, #FFFFFF);
    font: var(--mpsc-font-label-lg, 500 16px/24px "Montserrat", sans-serif);
    white-space: nowrap;
    cursor: pointer;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.mpsc-epj__cta:hover {
    background-color: var(--mpsc-color-primary-dark, #1F4D3A);
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.mpsc-epj__cta:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 3px;
}

.mpsc-epj__status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-2, 16px);
    min-height: 8rem;
    padding: var(--mpsc-space-3, 24px);
    border: 1px dashed var(--mpsc-color-border, #E3E3E3);
    border-radius: var(--mpsc-radius-md, 16px);
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-body-md, 500 16px/20px "Montserrat", sans-serif);
    text-align: center;
}

.mpsc-epj__status--erro {
    border: 0;
    padding-block: var(--mpsc-space-6, 48px);
}

.mpsc-epj__erro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mpsc-space-2, 16px);
    max-width: 40rem;
    text-align: center;
}

.mpsc-epj__erro-icone {
    display: inline-flex;
    color: var(--mpsc-color-warning, #E58A34);
}

.mpsc-epj__erro-icone svg {
    width: var(--mpsc-space-5, 40px);
    height: var(--mpsc-space-5, 40px);
}

.mpsc-epj__erro-titulo {
    margin: 0;
    color: var(--mpsc-color-text-title, #222222);
    font: var(--mpsc-font-heading-sm, 700 1.125rem/1.5rem "Montserrat", sans-serif);
}

.mpsc-epj__erro-descricao {
    margin: 0;
    color: var(--mpsc-color-icon, #757575);
    font: var(--mpsc-font-body-lg, 400 1rem/1.5rem "Montserrat", sans-serif);
}

.mpsc-epj__erro-retry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--mpsc-space-6, 48px);
    margin-top: var(--mpsc-space-1, 8px);
    padding: 0 var(--mpsc-space-4, 32px);
    border: 0;
    border-radius: var(--mpsc-radius-full, 100px);
    background-color: var(--mpsc-color-primary-dark, #1F4D3A);
    color: var(--mpsc-color-white, #FFFFFF);
    font: var(--mpsc-font-label-lg, 500 16px/24px "Montserrat", sans-serif);
    cursor: pointer;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.mpsc-epj__erro-retry:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.mpsc-epj__erro-retry:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 3px;
}

.mpsc-epj__spinner {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border: 3px solid var(--mpsc-color-border, #E3E3E3);
    border-top-color: var(--mpsc-color-primary, #2F6B4F);
    border-radius: 50%;
    animation: mpsc-epj-spin 0.8s linear infinite;
}

@keyframes mpsc-epj-spin {
    to {
        transform: rotate(360deg);
    }
}

.mpsc-epj__resultados {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3, 24px);
}

.mpsc-epj__comarca {
    padding: var(--mpsc-space-4, 32px);
    border: 1px solid var(--mpsc-color-border, #E3E3E3);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-epj__comarca-topo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 16px);
    margin-bottom: var(--mpsc-space-3, 24px);
}

.mpsc-epj__comarca-cabecalho {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.mpsc-epj__comarca-titulo {
    margin: 0;
    color: var(--mpsc-color-primary-dark, #1F4D3A);
    font: 700 var(--mpsc-font-size-2xl, 1.5rem)/1.2 "Montserrat", sans-serif;
    text-transform: uppercase;
}

.mpsc-epj__comarca-municipios {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 600 var(--mpsc-font-size-xl, 1.25rem)/1 "Montserrat", sans-serif;
    overflow-wrap: anywhere;
}

.mpsc-epj__comarca-municipios strong {
    font-weight: 700;
}

.mpsc-epj__comarca-unidades {
    display: flex;
    flex-direction: column;
}

.mpsc-epj__comarca-extra {
    display: flex;
    flex-direction: column;
}

.mpsc-epj__comarca-extra[hidden] {
    display: none;
}

.mpsc-epj__secretaria {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2, 16px);
    padding: var(--mpsc-space-3, 24px) 0;
    border-top: 1px solid var(--mpsc-color-border, #E3E3E3);
}

.mpsc-epj__comarca-unidades > .mpsc-epj__secretaria:first-child {
    padding-top: 0;
    border-top: 0;
}

.mpsc-epj__secretaria-nome {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 700 var(--mpsc-font-size-md, 1rem)/1.4 "Montserrat", sans-serif;
}

.mpsc-epj__secretaria-endereco {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 500 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
    overflow-wrap: anywhere;
}

.mpsc-epj__secretaria-endereco strong {
    font-weight: 700;
}

.mpsc-epj__card {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3, 24px);
    padding: var(--mpsc-space-4, 32px);
    border: 1px solid var(--mpsc-color-border, #E3E3E3);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-white, #FFFFFF);
}

.mpsc-epj__card-topo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 16px);
}

.mpsc-epj__card-titulo {
    margin: 0;
    color: var(--mpsc-color-primary, #2F6B4F);
    font: 700 var(--mpsc-font-size-xl, 1.25rem)/1.2 "Montserrat", sans-serif;
    text-transform: uppercase;
}

.mpsc-epj__detalhes {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 8px);
    min-width: 184px;
    height: var(--mpsc-space-6, 48px);
    padding: 0 var(--mpsc-space-3, 24px);
    border: 0;
    border-radius: var(--mpsc-radius-lg, 24px);
    background-color: var(--mpsc-color-primary, #2F6B4F);
    color: var(--mpsc-color-white, #FFFFFF);
    font: var(--mpsc-font-label-lg, 500 16px/24px "Montserrat", sans-serif);
    font-weight: 600;
    cursor: pointer;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.mpsc-epj__detalhes-texto {
    text-align: center;
}

.mpsc-epj__detalhes:hover {
    background-color: var(--mpsc-color-primary-dark, #1F4D3A);
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.mpsc-epj__detalhes:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 3px;
}

.mpsc-epj mpsc-icon.mpsc-epj__detalhes-icone--menos {
    display: none;
}

.mpsc-epj__card--aberto mpsc-icon.mpsc-epj__detalhes-icone--mais,
.mpsc-epj__comarca--aberta mpsc-icon.mpsc-epj__detalhes-icone--mais {
    display: none;
}

.mpsc-epj__card--aberto mpsc-icon.mpsc-epj__detalhes-icone--menos,
.mpsc-epj__comarca--aberta mpsc-icon.mpsc-epj__detalhes-icone--menos {
    display: inline-flex;
}

.mpsc-epj__card-endereco,
.mpsc-epj__card-areas {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 600 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
    overflow-wrap: anywhere;
}

.mpsc-epj__card-endereco strong,
.mpsc-epj__card-areas strong {
    font-weight: 700;
}

.mpsc-epj__acoes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr));
    gap: var(--mpsc-space-2, 16px);
}

.mpsc-epj__contato-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 8px);
    min-width: 0;
    height: var(--mpsc-space-6, 48px);
    padding: 0 var(--mpsc-space-2, 16px);
    border: 1px solid var(--mpsc-color-primary, #2F6B4F);
    border-radius: var(--mpsc-radius-lg, 24px);
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
    font: var(--mpsc-font-body-md, 500 16px/20px "Montserrat", sans-serif);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mpsc-epj__contato-link:hover {
    background-color: var(--mpsc-color-primary, #2F6B4F);
    color: var(--mpsc-color-white, #FFFFFF);
    text-decoration: none;
}

.mpsc-epj__contato-link:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 2px;
}

.mpsc-epj__contato-texto {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mpsc-epj__detalhes-corpo {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3, 24px);
    margin-top: var(--mpsc-space-1, 8px);
    padding-top: var(--mpsc-space-4, 32px);
    border-top: 1px solid var(--mpsc-color-border, #E3E3E3);
}

.mpsc-epj__detalhes-corpo[hidden] {
    display: none;
}

.mpsc-epj__detalhes-carregando {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-2, 16px);
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-body-md, 500 16px/20px "Montserrat", sans-serif);
}

.mpsc-epj__detalhes-carregando .mpsc-epj__spinner {
    width: 24px;
    height: 24px;
    border-width: 2px;
}

.mpsc-epj__vazio {
    margin: 0;
    color: var(--mpsc-color-icon, #757575);
    font: 500 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
}

.mpsc-epj__subordinadas {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3, 24px);
}

.mpsc-epj__card--subordinada {
    padding: var(--mpsc-space-3, 24px);
    background-color: var(--mpsc-color-surface, #F6F6F6);
}

.mpsc-epj__card--subordinada .mpsc-epj__card-titulo {
    font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-epj__atuacao {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-1, 8px);
}

.mpsc-epj__atuacao-titulo {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-1, 8px);
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 600 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
}

.mpsc-epj__atuacao-texto {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 500 var(--mpsc-font-size-md, 1rem)/1.6 "Montserrat", sans-serif;
    overflow-wrap: anywhere;
}

.mpsc-epj__equipe {
    display: flex;
    flex-direction: column;
}

.mpsc-epj__membro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--mpsc-space-2, 16px);
    padding-block: var(--mpsc-space-3, 24px);
    border-top: 1px solid var(--mpsc-color-border, #E3E3E3);
}

.mpsc-epj__equipe:first-child .mpsc-epj__membro:first-child {
    padding-top: 0;
    border-top: 0;
}

.mpsc-epj__membro-info {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.mpsc-epj__membro-cargo {
    margin: 0;
    color: var(--mpsc-color-primary, #2F6B4F);
    font: 600 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
}

.mpsc-epj__membro-nome {
    margin: 0;
    color: var(--mpsc-color-text-primary, #121214);
    font: 500 var(--mpsc-font-size-md, 1rem)/1.5 "Montserrat", sans-serif;
    overflow-wrap: anywhere;
}

.mpsc-epj__membro-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mpsc-epj__btn-membro {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: var(--mpsc-space-6, 48px);
    padding: 0 16px;
    border: 1px solid var(--mpsc-color-primary, #2F6B4F);
    border-radius: var(--mpsc-radius-lg, 24px);
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-primary, #2F6B4F);
    font: var(--mpsc-font-body-md, 500 16px/20px "Montserrat", sans-serif);
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mpsc-epj__btn-membro:hover {
    background-color: var(--mpsc-color-primary, #2F6B4F);
    color: var(--mpsc-color-white, #FFFFFF);
    text-decoration: none;
}

.mpsc-epj__btn-membro:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 2px;
}

.mpsc-epj__paginacao {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 8px);
    margin-top: var(--mpsc-space-4, 32px);
}

.mpsc-epj__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--mpsc-space-1, 8px);
    border: 1px solid var(--mpsc-color-border, #E3E3E3);
    border-radius: var(--mpsc-radius-sm, 8px);
    background-color: var(--mpsc-color-white, #FFFFFF);
    color: var(--mpsc-color-text-primary, #121214);
    font: var(--mpsc-font-body-sm, 500 14px/20px "Montserrat", sans-serif);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.mpsc-epj__page:hover:not([disabled]):not(.mpsc-epj__page--ativa) {
    border-color: var(--mpsc-color-primary, #2F6B4F);
}

.mpsc-epj__page--ativa {
    border-color: var(--mpsc-color-primary, #2F6B4F);
    background-color: var(--mpsc-color-primary, #2F6B4F);
    color: var(--mpsc-color-white, #FFFFFF);
    cursor: default;
}

.mpsc-epj__page[disabled] {
    opacity: 0.5;
    cursor: default;
}

.mpsc-epj__page:focus-visible {
    outline: 3px solid var(--mpsc-input-focus-border-color, #86B7FE);
    outline-offset: 2px;
}

.mpsc-epj__page-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 40px;
    color: var(--mpsc-color-icon, #757575);
}

@media (max-width: 767px) {
    .mpsc-epj__campo {
        flex: 1 1 100%;
    }

    .mpsc-epj__cta {
        width: 100%;
    }

    .mpsc-epj__acoes {
        grid-template-columns: minmax(0, 1fr);
    }

    .mpsc-epj__detalhes {
        min-width: 0;
        width: 100%;
    }

    .mpsc-epj__card-topo {
        display: contents;
    }

    .mpsc-epj__card-topo .mpsc-epj__detalhes {
        order: 1;
    }

    .mpsc-epj__detalhes-corpo {
        order: 2;
    }

    .mpsc-epj__membro-acoes {
        width: 100%;
    }

    .mpsc-epj__btn-membro {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mpsc-epj__spinner {
        animation: none;
    }

    .mpsc-epj__cta,
    .mpsc-epj__detalhes,
    .mpsc-epj__detalhes-icone,
    .mpsc-epj__contato-link,
    .mpsc-epj__btn-membro,
    .mpsc-epj__page {
        transition: none;
    }
}

/* ==== programas-e-campanhas ==== */
.mpsc-programas-campanhas {
    width: 100%;
    box-sizing: border-box;
    padding: var(--mpsc-space-2);
    background-color: var(--mpsc-color-white);
}

.mpsc-programas-campanhas__cabecalho {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mpsc-space-2);
    margin-bottom: var(--mpsc-space-2);
}

.mpsc-programas-campanhas__titulo {
    margin: 0;
    font: var(--mpsc-font-heading-lg);
    color: var(--mpsc-color-text-title);
}

.mpsc-programas-campanhas__link-mais {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    width: 100%;
}

.mpsc-programas-campanhas__link-mais-icone {
    font-size: var(--mpsc-space-3);
    line-height: 1;
}

.mpsc-programas-campanhas__card-icon {
    font-size: var(--mpsc-font-size-md);
    line-height: 1;
}

.mpsc-programas-campanhas__descricao {
    margin-bottom: var(--mpsc-space-2);
    font: var(--mpsc-font-body-sm);
    color: var(--mpsc-color-text-title);
}

.mpsc-programas-campanhas__swiper {
    width: 100%;
    overflow: hidden;
}

.mpsc-programas-campanhas__lista {
    align-items: stretch;
}

.mpsc-programas-campanhas__slide {
    height: auto;
}

.mpsc-programas-campanhas__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 415px;
    gap: var(--mpsc-space-2);
    box-sizing: border-box;
    padding: var(--mpsc-space-3) var(--mpsc-space-2);
    border-radius: var(--mpsc-radius-md);
    background-color: var(--mpsc-color-background);
}

.mpsc-programas-campanhas__card-imagem {
    display: block;
    width: 100%;
    min-height: 177px;
    max-height: 177px;
    object-fit: cover;
    border-radius: var(--mpsc-radius-md);
}

.mpsc-programas-campanhas__card-conteudo {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    text-align: center;
}

.mpsc-programas-campanhas__card-titulo {
    margin: 0;
    font: var(--mpsc-font-label-lg);
    font-weight: 600;
    color: var(--mpsc-color-text-title);
    text-align: center;
}

.mpsc-programas-campanhas__card-descricao {
    margin: 0;
    font: var(--mpsc-font-body-sm);
    color: var(--mpsc-color-text-title);
    text-align: center;
}

.mpsc-programas-campanhas__card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    margin: auto auto 0;
    font: var(--mpsc-font-label-md);
    font-weight: 700;
    color: var(--mpsc-color-text-title);
    padding: var(--mpsc-space-1);
    width: 100%;
    text-transform: uppercase;
}

.mpsc-programas-campanhas__card-link:hover {
    color: var(--mpsc-color-text-title);
    text-decoration: underline;
}

.mpsc-programas-campanhas__controles {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--mpsc-space-1);
    padding-top: var(--mpsc-space-1);
}

.mpsc-programas-campanhas__botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-5);
    height: var(--mpsc-space-5);
    padding: 0;
    border: none;
    border-radius: var(--mpsc-radius-full);
    background-color: var(--mpsc-color-background);
}

.mpsc-programas-campanhas__botao-icone {
    display: block;
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--mpsc-color-text-title, #222);
}

@media (min-width: 1024px) {
    .mpsc-programas-campanhas {
        display: grid;
        grid-template-columns: 300px minmax(0, 1fr);
        column-gap: var(--mpsc-space-6);
        align-items: start;
        width: 100%;
        max-width: none;
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: var(--mpsc-space-8);
        padding-left: max(var(--mpsc-space-8), calc((100vw - 1420px) / 2 + var(--mpsc-space-8)));
        box-sizing: border-box;
        overflow: hidden;
    }

    .mpsc-programas-campanhas__cabecalho {
        display: contents;
    }

    .mpsc-programas-campanhas__titulo {
        padding-top: var(--mpsc-space-2);
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        font: var(--mpsc-font-display-lg);
    }

    .mpsc-programas-campanhas__descricao {
        grid-column: 1;
        grid-row: 2;
        margin-bottom: 0;
        font: var(--mpsc-font-body-sm);
        color: var(--mpsc-color-text-title);
    }

    .mpsc-programas-campanhas__lista {
        padding-left: var(--mpsc-space-2);
    }

    .mpsc-programas-campanhas__swiper {
        grid-column: 2;
        grid-row: 1 / span 4;
        width: 100%;
        min-width: 0;
        padding-top: var(--mpsc-space-3);
        padding-bottom: var(--mpsc-space-8);
        overflow: hidden;
    }

    .mpsc-programas-campanhas__slide {
        width: 378px;
        height: auto;
    }

    .mpsc-programas-campanhas__card {
        width: 378px;
        height: 547px;
        padding: var(--mpsc-space-2);
        border-radius: var(--mpsc-radius-md);
        box-shadow: 0 var(--mpsc-space-1) var(--mpsc-space-2) rgba(171, 190, 209, 0.4);
    }

    .mpsc-programas-campanhas__card-imagem {
        width: 100%;
        min-height: 262px;
        max-height: 262px;
        border-radius: var(--mpsc-radius-md);
        object-fit: cover;
    }

    .mpsc-programas-campanhas__card-conteudo {
        gap: var(--mpsc-space-2);
    }

    .mpsc-programas-campanhas__card-titulo {
        font: var(--mpsc-font-heading-md);
        font-weight: 600;
    }

    .mpsc-programas-campanhas__card-descricao {
        font: var(--mpsc-font-body-sm);
    }

    .mpsc-programas-campanhas__card-link {
        text-decoration: none;
        font: var(--mpsc-font-label-sm);
    }

    .mpsc-programas-campanhas__controles {
        grid-column: 1;
        grid-row: 3;
        justify-content: flex-start;
        gap: var(--mpsc-space-1);
    }

    .mpsc-programas-campanhas__link-mais {
        justify-self: start;
        width: auto;
    }
}

.mpsc-programas-campanhas mpsc-icon.mpsc-programas-campanhas__link-mais-icone .mpsc-icon__svg,
.mpsc-programas-campanhas mpsc-icon.mpsc-programas-campanhas__card-icon .mpsc-icon__svg,
.mpsc-programas-campanhas mpsc-icon.mpsc-programas-campanhas__botao-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== redes-sociais ==== */
.mpsc-redes-sociais {
	display: block;
}

.mpsc-redes-sociais__lista {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mpsc-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpsc-redes-sociais__item {
	display: flex;
}

.mpsc-redes-sociais__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	color: #fff;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mpsc-redes-sociais__link--instagram {
	background-color: #e4405f;
}

.mpsc-redes-sociais__link--facebook {
	background-color: #1877f2;
}

.mpsc-redes-sociais__link--youtube {
	background-color: #f00;
}

.mpsc-redes-sociais__link--linkedin {
	background-color: #0a66c2;
}

.mpsc-redes-sociais__link--x,
.mpsc-redes-sociais__link--tiktok {
	background-color: #000;
}

.mpsc-redes-sociais__link:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
}

.mpsc-redes-sociais__link:focus-visible {
	outline: 2px solid var(--mpsc-input-focus-border-color);
	outline-offset: 3px;
}

.mpsc-redes-sociais__icone {
	font-size: 32px;
	line-height: 1;
}

/* ==== remove-parametro-q-vazio ==== */
.mpsc-remove-parametro-q-vazio {
	display: none;
}

.mpsc-remove-parametro-q-vazio--edit {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--mpsc-space-2);
	border: 1px dashed var(--mpsc-color-primary);
	border-radius: var(--mpsc-radius-sm);
	background-color: var(--mpsc-color-white);
	color: var(--mpsc-color-text-primary);
}

.mpsc-remove-parametro-q-vazio__label {
	font: var(--mpsc-font-label-sm);
	text-align: center;
}

/* ==== seção-de-situações ==== */
.mpsc-secao-situacoes {
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-3, 1.5rem);
	width: 100%;
}

.mpsc-secao-situacoes__titulo {
	margin: 0;
	font: 700 var(--mpsc-font-size-4xl, 2rem)/1 "Montserrat", sans-serif;
	letter-spacing: 0;
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-secao-situacoes__lista {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mpsc-space-2, 1rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpsc-secao-situacoes__item {
	display: block;
}

.mpsc-secao-situacoes__aviso {
	margin: 0;
	padding: var(--mpsc-space-2, 1rem);
	border: 1px dashed var(--mpsc-color-border, #d5d5db);
	border-radius: var(--mpsc-radius-md, 16px);
	font: 400 var(--mpsc-font-size-sm, 0.875rem)/1.4 "Montserrat", sans-serif;
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-card-situacao {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 80px;
	padding: var(--mpsc-space-2, 1rem);
	box-sizing: border-box;
	overflow: hidden;
	border-radius: var(--mpsc-radius-md, 16px);
	background-color: var(--mpsc-color-background, #f1f1f3);
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__imagem {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mpsc-card-situacao__sobreposicao {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(102, 102, 102, 0.36) 0%,
		rgba(18, 18, 20, 0.6) 26.92%
	);
	pointer-events: none;
}

.mpsc-card-situacao__conteudo {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-card-situacao__titulo {
	margin: 0;
	font: 700 var(--mpsc-font-size-sm, 0.875rem)/1.25 "Montserrat", sans-serif;
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__cta {
	display: inline-flex;
	align-items: center;
	gap: var(--mpsc-space-1, 0.5rem);
	color: var(--mpsc-color-white, #ffffff);
	text-decoration: none;
}

.mpsc-card-situacao__cta:hover,
.mpsc-card-situacao__cta:focus {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-card-situacao__cta::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

.mpsc-card-situacao__cta-texto {
	display: inline;
	font: 700 var(--mpsc-font-size-xs, 0.75rem)/1 "Montserrat", sans-serif;
	text-transform: uppercase;
}

.mpsc-card-situacao__cta-icone {
	display: inline-block;
	font-size: var(--mpsc-font-size-sm, 0.875rem);
	line-height: 1;
}

.mpsc-card-situacao mpsc-icon.mpsc-card-situacao__cta-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

.mpsc-card-situacao__cta:hover .mpsc-card-situacao__cta-texto {
	text-decoration: underline;
}

.mpsc-card-situacao__cta:focus-visible {
	outline: 2px solid var(--mpsc-color-white, #ffffff);
	outline-offset: 2px;
	border-radius: var(--mpsc-radius-sm, 8px);
}

@media (min-width: 768px) {
	.mpsc-secao-situacoes__lista {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--mpsc-space-3, 1.5rem);
	}

	.mpsc-card-situacao {
		align-items: flex-end;
		height: 189px;
	}

	.mpsc-card-situacao__conteudo {
		gap: var(--mpsc-space-2, 1rem);
		max-width: 304px;
	}

	.mpsc-card-situacao__titulo {
		font-size: var(--mpsc-font-size-md, 1rem);
	}

	.mpsc-card-situacao__cta-texto {
		font-size: var(--mpsc-font-size-md, 1rem);
	}

	.mpsc-card-situacao__cta-icone {
		font-size: var(--mpsc-font-size-md, 1rem);
	}
}

/* ==== slider-flexível ==== */
.mpsc-slider-flexivel,
.mpsc-slider-flexivel *,
.mpsc-slider-flexivel *::before,
.mpsc-slider-flexivel *::after {
	box-sizing: border-box;
}

.mpsc-slider-flexivel {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: var(--mpsc-color-text-title);
}

.mpsc-slider-flexivel--arredondado {
	border-radius: var(--mpsc-radius-md);
}

.mpsc-slider-flexivel--altura-compacta {
	height: 360px;
}

.mpsc-slider-flexivel--altura-media {
	height: 520px;
}

.mpsc-slider-flexivel--altura-ampla {
	height: 680px;
}

.mpsc-slider-flexivel__swiper,
.mpsc-slider-flexivel__lista,
.mpsc-slider-flexivel__slide,
.mpsc-slider-flexivel__item {
	width: 100%;
	height: 100%;
}

.mpsc-slider-flexivel__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background-color: var(--mpsc-color-text-title);
	overflow: hidden;
}

.mpsc-slider-flexivel__imagem {
	position: relative;
	z-index: 1;
	flex: 0 0 44%;
	width: 100%;
	min-height: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mpsc-slider-flexivel__item--mobile-acima .mpsc-slider-flexivel__imagem {
	order: 1;
}

.mpsc-slider-flexivel__item--mobile-acima .mpsc-slider-flexivel__conteudo {
	order: 2;
}

.mpsc-slider-flexivel__item--mobile-abaixo .mpsc-slider-flexivel__imagem {
	order: 2;
}

.mpsc-slider-flexivel__item--mobile-abaixo .mpsc-slider-flexivel__conteudo {
	order: 1;
}

.mpsc-slider-flexivel__item--mobile-cover .mpsc-slider-flexivel__imagem {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.mpsc-slider-flexivel__sobreposicao {
	position: absolute;
	inset: 0;
	z-index: 1;
	background-color: var(--mpsc-color-text-primary);
	opacity: 0.4;
	pointer-events: none;
}

.mpsc-slider-flexivel--sobreposicao-sem .mpsc-slider-flexivel__sobreposicao {
	opacity: 0;
}

.mpsc-slider-flexivel--sobreposicao-leve .mpsc-slider-flexivel__sobreposicao {
	opacity: 0.2;
}

.mpsc-slider-flexivel--sobreposicao-forte .mpsc-slider-flexivel__sobreposicao {
	opacity: 0.65;
}

.mpsc-slider-flexivel__conteudo {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	width: 100%;
	min-height: 0;
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--mpsc-space-7) var(--mpsc-space-2);
	color: var(--mpsc-color-white);
}

.mpsc-slider-flexivel__dropzone {
	display: block;
	width: 100%;
}

.mpsc-slider-flexivel__controles {
	position: absolute;
	top: var(--mpsc-space-2);
	right: var(--mpsc-space-2);
	z-index: 4;
	display: flex;
	gap: var(--mpsc-space-1);
}

.mpsc-slider-flexivel__botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mpsc-space-4);
	height: var(--mpsc-space-4);
	padding: 0;
	border: 0;
	border-radius: var(--mpsc-radius-full);
	background-color: var(--mpsc-color-white);
	font-size: var(--mpsc-font-size-md);
	line-height: 1;
	color: var(--mpsc-color-text-title);
	cursor: pointer;
}

.mpsc-slider-flexivel__botao:hover {
	background-color: var(--mpsc-color-border);
}

.mpsc-slider-flexivel__botao:focus-visible {
	box-shadow:
		0 0 0
		var(--mpsc-box-shadow-input-focus-size)
		var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

.mpsc-slider-flexivel__paginacao {
	position: absolute;
	right: 0;
	bottom: var(--mpsc-space-2) !important;
	left: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--mpsc-space-1);
}

.mpsc-slider-flexivel__paginacao .swiper-pagination-bullet {
	width: var(--mpsc-space-1);
	height: var(--mpsc-space-1);
	margin: 0 !important;
	border: 1px solid var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-full);
	background-color: transparent;
	opacity: 1;
}

.mpsc-slider-flexivel__paginacao .swiper-pagination-bullet-active {
	width: var(--mpsc-space-3);
	background-color: var(--mpsc-color-white);
}

@media (min-width: 1280px) {
	.mpsc-slider-flexivel--altura-compacta {
		height: 320px;
	}

	.mpsc-slider-flexivel--altura-media {
		height: 480px;
	}

	.mpsc-slider-flexivel--altura-ampla {
		height: 640px;
	}

	.mpsc-slider-flexivel__item {
		flex-direction: row;
	}

	.mpsc-slider-flexivel__imagem {
		position: absolute;
		inset: 0;
		order: initial;
		flex: none;
		width: 100%;
		height: 100%;
	}

	.mpsc-slider-flexivel__conteudo {
		order: initial;
		flex: 1 1 auto;
		padding-right: var(--mpsc-space-8);
		padding-left: var(--mpsc-space-8);
	}

	.mpsc-slider-flexivel__item--desktop-esquerda .mpsc-slider-flexivel__imagem,
	.mpsc-slider-flexivel__item--desktop-direita .mpsc-slider-flexivel__imagem {
		position: relative;
		inset: auto;
		flex: 0 0 50%;
		width: 50%;
		height: 100%;
	}

	.mpsc-slider-flexivel__item--desktop-esquerda .mpsc-slider-flexivel__imagem {
		order: 1;
	}

	.mpsc-slider-flexivel__item--desktop-esquerda .mpsc-slider-flexivel__conteudo {
		order: 2;
	}

	.mpsc-slider-flexivel__item--desktop-direita .mpsc-slider-flexivel__imagem {
		order: 2;
	}

	.mpsc-slider-flexivel__item--desktop-direita .mpsc-slider-flexivel__conteudo {
		order: 1;
	}

	.mpsc-slider-flexivel__item--desktop-esquerda .mpsc-slider-flexivel__conteudo,
	.mpsc-slider-flexivel__item--desktop-direita .mpsc-slider-flexivel__conteudo {
		flex: 0 0 50%;
		width: 50%;
		max-width: none;
		margin: 0;
	}

	.mpsc-slider-flexivel__item--sem-imagem .mpsc-slider-flexivel__conteudo {
		flex: 1 1 auto;
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
	}

	.mpsc-slider-flexivel__botao {
		width: var(--mpsc-space-5);
		height: var(--mpsc-space-5);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mpsc-slider-flexivel * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

.mpsc-slider-flexivel mpsc-icon.mpsc-slider-flexivel__botao-icone .mpsc-icon__svg {
	width: 1em !important;
	height: 1em !important;
}

/* ==== slider-linha-do-tempo ==== */
.mpsc-slider-linha-tempo,
.mpsc-slider-linha-tempo *,
.mpsc-slider-linha-tempo *::before,
.mpsc-slider-linha-tempo *::after {
    box-sizing: border-box;
}

.mpsc-slider-linha-tempo {
    --mpsc-slt-cor-inativa: #5c5c5c;

    width: 100%;
    background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-slider-linha-tempo__navegacao {
    display: none;
}

.mpsc-slider-linha-tempo__slider {
    width: 100%;
    overflow: hidden;
}

.mpsc-slider-linha-tempo__slides {
    align-items: stretch;
}

.mpsc-slider-linha-tempo__slide {
    display: flex;
    height: auto;
}

.mpsc-slider-linha-tempo__cartao {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: var(--mpsc-space-2, 1rem);
    row-gap: var(--mpsc-space-1, 0.5rem);
    align-items: center;
    width: 100%;
    height: auto;
    padding: var(--mpsc-space-3, 1.5rem);
    border-radius: var(--mpsc-radius-md, 1rem);
    background-color: var(--mpsc-color-white, #fff);
    margin: 0 4px 0 0;
}

.mpsc-slider-linha-tempo__circulo {
    display: inline-flex;
    grid-row: 1 / span 2;
    align-self: start;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-color-primary, #2f6b4f);
    font: 700 var(--mpsc-font-size-2xl, 1.5rem)/1 "Montserrat", sans-serif;
    color: var(--mpsc-color-white, #fff);
    letter-spacing: 0;
}

.mpsc-slider-linha-tempo__titulo {
    align-self: end;
    margin: 0;
    font: 600 var(--mpsc-font-size-xl, 1.25rem)/1 "Montserrat", sans-serif;
    color: var(--mpsc-color-text-primary, #121214);
    letter-spacing: 0;
}

.mpsc-slider-linha-tempo__texto {
    align-self: start;
    min-width: 0;
    font: var(--mpsc-font-body-md, 500 1rem/1.25rem "Montserrat", sans-serif);
    color: var(--mpsc-color-text-primary, #121214);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.mpsc-slider-linha-tempo__texto p {
    margin: 0;
}

.mpsc-slider-linha-tempo__texto a {
    color: inherit;
    text-decoration: underline;
}

.mpsc-slider-linha-tempo__paginacao {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1, 0.5rem);
    width: 100%;
    margin-top: var(--mpsc-space-3, 1.5rem);
}

.mpsc-slider-linha-tempo__paginacao .swiper-pagination-bullet {
    flex: 0 0 auto;
    width: var(--mpsc-space-1, 0.5rem);
    height: var(--mpsc-space-1, 0.5rem);
    margin: 0 !important;
    padding: 0;
    border: 1px solid var(--mpsc-slt-cor-inativa);
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: transparent;
    opacity: 1;
    transition: width 0.2s ease, background-color 0.2s ease;
}

.mpsc-slider-linha-tempo__paginacao .swiper-pagination-bullet-active {
    width: var(--mpsc-space-3, 1.5rem);
    background-color: var(--mpsc-slt-cor-inativa);
}

.mpsc-slider-linha-tempo__paginacao .swiper-pagination-bullet:focus-visible,
.mpsc-slider-linha-tempo__navegacao-botao:focus-visible {
    box-shadow:
        0 0 0
        var(--mpsc-box-shadow-input-focus-size, 0.25rem)
        var(--mpsc-input-focus-box-shadow-color, #86b7fe75);
    outline: 0;
}

.mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__paginacao {
    display: none;
}

.mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao {
    display: block;
    width: 100%;
    margin-bottom: var(--mpsc-space-4, 2rem);
}

.mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__slider {
    overflow: visible;
}

.mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__slides {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-3, 1.5rem);
    height: auto !important;
    transform: none !important;
}

.mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__slide {
    display: flex;
    flex-shrink: 1;
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 767.98px) {
    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-lista {
        display: flex;
        flex-direction: column;
        gap: var(--mpsc-space-2, 1rem);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-botao {
        display: flex;
        align-items: center;
        gap: var(--mpsc-space-2, 1rem);
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        font: 500 var(--mpsc-font-size-md, 1rem)/1 "Montserrat", sans-serif;
        color: var(--mpsc-slt-cor-inativa);
        text-align: left;
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-numero {
        flex: 0 0 auto;
        font: 700 var(--mpsc-font-size-2xl, 1.5rem)/1 "Montserrat", sans-serif;
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-texto {
        font-weight: 500;
        line-height: 115%;
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-botao--ativo {
        color: var(--mpsc-color-primary, #2f6b4f);
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__navegacao-botao--ativo .mpsc-slider-linha-tempo__navegacao-texto {
        font-weight: 600;
    }
    
    /* Centraliza o número no mobile se não houver texto */
    .mpsc-slider-linha-tempo__navegacao-botao--sem-texto {
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .mpsc-slider-linha-tempo__navegacao {
        display: block;
        width: 100%;
    }

    .mpsc-slider-linha-tempo__navegacao-lista {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mpsc-slider-linha-tempo__navegacao-item {
        flex: 1 1 0;
        min-width: 0;
    }

    .mpsc-slider-linha-tempo__navegacao-botao {
        display: flex;
        flex-direction: column;
        gap: var(--mpsc-space-2, 1rem);
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        font: 500 var(--mpsc-font-size-md, 1rem)/1 "Montserrat", sans-serif;
        color: var(--mpsc-slt-cor-inativa);
        text-align: left;
        letter-spacing: 0;
        cursor: pointer;
    }

    .mpsc-slider-linha-tempo__navegacao-numero {
        position: relative;
        display: block;
        width: 100%;
        padding-bottom: 4px;
        border-bottom: 1px solid var(--mpsc-slt-cor-inativa);
        font: 700 var(--mpsc-font-size-2xl, 1.5rem)/1 "Montserrat", sans-serif;
        color: inherit;
    }

    .mpsc-slider-linha-tempo__navegacao-texto {
        display: block;
        width: calc(100% - 40px);
        font-weight: 500;
        line-height: 115%;
        color: inherit;
        overflow-wrap: anywhere;
    }

    .mpsc-slider-linha-tempo__navegacao-item:last-child .mpsc-slider-linha-tempo__navegacao-texto {
        width: 100%;
    }

    .mpsc-slider-linha-tempo__navegacao-botao--ativo {
        color: var(--mpsc-color-primary, #2f6b4f);
    }

    .mpsc-slider-linha-tempo__navegacao-botao--ativo .mpsc-slider-linha-tempo__navegacao-texto {
        font-weight: 600;
    }

    .mpsc-slider-linha-tempo__navegacao-botao--ativo .mpsc-slider-linha-tempo__navegacao-numero {
        border-bottom-color: var(--mpsc-slt-cor-inativa);
    }

    .mpsc-slider-linha-tempo__navegacao-botao--ativo .mpsc-slider-linha-tempo__navegacao-numero::after {
        position: absolute;
        right: 40px;
        bottom: -1px;
        left: 0;
        height: 2px;
        background-color: var(--mpsc-color-primary, #2f6b4f);
        content: "";
    }

    .mpsc-slider-linha-tempo__navegacao-item:last-child .mpsc-slider-linha-tempo__navegacao-numero::after {
        right: 0;
    }

    .mpsc-slider-linha-tempo__slider {
        margin-top: var(--mpsc-space-4, 2rem);
    }

    .mpsc-slider-linha-tempo--edicao .mpsc-slider-linha-tempo__slider {
        margin-top: 0;
    }

    .mpsc-slider-linha-tempo__cartao {
        padding: var(--mpsc-space-4, 2rem);
    }

    .mpsc-slider-linha-tempo__titulo {
        font-size: var(--mpsc-font-size-2xl, 1.5rem);
    }

    .mpsc-slider-linha-tempo__circulo {
        align-self: center;
    }
    

    .mpsc-slider-linha-tempo__navegacao-botao--sem-texto .mpsc-slider-linha-tempo__navegacao-numero::after {
        right: 0;
    }
    
    .mpsc-slider-linha-tempo__navegacao-botao--sem-texto .mpsc-slider-linha-tempo__navegacao-numero {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mpsc-slider-linha-tempo__paginacao .swiper-pagination-bullet {
        transition: none;
    }
}

.mpsc-slider-linha-tempo__cartao--sem-titulo {
    grid-template-rows: auto;
}

.mpsc-slider-linha-tempo__cartao--sem-titulo .mpsc-slider-linha-tempo__circulo,
.mpsc-slider-linha-tempo__cartao--sem-titulo .mpsc-slider-linha-tempo__texto {
    grid-row: 1;
    align-self: center;
}

.mpsc-slider-linha-tempo__cartao--sem-texto {
    grid-template-rows: auto;
}

.mpsc-slider-linha-tempo__cartao--sem-texto .mpsc-slider-linha-tempo__circulo,
.mpsc-slider-linha-tempo__cartao--sem-texto .mpsc-slider-linha-tempo__titulo {
    grid-row: 1;
    align-self: center;
    margin: 0;
}

/* ==== spotify-podcast-widget ==== */
.mpsc-audio-card {
	--mpsc-audio-player-track: rgba(255, 255, 255, 0.35);

	align-items: stretch;
	background: var(--mpsc-color-primary);
	border-radius: var(--mpsc-radius-md);
	color: var(--mpsc-color-white);
	display: grid;
	gap: var(--mpsc-space-3);
	grid-template-columns: 100px minmax(0, 1fr);
	padding: var(--mpsc-space-3);
	width: 100%;
}

.mpsc-audio-card--without-media {
	grid-template-columns: minmax(0, 1fr);
}

/* IMAGE */

.mpsc-audio-card__media {
	align-self: start;
	height: 100px;
	overflow: hidden;
	width: 100px;
	border-radius: var(--mpsc-radius-sm);
}

.mpsc-audio-card__thumbnail {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* CONTENT */

.mpsc-audio-card__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
}

.mpsc-audio-card__header {
	min-width: 0;
}

.mpsc-audio-card__title {
	color: var(--mpsc-color-white);
	font: var(--mpsc-font-heading-lg);
	margin: 0;
}

.mpsc-audio-card__description {
	color: var(--mpsc-color-white);
	display: -webkit-box;
	font: var(--mpsc-font-body-sm);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 0;
	margin-top: 2px;
	overflow: hidden;
}

/* AUDIO */

.mpsc-audio-player {
	align-items: center;
	display: flex;
	gap: var(--mpsc-space-1);
	margin-top: var(--mpsc-space-2);
	min-width: 0;
}

/* SKIP */

.mpsc-audio-player__skip {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--mpsc-color-white);
	cursor: pointer;
	display: flex;
	height: 28px;
	justify-content: center;
	padding: 0;
	position: relative;
	width: 28px;
}

.mpsc-audio-player__skip-icon {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	opacity: 0.75;
}

.mpsc-audio-player__skip-value {
	font-size: 7px;
	font-weight: 600;
	left: 50%;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -45%);
}

/* PROGRESS */

.mpsc-audio-player__progress-wrapper {
	align-items: center;
	display: flex;
	min-width: 0;
	width: 100%;
}

.mpsc-audio-player__progress {
	--mpsc-audio-progress: 0%;

	appearance: none;
	-webkit-appearance: none;

	background:
		linear-gradient(
			to right,
			var(--mpsc-color-white) 0%,
			var(--mpsc-color-white) var(--mpsc-audio-progress),
			var(--mpsc-audio-player-track) var(--mpsc-audio-progress),
			var(--mpsc-audio-player-track) 100%
		);

	border: 0;
	border-radius: var(--mpsc-radius-full);
	cursor: pointer;
	height: 3px;
	margin: 0;
	outline: none;
	width: 100%;
}

.mpsc-audio-player__progress::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: var(--mpsc-color-white);
	border: 0;
	border-radius: var(--mpsc-radius-full);
	height: 8px;
	width: 8px;
}

.mpsc-audio-player__progress::-moz-range-thumb {
	background: var(--mpsc-color-white);
	border: 0;
	border-radius: var(--mpsc-radius-full);
	height: 8px;
	width: 8px;
}

/* TIME */

.mpsc-audio-player__time {
	color: var(--mpsc-color-white);
	font: var(--mpsc-font-label-xxs);
	white-space: nowrap;
}

/* MENU */

.mpsc-audio-player__menu-wrapper {
	position: relative;
}

.mpsc-audio-player__menu-button {
	background: transparent;
	border: 0;
	color: var(--mpsc-color-white);
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	padding: var(--mpsc-space-1);
}

.mpsc-audio-player__menu {
	background: var(--mpsc-color-white);
	border-radius: var(--mpsc-radius-sm);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	min-width: 130px;
	padding: var(--mpsc-space-1);
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	z-index: 10;
}

.mpsc-audio-player__menu-link {
	color: var(--mpsc-color-text-primary);
	display: block;
	font: var(--mpsc-font-body-xs);
	padding: var(--mpsc-space-1);
	text-decoration: none;
}

.mpsc-audio-player__menu-link:hover,
.mpsc-audio-player__menu-link:focus-visible {
	text-decoration: underline;
}

/* PLAY */

.mpsc-audio-player__play {
	align-items: center;
	background: var(--mpsc-color-primary);
	border: 0;
	border-radius: var(--mpsc-radius-full);
	cursor: pointer;
	display: flex;
	flex: 0 0 auto;
	height: 40px;
	justify-content: center;
	padding: 0;
	width: 40px;
}

.mpsc-audio-player__play svg {
	height: 18px;
	width: 18px;
}

.mpsc-audio-player__pause-icon {
	display: none;
}

.mpsc-audio-player__play.is-playing .mpsc-audio-player__play-icon {
	display: none;
}

.mpsc-audio-player__play.is-playing .mpsc-audio-player__pause-icon {
	display: block;
}

/* FOCUS */

.mpsc-audio-player button:focus-visible,
.mpsc-audio-player input:focus-visible,
.mpsc-audio-player a:focus-visible {
	box-shadow:
		0 0 0
		var(--mpsc-box-shadow-input-focus-size)
		var(--mpsc-input-focus-box-shadow-color);
	outline: 0;
}

/* EMPTY STATE */

.mpsc-audio-card__empty {
	background: var(--mpsc-color-background);
	border: 1px dashed var(--mpsc-color-border);
	border-radius: var(--mpsc-radius-md);
	color: var(--mpsc-color-text-primary);
	font: var(--mpsc-font-body-sm);
	padding: var(--mpsc-space-3);
}

/* TABLET */

@media (max-width: 767.98px) {

	.mpsc-audio-card {
		gap: var(--mpsc-space-2);
		grid-template-columns: 80px minmax(0, 1fr);
		padding: var(--mpsc-space-2);
	}

	.mpsc-audio-card--without-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.mpsc-audio-card__media {
		height: 80px;
		width: 80px;
	}

	.mpsc-audio-card__title {
		font: var(--mpsc-font-heading-md);
	}

	.mpsc-audio-card__description {
		font: var(--mpsc-font-body-sm);
	}

	.mpsc-audio-player {
		grid-template-areas:
			"back progress forward play"
			"time time menu menu";
		grid-template-columns:
			auto
			minmax(0, 1fr)
			auto
			auto;
	}

	.mpsc-audio-player__skip--back {
		grid-area: back;
	}

	.mpsc-audio-player__progress-wrapper {
		grid-area: progress;
	}

	.mpsc-audio-player__skip--forward {
		grid-area: forward;
	}

	.mpsc-audio-player__time {
		grid-area: time;
	}

	.mpsc-audio-player__menu-wrapper {
		grid-area: menu;
		justify-self: end;
	}

	.mpsc-audio-player__play {
		grid-area: play;
	}
}

/* MOBILE */

@media (max-width: 479.98px) {

	.mpsc-audio-card {
		grid-template-columns: 64px minmax(0, 1fr);
		display: flex;
		gap: var(--mpsc-space-3);
		flex-direction: column;
	}

	.mpsc-audio-card--without-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.mpsc-audio-card__media {
		height: 100%;
		width: 100%;
	}

	.mpsc-audio-card__title {
		font: var(--mpsc-font-heading-md);
	}
	.mpsc-audio-card__description{
    display:none;	
	}
	.mpsc-audio-player {
		margin-top: var(--mpsc-space-2);
	}

	.mpsc-audio-player__play {
		height: 36px;
		width: 36px;
	}
}

/* ==== submenu ==== */
.mpsc-breadcrumb {
    background-color: var(--mpsc-color-white);
    border-radius: var(--mpsc-radius-md);
    width: 100%;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-word;
}

.mpsc-breadcrumb__list {
    padding: 0;
    margin: 0;
}

.mpsc-breadcrumb__item {
    list-style: none;
    width: 100%;
    border-bottom: 1px solid var(--mpsc-color-border);
}

.mpsc-breadcrumb__item:last-child {
    border-bottom: none;
}

.mpsc-breadcrumb__link {
    font: var(--mpsc-font-label-lg);
    font-weight: 600 !important;
    color: var(--mpsc-color-primary-dark);
    background: transparent;
    display: block;
    padding: var(--mpsc-space-2) var(--mpsc-space-3);
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    text-decoration: none;
    box-sizing: border-box;
    transition: color 0.3s ease;
}

.mpsc-breadcrumb__link:hover {
    color: var(--mpsc-color-primary);
    background-color: transparent;
}

/* ==== temas-mais-buscados ==== */
.mpsc-temas-mais-buscados__button-prev,
.mpsc-temas-mais-buscados__button-next {
    display: none;
}

.mpsc-temas-mais-buscados__header {
    margin-bottom: var(--mpsc-space-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--mpsc-space-1);
}

.mpsc-temas-mais-buscados__title {
    font: var(--mpsc-font-heading-sm);
    font-weight: 500;
}

.mpsc-temas-mais-buscados__button,
.mpsc-temas-mais-buscados__button--read-more-mobile,
.mpsc-temas-mais-buscados__button--read-more-desktop {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-1);
    min-width: 180px;
}

.mpsc-temas-mais-buscados__button--read-more-desktop {
    display: none;
}

.mpsc-temas-mais-buscados__icon {
    font-size: var(--mpsc-space-3);
    line-height: 1;
}

.mpsc-temas-mais-buscados__wrapper {
    display: block;
}

.mpsc-temas-mais-buscados__item {
    margin-bottom: var(--mpsc-space-2);
}

.mpsc-temas-mais-buscados__header-button {
    border-radius: var(--mpsc-radius-md);
    border: none;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.mpsc-temas-mais-buscados__img {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: cover;
    object-position: center;
    transition: height .3s ease-in-out;
}

.mpsc-temas-mais-buscados__button-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #666666 0%, #12121480 42%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--mpsc-color-white);
    padding: var(--mpsc-space-2) var(--mpsc-space-3);
    text-align: left;
    transition: opacity .3s ease-in-out;
}

.mpsc-temas-mais-buscados__header-button-title {
    font: var(--mpsc-font-label-md);
    margin: 0;
}

.mpsc-temas-mais-buscados__header-button-chevron {
    font-size: var(--mpsc-space-2);
    line-height: 1;
}

.mpsc-temas-mais-buscados__button-prev-img,
.mpsc-temas-mais-buscados__button-next-img {
    font-size: var(--mpsc-space-2);
    line-height: 1;
    color: var(--mpsc-color-text-title, #222);
}

.mpsc-temas-mais-buscados__collapse {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out, margin-top 0.3s ease-in-out, visibility 0s 0.3s;
    overflow: hidden;
    margin-top: 0;
    visibility: hidden;
}

.mpsc-temas-mais-buscados__collapse-content {
    background-color: var(--mpsc-color-background);
    border-radius: var(--mpsc-radius-md);
    padding: 0 var(--mpsc-space-3);
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2);
    min-height: 0;
    transition: padding 0.3s ease-in-out;
}

.mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__img {
    height: 107px;
}

.mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__button-wrapper {
    opacity: 0;
}

.mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__collapse {
    grid-template-rows: 1fr;
    margin-top: calc(var(--mpsc-space-2) * -1);
    visibility: visible;
    transition: grid-template-rows 0.3s ease-in-out, margin-top 0.3s ease-in-out, visibility 0s;
}

.mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__collapse-content {
    padding: var(--mpsc-space-4) var(--mpsc-space-3) var(--mpsc-space-2);
}

.mpsc-temas-mais-buscados__content-subtitle {
    font: var(--mpsc-font-label-md);
    margin: 0;
}

.mpsc-temas-mais-buscados__content-text {
    font: var(--mpsc-font-body-xs);
}

.mpsc-temas-mais-buscados__content-text p {
    margin: 0;
}

.mpsc-temas-mais-buscados__content-read-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mpsc-space-1);
    margin-top: auto;
}

.mpsc-temas-mais-buscados__header-button:focus-visible,
.mpsc-temas-mais-buscados__button-prev:focus-visible,
.mpsc-temas-mais-buscados__button-next:focus-visible,
.mpsc-temas-mais-buscados__content-read-more:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

@media (min-width: 1024px) {

    .mpsc-temas-mais-buscados__button--read-more-mobile,
    .mpsc-temas-mais-buscados__header-button-chevron {
        display: none;
    }

    .mpsc-temas-mais-buscados {
        margin: 0 var(--mpsc-space-6);
        position: relative;
    }

    .mpsc-temas-mais-buscados__button--read-more-desktop {
        display: inline-flex;
        margin-left: calc(100% - 180px);
        margin-top: var(--mpsc-space-2);
        width: 180px;
    }

    .mpsc-temas-mais-buscados__header {
        justify-content: center;
    }

    .mpsc-temas-mais-buscados__title {
        font: var(--mpsc-font-display-lg);
        font-weight: 500;
        text-align: center;
    }

    .mpsc-temas-mais-buscados__strong {
        display: block;
    }

    .mpsc-temas-mais-buscados__header-button {
        z-index: 1;
    }

    .mpsc-temas-mais-buscados__wrapper {
        display: flex;
        height: 383px;
    }

    .mpsc-temas-mais-buscados__item {
        width: 161px;
        display: flex;
        min-height: 383px;
        flex-direction: column;
        margin-bottom: 0;
        transition: width .3s ease-in-out;
    }

    .mpsc-temas-mais-buscados__item--active {
        width: 322px;
    }

    .mpsc-temas-mais-buscados__img {
        width: 100%;
        height: 383px;
    }

    .mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__img {
        height: 192px;
    }

    .mpsc-temas-mais-buscados__button-wrapper {
        display: flex;
        align-items: end;
        transition: opacity 1s ease-in-out;
    }

    .mpsc-temas-mais-buscados__header-button-title {
        visibility: visible;
    }

    .mpsc-temas-mais-buscados__collapse {
        transition: none;
        visibility: hidden;
    }

    .mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__collapse {
        visibility: visible;
    }

    .mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__header-button-title {
        visibility: hidden;
    }

    .mpsc-temas-mais-buscados__collapse-content {
        opacity: 0;
        transition: min-height .3s ease-in-out, opacity .6s ease-in-out;
    }

    .mpsc-temas-mais-buscados__item--active .mpsc-temas-mais-buscados__collapse-content {
        min-height: 210px;
        opacity: 1;
    }

    .mpsc-temas-mais-buscados__button-prev,
    .mpsc-temas-mais-buscados__button-next {
        position: absolute;
        background-color: var(--mpsc-color-background);
        border-radius: var(--mpsc-radius-lg);
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: var(--mpsc-space-1);
        width: auto;
        height: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .mpsc-temas-mais-buscados__button-prev {
        left: calc(var(--mpsc-space-7) * -1);
    }

    .mpsc-temas-mais-buscados__button-next {
        right: calc(var(--mpsc-space-7) * -1);
    }

}

.mpsc-temas-mais-buscados mpsc-icon.mpsc-temas-mais-buscados__icon .mpsc-icon__svg,
.mpsc-temas-mais-buscados mpsc-icon.mpsc-temas-mais-buscados__header-button-chevron .mpsc-icon__svg,
.mpsc-temas-mais-buscados mpsc-icon.mpsc-temas-mais-buscados__content-read-more-icon .mpsc-icon__svg,
.mpsc-temas-mais-buscados mpsc-icon.mpsc-temas-mais-buscados__button-prev-img .mpsc-icon__svg,
.mpsc-temas-mais-buscados mpsc-icon.mpsc-temas-mais-buscados__button-next-img .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== texto-com-ícone ==== */
.mpsc-texto-com-icone {
	display: flex;
	align-items: center;
	gap: var(--mpsc-space-2, 1rem);
	width: 100%;
	box-sizing: border-box;
}

.mpsc-texto-com-icone--espaco-pequeno {
	gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-texto-com-icone--espaco-grande {
	gap: var(--mpsc-space-3, 1.5rem);
}

.mpsc-texto-com-icone--alinhamento-centro {
	justify-content: center;
	text-align: center;
}

.mpsc-texto-com-icone--alinhamento-direita {
	justify-content: flex-end;
	text-align: right;
}

.mpsc-texto-com-icone--icone-direita {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.mpsc-texto-com-icone--icone-direita.mpsc-texto-com-icone--alinhamento-centro {
	justify-content: center;
}

.mpsc-texto-com-icone--icone-direita.mpsc-texto-com-icone--alinhamento-direita {
	justify-content: flex-start;
}

.mpsc-texto-com-icone--icone-topo {
	flex-direction: column;
	align-items: flex-start;
}

.mpsc-texto-com-icone--icone-topo.mpsc-texto-com-icone--alinhamento-centro {
	align-items: center;
}

.mpsc-texto-com-icone--icone-topo.mpsc-texto-com-icone--alinhamento-direita {
	align-items: flex-end;
}

.mpsc-texto-com-icone__icone-container {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
}

.mpsc-texto-com-icone__icone-container--circular-verde {
	width: calc(var(--mpsc-texto-com-icone-icon-size, 28px) + 1rem);
	height: calc(var(--mpsc-texto-com-icone-icon-size, 28px) + 1rem);
	border-radius: var(--mpsc-radius-full, 9999px);
	background-color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-texto-com-icone__icone-container--circular-verde .mpsc-texto-com-icone__icone {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-texto-com-icone__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	font-size: var(--mpsc-font-size-3xl, 1.75rem);
	line-height: 1;
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-texto-com-icone__icone::before {
	display: block;
}

.mpsc-texto-com-icone mpsc-icon.mpsc-texto-com-icone__icone {
	width: var(--mpsc-texto-com-icone-mpsc-size, 28px);
	height: var(--mpsc-texto-com-icone-mpsc-size, 28px);
}

.mpsc-texto-com-icone mpsc-icon.mpsc-texto-com-icone__icone .mpsc-icon__svg {
	width: var(--mpsc-texto-com-icone-mpsc-size, 28px) !important;
	height: var(--mpsc-texto-com-icone-mpsc-size, 28px) !important;
}

.mpsc-texto-com-icone__icone--pequeno {
	font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-texto-com-icone__icone--medio {
	font-size: var(--mpsc-font-size-2xl, 1.5rem);
}

.mpsc-texto-com-icone__icone--grande {
	font-size: var(--mpsc-font-size-3xl, 1.75rem);
}

.mpsc-texto-com-icone__icone--extra-grande {
	font-size: var(--mpsc-font-size-4xl, 2rem);
}

.mpsc-texto-com-icone__icone--verde {
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-texto-com-icone__icone--verde-escuro {
	color: var(--mpsc-color-primary-dark, #1f4d3a);
}

.mpsc-texto-com-icone__icone--vermelho {
	color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-texto-com-icone__icone--cinza {
	color: var(--mpsc-color-icon, #757575);
}

.mpsc-texto-com-icone__icone--preto {
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-texto-com-icone__icone--branco {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-texto-com-icone__conteudo {
	margin: 0;
	font: var(--mpsc-font-label-lg, 500 1rem/1.5rem "Montserrat", sans-serif);
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-texto-com-icone__conteudo--pequeno {
	font-size: var(--mpsc-font-size-sm, 0.875rem);
}

.mpsc-texto-com-icone__conteudo--medio {
	font-size: var(--mpsc-font-size-md, 1rem);
}

.mpsc-texto-com-icone__conteudo--grande {
	font-size: var(--mpsc-font-size-lg, 1.125rem);
}

.mpsc-texto-com-icone__conteudo--extra-grande {
	font-size: var(--mpsc-font-size-xl, 1.25rem);
}

.mpsc-texto-com-icone__conteudo--peso-regular {
	font-weight: 400;
}

.mpsc-texto-com-icone__conteudo--peso-medio {
	font-weight: 500;
}

.mpsc-texto-com-icone__conteudo--peso-semibold {
	font-weight: 600;
}

.mpsc-texto-com-icone__conteudo--peso-negrito {
	font-weight: 700;
}

.mpsc-texto-com-icone__conteudo--padrao {
	color: var(--mpsc-color-text-title, #222222);
}

.mpsc-texto-com-icone__conteudo--primaria {
	color: var(--mpsc-color-primary, #2f6b4f);
}

.mpsc-texto-com-icone__conteudo--vermelha {
	color: var(--mpsc-color-accent-red, #b02a2a);
}

.mpsc-texto-com-icone__conteudo--cinza {
	color: var(--mpsc-color-icon, #757575);
}

.mpsc-texto-com-icone__conteudo--branca {
	color: var(--mpsc-color-white, #ffffff);
}

.mpsc-texto-com-icone__link {
	display: inline-flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.mpsc-texto-com-icone__link:hover .mpsc-texto-com-icone__conteudo {
	text-decoration: underline;
}

.mpsc-texto-com-icone__link:focus-visible {
	border-radius: var(--mpsc-radius-sm, 8px);
	box-shadow:
		0 0 0
		var(--mpsc-box-shadow-input-focus-size, 0.25rem)
		var(--mpsc-input-focus-box-shadow-color, #86b7fe75);
	outline: 0;
}

/* ==== titulo-com-ancora ==== */
.mpsc-titulo-com-ancora--display-lg {
	font: var(--mpsc-font-display-lg);
}

.mpsc-titulo-com-ancora--display-md {
	font: var(--mpsc-font-display-md);
}

.mpsc-titulo-com-ancora--heading-xl {
	font: var(--mpsc-font-heading-xl);
}

.mpsc-titulo-com-ancora--heading-lg {
	font: var(--mpsc-font-heading-lg);
}

.mpsc-titulo-com-ancora--heading-md {
	font: var(--mpsc-font-heading-md);
}

.mpsc-titulo-com-ancora--peso-regular {
	font-weight: 400;
}

.mpsc-titulo-com-ancora--peso-medio {
	font-weight: 500;
}

.mpsc-titulo-com-ancora--peso-semibold {
	font-weight: 600;
}

.mpsc-titulo-com-ancora--peso-negrito {
	font-weight: 700;
}

/* ==== videos ==== */
.mpsc-videos,
.mpsc-videos *,
.mpsc-videos *::before,
.mpsc-videos *::after {
    box-sizing: border-box;
}

.mpsc-videos lfr-editable {
    display: contents;
}

.mpsc-videos {
    --mpsc-videos-card-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-videos-card-titulo: var(--mpsc-color-text-title, #222);
    --mpsc-videos-card-texto: var(--mpsc-color-text-primary, #121214);
    --mpsc-videos-seta-fundo: var(--mpsc-color-background, #f1f1f3);
    --mpsc-videos-seta-fundo-hover: var(--mpsc-color-border, #e3e3e3);
    --mpsc-videos-seta-icone: var(--mpsc-color-text-title, #222);
    width: 100%;
}

.mpsc-videos--branco {
    --mpsc-videos-card-fundo: var(--mpsc-color-white, #fff);
    --mpsc-videos-seta-fundo: var(--mpsc-color-white, #fff);
}

.mpsc-videos--verde {
    --mpsc-videos-card-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-videos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-videos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-videos-seta-fundo: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-videos-seta-fundo-hover: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-videos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-videos--verde-escuro {
    --mpsc-videos-card-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-videos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-videos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-videos-seta-fundo: var(--mpsc-color-primary-dark, #1f4d3a);
    --mpsc-videos-seta-fundo-hover: var(--mpsc-color-primary, #2f6b4f);
    --mpsc-videos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-videos--vermelho {
    --mpsc-videos-card-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-videos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-videos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-videos-seta-fundo: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-videos-seta-fundo-hover: var(--mpsc-color-accent-red, #b02a2a);
    --mpsc-videos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-videos--preto {
    --mpsc-videos-card-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-videos-card-titulo: var(--mpsc-color-white, #fff);
    --mpsc-videos-card-texto: var(--mpsc-color-white, #fff);
    --mpsc-videos-seta-fundo: var(--mpsc-color-text-title, #222);
    --mpsc-videos-seta-fundo-hover: var(--mpsc-color-text-title, #222);
    --mpsc-videos-seta-icone: var(--mpsc-color-white, #fff);
}

.mpsc-videos__controles {
    display: flex;
    align-items: center;
    gap: var(--mpsc-space-1, 0.5rem);
    margin-bottom: var(--mpsc-space-3, 1.5rem);
}

.mpsc-videos__seta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-5, 2.5rem);
    height: var(--mpsc-space-5, 2.5rem);
    padding: 0;
    border: none;
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: var(--mpsc-videos-seta-fundo);
    cursor: pointer;
}

.mpsc-videos__seta:hover {
    background-color: var(--mpsc-videos-seta-fundo-hover);
}

.mpsc-videos__seta:focus-visible {
    box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size) var(--mpsc-input-focus-box-shadow-color);
    outline: 0;
}

.mpsc-videos__seta:disabled {
    opacity: 0.5;
    cursor: default;
}

.mpsc-videos__seta-icone {
    font-size: var(--mpsc-font-size-md, 1rem);
    line-height: 1;
    color: var(--mpsc-videos-seta-icone, var(--mpsc-color-text-title, #222));
}

.mpsc-videos__swiper {
    margin-right: calc(-1 * var(--mpsc-space-2, 1rem));
    margin-left: calc(-1 * var(--mpsc-space-2, 1rem));
    padding-top: var(--mpsc-space-1, 0.5rem);
    padding-right: var(--mpsc-space-2, 1rem);
    padding-bottom: var(--mpsc-space-3, 1.5rem);
    padding-left: var(--mpsc-space-2, 1rem);
    overflow: hidden;
}

.mpsc-videos__lista {
    align-items: stretch;
}

.mpsc-videos__slide {
    height: auto;
}

.mpsc-videos__card {
    display: flex;
    flex-direction: column;
    gap: var(--mpsc-space-2, 1rem);
    width: 100%;
    height: 100%;
    padding: var(--mpsc-space-2, 1rem);
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-videos-card-fundo);
    box-shadow: 0 var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem) rgba(171, 190, 209, 0.4);
}

.mpsc-videos__card-midia {
    position: relative;
    width: 100%;
    height: 158px;
    overflow: hidden;
    border-radius: var(--mpsc-radius-md, 16px);
    background-color: var(--mpsc-color-background, #f1f1f3);
}

.mpsc-videos__card-imagem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mpsc-videos__card-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mpsc-space-8, 4rem);
    height: var(--mpsc-space-8, 4rem);
    padding: 0;
    border: 0;
    border-radius: var(--mpsc-radius-full, 9999px);
    background-color: rgba(255, 255, 255, 0.85);
    color: var(--mpsc-color-primary, #2f6b4f);
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.mpsc-videos__card-midia:hover .mpsc-videos__card-play {
    background-color: var(--mpsc-color-white, #fff);
    transform: translate(-50%, -50%) scale(1.08);
}

.mpsc-videos__card-play:focus-visible {
    outline: 2px solid var(--mpsc-color-primary, #2f6b4f);
    outline-offset: 2px;
}

.mpsc-videos__card-play-icone {
    margin-left: 2px;
    font-size: var(--mpsc-font-size-2xl, 1.5rem);
    line-height: 1;
}

.mpsc-videos__card-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    background-color: #000;
}

.mpsc-videos__card-conteudo {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--mpsc-space-1, 0.5rem);
}

.mpsc-videos__card-titulo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font: var(--mpsc-font-body-xs);
    font-weight: 600;
    letter-spacing: 0;
    color: var(--mpsc-videos-card-titulo);
}

.mpsc-videos__card-descricao {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font: var(--mpsc-font-body-xs);
    letter-spacing: 0;
    color: var(--mpsc-videos-card-texto);
}

.mpsc-videos__card-descricao p {
    margin: 0;
}

@media (min-width: 1280px) {
    .mpsc-videos__slide {
        width: 640px;
    }

    .mpsc-videos__card {
        flex-direction: row;
        gap: var(--mpsc-space-2, 1rem);
        height: 210px;
        width: 632px;
    }

    .mpsc-videos__card-midia {
        flex-shrink: 0;
        align-self: center;
        width: 360px;
        height: 180px;
    }

    .mpsc-videos__card-conteudo {
        justify-content: center;
        padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
    }
}

.mpsc-videos mpsc-icon.mpsc-videos__seta-icone .mpsc-icon__svg,
.mpsc-videos mpsc-icon.mpsc-videos__card-play-icone .mpsc-icon__svg {
    width: 1em !important;
    height: 1em !important;
}

/* ==== youtube-playlist ==== */
.mpsc-youtube-playlist {
  --mpsc-youtube-playlist-catalog-inset: var(--mpsc-space-4, 2rem);

  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 606px) minmax(0, 1fr);
  gap: var(--mpsc-space-4, 2rem);
  width: 100%;
  padding: var(--mpsc-space-6, 3rem);
  background: var(--mpsc-color-background, #f1f1f3);
  color: var(--mpsc-color-text-primary, #121214);
  font-family: "Montserrat", sans-serif;
  border-radius: var(--mpsc-radius-md, 16px);
}

.mpsc-youtube-playlist *,
.mpsc-youtube-playlist *::before,
.mpsc-youtube-playlist *::after {
  box-sizing: border-box;
}

.mpsc-youtube-playlist__featured {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.mpsc-youtube-playlist__player-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 101 / 68;
  overflow: hidden;
  border-radius: var(--mpsc-radius-md, 16px);
  background: var(--mpsc-color-text-primary, #121214);
}

.mpsc-youtube-playlist__player {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.mpsc-youtube-playlist__featured-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: var(--mpsc-space-4, 2rem);
}

.mpsc-youtube-playlist__featured-title {
  margin: 0;
  color: var(--mpsc-color-text-title, #222222);
  font-size: var(--mpsc-font-size-2xl, 1.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.mpsc-youtube-playlist__featured-description {
  display: -webkit-box;
  margin: var(--mpsc-space-1, 0.5rem) 0 0;
  overflow: hidden;
  color: var(--mpsc-color-text-primary, #121214);
  font-size: var(--mpsc-font-size-lg, 1.125rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mpsc-youtube-playlist__featured-description:empty {
  display: none;
}

.mpsc-youtube-playlist__featured-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mpsc-space-3, 1.5rem);
  margin-top: var(--mpsc-space-2, 1rem);
}

.mpsc-youtube-playlist__featured-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mpsc-space-1, 0.5rem);
  min-width: 0;
}

.mpsc-youtube-playlist__featured-date {
  color: var(--mpsc-placeholder-color, #595959);
  font-size: var(--mpsc-font-size-md, 1rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}

.mpsc-youtube-playlist__featured-date:empty,
.mpsc-youtube-playlist__category:empty {
  display: none;
}

.mpsc-youtube-playlist__category {
  display: inline-flex;
  align-items: center;
  min-height: var(--mpsc-space-4, 2rem);
  padding: var(--mpsc-space-1, 0.5rem) var(--mpsc-space-2, 1rem);
  border-radius: var(--mpsc-radius-full, 9999px);
  background: var(--mpsc-color-primary, #2f6b4f);
  color: var(--mpsc-color-white, #ffffff);
  font: var(--mpsc-font-label-xs, 700 0.75rem/1rem "Montserrat", sans-serif);
  text-transform: uppercase;
}

.mpsc-youtube-playlist__open-link {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: var(--mpsc-space-1, 0.5rem);
  min-height: 44px;
  padding: var(--mpsc-space-1, 0.5rem);
  border-radius: var(--mpsc-radius-sm, 8px);
  color: var(--mpsc-color-primary, #2f6b4f);
  font-size: var(--mpsc-font-size-md, 1rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: none;
}

.mpsc-youtube-playlist__open-link span {
  text-transform: uppercase;
}

.mpsc-youtube-playlist__open-link svg {
  width: var(--mpsc-space-3, 1.5rem);
  height: var(--mpsc-space-3, 1.5rem);
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.mpsc-youtube-playlist__open-link:hover {
  color: var(--mpsc-color-primary-dark, #1f4d3a);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.mpsc-youtube-playlist__open-link:focus-visible {
  outline: 3px solid var(--mpsc-color-primary-dark, #1f4d3a);
  outline-offset: 2px;
}

.mpsc-youtube-playlist__video-card:focus-visible {
  outline: 3px solid var(--mpsc-color-primary-dark, #1f4d3a);
  outline-offset: -3px;
}

.mpsc-youtube-playlist__catalog {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-height: 584px;
  padding-left: var(--mpsc-youtube-playlist-catalog-inset);
  overflow: hidden;
  border-left: 1px solid var(--mpsc-color-border, #e3e3e3);
}

.mpsc-youtube-playlist__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 442px) auto;
  align-items: end;
  gap: var(--mpsc-space-2, 1rem);
  padding: 0 0 var(--mpsc-space-3, 1.5rem);
}

.mpsc-youtube-playlist__search {
  display: grid;
  gap: var(--mpsc-space-1, 0.5rem);
  margin: 0;
}

.mpsc-youtube-playlist__search span {
  color: var(--mpsc-color-text-title, #222222);
  font: var(--mpsc-font-label-md, 600 0.875rem/1.25rem "Montserrat", sans-serif);
}

.mpsc-youtube-playlist__search input {
  width: 100%;
  height: var(--mpsc-space-6, 3rem);
  padding: 12px var(--mpsc-space-2, 1rem);
  border: 1px solid var(--mpsc-input-border-color, #757575);
  border-radius: var(--mpsc-radius-md, 16px);
  background: var(--mpsc-color-white, #ffffff);
  color: var(--mpsc-color-text-primary, #121214);
  font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
  outline: none;
}

.mpsc-youtube-playlist__search input::placeholder {
  color: var(--mpsc-placeholder-color, #595959);
  opacity: 1;
}

.mpsc-youtube-playlist__search input:focus-visible {
  border-color: var(--mpsc-input-focus-border-color, #86b7fe);
  box-shadow: 0 0 0 var(--mpsc-box-shadow-input-focus-size, 0.25rem)
    var(--mpsc-input-focus-box-shadow-color, #86b7fe75);
  outline: 2px solid var(--mpsc-color-primary-dark, #1f4d3a);
  outline-offset: 2px;
}

.mpsc-youtube-playlist__count {
  padding-bottom: 15px;
  color: var(--mpsc-placeholder-color, #595959);
  font-size: var(--mpsc-font-size-xs, 0.75rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.mpsc-youtube-playlist__status {
  padding: var(--mpsc-space-3, 1.5rem) var(--mpsc-space-1, 0.5rem);
  color: var(--mpsc-placeholder-color, #595959);
  font: var(--mpsc-font-body-sm, 500 0.875rem/1.25rem "Montserrat", sans-serif);
}

.mpsc-youtube-playlist__status[hidden] {
  display: none;
}

.mpsc-youtube-playlist__list {
  display: grid;
  gap: 0;
  min-height: 0;
  width: calc(100% + var(--mpsc-youtube-playlist-catalog-inset));
  margin: 0 0 0 calc(var(--mpsc-youtube-playlist-catalog-inset) * -1);
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  scrollbar-gutter: stable;
}

.mpsc-youtube-playlist__list li {
  margin: 0;
  padding: 0;
}

.mpsc-youtube-playlist__video-card {
  display: grid;
  grid-template-columns: minmax(128px, 200px) minmax(0, 1fr);
  gap: var(--mpsc-space-2, 1rem);
  width: 100%;
  min-height: 160px;
  padding: var(--mpsc-space-2, 1rem) var(--mpsc-space-1, 0.5rem)
    var(--mpsc-space-2, 1rem) var(--mpsc-space-5, 2.5rem);
  border: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease;
}

.mpsc-youtube-playlist__video-card:hover {
  background: rgba(47, 107, 79, 0.08);
}

.mpsc-youtube-playlist__video-card--active {
  background: rgba(47, 107, 79, 0.16);
}

.mpsc-youtube-playlist__video-card--active:hover {
  background: rgba(47, 107, 79, 0.2);
}

.mpsc-youtube-playlist__thumb {
  position: relative;
  display: block;
  width: 100%;
  max-width: 200px;
  aspect-ratio: 25 / 16;
  align-self: start;
  overflow: hidden;
  border-radius: var(--mpsc-radius-md, 16px);
  background: var(--mpsc-color-text-primary, #121214);
}

.mpsc-youtube-playlist__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mpsc-youtube-playlist__play-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--mpsc-space-7, 3.5rem);
  height: var(--mpsc-space-7, 3.5rem);
  border-radius: var(--mpsc-radius-full, 9999px);
  background: rgba(255, 255, 255, 0.82);
  transform: translate(-50%, -50%);
  transition: background-color 160ms ease, transform 160ms ease;
}

.mpsc-youtube-playlist__play-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  border-top: var(--mpsc-space-1, 0.5rem) solid transparent;
  border-bottom: var(--mpsc-space-1, 0.5rem) solid transparent;
  border-left: 12px solid var(--mpsc-color-primary, #2f6b4f);
  transform: translate(-50%, -50%);
}

.mpsc-youtube-playlist__video-card:hover
  .mpsc-youtube-playlist__play-indicator {
  background: var(--mpsc-color-white, #ffffff);
  transform: translate(-50%, -50%) scale(1.06);
}

.mpsc-youtube-playlist__meta {
  display: flex;
  flex-direction: column;
  align-content: start;
  gap: var(--mpsc-space-1, 0.5rem);
  min-width: 0;
}

.mpsc-youtube-playlist__video-title {
  display: -webkit-box;
  overflow: hidden;
  color: var(--mpsc-color-text-title, #222222);
  font-size: var(--mpsc-font-size-lg, 1.125rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mpsc-youtube-playlist__video-description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--mpsc-color-text-primary, #121214);
  font-size: var(--mpsc-font-size-sm, 0.875rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mpsc-youtube-playlist__video-description:empty {
  display: none;
}

.mpsc-youtube-playlist__video-date {
  margin-top: auto;
  color: var(--mpsc-placeholder-color, #595959);
  font-size: var(--mpsc-font-size-md, 1rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}

@media (max-width: 1199px) {
  .mpsc-youtube-playlist {
    --mpsc-youtube-playlist-catalog-inset: var(--mpsc-space-3, 1.5rem);

    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
    padding: var(--mpsc-space-4, 2rem);
  }

  .mpsc-youtube-playlist__catalog {
    padding-left: var(--mpsc-space-3, 1.5rem);
  }

  .mpsc-youtube-playlist__toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .mpsc-youtube-playlist__video-card {
    grid-template-columns: 144px minmax(0, 1fr);
  }
}

@media (max-width: 991px) {
  .mpsc-youtube-playlist {
    --mpsc-youtube-playlist-catalog-inset: 0px;

    grid-template-columns: minmax(0, 606px);
    justify-content: center;
  }

  .mpsc-youtube-playlist__catalog {
    max-height: none;
    padding: var(--mpsc-space-4, 2rem) 0 0;
    border-top: 1px solid var(--mpsc-color-border, #e3e3e3);
    border-left: 0;
  }

  .mpsc-youtube-playlist__list {
    max-height: 608px;
  }

  .mpsc-youtube-playlist__video-card {
    grid-template-columns: minmax(128px, 200px) minmax(0, 1fr);
  }
}

@media (max-width: 575px) {
  .mpsc-youtube-playlist {
    gap: var(--mpsc-space-3, 1.5rem);
    padding: var(--mpsc-space-2, 1rem);
  }

  .mpsc-youtube-playlist__featured-content {
    padding-top: var(--mpsc-space-3, 1.5rem);
  }

  .mpsc-youtube-playlist__featured-title {
    line-height: 1.2;
  }

  .mpsc-youtube-playlist__featured-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .mpsc-youtube-playlist__open-link {
    margin-left: calc(var(--mpsc-space-1, 0.5rem) * -1);
  }

  .mpsc-youtube-playlist__catalog {
    padding-top: var(--mpsc-space-3, 1.5rem);
  }

  .mpsc-youtube-playlist__toolbar {
    grid-template-columns: 1fr;
    gap: var(--mpsc-space-1, 0.5rem);
  }

  .mpsc-youtube-playlist__count {
    padding-bottom: 0;
  }

  .mpsc-youtube-playlist__video-card {
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 112px;
    padding-right: 0;
    padding-left: 0;
  }

  .mpsc-youtube-playlist__video-title {
    font-size: var(--mpsc-font-size-md, 1rem);
  }

  .mpsc-youtube-playlist__video-description {
    -webkit-line-clamp: 2;
  }

  .mpsc-youtube-playlist__video-date {
    font-size: var(--mpsc-font-size-sm, 0.875rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mpsc-youtube-playlist *,
  .mpsc-youtube-playlist *::before,
  .mpsc-youtube-playlist *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  .mpsc-youtube-playlist__video-card--active {
    outline: 2px solid CanvasText;
    outline-offset: -2px;
  }

  .mpsc-youtube-playlist__play-indicator {
    border: 2px solid CanvasText;
    background: Canvas;
  }

  .mpsc-youtube-playlist__play-indicator::after {
    border-left-color: CanvasText;
  }
}
