/* 1. Limpieza de bloques de AsciiDoc */
.medieval-post {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Cuerpo del texto (Almendra es una Serif muy elegante de libro antiguo) */
.medieval-post p {
    font-family: 'Almendra', serif !important;
    font-size: 1.3rem !important;
    #color: #ccc !important; /* Ajusta según tu modo oscuro */
    line-height: 1.6;
	text-align: justify;
	hyphens: auto;

	/* USAMOS LAS VARIABLES DE PAPERMOD */
    /* --content es el color principal del texto en el tema (negro en light, gris en dark) */
    color: var(--content) !important;
}

/* 3. LA LETRA CAPITAL */
.medieval-post p:first-of-type::first-letter {
    float: left;
    /* Probamos con MedievalSharp que es muy gótica */
    font-family: 'MedievalSharp', 'Almendra Display', serif !important;
    font-size: 5rem !important;
    line-height: 0.8 !important;
    margin-top: 0.1em;
    margin-right: 0.12em;
    color: #b30000 !important; /* Rojo sangre más intenso */
    #text-shadow: 2px 2px 0px #d4af37; /* Sombra dorada más marcada */
    
    /* Efecto decorativo extra */
    #border: 1px solid rgba(212, 175, 55, 0.3);
    #padding: 5px;
    #background: rgba(139, 0, 0, 0.05);
	/* Sombra dorada adaptable */
    /* En modo claro la sombra es más suave, en modo oscuro brilla más */
    text-shadow: 2px 2px 0px #d4af37;
    
    /* Un borde que se adapte al color del texto del tema */
    border: 1px solid var(--border);
    padding: 5px;
    
    /* Fondo muy sutil para que parezca un recuadro de pergamino */
    background: var(--code-bg);
}

/* 4. Invocación */
.invocatio {
    font-family: 'MedievalSharp', serif !important;
    #color: #b30000 !important;
	color: #990000 !important;
    text-align: center;
    margin-bottom: 2rem;
    display: block;
    font-size: 1.1rem;
	font-weight: bold;
}

.explicit {
    text-align: right;
    font-family: 'MedievalSharp', serif;
    font-style: italic;
    margin-top: 2rem;
    font-size: 0.9rem;
    color: #8b0000;
}

/* 5. Ajuste específico para el modo oscuro (opcional) */
/* Si quieres que algo cambie específicamente cuando el usuario pone el modo Dark */
.dark .medieval-post p:first-of-type::first-letter {
    text-shadow: 2px 2px 5px #ffdb58; /* Sombra más brillante en modo oscuro */
    background: rgba(255, 255, 255, 0.05); /* Fondo ligero para la letra */
}