/* Agencia TikTok visual layer: presentation only, no database changes. */
:root {
	--ag-bg: #15171c;
	--ag-bg-2: #1b1e25;
	--ag-surface: #232730;
	--ag-surface-2: #292e38;
	--ag-surface-3: #303642;
	--ag-text: #f1f4f7;
	--ag-muted: #a9b2c0;
	--ag-soft: #d8dee8;
	--ag-line: rgba(171, 184, 202, 0.16);
	--ag-line-strong: rgba(217, 226, 238, 0.24);
	--ag-cyan: #21d7e8;
	--ag-pink: #ff3c78;
	--ag-green: #38d188;
	--ag-radius: 8px;
	--ag-radius-sm: 6px;
	--ag-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

html {
	background: var(--ag-bg);
}

body.agencia-tiktok {
	background:
		radial-gradient(circle at 16% 0%, rgba(33, 215, 232, 0.14), transparent 32rem),
		linear-gradient(180deg, #191c22 0%, #15171c 32rem),
		var(--ag-bg);
	color: var(--ag-text);
	font-family: Inter, "Segoe UI", Arial, sans-serif;
	letter-spacing: 0;
}

.agencia-tiktok * {
	box-sizing: border-box;
}

.agencia-tiktok a {
	color: var(--ag-cyan);
	text-decoration: none;
}

.agencia-tiktok a:hover {
	color: #ff6b98;
	text-decoration: none;
}

.agencia-tiktok #container {
	width: min(1180px, calc(100% - 28px));
	margin: 0 auto;
	background: transparent;
	box-shadow: none;
}

.agencia-tiktok #header,
.agencia-tiktok #content,
.agencia-tiktok #footer {
	background: transparent;
}

.agencia-tiktok #content {
	padding-top: 8px;
}

.agencia-tiktok #logo {
	margin-top: 14px;
	padding: 18px 22px;
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	background:
		linear-gradient(135deg, rgba(33, 215, 232, 0.12), rgba(255, 60, 120, 0.08)),
		#1c2028;
	box-shadow: var(--ag-shadow);
}

.agencia-tiktok #logo a {
	color: var(--ag-text);
	font-size: 24px;
	font-weight: 850;
	letter-spacing: 0;
}

.agencia-tiktok #logo img {
	max-height: 54px;
}

.agencia-tiktok .menu,
.agencia-tiktok .upper,
.agencia-tiktok .lower {
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	background: rgba(35, 39, 48, 0.78);
	backdrop-filter: blur(10px);
}

.agencia-tiktok .menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px;
}

.agencia-tiktok .menu li {
	margin: 0;
}

