/* Punku — ajustes de branding sobre el theme `basic` de caddy-security.
 *
 * El theme fija `.logo-img { height: 6rem; width: auto }`. En la página /portal
 * el logo vive dentro de un flex-row (`.logo-col-box`) junto al texto, y el
 * flex-shrink por defecto comprime el ANCHO mientras el alto sigue en 6rem →
 * deforma un wordmark ancho (el logo de Punku es ~5:1).
 *
 * Fix: acotar por alto a una medida cómoda para un wordmark horizontal y
 * bloquear el shrink, así la proporción se preserva en /login y /portal.
 * !important porque el orden de carga del custom css vs el del tema no está
 * garantizado y ambas reglas usan el mismo selector `.logo-img`.
 */
.logo-img {
	height: 2.5rem !important;
	width: auto !important;
	max-width: 100% !important;
	flex-shrink: 0 !important;
	object-fit: contain !important;
}

/* Ocultar el heading de página (PageTitle) en el portal: es el "Applications"
 * grande al lado del logo (<h2 class="logo-col-txt">). Con el logo de Punku ya
 * presente, el texto sobra. NO afecta el "Sign In" del login (clase .logo-txt). */
.logo-col-txt {
	display: none !important;
}

/* El logo queda solo en su fila flex → centrarlo para que se vea intencional. */
.logo-col-box {
	justify-content: center !important;
}