/**
 * Widgets «CUME Centro de ayuda» y «CUME Trámites» (especificaciones 5.9 y 5.10).
 *
 * Solo globales del kit: se invierten solos en modo claro. Recetas del sitio:
 * chips como los filtros de Oferta, acordeón como Nivel y Plan de estudios,
 * botones como los del banner de cookies, foco en ámbar de marca. Morado
 * acento solo en texto grande; el texto chico va en «CUME - Enlaces».
 */

.cume-ayuda {
	--cume-ay-titulo: var(--e-global-color-6517dcc); /* «CUME - Títulos». */
	--cume-ay-texto: var(--e-global-color-text); /* «CUME - Párrafos». */
	--cume-ay-fuerte: var(--e-global-color-2fcedc4); /* «CUME - Texto fuerte». */
	--cume-ay-tenue: var(--e-global-color-3d710af); /* «CUME - Texto tenue». */
	--cume-ay-enlace: var(--e-global-color-ea2f468); /* «CUME - Enlaces». */
	--cume-ay-enlace-hover: var(--e-global-color-9a7084f); /* «CUME - Enlaces hover». */
	--cume-ay-acento: var(--e-global-color-secondary); /* «CUME - Ámbar de marca». */
	--cume-ay-icono: var(--e-global-color-accent); /* «CUME - Ámbar íconos». */
	--cume-ay-card: var(--e-global-color-92c8497); /* «CUME - Card». */
	--cume-ay-card-hover: var(--e-global-color-811010f); /* «CUME - Card hover». */
	--cume-ay-borde: var(--e-global-color-8297c8e); /* «CUME - Borde de card». */
	--cume-ay-divisor: var(--e-global-color-408e771); /* «CUME - Divisores». */
	--cume-ay-superficie: var(--e-global-color-f9f2957); /* «CUME - Superficie 1». */

	display: flex;
	flex-direction: column;
	gap: 24px;
	color: var(--cume-ay-texto);
}

.cume-ayuda__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Sin preguntas o trámites publicados, la sección completa (con su título de
 * Elementor) se oculta: no deja una franja vacía y aparece sola al haber contenido. */
.e-con.e-parent:has(.cume-ayuda-sin-contenido) {
	display: none;
}

.cume-ayuda__vacio-editor {
	margin: 0;
	color: var(--e-global-color-3d710af);
	font-size: var(--e-global-typography-d4b32b9-font-size, 0.875rem);
}

