:root{
			--bg:#f6f7fb;
			--card:#ffffff;
			--muted:#6b7280;
			--accent:#0b5fff;
			--maxw:900px;
			--radius:12px;
			--gap:24px;
			--shadow:0 6px 24px rgba(16,24,40,0.06);
			font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
			color: #111827;
		}
		html,body{height:100%;}
		body{
			margin:0;
			background: linear-gradient(135deg, #b6b4b4 0%, #ffffff 100%);
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			padding:32px 16px;
			box-sizing:border-box;
		}
		header{
			max-width:var(--maxw);
			margin:0 auto 20px;
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:12px;
			position: relative; 
		}
		
		header .brand{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			align-items: center;
			gap: 48px; /* aumentado para afastar mais a div de texto da .logo */
		}
		.brand{
			display:flex;
			align-items:center;
			gap:12px;
		}
		.logo{
			width:48px;height:48px;border-radius:8px;
			background:linear-gradient(135deg,var(--accent),#0b7bff);
			display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;
			box-shadow:var(--shadow);
			flex:0 0 48px;
		}
		h1{
			font-size:18px;margin:0;
			letter-spacing:0.2px;
		}
		main{
			max-width:var(--maxw);
			margin:0 auto;
			display:block;
		}
		.card{
			background:var(--card);
			border-radius:var(--radius);
			padding:28px;
			box-shadow:var(--shadow);
		}
		.meta{
			display:flex;
			justify-content:space-between;
			align-items:center;
			gap:12px;
			margin-bottom:12px;
		}
		.meta .date{ color:var(--muted); font-size:13px }
		.controls{
			display:flex;gap:8px;align-items:center;
		}
		button{
			background:transparent;border:1px solid #e6e9ef;padding:8px 12px;border-radius:8px;cursor:pointer;
			font-size:13px;color:var(--muted);
		}
		button.primary{
			background:var(--accent);color:#fff;border-color:transparent;
			box-shadow:0 6px 18px rgba(11,95,255,0.12);
		}
		.policy{
			font-size:15px;line-height:1.6;color:#111827;
			white-space:pre-wrap; 
			hyphens:auto;
		}
		footer{
			max-width:var(--maxw);
			margin:18px auto 0;
			text-align:center;color:var(--muted);font-size:13px;
			footer { padding: 80px 0; }
	        .brand { justify-content: center; text-align: center; gap: 10px; }
	        .brand .logo img { width: 80px; height: 80px; }
		    .brand h1 { font-size: 1rem; margin: 0; }
		    .brand .meta { margin-top: 4px; color: #666; font-size: 0.9rem; }
		}
		@media (max-width:760px){
			.header-actions{display:none;}
			.card{padding:18px}
			h1{font-size:16px}
			header .brand { gap: 12px; } /* reduz gap em telas pequenas para evitar quebra/overflow */
		}
		.brand { display: flex; align-items: center; gap: 12px; }
		.brand .logo img { width: 65px; height: 65px; object-fit: contain; display: block; }
		.brand h1 { font-size: 1.1rem; margin: 0; line-height: 1; }
		.brand .meta { color: #666; font-size: 0.85rem; margin-top: 4px; }