/**
 * =========================================================
 * COTEIA — HEADER
 * Versão 0.2.0-beta.4
 * =========================================================
 */

:root {
	--coteia-header-height: 72px;
	--coteia-header-padding-x: 24px;
	--coteia-header-padding-y: 10px;
	--coteia-header-background: #2968C8;
	--coteia-header-title-color: #FFFFFF;
	--coteia-header-logo-width-desktop: 150px;
	--coteia-header-logo-width-mobile: 100px;
	--coteia-header-identity-gap: 12px;
	--coteia-header-border-top-width: 0px;
	--coteia-header-border-right-width: 0px;
	--coteia-header-border-bottom-width: 0px;
	--coteia-header-border-left-width: 0px;
	--coteia-header-border-top-color: #FFFFFF;
	--coteia-header-border-right-color: #FFFFFF;
	--coteia-header-border-bottom-color: #FFFFFF;
	--coteia-header-border-left-color: #FFFFFF;
	--coteia-header-radius: 0px;
	--coteia-curadoria-background: #437ACF;
	--coteia-curadoria-icon-color: #E2CA1B;
	--coteia-curadoria-scale: 1;
	--coteia-curadoria-icon-size: 36px;
	--coteia-curadoria-sparkle-size: 25px;
	--coteia-curadoria-center-size: 21px;
	--coteia-curadoria-orbital-size: 8px;
	--coteia-curadoria-title-size: 0.92rem;
	--coteia-curadoria-subtitle-size: 0.57rem;
	--coteia-curadoria-gap: 7px;
	--coteia-header-control-background: rgba(255,255,255,.10);
	--coteia-header-control-background-hover: rgba(255,255,255,.18);
	--coteia-header-control-border: rgba(255,255,255,.14);
	--coteia-header-font: var(--coteia-font-primary);
	--coteia-header-font-weight: var(--coteia-font-primary-weight,400);
	--coteia-header-title-font: var(--coteia-font-heading);
	--coteia-header-title-weight: var(--coteia-font-heading-weight,700);
	--coteia-curadoria-title-font: var(--coteia-font-heading);
	--coteia-curadoria-title-weight: 600;
	--coteia-curadoria-title-color: #FFF;
	--coteia-curadoria-subtitle-font: var(--coteia-font-subtitle);
	--coteia-curadoria-subtitle-weight: var(--coteia-font-subtitle-weight,400);
	--coteia-curadoria-subtitle-color: #DCE8FA;
	--coteia-account-highlight-font: var(--coteia-font-heading);
	--coteia-account-highlight-weight: 600;
	--coteia-account-highlight-color: #FFF;
	--coteia-account-subtitle-font: var(--coteia-font-subtitle);
	--coteia-account-subtitle-weight: var(--coteia-font-subtitle-weight,400);
	--coteia-account-subtitle-color: #DCE8FA;


	--coteia-account-dropdown-bg: #2968C8;
	--coteia-account-dropdown-border-color: #E9EDF2;
	--coteia-account-dropdown-border-width: 1px;
	--coteia-account-dropdown-radius: 14px;
	--coteia-account-dropdown-text: #1E293B;
	--coteia-account-dropdown-icon: #64748B;
	--coteia-account-dropdown-hover-bg: #F1F5F9;
	--coteia-account-dropdown-hover-text: #0F172A;
	--coteia-account-dropdown-hover-icon: #2968C8;
	--coteia-account-dropdown-divider: #EEF2F6;
	--coteia-account-logout-hover-bg: #FFF1F2;
	--coteia-account-logout-hover-text: #BE123C;
	--coteia-account-dropdown-shadow: 0 12px 40px rgba(15, 23, 42, 0.14);
}

.coteia-header { position:relative; z-index:1000; width:100%; background:var(--coteia-header-background); border-top:var(--coteia-header-border-top-width) solid var(--coteia-header-border-top-color); border-right:var(--coteia-header-border-right-width) solid var(--coteia-header-border-right-color); border-bottom:var(--coteia-header-border-bottom-width) solid var(--coteia-header-border-bottom-color); border-left:var(--coteia-header-border-left-width) solid var(--coteia-header-border-left-color); border-radius:var(--coteia-header-radius); font-family:var(--coteia-header-font); font-weight:var(--coteia-header-font-weight); }
.coteia-header-shell { width:100%; margin:0 auto; }
.coteia-header-layout-boxed { max-width:var(--coteia-content-width); margin-left:auto; margin-right:auto; }
.coteia-header-inner { width:100%; }
.coteia-header-inner-boxed .coteia-header-inner { max-width:var(--coteia-content-width); margin-left:auto; margin-right:auto; }