/* --- Encabezado --- */
.cume-ayuda__encabezado {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cume-ayuda .cume-ayuda__antetitulo {
	margin: 0;
	color: var(--cume-ay-acento);
	font-family: var(--e-global-typography-3508857-font-family), sans-serif;
	font-size: var(--e-global-typography-3508857-font-size, 0.75rem); /* «CUME - Antetítulo» del kit. */
	font-weight: var(--e-global-typography-3508857-font-weight, 700);
	letter-spacing: var(--e-global-typography-3508857-letter-spacing, 0.16em);
	line-height: 1.4;
	text-transform: uppercase;
}

/* Doble clase: gana a los estilos de h1/h2 del kit (.elementor-kit-6 h2). */
.cume-ayuda .cume-ayuda__titulo {
	margin: 0;
	color: var(--cume-ay-titulo);
	font-family: var(--e-global-typography-fcd9123-font-family), sans-serif;
	font-size: var(--e-global-typography-fcd9123-font-size, 2rem); /* «CUME - Título de sección» del kit. */
	font-weight: var(--e-global-typography-fcd9123-font-weight);
	line-height: var(--e-global-typography-fcd9123-line-height, 1.2);
	letter-spacing: var(--e-global-typography-fcd9123-letter-spacing);
	text-transform: var(--e-global-typography-fcd9123-text-transform);
}

.cume-ayuda h1.cume-ayuda__titulo {
	color: var(--e-global-color-d1f174c); /* «CUME - Morado acento»: texto grande, pasa AA. */
	font-family: var(--e-global-typography-539ad19-font-family), sans-serif;
	font-size: var(--e-global-typography-539ad19-font-size, 2.75rem); /* «CUME - Título de página» del kit. */
	font-weight: var(--e-global-typography-539ad19-font-weight);
	line-height: var(--e-global-typography-539ad19-line-height, 1.1);
	letter-spacing: var(--e-global-typography-539ad19-letter-spacing);
	text-transform: var(--e-global-typography-539ad19-text-transform);
}

.cume-ayuda .cume-ayuda__descripcion {
	max-width: 68ch;
	margin: 0;
	color: var(--cume-ay-texto);
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	line-height: var(--e-global-typography-text-line-height, 1.6);
}

/* --- Buscador y temas --- */
.cume-ayuda__herramientas {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cume-ayuda__buscar {
	position: relative;
	display: block;
	max-width: 640px;
}

.cume-ayuda__lupa {
	position: absolute;
	top: 50%;
	left: 14px;
	color: var(--cume-ay-tenue);
	transform: translateY(-50%);
	pointer-events: none;
}

/* Receta de campos de formulario del sitio (como el select de Oferta). */
.cume-ayuda .cume-ayuda__campo {
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 10px 14px 10px 42px;
	background-color: var(--cume-ay-superficie);
	color: var(--cume-ay-titulo);
	border: 1px solid var(--cume-ay-borde);
	border-radius: 4px;
	box-shadow: none;
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem); /* «CUME - Párrafo»: 16 px en celular, sin zoom en iOS. */
	line-height: 1.4;
}

.cume-ayuda .cume-ayuda__campo::placeholder {
	color: var(--cume-ay-tenue);
	opacity: 1;
}

.cume-ayuda .cume-ayuda__campo:focus {
	border-color: var(--cume-ay-acento);
	outline: none;
}

.cume-ayuda__temas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cume-ayuda .cume-ayuda__chip {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	margin: 0;
	padding: 9px 18px;
	background: var(--e-global-color-c9e8756); /* «CUME - Transparente». */
	color: var(--e-global-color-6d395fd); /* «CUME - Botón secundario». */
	border: 1px solid var(--e-global-color-6d395fd);
	border-radius: 4px;
	box-shadow: none;
	font-family: var(--e-global-typography-25d4bb7-font-family), sans-serif;
	font-size: var(--e-global-typography-25d4bb7-font-size, 0.875rem); /* «CUME - Botón chico» del kit. */
	font-weight: var(--e-global-typography-25d4bb7-font-weight);
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.cume-ayuda .cume-ayuda__chip:hover {
	background: var(--e-global-color-bf2cfa8); /* «CUME - Botón secundario hover». */
	color: var(--e-global-color-6d395fd);
	border-color: var(--e-global-color-6d395fd);
}

.cume-ayuda .cume-ayuda__chip[aria-pressed="true"],
.cume-ayuda .cume-ayuda__chip[aria-pressed="true"]:hover {
	background: var(--e-global-color-c785c74); /* «CUME - Botón principal». */
	color: var(--e-global-color-7b7bd5c); /* «CUME - Botón principal texto». */
	border-color: var(--e-global-color-c785c74);
}

.cume-ayuda .cume-ayuda__chip:focus {
	outline: none;
}

.cume-ayuda .cume-ayuda__chip:focus-visible,
.cume-ayuda .cume-ayuda__campo:focus-visible,
.cume-ayuda .cume-ayuda__boton:focus-visible,
.cume-ayuda .cume-ayuda__enlace:focus-visible {
	outline: 2px solid var(--cume-ay-acento);
	outline-offset: 2px;
}

/* --- Lista y grupos --- */
.cume-ayuda__lista {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.cume-ayuda__grupo[hidden],
.cume-ayuda__pregunta[hidden],
.cume-ayuda__tramite[hidden] {
	display: none;
}

.cume-ayuda .cume-ayuda__grupo-titulo {
	margin: 0 0 8px;
	color: var(--cume-ay-titulo);
	font-family: var(--e-global-typography-d76836c-font-family), sans-serif;
	font-size: var(--e-global-typography-d76836c-font-size, 1.1875rem); /* «CUME - Título de card» del kit. */
	font-weight: var(--e-global-typography-d76836c-font-weight, 700);
	line-height: 1.3;
}

/* --- Pregunta (acordeón, como Nivel) --- */
.cume-ayuda__pregunta {
	border-bottom: 1px solid var(--cume-ay-divisor);
}

.cume-ayuda__grupo > .cume-ayuda__pregunta:first-of-type,
.cume-ayuda__tramite-faq > .cume-ayuda__pregunta:first-of-type {
	border-top: 1px solid var(--cume-ay-divisor);
}

.cume-ayuda__pregunta-titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 4px;
	color: var(--cume-ay-titulo);
	font-family: var(--e-global-typography-d76836c-font-family), sans-serif;
	font-size: var(--e-global-typography-d76836c-font-size, 1.1875rem); /* «CUME - Título de card» del kit. */
	font-weight: var(--e-global-typography-d76836c-font-weight, 700);
	line-height: 1.35;
	list-style: none;
	cursor: pointer;
}

.cume-ayuda__pregunta--chica .cume-ayuda__pregunta-titulo {
	padding: 14px 4px;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem); /* «CUME - Párrafo» del kit. */
}

.cume-ayuda__pregunta-titulo::-webkit-details-marker,
.cume-ayuda__tramite-resumen::-webkit-details-marker {
	display: none;
}

.cume-ayuda__pregunta-titulo::marker,
.cume-ayuda__tramite-resumen::marker {
	content: "";
}

.cume-ayuda__pregunta-titulo:focus,
.cume-ayuda__tramite-resumen:focus {
	outline: none;
}

.cume-ayuda__pregunta-titulo:focus-visible,
.cume-ayuda__tramite-resumen:focus-visible {
	outline: 2px solid var(--cume-ay-acento);
	outline-offset: 2px;
}

.cume-ayuda__chevron {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin: 0 4px 4px;
	border-right: 2px solid var(--cume-ay-acento);
	border-bottom: 2px solid var(--cume-ay-acento);
	transform: rotate(45deg);
	transition: transform 200ms ease;
}

.cume-ayuda__pregunta[open] > summary .cume-ayuda__chevron,
.cume-ayuda__tramite[open] > summary .cume-ayuda__chevron {
	margin-top: 4px;
	margin-bottom: 0;
	transform: rotate(-135deg);
}

.cume-ayuda__respuesta {
	max-width: 75ch;
	padding: 0 4px 18px;
	color: var(--cume-ay-texto);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem); /* «CUME - Párrafo» del kit. */
	line-height: var(--e-global-typography-2b77420-line-height, 1.6);
}

