/* Shell institucional das páginas públicas do HUB. */

.caarn-hub-page-shell .caarn-hub-site-main {
	width: 100%;
	min-height: clamp(32rem, 68vh, 52rem);
	margin: 0 !important;
	padding-block: clamp(1.5rem, 4vw, 3.5rem);
	background: #eeeeee;
}

.caarn-hub-page-shell .caarn-hub-app,
.caarn-hub-page-shell .caarn-hub-app * {
	box-sizing: border-box;
}

.caarn-hub-page-shell .caarn-hub-app {
	width: 100%;
	max-width: 1180px;
	margin-inline: auto;
	padding-inline: clamp(16px, 3vw, 32px);
	overflow-wrap: anywhere;
}

.caarn-hub-page-shell .caarn-hub-app img,
.caarn-hub-page-shell .caarn-hub-app input,
.caarn-hub-page-shell .caarn-hub-app select,
.caarn-hub-page-shell .caarn-hub-app button {
	max-width: 100%;
}

/* O shell já delimita todas as aplicações HUB entre o cabeçalho e o rodapé.
 * A margem genérica do tema institucional criava faixas brancas em Click e
 * Recepção; a regra acima prevalece somente nas páginas deste plugin. */

/* Somente nas páginas HUB: marcas institucionais podem encolher com zoom. */
.caarn-hub-page-shell .caarn-mobile-brand {
	min-width: 0;
	max-width: calc(100% - 64px);
}
.caarn-hub-page-shell .caarn-mobile-brand img {
	min-width: 0;
	max-width: 55%;
	height: auto;
	object-fit: contain;
}
.caarn-hub-page-shell .caarn-footer__logos {
	max-width: 100%;
	flex-wrap: wrap;
}
.caarn-hub-page-shell .caarn-footer__logos a {
	min-width: 0;
	max-width: 100%;
}
.caarn-hub-page-shell .caarn-footer__logos img {
	max-width: 100%;
	height: auto;
}