/* Componentes compartidos (orquestador). Ver README-tema.md → «Componentes compartidos». */

/* Popup a pantalla completa bajo la cabecera, como el overlay «LEER MÁS» del original. */
.vf-modal {
	display: none;
	position: fixed;
	inset: var(--vf-header-h, 82px) 0 0 0;
	z-index: 9990;
	margin: 0 !important;
	max-width: none !important; /* no heredar contentSize del layout constrained de la sección */
	padding: 40px 15px 60px;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}
.admin-bar .vf-modal { top: calc(var(--vf-header-h, 82px) + var(--wp-admin--admin-bar--height, 0px)); }
.vf-modal:target,
.vf-modal.is-open { display: block; }
.vf-modal :where(h1, h2, h3, h4, p, li, a) { color: inherit; }
.vf-modal-close { position: sticky; top: 0; display: flex; justify-content: flex-end; margin-top: 0 !important; margin-bottom: 10px !important; z-index: 1; }
.vf-modal-close .wp-block-button__link,
a.vf-modal-close { cursor: pointer; }
body.vf-modal-open { overflow: hidden; }

/* En el editor los popups se muestran en línea para poder editarlos. */
.editor-styles-wrapper .vf-modal {
	display: block;
	position: relative;
	inset: auto;
	z-index: auto;
	overflow: visible;
	outline: 2px dashed var(--wp--preset--color--secondary);
}