/* Memphis Noticias — custom Elementor widget styles.
   Structure + brand defaults (via global kit CSS vars). Per-widget colors are
   overridden by the widget's own Elementor controls (higher specificity). */

/* ---- Month Archives (Hemeroteca) ---- */
/* Title doubled-class selector beats the kit's global `.elementor-kit-8 h3` (serif 19px);
   matches the site subheading pattern: 11px sans, line (not square) in front, no bottom divider. */
.mn-march__title.mn-march__title{
	display:flex;align-items:center;gap:10px;
	margin:0 0 12px;padding:0;border:0;line-height:1;
	font-family:var(--e-global-typography-accent-font-family,"Source Sans 3"),sans-serif;
	font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
	color:var(--e-global-color-secondary,#231614);
}
/* line in front (was a 10x10 square) — same 22x3 yellow dash as the other subheadings */
.mn-march__sq{display:inline-block;width:22px;height:3px;flex:0 0 auto;background:var(--e-global-color-primary,#FFCE00);}
/* Month pills, tag-cloud style — matches the sidebar [mn_tag_cloud] .cat-side__topic pills, but
   laid out as 3 equal columns spanning the full sidebar width (grid items stretch to fill). */
.mn-march__cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.mn-march__pill{
	display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;line-height:1;
	font-family:var(--e-global-typography-accent-font-family,"Source Sans 3"),sans-serif;
	font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
	padding:7px 8px;border-radius:999px;
	background:var(--e-global-color-mn_cream_light,#F6F5F1);
	border:1px solid var(--e-global-color-mn_rule,#DAD6CD);
	color:var(--e-global-color-secondary,#231614);
	transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.mn-march__pill:hover,.mn-march__pill:focus-visible{
	background:var(--e-global-color-secondary,#231614);
	border-color:var(--e-global-color-secondary,#231614);
	color:#fff;
}
.mn-march__c{opacity:.6;font-weight:700;}
.mn-march__empty{
	font-family:var(--e-global-typography-text-font-family,"Source Sans 3"),sans-serif;
	font-size:14px;color:var(--e-global-color-mn_muted,#5E524D);margin:0;
}

/* ── Add to Calendar widget (single event) ────────────────────────────────── */
/* subheading matches the sidebar "Detalles del evento" head: 11px / 700 / .14em + 10x10 square.
   Selector is .mn-cal h3.mn-cal__title (specificity 0,2,1) to beat the kit's global h3 typography
   (which otherwise forces ~19px serif on this h3). */
.mn-cal h3.mn-cal__title{
	display:flex;align-items:center;gap:10px;margin:0 0 14px;
	font-family:var(--e-global-typography-accent-font-family,"Source Sans 3"),sans-serif;
	font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;
	color:var(--e-global-color-secondary,#231614);
}
.mn-cal__sq{flex:none;width:10px;height:10px;background:var(--e-global-color-primary,#FFCE00);}
.mn-cal__links{display:flex;flex-wrap:wrap;gap:6px;}
.mn-cal__link{
	display:inline-flex;align-items:center;gap:6px;
	padding:7px 9px;border:1px solid var(--e-global-color-secondary,#231614);border-radius:6px;
	font-family:var(--e-global-typography-accent-font-family,"Source Sans 3"),sans-serif;
	font-weight:700;font-size:11px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;
	color:var(--e-global-color-secondary,#231614);text-decoration:none;
	background:transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.mn-cal__link:hover{background:var(--e-global-color-secondary,#231614);color:#fff;border-color:var(--e-global-color-secondary,#231614);}
.mn-cal__ico{flex:none;font-size:14px;line-height:1;}

/* ── Event location map (Leaflet + OpenStreetMap) ─────────────────────────────
   Grayscale is applied to the TILE layer only, so the map reads black-and-white
   while the red marker (a separate Leaflet pane) keeps its color. */
.mn-map{position:relative;z-index:0;isolation:isolate;width:100%;border-radius:8px;overflow:hidden;background:var(--e-global-color-mn_tint,#E7E4DC);}
.mn-map .leaflet-tile-pane{filter:grayscale(1) contrast(1.05);}
.mn-map__pin{background:none;border:0;}
.mn-map .leaflet-bar a{color:var(--e-global-color-secondary,#231614);}
