:root{
	--corporative-color: #172a3e;

	/* Tipografía: misma que el resto de la web (Jost) */
	--mirai-ui-font: "Jost", "Inter", sans-serif;
	--mirai-ui-font-medium: "Jost", "Inter", sans-serif;
	--mirai-ui-font-bold: "Jost", "Inter", sans-serif;
	--mirai-ui-input-font: "Jost", "Inter", sans-serif;
	--mirai-ui-text-brand-font: "Jost", "Inter", sans-serif;
	--mirai-ui-text-brand-font-medium: "Jost", "Inter", sans-serif;
	--mirai-ui-text-brand-font-bold: "Jost", "Inter", sans-serif;
	--mirai-finder-button-font-family: "Jost", "Inter", sans-serif;

	/* Bordes redondeados y orgánicos */
	--mirai-finder-border-radius: 18px;
	--mirai-finder-button-border-radius: 999px;
	--mirai-ui-button-radius: 999px;
	--mirai-ui-border-radius: 14px;
	--mirai-field-border-radius: 14px;
	--mirai-ui-input-text-radius: 14px;
	--mirai-ui-menu-border-radius: 16px;
	--mirai-ui-modal-border-radius: 18px;
	--mirai-ui-notification-border-radius: 12px;
	--mirai-ui-calendar-cell-border-radius: 999px;
	--mirai-ui-avatar-border-radius: 999px;
}

/* Tipografía en todo el contenido visible del componente */
[data-mirai-component="finder"],
[data-mirai-component="finder"] *,
[data-mirai-component="profile"],
[data-mirai-component="signup"] {
	font-family: "Jost", "Inter", sans-serif;
}

/* La barra exterior del finder redondeada y sin desbordes */
[data-mirai-component="finder"] {
	border-radius: 18px;
	overflow: visible;
}

/* ================================= */
/* CSS FOR NEW CLUB */
[data-mirai-component="signup"] {
    display: flex;
    justify-content: center;
}

[data-mirai-component="profile"],
[data-mirai-component="signup"] {
    padding: 100px 0;
}

/* ================================= */
/* CLUB · componente session en el header */
.mirai-session-wrapper,
.mirai-session-wrapper * {
	font-family: "Jost", "Inter", sans-serif;
	color: #ffffff !important;
	max-width: 100%;
}

.mirai-session-wrapper {
	line-height: 1;
	white-space: nowrap;
}

.mirai-session-wrapper [data-mirai-component="session"] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.mirai-session-wrapper button,
.mirai-session-wrapper a,
.mirai-session-wrapper button:hover,
.mirai-session-wrapper a:hover,
.mirai-session-wrapper button:focus,
.mirai-session-wrapper a:focus,
.mirai-session-wrapper button:active,
.mirai-session-wrapper a:active {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	border-radius: 999px;
}

.mirai-session-wrapper svg {
	fill: currentColor;
	stroke: currentColor;
	width: 18px;
	height: 18px;
}

/* Si Mirai aún no ha inyectado contenido (Club no activo), no mostramos la píldora vacía.
   Una vez inyectado, el wrapper recibe .is-ready y permanece visible siempre. */
.mirai-session-wrapper:not(.is-ready) {
	display: none;
}

.mirai-session-wrapper.is-ready {
	display: flex !important;
}