/**
 * Estilos propios del modo CALENDARIO de la agenda (Piano Iturbi).
 *
 * Capa de personalización sobre la librería Event Calendar. Se usan variables
 * CSS (custom properties) que la propia librería expone con el prefijo --ec-*,
 * de modo que adaptar la marca no requiere tocar el bundle vendorizado.
 *
 * @package KtFuncionsPianoiturbi
 */

.kt-agenda-calendario {
	/* Variables de marca: ajustar a la identidad de Piano Iturbi. */
	--ec-accent-color: #1d1d1b;
	--ec-border-color: #e6e6e6;
	--ec-today-bg-color: #f7f4ef;

	font-family: inherit;
	min-height: 4rem;
}

/* Botones de la barra superior (prev/next/hoy/vistas). */
.kt-agenda-calendario .ec-button {
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 0.8rem;
}

/* Título del periodo (mes/año). */
.kt-agenda-calendario .ec-title {
	font-weight: 600;
	text-transform: capitalize;
}

/* Eventos: cursor de enlace (son clicables). */
.kt-agenda-calendario .ec-event {
	cursor: pointer;
	border-radius: 2px;
}

/* Feedback suave al pasar el ratón: el cuerpo del evento se vuelve algo
 * translúcido para indicar que es una acción (sin popup). */
.kt-agenda-calendario .ec-event-body {
	transition: opacity 0.2s ease;
}

.kt-agenda-calendario .ec-event:hover .ec-event-body {
	opacity: 0.7;
}

/* Vista lista: separación cómoda entre filas. */
.kt-agenda-calendario .ec-list .ec-event {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}