.extracto-nota{
	background-color: #E9ECF0;
	padding: 16px;
	border-radius: 4px;
	margin: 0 16px 35px;
	position: relative;
	font-family: Martel,serif;
	line-height: 28px;
}
.extracto-nota p:first-child::first-letter{
	font-size: 34px;
	line-height: 28px;
	color: #E9ECF0;
	background-color: #475765;
	padding: 13px 7px 6px;
    float: left;
    margin-right: 5px;
}

.extracto-nota::after{
	content: '';
	position: absolute;
	bottom: -24px;
	border: 13px solid #E9ECF0;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.dark-mode.dark-mode .extracto-nota{
    background-color: #475765;
}

.dark-mode.dark-mode .extracto-nota p:first-child::first-letter{
    color: #475765;
    background-color: #FAFAFA;
}

.dark-mode.dark-mode .extracto-nota::after{
	content: '';
	position: absolute;
	bottom: -24px;
	border: 13px solid #475765;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

@media (min-width: 992px) {
	.extracto-nota{
		margin: 0 0 35px;
		font-family: "Roboto Slab",sans-serif;
		line-height: 2rem;
	}
	.extracto-nota p:first-child::first-letter{
		padding: 10px 7px;
	}
}

.contenido-nota .destacador{
    background-color: #007AFF;
    color: #fff;
    padding: 0 4px;
}