/* ===================================================================
   Calendario de exámenes (plugin ies-calendario-examenes)
   Todo acotado a .ies-examenes. Usa las variables del tema IES Villa de
   Alguazas y, si no existen, los mismos colores como valores de reserva.
   =================================================================== */
.ies-examenes{
	--exa-navy: var(--c-navy, #24426c);
	--exa-navy-deep: var(--c-navy-deep, #14253f);
	--exa-orange: var(--c-orange, #f4a024);
	--exa-orange-deep: var(--c-orange-deep, #d6890c);
	--exa-ink: var(--c-ink, #1b1f24);
	--exa-ink-soft: var(--c-ink-soft, #4b5563);
	--exa-line: var(--c-line, #dce2ea);
	--exa-surface: var(--c-surface, #fff);
	--exa-paper: var(--c-paper, #f4f6f9);
	--exa-radius: var(--radius-md, 12px);
	--exa-display: var(--f-display, Georgia, serif);
	--exa-mono: var(--f-mono, ui-monospace, monospace);
	--exa-sombra: var(--shadow-card, 0 1px 2px rgba(20,37,63,.06), 0 8px 24px -12px rgba(20,37,63,.18));
	margin-block: 1.5em;
	color: var(--exa-ink);
}
.ies-examenes[aria-busy="true"]{ opacity: .6; transition: opacity .15s ease; }
.ies-examenes *{ box-sizing: border-box; }
/* Anula los estilos de listas del contenido del tema (.entry-content ul…),
   que son más específicos que una clase sola. */
.ies-examenes ul.ies-examenes__chips{ list-style: none; margin: 0; padding: 0; gap: .45em; }
.ies-examenes .ies-examenes__chips li{ padding: 0; margin: 0; }
.ies-examenes .ies-examenes__chips li::before{ content: none !important; display: none !important; }
.ies-examenes :focus-visible{ outline: 3px solid var(--exa-orange); outline-offset: 2px; }

/* Aviso de API no disponible */
.ies-examenes__aviso{
	margin: 0 0 1em;
	padding: .7em 1em;
	border-left: 4px solid var(--exa-orange);
	border-radius: 6px;
	background: #fff7ea;
	font-size: .95rem;
}

/* Filtros: etiqueta + botones */
.ies-examenes__filtros{ display: grid; gap: .7em; margin-bottom: 1.5em; }
.ies-examenes__fila{ display: flex; align-items: flex-start; gap: .75em; }
.ies-examenes__etiqueta{
	flex: none;
	min-width: 4.5em;
	padding-top: .45em;
	font-family: var(--exa-mono);
	font-size: .8rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--exa-ink-soft);
}
.ies-examenes ul.ies-examenes__chips{ display: flex; flex-wrap: wrap; }
.ies-examenes a.ies-examenes__chip{
	display: inline-block;
	padding: .38em .95em;
	border: 1.5px solid var(--exa-line);
	border-radius: 999px;
	background: var(--exa-surface);
	color: var(--exa-navy-deep);
	font-size: .92rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}
.ies-examenes a.ies-examenes__chip:hover{ border-color: var(--exa-navy); }
.ies-examenes a.ies-examenes__chip[aria-current="true"]{ background: var(--exa-navy); border-color: var(--exa-navy); color: #fff; }

/* Cuerpo: lista + lateral */
.ies-examenes__cuerpo{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5em; align-items: start; }
@media (min-width: 900px){
	.ies-examenes__cuerpo{ grid-template-columns: minmax(0, 1fr) 300px; }
}

/* Lista agrupada por día */
.ies-examenes__lista{ display: grid; gap: .9em; }
.ies-examenes__dia{
	display: flex;
	gap: 1em;
	padding: 1em;
	border: 1px solid var(--exa-line);
	border-radius: var(--exa-radius);
	background: var(--exa-surface);
	box-shadow: var(--exa-sombra);
	scroll-margin-top: 110px;
}
.ies-examenes__dia.is-pronto{ border-left: 4px solid var(--exa-orange); }
.ies-examenes__dia.is-hoy{ border: 2px solid var(--exa-orange); background: #fffaf1; }
.ies-examenes__dia:target{ outline: 3px solid var(--exa-orange); outline-offset: 2px; }

.ies-examenes__fecha{
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 10px;
	background: var(--exa-navy);
	color: #fff;
	line-height: 1;
}
.ies-examenes__dia.is-hoy .ies-examenes__fecha,
.ies-examenes__dia.is-pronto .ies-examenes__fecha{ background: var(--exa-orange); color: var(--exa-navy-deep); }
.ies-examenes__mes{ font-family: var(--exa-mono); font-size: .72rem; font-weight: 600; letter-spacing: .08em; }
.ies-examenes__num{ margin-top: .15em; font-family: var(--exa-display); font-size: 1.6rem; font-weight: 700; }

.ies-examenes__eventos{ flex: 1; min-width: 0; display: grid; gap: .7em; }
.ies-examenes .ies-examenes__dia-titulo{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em;
	margin: 0;
	font-family: inherit;
	font-size: .9rem;
	font-weight: 600;
	color: var(--exa-ink-soft);
}
.ies-examenes__marca{
	padding: .1em .6em;
	border-radius: 999px;
	background: var(--exa-orange);
	color: var(--exa-navy-deep);
	font-size: .75rem;
	font-weight: 700;
}
.ies-examenes__marca.is-suave{ background: #ffe7b8; }
.ies-examenes__evento + .ies-examenes__evento{ padding-top: .7em; border-top: 1px solid var(--exa-line); }
.ies-examenes .ies-examenes__titulo{
	margin: 0;
	font-family: var(--exa-display);
	font-size: 1.15rem;
	line-height: 1.3;
	color: var(--exa-navy-deep);
	overflow-wrap: anywhere;
}
.ies-examenes__grupo{ display: flex; flex-wrap: wrap; align-items: center; gap: .45em; margin: .3em 0 0; }
.ies-examenes__tag{
	padding: .05em .6em;
	border-radius: 999px;
	background: #e3ebf6;
	color: var(--exa-navy);
	font-size: .8rem;
	font-weight: 700;
}
.ies-examenes__curso{ font-size: .85rem; color: var(--exa-ink-soft); }
.ies-examenes__desc{ margin: .3em 0 0; color: var(--exa-ink-soft); overflow-wrap: anywhere; }
.ies-examenes__vacio{
	margin: 0;
	padding: 1.5em;
	border: 1px dashed var(--exa-line);
	border-radius: var(--exa-radius);
	background: var(--exa-surface);
	text-align: center;
	color: var(--exa-ink-soft);
}

/* Lateral: minicalendario + suscripción */
.ies-examenes__lateral{ display: grid; gap: 1em; }
.ies-examenes__mesbox{
	padding: 1em;
	border: 1px solid var(--exa-line);
	border-radius: var(--exa-radius);
	background: var(--exa-surface);
	box-shadow: var(--exa-sombra);
}
.ies-examenes__mes-cab{ display: flex; align-items: center; justify-content: space-between; margin-bottom: .5em; }
.ies-examenes .ies-examenes__mes-titulo{ margin: 0; font-family: var(--exa-display); font-size: 1.05rem; font-weight: 700; color: var(--exa-navy-deep); }
.ies-examenes a.ies-examenes__flecha{
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: var(--exa-navy-deep);
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
}
.ies-examenes a.ies-examenes__flecha:hover{ background: var(--exa-paper); }
.ies-examenes table.ies-examenes__tabla{ width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; background: none; }
.ies-examenes .ies-examenes__tabla :is(th, td){ padding: 2px; border: 0; text-align: center; background: none; }
.ies-examenes .ies-examenes__tabla th{ font-size: .75rem; font-weight: 600; color: var(--exa-ink-soft); }
.ies-examenes .ies-examenes__tabla th abbr{ text-decoration: none; }
.ies-examenes .ies-examenes__tabla td > *{
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	max-width: 36px;
	margin-inline: auto;
	border-radius: 8px;
	font-size: .88rem;
	color: var(--exa-ink-soft);
}
.ies-examenes .ies-examenes__tabla td.is-hoy > *{ outline: 2px solid var(--exa-navy); outline-offset: -2px; color: var(--exa-navy-deep); font-weight: 700; }
.ies-examenes .ies-examenes__tabla a.is-evento,
.ies-examenes .is-evento-muestra{ background: var(--exa-orange); color: var(--exa-navy-deep); font-weight: 700; text-decoration: none; }
.ies-examenes .ies-examenes__tabla a.is-evento:hover{ background: var(--exa-orange-deep); }
.ies-examenes__leyenda{ display: flex; align-items: center; gap: .5em; margin: .6em 0 0; font-size: .8rem; color: var(--exa-ink-soft); }
.ies-examenes .is-evento-muestra{ display: inline-block; width: 14px; height: 14px; border-radius: 4px; }

/* Franja de suscripción (debajo de los filtros) */
.ies-examenes__suscripcion{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .8em 1.5em;
	margin-bottom: 1.5em;
	padding: 1em 1.2em;
	border: 1px solid var(--exa-line);
	border-left: 4px solid var(--exa-orange);
	border-radius: var(--exa-radius);
	background: #fffaf1;
}
.ies-examenes .ies-examenes__sus-titulo{ flex: 1 1 260px; margin: 0; font-weight: 700; color: var(--exa-navy-deep); }
.ies-examenes .ies-examenes__sus-titulo span{ display: block; margin-top: .15em; font-size: .85rem; font-weight: 400; color: var(--exa-ink-soft); }
.ies-examenes__sus-botones{ display: flex; flex-wrap: wrap; gap: .5em; }
.ies-examenes a.ies-examenes__boton,
.ies-examenes button.ies-examenes__boton{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .6em 1em;
	border: 1.5px solid var(--exa-navy);
	border-radius: 8px;
	background: var(--exa-surface);
	color: var(--exa-navy-deep);
	font: inherit;
	font-size: .92rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.ies-examenes a.ies-examenes__boton:hover,
.ies-examenes button.ies-examenes__boton:hover{ background: var(--exa-navy); color: #fff; }
.ies-examenes a.ies-examenes__boton.is-principal{ background: var(--exa-orange); border-color: var(--exa-orange); }
.ies-examenes a.ies-examenes__boton.is-principal:hover{ background: var(--exa-orange-deep); border-color: var(--exa-orange-deep); color: var(--exa-navy-deep); }
.ies-examenes__copiar{ flex-basis: 100%; font-size: .85rem; color: var(--exa-ink-soft); }
.ies-examenes__copiar summary{ cursor: pointer; }
.ies-examenes__copiar input{
	width: 100%;
	margin-top: .4em;
	padding: .45em .6em;
	border: 1px solid var(--exa-line);
	border-radius: 6px;
	background: var(--exa-surface);
	font-family: var(--exa-mono);
	font-size: .8rem;
	color: var(--exa-ink);
}
@media (max-width: 600px){
	.ies-examenes__sus-botones{ width: 100%; }
	.ies-examenes__sus-botones .ies-examenes__boton{ flex: 1 1 100%; }
}
.ies-examenes__pista{ margin: 0 0 1.5em; padding: .7em 1em; border: 1px dashed var(--exa-line); border-radius: 8px; font-size: .92rem; color: var(--exa-ink-soft); }

/* Móvil: la etiqueta encima de los botones */
@media (max-width: 600px){
	.ies-examenes__fila{ flex-direction: column; gap: .3em; }
	.ies-examenes__etiqueta{ padding-top: 0; }
	.ies-examenes__dia{ padding: .85em; gap: .8em; }
	.ies-examenes__fecha{ width: 54px; height: 54px; }
}

/* Texto solo para lectores de pantalla (por si el tema no lo define). */
.ies-examenes .screen-reader-text{
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
