.opa-portal-standard-page,
.opa-portal-standard-page #page {
	background: var(--opa-portal-surface, #fff);
}

.opa-portal-standard-page #main.site-main {
	color: var(--opa-portal-text, #18334f);
	font-family: Manrope, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 824px;
	padding: var(--opa-page-top-space) clamp(1.25rem, 4vw, 2.625rem) clamp(2rem, 5vw, 3.5rem);
}

.opa-portal-standard-page #main .inside-article {
	background: transparent;
	padding: 0;
}

.opa-portal-standard-page #main .entry-header {
	border-block-end: 1px solid #e1e6eb;
	padding-block-end: 0.625rem;
}

.opa-portal-standard-page #main .entry-title {
	color: var(--opa-portal-primary, #153c6d);
	font-family: inherit;
	font-size: clamp(1.625rem, 3vw, 2rem);
	font-weight: 750;
	letter-spacing: -0.025em;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.opa-portal-standard-page #main .page-header-image {
	margin: 1rem 0 0;
}

.opa-portal-standard-page #main .page-header-image img {
	border-radius: 6px;
	display: block;
	height: auto;
	max-width: 100%;
}

.opa-portal-standard-page #main .entry-content {
	font-family: inherit;
	font-size: 0.84375rem;
	line-height: 1.75;
	margin-block-start: 1rem;
	overflow-wrap: anywhere;
}

.opa-portal-standard-page #main .entry-content > .alignfull {
	margin-inline: 0;
	max-width: 100%;
}

.opa-portal-standard-page .entry-content :is(h2, h3, h4, h5, h6) {
	color: var(--opa-portal-primary, #153c6d);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	margin-block: 1.45em 0.55em;
}

.opa-portal-standard-page .entry-content h2 {
	font-size: clamp(1.0625rem, 2.25vw, 1.125rem);
}

.opa-portal-standard-page .entry-content h3 {
	font-size: clamp(1rem, 2vw, 1.0625rem);
}

.opa-portal-standard-page .entry-content > :is(p, ul, ol) {
	margin-block: 0 1.05em;
}

.opa-portal-standard-page .entry-content a:not(.wp-block-button__link, .wp-element-button) {
	color: var(--opa-portal-primary, #153c6d);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.opa-portal-standard-page .entry-content a:not(.wp-block-button__link, .wp-element-button):is(:hover, :focus-visible) {
	color: var(--opa-portal-accent);
}

.opa-yara-intro {
	--opa-yara-avatar-size: clamp(3.25rem, 11vw, 5.25rem);
	--opa-yara-avatar-gap: 0.9rem;
	--opa-yara-bubble: #eef4fb;
	position: relative;
	background: var(--opa-yara-bubble);
	border-radius: 1.1rem;
	box-sizing: border-box;
	margin-block: 1.15rem 1.8rem;
	margin-inline-start: calc(var(--opa-yara-avatar-size) + var(--opa-yara-avatar-gap));
	max-width: 40rem;
	padding: 0.95rem clamp(1rem, 4vw, 1.35rem);
}

.opa-yara-intro::before {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: calc(0px - var(--opa-yara-avatar-size) - var(--opa-yara-avatar-gap));
	width: var(--opa-yara-avatar-size);
	height: var(--opa-yara-avatar-size);
	border-radius: 50%;
	background: #e0edf8 url("yara-avatar.webp") center / 114% no-repeat;
	content: "";
}

.opa-yara-intro::after {
	position: absolute;
	inset-block-start: calc(var(--opa-yara-avatar-size) / 2 - 0.4rem);
	inset-inline-start: -0.55rem;
	width: 0.6rem;
	height: 0.8rem;
	background: var(--opa-yara-bubble);
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	content: "";
}

.opa-portal-standard-page .entry-content .opa-yara-intro h2 {
	font-size: 1.125rem;
	margin-block: 0 0.35rem;
}

.opa-yara-intro p {
	margin: 0;
}

.opa-yara-timeline {
	--opa-yara-marker-size: 2.375rem;
	position: relative;
	list-style: none;
	margin: 0.85rem 0 1.35rem;
	padding: 0;
}

.opa-yara-timeline::before {
	position: absolute;
	inset-block-start: -0.2rem;
	inset-inline-start: calc(var(--opa-yara-marker-size) / 2 - 1px);
	width: 2px;
	height: 1.6rem;
	background: #bacbde;
	content: "";
}

.opa-yara-timeline::after {
	position: absolute;
	inset-block-start: -0.35rem;
	inset-inline-start: calc(var(--opa-yara-marker-size) / 2 - 4px);
	width: 8px;
	height: 6px;
	background: #7894b1;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	content: "";
}

.opa-yara-diary-entry:not(:last-child)::before {
	position: absolute;
	inset-block: 1.4rem -2.15rem;
	inset-inline-start: calc(var(--opa-yara-marker-size) / 2 - 1px);
	width: 2px;
	background: #dce6f0;
	content: "";
}

.opa-yara-diary-entry {
	position: relative;
	display: grid;
	grid-template-columns: var(--opa-yara-marker-size) minmax(0, 1fr);
	column-gap: clamp(0.6rem, 3vw, 0.95rem);
	align-items: start;
}

.opa-yara-diary-entry + .opa-yara-diary-entry {
	margin-block-start: 0.75rem;
}

.opa-yara-timeline-icon {
	position: relative;
	display: grid;
	width: var(--opa-yara-marker-size);
	height: var(--opa-yara-marker-size);
	margin-block-start: 0.4rem;
	place-items: center;
	border-radius: 50%;
	background: #185b9d;
	color: #fff;
}

.opa-yara-diary-entry--abertura .opa-yara-timeline-icon {
	background: #153c6d;
}

.opa-yara-diary-entry--correcao .opa-yara-timeline-icon {
	background: #aa4818;
}

.opa-yara-diary-entry--atualizacao .opa-yara-timeline-icon {
	background: #6840a0;
}

.opa-yara-entry-card {
	border: 1px solid #e1e8f0;
	border-radius: 0.75rem;
	padding: 0.7rem clamp(0.75rem, 3vw, 1rem);
}

.opa-yara-entry-heading {
	margin-block-end: 0.55rem;
}

.opa-portal-standard-page .entry-content .opa-yara-entry-heading h3 {
	margin: 0;
}

.opa-yara-entry-card > :last-child {
	margin-block-end: 0;
}

.opa-yara-entry-heading time {
	display: block;
	margin-block-start: 0.12rem;
	color: #516578;
	font-size: 0.92em;
}