/* ==========================================================================
   Conteúdo dos artigos (.ea-content)
   editor.css é gerado a partir deste arquivo (mesmas regras, sem o prefixo).
   ========================================================================== */

.ea-content {
	font-size: 16.5px;
	line-height: 1.75;
	color: #011C1D;
	overflow-wrap: break-word;
}

/* Texto ----------------------------------------------------------------- */

.ea-content p { margin: 0 0 1.15em; }

.ea-content h2,
.ea-content h3,
.ea-content h4 { position: relative; color: #011C1D; scroll-margin-top: 96px; }

.ea-content h2 { margin: 2.1em 0 .65em; font-size: 25px; line-height: 1.25; font-weight: 800; letter-spacing: -.022em; }
.ea-content h3 { margin: 1.8em 0 .55em; font-size: 19.5px; line-height: 1.35; font-weight: 700; letter-spacing: -.012em; }
.ea-content h4 { margin: 1.6em 0 .5em; font-size: 16.5px; line-height: 1.4; font-weight: 700; }
.ea-content h2:first-child,
.ea-content h3:first-child,
.ea-content p:first-child { margin-top: 0; }

.ea-content .ea-anchor {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; margin-left: 6px; vertical-align: middle;
	border-radius: 8px; color: #6A7B7C; text-decoration: none;
	opacity: 0; transition: opacity .15s, background-color .15s;
}
.ea-content .ea-anchor svg { width: 16px; height: 16px; }
.ea-content h2:hover .ea-anchor,
.ea-content h3:hover .ea-anchor,
.ea-content .ea-anchor:focus-visible { opacity: 1; }
.ea-content .ea-anchor:hover { background: #F5F8F8; color: #F2660B; }

.ea-content .is-style-ecila-lead { font-size: 19px; line-height: 1.6; color: #3E5254; margin-bottom: 1.4em; }

.ea-content a { color: #011C1D; font-weight: 600; text-decoration: underline; text-decoration-color: #00E676; text-decoration-thickness: 2px; text-underline-offset: 3px; transition: text-decoration-color .15s; }
.ea-content a:hover { text-decoration-color: #F2660B; }

.ea-content strong, .ea-content b { font-weight: 700; }

.ea-content mark.ea-destaque,
.ea-content .ea-destaque { background: none; color: #F2660B; font-weight: 700; }

.ea-content ul, .ea-content ol { margin: 0 0 1.25em; padding-left: 1.4em; }
.ea-content li { margin: .4em 0; padding-left: .2em; }
.ea-content li > ul, .ea-content li > ol { margin: .4em 0 .2em; }
.ea-content ul > li::marker { color: #007A3D; }
.ea-content ol > li::marker { color: #011C1D; font-weight: 700; }

.ea-content code {
	padding: .12em .42em; border-radius: 6px; background: #F5F8F8; border: 1px solid #E2E9E9;
	font: 500 .88em/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.ea-content pre {
	margin: 1.5em 0; padding: 18px 20px; border-radius: 14px; overflow-x: auto;
	background: #011C1D; color: #DDF5EA;
	font: 14px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.ea-content pre code { padding: 0; border: 0; background: none; color: inherit; font-size: inherit; }

.ea-content kbd {
	display: inline-block; min-width: 1.6em; padding: .05em .45em; text-align: center;
	border: 1px solid #CBD6D6; border-bottom-width: 2px; border-radius: 6px; background: #fff;
	font: 600 .82em/1.5 "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}

.ea-content blockquote {
	margin: 1.6em 0; padding: 4px 0 4px 20px; border-left: 3px solid #00E676; color: #3E5254;
}
.ea-content blockquote p:last-child { margin-bottom: 0; }
.ea-content blockquote cite { display: block; margin-top: 8px; font-size: 14px; font-style: normal; color: #6A7B7C; }

.ea-content hr { margin: 2.5em 0; border: 0; border-top: 1px solid #E2E9E9; }

/* Mídia ----------------------------------------------------------------- */

.ea-content img { height: auto; border-radius: 12px; }
.ea-content figure { margin: 1.8em 0; }
.ea-content figcaption, .ea-content .wp-element-caption { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: #6A7B7C; text-align: center; }
.ea-content .is-style-ecila-print img { border: 1px solid #E2E9E9; box-shadow: 0 1px 2px rgba(1, 28, 29, .04), 0 12px 32px -16px rgba(1, 28, 29, .25); }
.ea-content .wp-block-embed iframe { width: 100%; border-radius: 12px; }

/* Tabelas --------------------------------------------------------------- */

.ea-content .wp-block-table,
.ea-content figure.wp-block-table { margin: 1.6em 0; overflow-x: auto; }
.ea-content table {
	width: 100%; border-collapse: separate; border-spacing: 0;
	border: 1px solid #E2E9E9; border-radius: 12px; overflow: hidden;
	font-size: 15px; line-height: 1.5;
}
.ea-content th, .ea-content td,
.ea-content .wp-block-table th, .ea-content .wp-block-table td { padding: 12px 16px; text-align: left; vertical-align: top; border: 0; }
.ea-content thead, .ea-content .wp-block-table thead { border: 0; }
.ea-content th { background: #F5F8F8; font-size: 13.5px; font-weight: 700; color: #3E5254; }
.ea-content tr + tr td, .ea-content tbody tr:first-child td { border-top: 1px solid #E2E9E9; }
.ea-content table tbody tr:hover td { background: #FAFCFC; }

/* Avisos ---------------------------------------------------------------- */

.ea-content .is-style-ecila-info,
.ea-content .is-style-ecila-nota,
.ea-content .is-style-ecila-atencao,
.ea-content .is-style-ecila-dica {
	position: relative; margin: 1.6em 0; padding: 16px 20px 16px 54px;
	border: 1px solid; border-radius: 14px; font-size: 15.5px; line-height: 1.65;
}
.ea-content .is-style-ecila-info::before,
.ea-content .is-style-ecila-nota::before,
.ea-content .is-style-ecila-atencao::before,
.ea-content .is-style-ecila-dica::before {
	content: ""; position: absolute; left: 19px; top: 18px; width: 20px; height: 20px;
	-webkit-mask: var(--ea-callout-icon) center / contain no-repeat;
	mask: var(--ea-callout-icon) center / contain no-repeat;
	background-color: currentColor;
}
.ea-content .is-style-ecila-info p,
.ea-content .is-style-ecila-nota p,
.ea-content .is-style-ecila-atencao p,
.ea-content .is-style-ecila-dica p { margin: 0 0 .6em; }
.ea-content .is-style-ecila-info p:last-child,
.ea-content .is-style-ecila-nota p:last-child,
.ea-content .is-style-ecila-atencao p:last-child,
.ea-content .is-style-ecila-dica p:last-child { margin-bottom: 0; }
.ea-content .is-style-ecila-info ul,
.ea-content .is-style-ecila-nota ul,
.ea-content .is-style-ecila-atencao ul,
.ea-content .is-style-ecila-dica ul { margin-bottom: 0; }

.ea-content .is-style-ecila-info {
	background: #E7FCF0; border-color: #B4F2CF; color: #011C1D;
	--ea-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}
.ea-content .is-style-ecila-info::before { background-color: #007A3D; }

.ea-content .is-style-ecila-nota {
	background: #F5F8F8; border-color: #E2E9E9; color: #011C1D;
	--ea-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");
}

.ea-content .is-style-ecila-atencao {
	background: #FEF3EB; border-color: #FBD2B6; color: #011C1D;
	--ea-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}
.ea-content .is-style-ecila-atencao::before { background-color: #F2660B; }

.ea-content .is-style-ecila-dica {
	background: #011C1D; border-color: #011C1D; color: #fff;
	background-image: radial-gradient(60% 140% at 100% 0%, rgba(0, 230, 118, .28), transparent 70%);
	--ea-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3C/svg%3E");
}
.ea-content .is-style-ecila-dica::before { background-color: #00E676; }
.ea-content .is-style-ecila-dica a { color: #fff; }
.ea-content .is-style-ecila-dica code { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .15); }
.ea-content .is-style-ecila-dica strong { color: #00E676; }

/* Passo a passo --------------------------------------------------------- */

.ea-content ol.is-style-ecila-passos,
.ea-content .ea-passos ol { list-style: none; counter-reset: ea-step; margin: 1.4em 0 1.6em; padding: 0; }
.ea-content ol.is-style-ecila-passos > li,
.ea-content .ea-passos ol > li { counter-increment: ea-step; position: relative; margin: 0; padding: 2px 0 22px 50px; }
.ea-content ol.is-style-ecila-passos > li::before,
.ea-content .ea-passos ol > li::before {
	content: counter(ea-step); position: absolute; left: 0; top: 0;
	display: flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; border-radius: 50%;
	background: #011C1D; color: #00E676; font-size: 14px; font-weight: 800; line-height: 1;
}
.ea-content ol.is-style-ecila-passos > li::after,
.ea-content .ea-passos ol > li::after {
	content: ""; position: absolute; left: 15.5px; top: 38px; bottom: 6px; width: 1px; background: #CBD6D6;
}
.ea-content ol.is-style-ecila-passos > li:last-child,
.ea-content .ea-passos ol > li:last-child { padding-bottom: 0; }
.ea-content ol.is-style-ecila-passos > li:last-child::after,
.ea-content .ea-passos ol > li:last-child::after { display: none; }
.ea-content ol.is-style-ecila-passos > li::marker { content: none; }

/* Checklist ------------------------------------------------------------- */

.ea-content ul.is-style-ecila-check { list-style: none; padding: 0; }
.ea-content ul.is-style-ecila-check > li { position: relative; padding-left: 34px; margin: .55em 0; }
.ea-content ul.is-style-ecila-check > li::before {
	content: ""; position: absolute; left: 0; top: .32em; width: 22px; height: 22px; border-radius: 7px;
	background: #E7FCF0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A3D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 13px no-repeat;
	border: 1px solid #B4F2CF;
}

/* Perguntas frequentes (bloco Detalhes) --------------------------------- */

.ea-content .wp-block-details,
.ea-content details {
	margin: 10px 0; border: 1px solid #E2E9E9; border-radius: 12px; background: #fff;
	transition: border-color .15s;
}
.ea-content details + details { margin-top: 10px; }
.ea-content details:hover { border-color: #CBD6D6; }
.ea-content details[open] { border-color: #011C1D; }
.ea-content summary {
	position: relative; display: block; padding: 15px 52px 15px 18px;
	font-weight: 700; font-size: 16px; line-height: 1.5; cursor: pointer; list-style: none;
}
.ea-content summary::-webkit-details-marker { display: none; }
.ea-content summary::after {
	content: ""; position: absolute; right: 18px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2660B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .2s;
}
.ea-content details[open] > summary::after { transform: rotate(45deg); }
.ea-content details > :not(summary) { margin-left: 18px; margin-right: 18px; }
.ea-content details > :not(summary):last-child { margin-bottom: 16px; }
.ea-content details > summary + * { margin-top: 0; }

@media (max-width: 720px) {
	.ea-content { font-size: 16px; }
	.ea-content h2 { font-size: 22px; }
	.ea-content h3 { font-size: 18px; }
	.ea-content .is-style-ecila-lead { font-size: 17.5px; }
	.ea-content .is-style-ecila-info,
	.ea-content .is-style-ecila-nota,
	.ea-content .is-style-ecila-atencao,
	.ea-content .is-style-ecila-dica { padding: 14px 16px 14px 46px; font-size: 15px; }
	.ea-content .is-style-ecila-info::before,
	.ea-content .is-style-ecila-nota::before,
	.ea-content .is-style-ecila-atencao::before,
	.ea-content .is-style-ecila-dica::before { left: 15px; top: 16px; }
	.ea-content ol.is-style-ecila-passos > li,
	.ea-content .ea-passos ol > li { padding-left: 44px; }
}