/* Três zonas independentes. O centro é sempre geometricamente central. */
.coteia-header-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; width:100%; min-height:var(--coteia-header-height); padding:var(--coteia-header-padding-y) var(--coteia-header-padding-x); column-gap:22px; }
.coteia-header-left,.coteia-header-center,.coteia-header-right { min-width:0; }
.coteia-header-left { display:flex; align-items:center; justify-content:flex-start; }
.coteia-header-center { display:flex; align-items:center; justify-content:center; justify-self:center; }
.coteia-header-right { display:flex; align-items:center; justify-content:flex-end; gap:10px; }

.coteia-site-branding { display:flex; align-items:center; min-width:0; }
.coteia-site-branding-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:var(--coteia-header-identity-gap); max-width:100%; color:var(--coteia-header-title-color); text-decoration:none; }
.coteia-site-branding-mode-logo .coteia-site-branding-link,
.coteia-site-branding-mode-title .coteia-site-branding-link { gap:0; }
.coteia-site-branding-link:hover,.coteia-site-branding-link:focus-visible { color:var(--coteia-header-title-color); }
.coteia-site-logo { display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.coteia-logo-image { display:block; width:auto; max-width:var(--coteia-header-logo-width-desktop); max-height:52px; object-fit:contain; }
.coteia-logo-placeholder { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.12); color:#FFF; font-weight:700; font-size:1.2rem; }
.coteia-site-title { overflow:hidden; color:var(--coteia-header-title-color); font-family:var(--coteia-header-title-font); font-size:24px; font-weight:var(--coteia-header-title-weight); line-height:1.1; white-space:nowrap; text-overflow:ellipsis; }

/* Curadoria refluente: cada modo ocupa somente o espaço dos elementos visíveis. */
.coteia-curadoria { display:inline-flex; align-items:center; justify-content:center; gap:var(--coteia-curadoria-gap); min-width:0; width:max-content; max-width:100%; }
.coteia-curadoria-mode-icon,.coteia-curadoria-mode-title { gap:0 !important; }
.coteia-curadoria-icon { display:flex; align-items:center; justify-content:center; width:var(--coteia-curadoria-icon-size); height:var(--coteia-curadoria-icon-size); flex:0 0 var(--coteia-curadoria-icon-size); border-radius:calc(9px * var(--coteia-curadoria-scale)); background:var(--coteia-curadoria-background); overflow:hidden; transition:transform var(--coteia-transition-normal),background var(--coteia-transition-normal); }
.coteia-curadoria:hover .coteia-curadoria-icon { transform:scale(1.03); }
.coteia-curadoria-custom-icon { display:block !important; width:auto !important; height:auto !important; max-width:85% !important; max-height:85% !important; object-fit:contain !important; border-radius:inherit; }
.coteia-sparkle { position:relative; display:flex; align-items:center; justify-content:center; width:var(--coteia-curadoria-sparkle-size); height:var(--coteia-curadoria-sparkle-size); flex:0 0 var(--coteia-curadoria-sparkle-size); }
.coteia-sparkle-glow { position:absolute; inset:-2px; border-radius:50%; background:radial-gradient(circle,rgba(226,202,27,.12) 0%,rgba(226,202,27,0) 70%); animation:coteiaGlowPulse 4s ease-in-out infinite; }
.coteia-sparkle-center,.coteia-sparkle-orbital { position:absolute; display:block; color:var(--coteia-curadoria-icon-color); line-height:1; user-select:none; }
.coteia-sparkle-center { z-index:2; font-size:var(--coteia-curadoria-center-size); text-shadow:0 0 10px rgba(226,202,27,.50); }
.coteia-sparkle-orbital { z-index:1; font-size:var(--coteia-curadoria-orbital-size); opacity:.22; transform:scale(.8); transition:opacity 600ms ease,transform 600ms ease,text-shadow 600ms ease; }
.coteia-sparkle-orbital-1 { top:0; left:0; }.coteia-sparkle-orbital-2 { top:0; right:0; }.coteia-sparkle-orbital-3 { right:0; bottom:0; }.coteia-sparkle-orbital-4 { bottom:0; left:0; }
.coteia-sparkle-orbital.is-active { opacity:.72; transform:scale(1); }.coteia-sparkle-orbital.is-bright { opacity:1; transform:scale(1.15); color:#FFE55C; text-shadow:0 0 16px rgba(226,202,27,.85),0 0 28px rgba(226,202,27,.35); }.coteia-sparkle-orbital.is-dim { opacity:.20; transform:scale(.7); }
@keyframes coteiaGlowPulse { 0%,100% { transform:scale(.9); opacity:.3; } 50% { transform:scale(1.2); opacity:.7; } }
.coteia-curadoria-text { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; line-height:1.12; }
.coteia-curadoria-mode-title .coteia-curadoria-text,
.coteia-curadoria-mode-title-subtitle .coteia-curadoria-text { align-items:center; text-align:center; }
.coteia-curadoria-title { color:var(--coteia-curadoria-title-color); font-family:var(--coteia-curadoria-title-font); font-size:var(--coteia-curadoria-title-size); font-weight:var(--coteia-curadoria-title-weight); letter-spacing:-.15px; white-space:nowrap; }
.coteia-curadoria-subtitle { margin-top:1px; color:var(--coteia-curadoria-subtitle-color); font-family:var(--coteia-curadoria-subtitle-font); font-size:var(--coteia-curadoria-subtitle-size); font-weight:var(--coteia-curadoria-subtitle-weight); letter-spacing:.12px; white-space:nowrap; }

/* Visibilidade por dispositivo. Desktop >=1025; Mobile/Tablet <=1024. */
.coteia-curadoria-devices-desktop { display:inline-flex; }
.coteia-curadoria-devices-mobile-tablet { display:none; }

.coteia-favorite-button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; padding:0; border:1px solid transparent; border-radius:50%; background:var(--coteia-header-control-background); color:#FFF; transition:background var(--coteia-transition-fast),transform var(--coteia-transition-fast),border-color var(--coteia-transition-fast); }
.coteia-favorite-button:hover,.coteia-favorite-button:focus-visible { background:var(--coteia-header-control-background-hover); color:#FFF; border-color:var(--coteia-header-control-border); transform:translateY(-1px); }
.coteia-favorite-icon { display:block; width:23px; height:23px; }
.coteia-header-divider { display:block; width:1px; height:26px; flex:0 0 1px; margin:0 2px; background:rgba(255,255,255,.35); }
.coteia-account { position:relative; display:flex; align-items:center; }
.coteia-login-button { display:inline-flex; align-items:center; gap:10px; min-width:148px; min-height:46px; padding:6px 16px 6px 13px; border:1px solid var(--coteia-header-control-border); border-radius:10px; background:var(--coteia-header-control-background); color:#FFF; box-shadow:0 2px 8px rgba(15,23,42,.08); text-decoration:none; transition:background var(--coteia-transition-normal),border-color var(--coteia-transition-normal),transform var(--coteia-transition-normal),box-shadow var(--coteia-transition-normal); }
.coteia-login-button:hover,.coteia-login-button:focus-visible { background:var(--coteia-header-control-background-hover); color:#FFF; border-color:rgba(255,255,255,.24); transform:translateY(-1px); box-shadow:0 4px 14px rgba(15,23,42,.12); }
.coteia-login-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; color:#FFF; }.coteia-login-content { display:flex; flex-direction:column; align-items:flex-start; min-width:0; line-height:1.2; }
.coteia-login-greeting,.coteia-user-name { color:var(--coteia-account-highlight-color); font-family:var(--coteia-account-highlight-font); font-weight:var(--coteia-account-highlight-weight); }.coteia-login-greeting { font-size:.84rem; white-space:nowrap; }
.coteia-login-subtitle,.coteia-user-subtitle { color:var(--coteia-account-subtitle-color); font-family:var(--coteia-account-subtitle-font); font-weight:var(--coteia-account-subtitle-weight); }.coteia-login-subtitle { margin-top:1px; font-size:.65rem; white-space:nowrap; }
.coteia-user-button { display:inline-flex; align-items:center; gap:9px; min-width:150px; min-height:46px; padding:5px 12px 5px 6px; border:1px solid var(--coteia-header-control-border); border-radius:10px; background:var(--coteia-header-control-background); color:#FFF; appearance:none; transition:background var(--coteia-transition-normal),border-color var(--coteia-transition-normal),transform var(--coteia-transition-normal); }
.coteia-user-button:hover,.coteia-user-button:focus-visible { background:var(--coteia-header-control-background-hover); border-color:rgba(255,255,255,.24); transform:translateY(-1px); }
.coteia-user-avatar { position:relative; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 36px; aspect-ratio:1/1; overflow:hidden; border-radius:50% !important; background:var(--coteia-color-accent); color:#0B1A33; font-size:.72rem; font-weight:700; line-height:1; text-transform:uppercase; }
.coteia-user-avatar img,.coteia-user-avatar img.avatar,.coteia-user-avatar-image { display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:50% !important; aspect-ratio:1/1; object-fit:cover !important; object-position:center !important; }
.coteia-user-avatar-initials { display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; }.coteia-user-info { display:flex; flex-direction:column; align-items:flex-start; min-width:0; line-height:1.15; }
.coteia-user-name { max-width:120px; overflow:hidden; font-size:.80rem; white-space:nowrap; text-overflow:ellipsis; }.coteia-user-subtitle { margin-top:2px; font-size:.62rem; white-space:nowrap; }
.coteia-user-chevron { display:flex; align-items:center; justify-content:center; margin-left:auto; flex:0 0 auto; color:rgba(255,255,255,.70); transition:transform var(--coteia-transition-normal); }.coteia-user-button[aria-expanded="true"] .coteia-user-chevron { transform:rotate(180deg); }
.coteia-account-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 9999;
	width: 190px;
	padding: 6px;
	border: var(--coteia-account-dropdown-border-width) solid var(--coteia-account-dropdown-border-color);
	border-radius: var(--coteia-account-dropdown-radius);
	background: var(--coteia-account-dropdown-bg);
	box-shadow: var(--coteia-account-dropdown-shadow);
}

.coteia-account-dropdown[hidden] {
	display: none;
}

.coteia-account-dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 9px 12px;
	border-radius: 8px;
	background: transparent;
	color: var(--coteia-account-dropdown-text);
	font-size: 0.84rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer !important;
	pointer-events: auto !important;
	transition: background var(--coteia-transition-fast), color var(--coteia-transition-fast);
}

.coteia-account-dropdown-item > * {
	pointer-events: auto;
	cursor: pointer !important;
}

.coteia-account-dropdown-item,
.coteia-account-dropdown-item:link,
.coteia-account-dropdown-item:visited,
.coteia-account-dropdown-item:hover,
.coteia-account-dropdown-item:focus,
.coteia-account-dropdown-item:focus-visible,
.coteia-account-dropdown-item:active,
.coteia-account-dropdown-item * {
	cursor: pointer !important;
}

.coteia-account-dropdown-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: var(--coteia-account-dropdown-icon);
	transition: color var(--coteia-transition-fast);
}

.coteia-account-dropdown-icon svg {
	display: block;
	width: 18px;
	height: 18px;
	color: inherit;
}

.coteia-account-dropdown-item:hover,
.coteia-account-dropdown-item:focus-visible {
	background: var(--coteia-account-dropdown-hover-bg);
	color: var(--coteia-account-dropdown-hover-text);
}

.coteia-account-dropdown-item:hover .coteia-account-dropdown-icon,
.coteia-account-dropdown-item:focus-visible .coteia-account-dropdown-icon {
	color: var(--coteia-account-dropdown-hover-icon);
}

.coteia-account-dropdown-divider {
	width: 100%;
	height: 1px;
	margin: 5px 0;
	background: var(--coteia-account-dropdown-divider);
}

.coteia-account-logout:hover,
.coteia-account-logout:focus-visible {
	background: var(--coteia-account-logout-hover-bg);
	color: var(--coteia-account-logout-hover-text);
}

.coteia-account-logout:hover .coteia-account-dropdown-icon,
.coteia-account-logout:focus-visible .coteia-account-dropdown-icon {
	color: var(--coteia-account-logout-hover-text);
}
@media (prefers-reduced-motion:reduce) { .coteia-sparkle-glow { animation:none; } .coteia-curadoria-icon,.coteia-favorite-button,.coteia-login-button,.coteia-user-button,.coteia-user-chevron,.coteia-sparkle-orbital { transition:none; } }


/* Interações do Header: neutraliza cursores herdados de plugins/estilos externos. */
.coteia-favorite-button,
.coteia-login-button,
.coteia-user-button,
.coteia-account-dropdown-item,
.coteia-account-dropdown-item * {
	cursor: pointer !important;
}