/* =========================================================
   BASE DEL EDITOR
========================================================= */

/* Las variables dinámicas del theme se inyectan desde PHP */

/* =========================================================
   AJUSTES GENERALES DEL CANVAS
========================================================= */

.editor-styles-wrapper {
	padding-right: 0;
	padding-left: 0;
}

/* =========================================================
   CONTENEDORES DEL THEME EN EL EDITOR
========================================================= */

.editor-styles-wrapper .jg-main {
	width: 100%;
}

.editor-styles-wrapper .jg-contenedor,
.editor-styles-wrapper .wp-block-group.jg-contenedor {
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--jg-padding-lateral);
	padding-left: var(--jg-padding-lateral);
}

.editor-styles-wrapper .jg-contenedor--contenido,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--jg-ancho-contenido) + (var(--jg-padding-lateral) * 2));
	margin-right: auto;
	margin-left: auto;
}

.editor-styles-wrapper .jg-contenedor--ancho,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--jg-ancho-amplio) + (var(--jg-padding-lateral) * 2));
	margin-right: auto;
	margin-left: auto;
}

/* =========================================================
   WRAPPERS INTERNOS DE GUTENBERG
========================================================= */

.editor-styles-wrapper .jg-contenedor > .block-editor-inner-blocks,
.editor-styles-wrapper .jg-contenedor > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .jg-contenedor--contenido > .block-editor-inner-blocks,
.editor-styles-wrapper .jg-contenedor--contenido > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .jg-contenedor--ancho > .block-editor-inner-blocks,
.editor-styles-wrapper .jg-contenedor--ancho > .block-editor-inner-blocks > .block-editor-block-list__layout {
	width: 100%;
	max-width: 100%;
}

/* =========================================================
   AYUDA VISUAL SUAVE PARA CONTENEDORES EN EDICIÓN
========================================================= */

.editor-styles-wrapper .wp-block-group.jg-contenedor,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho {
	outline: 1px dashed rgba(0, 0, 0, 0.12);
	outline-offset: -1px;
}

/* =========================================================
   FONDO SUAVE DE APOYO EN EDICIÓN
========================================================= */

.editor-styles-wrapper .wp-block-group.jg-contenedor,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho {
	background-color: rgba(0, 0, 0, 0.015);
}

/* =========================================================
   ESPACIO INTERNO MÍNIMO EN EDICIÓN
========================================================= */

.editor-styles-wrapper .wp-block-group.jg-contenedor,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho {
	min-height: 24px;
}

/* =========================================================
   CONTENEDORES SELECCIONADOS EN EDICIÓN
========================================================= */

.editor-styles-wrapper .wp-block-group.jg-contenedor.is-selected,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido.is-selected,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho.is-selected,
.editor-styles-wrapper .wp-block-group.jg-contenedor.has-child-selected,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido.has-child-selected,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho.has-child-selected {
	outline-color: rgba(0, 0, 0, 0.28);
	background-color: rgba(0, 0, 0, 0.03);
}

/* =========================================================
   ESPACIADO INTERNO VERTICAL EN EDICIÓN
========================================================= */

.editor-styles-wrapper .wp-block-group.jg-contenedor > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .wp-block-group.jg-contenedor--contenido > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .wp-block-group.jg-contenedor--ancho > .block-editor-inner-blocks > .block-editor-block-list__layout {
	padding-top: 8px;
	padding-bottom: 8px;
}