.cume-ayuda__respuesta p {
	margin: 0 0 10px;
}

.cume-ayuda__respuesta p:last-child {
	margin-bottom: 0;
}

.cume-ayuda .cume-ayuda__respuesta a,
.cume-ayuda .cume-ayuda__enlace {
	color: var(--cume-ay-enlace);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.cume-ayuda .cume-ayuda__respuesta a:hover,
.cume-ayuda .cume-ayuda__enlace:hover {
	color: var(--cume-ay-enlace-hover);
}

.cume-ayuda .cume-ayuda__enlaces {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin-top: 12px;
	font-family: var(--e-global-typography-25d4bb7-font-family), sans-serif;
	font-size: var(--e-global-typography-25d4bb7-font-size, 0.875rem); /* «CUME - Botón chico» del kit. */
	font-weight: var(--e-global-typography-25d4bb7-font-weight, 600);
}

/* Una pregunta abierta por enlace (#pregunta-…) se resalta un momento. */
.cume-ayuda__pregunta:target > summary {
	color: var(--cume-ay-acento);
}

/* --- Trámites --- */
.cume-ayuda__lista--tramites .cume-ayuda__grupo {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cume-ayuda__tramite {
	border: 1px solid var(--cume-ay-borde);
	border-radius: 4px;
	background: var(--cume-ay-card);
	transition: background-color 200ms ease, border-color 200ms ease;
}

.cume-ayuda__tramite:hover,
.cume-ayuda__tramite[open] {
	background: var(--cume-ay-card-hover);
}

.cume-ayuda__tramite[open] {
	border-color: var(--cume-ay-acento);
}

.cume-ayuda__tramite-resumen {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 24px;
	list-style: none;
	cursor: pointer;
}

.cume-ayuda__tramite-resumen .cume-ayuda__chevron {
	margin-top: 10px;
}

.cume-ayuda__tramite-cabeza {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.cume-ayuda__tramite-cat {
	color: var(--cume-ay-acento);
	font-family: var(--e-global-typography-3508857-font-family), sans-serif;
	font-size: var(--e-global-typography-3508857-font-size, 0.75rem); /* «CUME - Antetítulo» del kit. */
	font-weight: var(--e-global-typography-3508857-font-weight, 700);
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.cume-ayuda .cume-ayuda__tramite-titulo {
	margin: 0;
	color: var(--cume-ay-titulo);
	font-family: var(--e-global-typography-d76836c-font-family), sans-serif;
	font-size: var(--e-global-typography-d76836c-font-size, 1.1875rem); /* «CUME - Título de card» del kit. */
	font-weight: var(--e-global-typography-d76836c-font-weight, 700);
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
}

.cume-ayuda__tramite-texto {
	color: var(--cume-ay-texto);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem); /* «CUME - Párrafo» del kit. */
	line-height: 1.5;
}

.cume-ayuda__datos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

.cume-ayuda__dato {
	padding: 4px 12px;
	border: 1px solid var(--cume-ay-borde);
	border-radius: 4px;
	background: var(--cume-ay-superficie);
	color: var(--cume-ay-fuerte);
	font-family: var(--e-global-typography-3508857-font-family), sans-serif;
	font-size: var(--e-global-typography-3508857-font-size, 0.75rem); /* «CUME - Antetítulo» del kit. */
	font-weight: var(--e-global-typography-3508857-font-weight, 700);
	line-height: 1.4;
}

.cume-ayuda__tramite-cuerpo {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 4px 24px 24px;
	border-top: 1px solid var(--cume-ay-divisor);
	padding-top: 24px;
}

.cume-ayuda__columnas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.cume-ayuda .cume-ayuda__bloque-titulo {
	margin: 0 0 12px;
	color: var(--cume-ay-titulo);
	font-family: var(--e-global-typography-3508857-font-family), sans-serif;
	font-size: var(--e-global-typography-3508857-font-size, 0.75rem); /* «CUME - Antetítulo» del kit. */
	font-weight: var(--e-global-typography-3508857-font-weight, 700);
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.cume-ayuda__lista-puntos,
.cume-ayuda__pasos {
	margin: 0;
	padding: 0 0 0 22px;
	color: var(--cume-ay-texto);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem); /* «CUME - Párrafo» del kit. */
	line-height: var(--e-global-typography-2b77420-line-height, 1.55);
}

.cume-ayuda__lista-puntos li,
.cume-ayuda__pasos li {
	margin: 0 0 8px;
	padding-left: 4px;
}

.cume-ayuda__lista-puntos li::marker,
.cume-ayuda__pasos li::marker {
	color: var(--cume-ay-icono);
	font-weight: 700;
}

.cume-ayuda__ficha {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--cume-ay-borde);
	border-radius: 4px;
	background: var(--cume-ay-superficie);
}

.cume-ayuda__ficha div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.cume-ayuda__ficha dt {
	color: var(--cume-ay-tenue);
	font-family: var(--e-global-typography-d4b32b9-font-family), sans-serif;
	font-size: var(--e-global-typography-d4b32b9-font-size, 0.875rem); /* «CUME - Texto pequeño» del kit. */
	line-height: 1.4;
}

.cume-ayuda__ficha dd {
	margin: 0;
	color: var(--cume-ay-fuerte);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem);
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.cume-ayuda__tramite-faq .cume-ayuda__respuesta {
	padding-bottom: 14px;
}

/* --- Botones (receta del §3.2.5, como Nivel) --- */
.cume-ayuda__botones,
.cume-ayuda__pie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.cume-ayuda .cume-ayuda__cierre {
	flex-basis: 100%;
	margin: 0;
	color: var(--cume-ay-fuerte);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem);
	font-weight: 600;
}

.cume-ayuda .cume-ayuda__boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 18px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: var(--e-global-typography-25d4bb7-font-family), sans-serif;
	font-size: var(--e-global-typography-25d4bb7-font-size, 0.875rem); /* «CUME - Botón chico» del kit. */
	font-weight: var(--e-global-typography-25d4bb7-font-weight, 600);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}

