/* Adrio Zoom — listado público de clases. Personalizable con variables CSS. */
.adrio-zoom {
	--adrio-zoom-boton: #2d8cff;
	--adrio-zoom-boton-texto: #ffffff;
	--adrio-zoom-fondo: #ffffff;
	--adrio-zoom-borde: #e2e8f0;
	--adrio-zoom-radio: 8px;
	margin: 1.5em 0;
}
.adrio-zoom__dia + .adrio-zoom__dia { margin-top: 1.5em; }
.adrio-zoom .adrio-zoom__fecha { margin: 0 0 .6em; font-size: 1.15em; }
.adrio-zoom .adrio-zoom__lista { list-style: none; margin: 0; padding: 0; }
.adrio-zoom .adrio-zoom__clase {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	margin: 0 0 .75em;
	padding: 1em 1.2em;
	background: var(--adrio-zoom-fondo);
	border: 1px solid var(--adrio-zoom-borde);
	border-radius: var(--adrio-zoom-radio);
}
.adrio-zoom__info { min-width: 0; flex: 1 1 auto; }
.adrio-zoom .adrio-zoom__titulo { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.adrio-zoom .adrio-zoom__hora { margin: .2em 0 0; opacity: .8; font-variant-numeric: tabular-nums; }
.adrio-zoom__descripcion { margin-top: .5em; font-size: .95em; }
.adrio-zoom__descripcion p { margin: 0 0 .5em; }
.adrio-zoom a.adrio-zoom__boton,
.adrio-zoom a.adrio-zoom__boton:visited {
	flex: 0 0 auto;
	display: inline-block;
	padding: .65em 1.2em;
	background: var(--adrio-zoom-boton);
	color: var(--adrio-zoom-boton-texto);
	border-radius: var(--adrio-zoom-radio);
	text-decoration: none;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}
.adrio-zoom a.adrio-zoom__boton:hover,
.adrio-zoom a.adrio-zoom__boton:focus { filter: brightness(.92); color: var(--adrio-zoom-boton-texto); }
.adrio-zoom a.adrio-zoom__boton:focus-visible { outline: 2px solid var(--adrio-zoom-boton); outline-offset: 2px; }
.adrio-zoom__vacio, .adrio-zoom__aviso { margin: 0; }
.adrio-zoom__aviso { margin-top: 1em; }
@media (max-width: 600px) {
	.adrio-zoom .adrio-zoom__clase { flex-direction: column; align-items: stretch; }
	.adrio-zoom a.adrio-zoom__boton { display: block; }
}