.agencia-tiktok .menu a,
.agencia-tiktok .button,
.agencia-tiktok input.button,
.agencia-tiktok input[type="submit"],
.agencia-tiktok button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--ag-radius-sm);
	background: linear-gradient(135deg, #232a35, #1d222c);
	color: var(--ag-text) !important;
	font-weight: 750;
	padding: 8px 13px;
	box-shadow: none;
	transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.agencia-tiktok .menu a:hover,
.agencia-tiktok .button:hover,
.agencia-tiktok input.button:hover,
.agencia-tiktok input[type="submit"]:hover,
.agencia-tiktok button:hover {
	border-color: rgba(33, 215, 232, 0.45);
	background: linear-gradient(135deg, #26313e, #222833);
	transform: translateY(-1px);
	text-decoration: none;
}

.agencia-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	gap: 22px;
	align-items: stretch;
	margin: 22px 0 18px;
	padding: 28px;
	border: 1px solid var(--ag-line-strong);
	border-radius: var(--ag-radius);
	background:
		linear-gradient(135deg, rgba(33, 215, 232, 0.13), rgba(255, 60, 120, 0.1)),
		linear-gradient(180deg, #252a34, #1d2028);
	box-shadow: var(--ag-shadow);
	overflow: hidden;
	position: relative;
}

.agencia-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	pointer-events: none;
}

.agencia-hero > * {
	position: relative;
}

.agencia-hero h1 {
	max-width: 780px;
	margin: 0 0 10px;
	color: var(--ag-text);
	font-size: 34px;
	line-height: 1.12;
	letter-spacing: 0;
}

.agencia-hero p {
	max-width: 720px;
	margin: 0;
	color: var(--ag-muted);
	font-size: 16px;
	line-height: 1.6;
}

.agencia-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.agencia-hero__button {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	border-radius: var(--ag-radius-sm);
	padding: 9px 14px;
	background: linear-gradient(135deg, var(--ag-cyan), #47e3ee);
	color: #071218 !important;
	font-weight: 850;
	box-shadow: 0 10px 22px rgba(33, 215, 232, 0.18);
}

.agencia-hero__button.secondary {
	background: rgba(255, 255, 255, 0.04);
	color: var(--ag-text) !important;
	border: 1px solid var(--ag-line-strong);
	box-shadow: none;
}

.agencia-hero__button:hover {
	filter: brightness(1.05);
	text-decoration: none;
}

.agencia-hero__panel {
	background: rgba(21, 23, 28, 0.48);
	border: 1px solid var(--ag-line-strong);
	border-radius: var(--ag-radius);
	padding: 18px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.agencia-hero__panel strong {
	display: block;
	margin-bottom: 10px;
	color: var(--ag-text);
}

.agencia-hero__panel ul {
	margin: 0;
	padding-left: 18px;
	color: var(--ag-muted);
	line-height: 1.7;
}

.agencia-tiktok table,
.agencia-tiktok .tborder {
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius);
	background: var(--ag-surface);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}

.agencia-tiktok .thead {
	border: 0;
	background: linear-gradient(135deg, #252b36, #1e232c);
	color: var(--ag-text);
	font-weight: 850;
}

.agencia-tiktok .thead a {
	color: var(--ag-text);
}

.agencia-tiktok .tcat {
	border: 0;
	background: #1d222b;
	color: var(--ag-soft);
	font-weight: 800;
}

.agencia-tiktok .tfoot {
	background: #1a1f27;
	color: var(--ag-muted);
	border: 0;
}

.agencia-tiktok .tfoot a {
	color: var(--ag-soft);
}

.agencia-tiktok .trow1,
.agencia-tiktok .trow2 {
	background: var(--ag-surface);
	border-color: var(--ag-line);
	color: var(--ag-soft);
}

.agencia-tiktok .trow2 {
	background: var(--ag-surface-2);
}

.agencia-tiktok tr:hover .trow1,
.agencia-tiktok tr:hover .trow2 {
	background: var(--ag-surface-3);
}

.agencia-tiktok td,
.agencia-tiktok th {
	border-color: var(--ag-line) !important;
}

.agencia-tiktok .smalltext,
.agencia-tiktok .smalltext a {
	color: var(--ag-muted);
	letter-spacing: 0;
}

.agencia-tiktok .lastpost,
.agencia-tiktok .lastpost a,
.agencia-tiktok .forum_status,
.agencia-tiktok .forum_off,
.agencia-tiktok .forum_on {
	color: var(--ag-muted);
}

.agencia-tiktok .largetext,
.agencia-tiktok strong {
	color: var(--ag-text);
	letter-spacing: 0;
}

.agencia-tiktok .navigation,
.agencia-tiktok .navigation a {
	color: var(--ag-muted);
}

.agencia-tiktok .pagination a,
.agencia-tiktok .pagination .pagination_current,
.agencia-tiktok .pagination_breadcrumb {
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius-sm);
	background: rgba(255, 255, 255, 0.035);
	color: var(--ag-soft);
	padding: 5px 8px;
}

.agencia-tiktok .pagination .pagination_current {
	background: rgba(33, 215, 232, 0.16);
	border-color: rgba(33, 215, 232, 0.42);
	color: var(--ag-text);
}

.agencia-tiktok .thread_status,
.agencia-tiktok .forum_status {
	opacity: 0.86;
	filter: saturate(0.82);
}

.agencia-tiktok input.textbox,
.agencia-tiktok textarea,
.agencia-tiktok select,
.agencia-tiktok input[type="text"],
.agencia-tiktok input[type="password"],
.agencia-tiktok input[type="email"] {
	max-width: 100%;
	border: 1px solid var(--ag-line-strong);
	border-radius: var(--ag-radius-sm);
	background: #171a21;
	color: var(--ag-text);
	padding: 9px 10px;
}

.agencia-tiktok input::placeholder,
.agencia-tiktok textarea::placeholder {
	color: #7f8997;
}

.agencia-tiktok input:focus,
.agencia-tiktok textarea:focus,
.agencia-tiktok select:focus {
	border-color: rgba(33, 215, 232, 0.72);
	box-shadow: 0 0 0 3px rgba(33, 215, 232, 0.14);
	outline: 0;
}

.agencia-auth-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
	gap: 16px;
	margin: 22px 0 16px;
	padding: 22px;
	border: 1px solid var(--ag-line-strong);
	border-radius: var(--ag-radius);
	background:
		linear-gradient(135deg, rgba(33, 215, 232, 0.08), rgba(255, 60, 120, 0.06)),
		var(--ag-surface);
	box-shadow: var(--ag-shadow);
}

.agencia-auth-intro h1 {
	margin: 0 0 8px;
	font-size: 28px;
	line-height: 1.16;
	color: var(--ag-text);
}

.agencia-auth-intro p {
	margin: 0;
	color: var(--ag-muted);
	line-height: 1.55;
}

.agencia-security-card {
	border: 1px solid rgba(56, 209, 136, 0.24);
	border-left: 4px solid var(--ag-green);
	background: rgba(56, 209, 136, 0.08);
	border-radius: var(--ag-radius-sm);
	padding: 13px;
	color: #bcefd7;
	font-size: 13px;
	line-height: 1.45;
}

.agencia-security-card strong {
	display: block;
	color: #ddffef;
	margin-bottom: 4px;
}

.agencia-tiktok .error,
.agencia-tiktok .red_alert,
.agencia-tiktok .pm_alert {
	border-radius: var(--ag-radius);
	border-color: rgba(255, 60, 120, 0.34);
	background: rgba(255, 60, 120, 0.08);
	color: #ffd8e4;
}

.agencia-tiktok .modal {
	border-radius: var(--ag-radius);
	background: var(--ag-surface);
	color: var(--ag-text);
	border: 1px solid var(--ag-line-strong);
}

.agencia-tiktok .panel,
.agencia-tiktok .post,
.agencia-tiktok .post_author,
.agencia-tiktok .post_content {
	border-color: var(--ag-line);
	background: var(--ag-surface);
	color: var(--ag-soft);
}

.agencia-tiktok .codeblock,
.agencia-tiktok .blockquote,
.agencia-tiktok blockquote {
	border: 1px solid var(--ag-line);
	border-radius: var(--ag-radius-sm);
	background: #181c23;
	color: var(--ag-soft);
}

.agencia-tiktok #footer {
	color: var(--ag-muted);
	padding-bottom: 28px;
}

@media (max-width: 780px) {
	.agencia-tiktok #container {
		width: calc(100% - 20px);
	}

	.agencia-hero,
	.agencia-auth-intro {
		grid-template-columns: 1fr;
		padding: 20px;
	}

	.agencia-hero h1,
	.agencia-auth-intro h1 {
		font-size: 26px;
	}

	.agencia-tiktok table {
		width: 100%;
	}
}