.cume-ayuda .cume-ayuda__boton--principal {
	border-color: var(--e-global-color-c785c74);
	background: var(--e-global-color-c785c74); /* «CUME - Botón principal». */
	color: var(--e-global-color-7b7bd5c); /* «CUME - Botón principal texto». */
}

.cume-ayuda .cume-ayuda__boton--principal:hover,
.cume-ayuda .cume-ayuda__boton--principal:focus {
	border-color: var(--e-global-color-3632cb9);
	background: var(--e-global-color-3632cb9); /* «CUME - Botón principal hover». */
	color: var(--e-global-color-7b7bd5c);
}

.cume-ayuda .cume-ayuda__boton--contorno {
	border-color: var(--e-global-color-6d395fd);
	background: var(--e-global-color-c9e8756); /* «CUME - Transparente». */
	color: var(--e-global-color-6d395fd); /* «CUME - Botón secundario». */
}

.cume-ayuda .cume-ayuda__boton--contorno:hover,
.cume-ayuda .cume-ayuda__boton--contorno:focus {
	border-color: var(--e-global-color-6d395fd);
	background: var(--e-global-color-bf2cfa8); /* «CUME - Botón secundario hover». */
	color: var(--e-global-color-6d395fd);
}

.cume-ayuda .cume-ayuda__sin-resultados {
	margin: 0;
	padding: 20px;
	border: 1px dashed var(--cume-ay-borde);
	border-radius: 4px;
	color: var(--cume-ay-tenue);
	font-family: var(--e-global-typography-2b77420-font-family), sans-serif;
	font-size: var(--e-global-typography-2b77420-font-size, 1rem);
	text-align: center;
}

.cume-ayuda .cume-ayuda__sin-resultados[hidden] {
	display: none;
}

/* --- Celular: una columna y botones al 100 % (§3.2.5) --- */
@media (max-width: 767px) {
	.cume-ayuda__columnas {
		grid-template-columns: minmax(0, 1fr);
	}

	.cume-ayuda__tramite-resumen {
		padding: 18px;
	}

	.cume-ayuda__tramite-cuerpo {
		padding: 20px 18px;
	}

	.cume-ayuda__botones,
	.cume-ayuda__pie {
		flex-direction: column;
		align-items: stretch;
	}

	.cume-ayuda .cume-ayuda__boton {
		width: 100%;
	}

	.cume-ayuda__temas {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		scrollbar-width: thin;
	}

	.cume-ayuda .cume-ayuda__chip {
		flex: 0 0 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cume-ayuda__chevron,
	.cume-ayuda .cume-ayuda__chip,
	.cume-ayuda .cume-ayuda__boton,
	.cume-ayuda__tramite {
		transition: none;
	}
}