/* UOL Luz de la noticia · insignia, recuadro "Qué hacer" y punto en listados. */
:root{ --uol-luz-rojo: #e5483d; --uol-luz-amarillo: #e3a008; --uol-luz-verde: #1f9d63; }
.uol-luz--rojo{ --uol-luz-c: var(--uol-luz-rojo); }
.uol-luz--amarillo{ --uol-luz-c: var(--uol-luz-amarillo); }
.uol-luz--verde{ --uol-luz-c: var(--uol-luz-verde); }
.uol-luz-insignia,.uol-luz-recuadro{
	/* Texto en el tono de la luz, oscurecido para que se lea bien sobre blanco. */
	--uol-luz-tinta: color-mix(in srgb, var(--uol-luz-c) 62%, currentColor);
	font-family: var(--uol-luz-fuente, inherit);
}

.uol-luz-dot{
	display: inline-block; flex: 0 0 auto; width: .58em; height: .58em; border-radius: 50%;
	background: var(--uol-luz-c);
	box-shadow: 0 0 0 .22em color-mix(in srgb, var(--uol-luz-c) 20%, transparent), 0 0 .7em color-mix(in srgb, var(--uol-luz-c) 55%, transparent);
}

/* Luz arriba del artículo */
.uol-luz-insignia{
	display: flex; flex-wrap: wrap; align-items: center; gap: .5em 1.1em;
	margin: 0 0 1.6em; padding: 0; font-size: .75rem; line-height: 1.2;
}
.uol-luz-insignia__luz{
	display: inline-flex; align-items: center; gap: .7em;
	padding: .5em 1.05em .5em .85em; border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--uol-luz-c) 38%, transparent);
	background: color-mix(in srgb, var(--uol-luz-c) 7%, transparent);
	color: var(--uol-luz-tinta); font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
}
.uol-luz-insignia__info{
	color: inherit; opacity: .62; text-decoration: none; letter-spacing: .02em;
	border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}
.uol-luz-insignia__info:hover{ opacity: 1; }

/* Recuadro "Qué hacer" */
.uol-luz-recuadro{
	box-sizing: border-box; position: relative; margin: 2.2em 0; padding: 1.35em 1.6em 1.45em 1.7em;
	border-left: 3px solid var(--uol-luz-c); border-radius: 0 12px 12px 0;
	background: linear-gradient(100deg, color-mix(in srgb, var(--uol-luz-c) 8%, transparent), color-mix(in srgb, var(--uol-luz-c) 2%, transparent) 70%);
}
.uol-luz-recuadro p{ margin: 0; }
.uol-luz-recuadro__cab{
	display: flex; align-items: center; flex-wrap: wrap; gap: .45em .7em;
	font-size: .72rem; line-height: 1.2; letter-spacing: .16em; text-transform: uppercase;
}
.uol-luz-recuadro__t{ font-weight: 700; color: var(--uol-luz-tinta); }
.uol-luz-recuadro__l{ opacity: .6; font-weight: 500; }
.uol-luz-recuadro__l::before{ content: "·"; margin-right: .7em; }
.uol-luz-recuadro .uol-luz-recuadro__frase{
	margin-top: .65em; font-size: clamp(1.02em, 2.6vw, 1.14em); line-height: 1.5; font-weight: 500; letter-spacing: -.005em;
}
.uol-luz-recuadro__prod{
	display: inline; margin-top: 1em;
	font-size: .9em; line-height: 1.9; color: inherit; text-decoration: none;
	border-bottom: 1px solid color-mix(in srgb, var(--uol-luz-c) 55%, transparent); padding-bottom: .1em;
	transition: border-color .15s, color .15s;
}
.uol-luz-recuadro__prod strong{ font-weight: 600; }
.uol-luz-flecha{ font-weight: 400; }
.uol-luz-recuadro__frase + .uol-luz-recuadro__prod{ margin-top: 0; }
.uol-luz-recuadro__frase{ margin-bottom: .55em !important; }
.uol-luz-recuadro__prod:hover{ color: var(--uol-luz-tinta); border-bottom-color: var(--uol-luz-c); }

/* Punto junto al titular en listados */
.uol-luz-punto{
	display: inline-block; width: .42em; height: .42em; min-width: 7px; min-height: 7px; border-radius: 50%;
	margin-right: .5em; vertical-align: .16em; background: var(--uol-luz-c);
	box-shadow: 0 0 0 .14em color-mix(in srgb, var(--uol-luz-c) 22%, transparent);
}

/* Bloque "Luz de la noticia" */
.wp-block-uol-luz-luz{ box-sizing: border-box; }
.wp-block-uol-luz-luz .uol-luz-insignia:last-child,.wp-block-uol-luz-luz .uol-luz-recuadro:last-child{ margin-bottom: 0; }
.wp-block-uol-luz-luz .uol-luz-recuadro:first-child{ margin-top: 0; }
.wp-block-uol-luz-luz.has-text-color .uol-luz-insignia,.wp-block-uol-luz-luz.has-text-color .uol-luz-recuadro{ color: inherit; }

@media (prefers-color-scheme: dark){
	.is-dark-theme .uol-luz-insignia,.is-dark-theme .uol-luz-recuadro{ --uol-luz-tinta: color-mix(in srgb, var(--uol-luz-c) 75%, #fff); }
}
@media (max-width: 600px){
	.uol-luz-recuadro{ padding: 1.15em 1.15em 1.25em 1.25em; }
}