/*
 * Web principal (www.indiedevday.es). Complementa al Kit de Elementor: aquí
 * solo va lo que el Kit no puede expresar (estados hover/focus de las fichas
 * de programa, el enlace de vuelta y el ajuste fino de las noticias).
 * Colores: los mismos del Kit (ver DESIGN.md).
 */

/* Héroe de portada: líneas cortas, que el titular respire */
.idd-hero .idd-hero-title .elementor-heading-title { max-width: 26ch; text-wrap: balance; }
.idd-hero .elementor-widget-text-editor { max-width: 58ch; }

/* Fichas de programa (foto + nombre). Toda la ficha es un enlace. */
a.idd-tile { color: inherit; text-decoration: none; overflow: hidden; isolation: isolate; }
a.idd-tile::before { transition: opacity .35s ease; }
a.idd-tile:hover,
a.idd-tile:focus-visible { --overlay-opacity: .78; }
a.idd-tile .elementor-widget-text-editor { max-width: 46ch; }
a.idd-tile .elementor-widget-text-editor p { margin: 0; }
a.idd-tile .idd-tile__name .elementor-heading-title {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 3px;
	text-underline-offset: 7px;
	transition: text-decoration-color .2s ease;
}
a.idd-tile:hover .idd-tile__name .elementor-heading-title,
a.idd-tile:focus-visible .idd-tile__name .elementor-heading-title { text-decoration-color: #FF9022; }
a.idd-tile:focus-visible { outline: 3px solid #FF9022; outline-offset: 3px; }

/* Enlace de vuelta a la sección, encima del título de página */
.idd-crumb { margin: 0; font-family: "Roboto Mono", monospace; font-size: 15px; }
.idd-crumb a { color: #E8E8E8; text-decoration: none; }
.idd-crumb a::before { content: "\2190\00a0"; }
.idd-crumb a:hover { color: #FF9022; }

/* Noticias de la portada: sin "leer más", el título es el enlace */
.idd-news .elementor-post__thumbnail { border-radius: 10px; overflow: hidden; }
.idd-news .elementor-post__title { font-size: 1.1rem; line-height: 1.3; margin-top: 4px; }
.idd-news .elementor-post__title a { color: #FFFFFF; }
.idd-news .elementor-post__title a:hover { color: #FF9022; }
.idd-news .elementor-post__meta-data { font-size: 14px; color: #A8A8A8; }
.idd-news .elementor-post__excerpt p { font-size: 15px; line-height: 1.55; color: #A8A8A8; }

@media (prefers-reduced-motion: reduce) {
	a.idd-tile::before,
	a.idd-tile .idd-tile__name .elementor-heading-title { transition: none; }
}