/* bundle gerado automaticamente - nao editar a mao */

/* ===== templates/css/base.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/base.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Base Style Sheet - Reduces inconsistencies across all browsers
 * Stripped down and improved collection of best practises
 * To avoid redundant code it sets new default values instead of baseline defaults and re-resetting them later
 * Thanks to HTML5 Boilerplate, Yahoo! User Interface (YUI) Library, No CSS Reset
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar in non-IE + force height of the body element to fit at least the browser window */
html {
	overflow-y: scroll;
	min-height: 100%;
}

/* Create a stacking context to prevent z-index issues */
body { position: relative; }

/* Remove outline when clicking links: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/* Removes scrollbar in IE */
textarea { overflow: auto; }

/* Remove background from selected images */
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Remove borders */
fieldset,
img,
iframe { border: 0; }

/* Hand cursor on clickable input elements */
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select, button, label { cursor: pointer; }


/* Render new HTML5 elements as blocks
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { display: block; }


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body { margin: 0; }

/* Block Space */
p, hr,
ul, ol, dl,
blockquote, pre,
fieldset, figure { margin: 15px 0; }

h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; }

/* Lists */
ul, ol, dl { padding-left: 30px }
dd { margin-left: 40px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4, h5, h6 { font-size: 16px; line-height: 16px; }

/* Links */
a, a:hover { text-decoration: none; }

/* Text-level Semantics */
small { font-size: 11px; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
dfn[title] { font-style: normal; }

/* Horizontal Rule */
hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid;
}

/* Quotes */
q, blockquote {
	quotes: '\201C' '\201D' '\2018' '\2019';
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
	
blockquote {
	padding: 0 20px;
	font-size: 16px;
	line-height: 22px;
}

blockquote:before { content: '\201C'; }
blockquote:after { content: '\201D'; }

/* Code */
code, pre { font-family: "Courier New", Courier, monospace; }

code { word-spacing: -2px; }

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: 1px; }

/* Forms */
input, select { vertical-align: middle; }

select, input, textarea, button { font: 12px Arial, sans-serif; }

form, textarea { margin: 0; }
legend, fieldset, input { padding: 0; }

textarea,
input[type='text'],
input[type='password'],
select { padding: 2px; }
select { line-height: 19px; } /* Needed for Safari */

button,
input[type='button'],
input[type='submit'] { padding: 2px 3px; }





/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body { font: normal 13px/20px Arial, Helvetica, sans-serif; }

code,
em.box {
	padding: 1px 2px;
	border-radius: 2px;
}

em.box { font-style: normal; }

hr { border-top-color: #1B1B1D; }

pre {
	border: 1px solid #1B1B1D;
	border-radius: 5px;
	background: #08080A;
}


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

a:not([class]):active,
a:not([class]):focus {
	position: relative;
	top: 1px;
}

a:not([class]):active > *,
a:not([class]):focus > * {
	position: relative;
	top: -1px;
}

/* ===== templates/css/layout.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/layout.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}



/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#content { margin: 15px; }

#header,
#footer { margin: 0 15px; }

#breadcrumbs { margin: 0 0 15px 0; }

#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

body#page { background: #08080A; }

/* Blocks */
#block-toolbar {
	background:
		url(../images/toolbar_bg.png) 0 100% repeat-x,
		url(../images/toolbar.png) 0 0 repeat;
}

#block-header {
	position: relative;
	max-height: 145px;
	padding-bottom: 27px;
}

#block-main { margin: -172px 0 -54px 0; }
#block-main >  div > div { padding: 168px 0 74px 0; }

#block-bottom {
	padding: 102px 0 0 0;
	background: url(../images/bottom-b_t.png) 50% 0 no-repeat;
}
#block-bottom > div { background: url(../images/bottom-b.png) 0 0 repeat; }

#bottom-b {
	margin-top: -85px;
	padding-bottom: 10px;
}

#block-bottom + #block-footer { background: url(../images/footer_b.png) 0 0 repeat-x; }

#block-footer { background: url(../images/footer.png) 50% 0 no-repeat; }

/* Content */
#toolbar {
	padding: 5px 0;
	line-height: 24px;
	font-size: 11px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,1.0);
}

#headerbar { height: 92px; }

#menubar {
	padding: 10px 0 0 0;
	height: 43px;
	text-align: center;
}

#menu { margin-top: 2px; }

#content {
	border-radius: 10px;
	background:
		url(../images/system_tl.png) 0 0 no-repeat,
		url(../images/system_tr.png) 100% 0 no-repeat,
		url(../images/system_bl.png) 0 100% no-repeat,
		url(../images/system_br.png) 100% 100% no-repeat,
		url(../images/system.png) 0 0 repeat;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.06),
		0 0 0 1px rgba(0,0,0,0.9),
		inset 0 0 5px rgba(0,0,0,0.4),
		0 3px 5px rgba(0,0,0,0.5),
		0 2px 0 1px rgba(0,0,0,0.5);
}

#content > div { padding: 25px; }

#footer {
	padding: 20px 0;
	text-align: left;
}

#footer a { text-shadow: 0 1px 1px rgba(0,0,0,1.0); }
#footer a:hover { text-shadow: 0 0 5px rgba(255,255,255,0.2); }

#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 4;
	width: 36px;
	height: 36px;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -50px; }


/* Content White
----------------------------------------------------------------------------------------------------*/

.content-whitebg #content {
	border-radius: 10px;
	box-shadow:
		0 3px 5px rgba(0,0,0,0.5),
		0 1px 0 1px rgba(69,69,71,1.0);
}

.content-whitebg #content > div {
	border-radius: 10px;
	box-shadow:
		inset 0 1 0 rgba(255,255,255,1.0),
		inset 0 0 0 1px rgba(255,255,255,0.6),
		0 0 0 1px rgba(0,0,0,0.9),
		inset 0 0 5px rgba(0,0,0,0.4);
	color: #47474E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.content-whitebg #content h1,
.content-whitebg #content h2,
.content-whitebg #content h3,
.content-whitebg #content h4,
.content-whitebg #content h5 {
	color: #111;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content small,
.content-whitebg #content #system .item > header .meta,
.content-whitebg #content #system .item > header .subtitle {
	color: #6B6C72;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content .module-title .color,
.content-whitebg #content strong,
.content-whitebg #content em,
.content-whitebg #content code {
	color: #131415;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content a:hover {
	color: #000;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.content-whitebg #content code,
.content-whitebg #content em.box,
.content-whitebg #content form.box button,
.content-whitebg #content form.short button,
.content-whitebg #content form.box input[type="button"],
.content-whitebg #content form.box input.button {
	border: 1px solid #bbb;
	border: 1px solid rgba(0,0,0,0.2);
	background: url(../images/code_metal.png) 0 0 repeat-x;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.35);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.content-whitebg #content form.box button:hover,
.content-whitebg #content form.short button:hover,
.content-whitebg #content form.box input[type="button"]:hover,
.content-whitebg #content form.box input.button:hover {
	border-color: #444;
	border-color: rgba(0,0,0,0.45);
	text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

.content-whitebg #content hr { border-top-color: #ddd; }

.content-whitebg #content pre {
	border: 1px solid #ddd;
	background: #fff;
}

.content-whitebg #content ins,
.content-whitebg #content mark { text-shadow: 0 1px 1px rgba(0,0,0,0.4); }

/* ===== templates/css/menus.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/menus.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span { display: block; }
.menu a { text-decoration: none; }


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li { position: relative; }

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1 > span { float: left; }

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	visibility: hidden;
	position: absolute;
	top: 35px;
 	left: 0;
	z-index: 100;
	width: 300px; /* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown { visibility: visible; }

.menu-dropdown .dropdown-bg > div { overflow: hidden; }

/* Multi Columns, Default */
.menu-dropdown .columns2 { width: 600px; }
.menu-dropdown .columns3 { width: 900px; }
.menu-dropdown .columns4 { width: 1200px; }

.menu-dropdown .column { float: left; }

/* Level 2 */
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	padding: 7px 0;
	line-height: 21px;
	overflow: hidden;
}

/* Level 3 */
.menu-dropdown ul.level3 { padding-bottom: 10px; }

.menu-dropdown li.level3 { /* Must be set in li for IE7 */
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-dropdown span.icon {
	display: block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.menu-dropdown span.icon + span,
.menu-dropdown span.icon + span + span { margin-left: 35px; }

.menu-dropdown li.level2 .level2 span.icon {
	margin-top: -7px;
	margin-bottom: -7px;
}
.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -2px; }

/* Subtitles */
.menu-dropdown span.title { line-height: 21px; }

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1 > span { cursor: pointer; }

/* Level 1 */
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
	padding: 5px 0;
	line-height: 20px;
}

/* Remove Subtitles */
.menu-sidebar span.title { display: inline; }
.menu-sidebar span.subtitle { display: none; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding-bottom: 10px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }

.menu-sidebar .level2 a > span {
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-sidebar span.icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: -5px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-line,
.menu-line li,
.menu-line li a { display: inline-block; }





/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown { margin-bottom: -22px; }

.menu-dropdown li.level1 {
	margin-right: 10px;
	padding-bottom: 22px;
	z-index: 5;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0,0,0,1.0);
	text-transform: uppercase;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 30px;
	line-height: 30px;
}

/* Drop-Down */
.menu-dropdown .dropdown { top: 52px; }

.menu-dropdown .dropdown-bg { margin: 4px; }

.menu-dropdown .dropdown-bg > div,
#searchbox .results {
	padding: 3px;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 8px;
	background: url(../images/menu_dropdown_dropdown.png) 0 0 repeat;
	box-shadow: 0 1px 1px rgba(0,0,0,1.0);
}

.menu-dropdown .module,
.menu-dropdown ul.level2,
#searchbox .results:before {
	border-radius: 6px;
	background: url(../images/menu_dropdown_level2_bg.png) 0 0 repeat;
}

/* Level 2 */
.menu-dropdown ul.level2 {
	margin-left: 3px;
	padding: 3px;
}

.menu-dropdown .column:first-child ul.level2 { margin-left: 0; }

.menu-dropdown li.level2 { margin-top: 3px; }
.menu-dropdown li.level2:first-child { margin-top: 0; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	border: 1px solid #1E1E1F;
	border-radius: 4px;
	font-size: 14px;
	text-transform: uppercase;
}

/* Set Hover */
.menu-dropdown a.level2:hover { background-position: 0 -160px; }

/* Set Current */
#menu .menu-dropdown a.current.level2 {
	border-color: #333335;
	background-position: 0 -320px;
	box-shadow: inset 0 0 5px rgba(255,255,255,0.05);
}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	padding: 6px;
	line-height: 20px;
}
/* Level 3 */
.menu-dropdown ul.level3 { padding: 6px 0; }

.menu-dropdown a.level3 { padding-left: 16px; }

/* Set Hover */
.menu-dropdown a.level3:hover { background-position: 0 -50px; }

/* Set Current */
.menu-dropdown a.current.level3 {
	background-position: 0 -100px;
	font-weight: bold;
} 

/* Icons */
.menu-dropdown .level1 .level1 span.icon {
	width: 30px;
	height: 30px;
	margin-left: -5px;
}
.menu-dropdown .level1 .level1 span.icon + span,
.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }

.menu-dropdown li.level2 .level2 span.icon { margin-right: 4px; }

.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 39px; }

/* Subtitles */
.menu-dropdown .level1 .level1 span.title {
	line-height: 18px;
	font-size: 12px;
}
.menu-dropdown .level1 .level1 span.subtitle { margin-top: -1px; }

/* Fancy */
#menubar div.fancy {
	position: absolute;
	top: 92px;
	z-index: 1;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 60px;
}

#menubar div.fancy div.fancy-1 { margin-left: -60px; }

#menubar div.fancy div.fancy-3 {
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 93px;
	width: 100%;
	margin: 0 auto;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

.mod-box .menu-sidebar,
.mod-metal .menu-sidebar,
.mod-color .menu-sidebar { margin: 0 -15px; }

/* Link */
.menu-sidebar a.level1,
.menu-sidebar li > span.level1 {
	padding: 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
}

/* Level 1 */
.menu-sidebar a.level1:hover,
.menu-sidebar li > span.level1:hover { background-position: 0 -110px; }

.menu-sidebar a.level1.current { background-position: 0 -220px; }

.menu-sidebar li.parent.active .level1 > span { background-position: 100% -80px; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding: 0 10px 10px 10px; }

.menu-sidebar a.level2 { padding-left: 16px; }
.menu-sidebar a.level2:hover { background-position: 0 -50px; }
.menu-sidebar a.current.level2 { background-position: 0 -100px; }

.menu-sidebar ul.level2 ul { padding-left: 20px; }

/* Icons */
.menu-sidebar span.icon { margin-right: 4px; }

/* Module Box */
.mod-box .menu-sidebar ul.level2 { padding-top: 10px; }

/* Module Style */
.mod-metal .menu-sidebar a,
.mod-metal .menu-sidebar li > span {
	color: #47474E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.mod-metal .menu-sidebar a.current {
	color: #131415;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.mod-metal .menu-sidebar a.level1,
.mod-metal .menu-sidebar li > span.level1 { background: url(../images/menu_sidebar_level1_metal.png) 0 0 repeat-x; }

.mod-metal .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_metal.png); }

.mod-metal .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_metal.png); }

/* Module Line */
.mod-line .menu-sidebar a.level1,
.mod-line .menu-sidebar li > span.level1 {
	padding: 5px 0;
	background: url(../images/tools/list_line.png) 0 0 repeat-x;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 11px;
	padding-left: 12px;
	background: url(../images/menu_line.png) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

/* ===== templates/css/modules.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/modules.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Modules Style Sheet - Defines general module defaults, headings, badges and icons
 */


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module { position: relative; }

.module .badge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	display: block; 
	position: relative;
	top: -6px;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}


/* Module Defaults
----------------------------------------------------------------------------------------------------*/

.deepest > *:first-child { margin-top: 0; }
.deepest > *:last-child { margin-bottom: 0; }


/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title { margin: 0 0 15px 0; }

/* Subtitles */
.module .module-title span.title { display: block; }

.module .module-title span.subtitle {
	display: block;
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	text-indent: 1px;
}





/* Module Title
----------------------------------------------------------------------------------------------------*/
.module .module-title { font-size: 22px; }
.module .module-title .subtitle {
	font-size: 12px;
	text-transform: uppercase;
}

/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	top: -18px;
	right: -9px;
	width: 60px;
	height: 60px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -60px; }
.module .badge-free { background-position: 0 -120px; }
.module .badge-new { background-position: 0 -180px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 15px;
	border-radius: 10px;
	background: url(../images/module_box.png) 0 0 repeat;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.06),
		0 0 0 1px rgba(0,0,0,0.9),
		inset 0 0 5px rgba(0,0,0,0.4),
		0 3px 5px rgba(0,0,0,0.5),
		0 2px 0 1px rgba(0,0,0,0.5);
}

.mod-box .module-title { color: #BEC5CA; }


/* Module Type: Color
----------------------------------------------------------------------------------------------------*/

.mod-color {
	padding: 15px;
	border-radius: 10px;
}


/* Module Type: Metal
----------------------------------------------------------------------------------------------------*/

.mod-metal {
	border-radius: 10px;
	box-shadow:
		0 3px 5px rgba(0,0,0,0.5),
		0 1px 0 1px rgba(69,69,71,1.0);
}

.mod-metal > div {
	padding: 15px;
	border-radius: 10px;
	box-shadow:
		inset 0 1 0 rgba(255,255,255,1.0),
		inset 0 0 0 1px rgba(255,255,255,0.6),
		0 0 0 1px rgba(0,0,0,0.9),
		inset 0 0 5px rgba(0,0,0,0.4);
	color: #47474E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.module.mod-metal .module-title .icon { background-image: url(../images/module_icons_metal.png); }

.mod-metal .badge {
	top: -10px; 
	right: -5px;
	background-image: url(../images/module_badges_metal.png);
}

.mod-metal .module-title { color: #5F616B; }

.module.mod-metal .module-title,
.module.mod-metal .module-title .color { text-shadow: 0 1px 0 rgba(255,255,255,0.3); }

.module.mod-metal .module-title .subtitle { color: #6B6C72; }

.module.mod-metal .module-title .color,
.mod-metal strong,
.mod-metal em,
.mod-metal code { color: #131415; }

.mod-metal a:hover {
	color: #000;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.mod-metal code,
.mod-metal em.box {
	border: 1px solid #bbb;
	border: 1px solid rgba(0,0,0,0.2);
	background: url(../images/code_metal.png) 0 0 repeat-x;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.35);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}


/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

.mod-line {
	padding: 0 0 0 25px;
	background: url(../images/module_line_h.png) 0 0 repeat-y;
}

.mod-line .badge {
	top: -20px;
	right: -15px;
}

.grid-h .mod-line { margin-left: 0; }

.grid-v .mod-line {
	padding: 25px 0 0 0;
	background: url(../images/module_line_v.png) 0 0 repeat-x;
}

.grid-v .mod-line .badge { top: -8px; }

#page .grid-h:first-child .mod-line { background: none; }
#page .grid-v:first-child .mod-line {
	padding: 0;
	background: none;
}

.mod-line .module-title { color: #BEC5CA; }


/* Modules
----------------------------------------------------------------------------------------------------*/

#headerbar .module {
	color: #fff;
	text-shadow:
		0 -1px 0 rgba(0,0,0,0.2),
		0 1px 3px rgba(0,0,0,0.7);
}

.menu-dropdown .module {
	margin: 0;
	padding: 10px;
}

/* ===== templates/css/tools.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/tools.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Tools Style Sheet - Provides a useful set of CSS classes to style your content
 * Some classes are used in the Joomla and WordPress system markup
 */


/* Useful Classes for Content Creation
----------------------------------------------------------------------------------------------------*/

.display-block { display: block; }
.remove-margin { margin: 0; }
.remove-margin-t { margin-top: 0; }
.remove-margin-b { margin-bottom: 0; }

/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}

/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center,
.aligncenter {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Text Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more { display: inline-block; }


/* Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Space */
ul.space li { margin-top: 15px; }
ul.space li:first-child { margin-top: 0; }

/* Line */
ul.line > li {
	margin-top: 5px;
	padding-top: 5px;
}

ul.line > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Check */
ul.check > li { margin-top: 5px; }
ul.check > li:first-child { margin-top: 0; }

/* Zebra */
ul.zebra > li { padding: 5px; }

ul.line > li > a:first-child,
ul.check > li > a:first-child { display: block; }


/* Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

table.zebra { width: 100%; }

table.zebra th {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

table.zebra th,
table.zebra td { padding: 5px; }

table.zebra tbody,
table.zebra tfoot { font-size: 12px; }

table.zebra .bold { font-weight: bold; }
table.zebra .center { text-align: center; }

table.zebra td * { vertical-align: middle; }

table.zebra tfoot { font-style: italic; }

table.zebra caption {
	font-size: 11px;
	text-align: left;
	font-style: italic;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator {
	padding: 0;
	overflow: hidden;
}

dl.separator dt {	
	width: 160px;
	padding-right: 10px;
	float: left;
	clear: both;
}

dl.separator dd {
	margin-left: 170px;
	padding-left: 20px;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	padding: 0 3px;
	white-space: nowrap;
}

/* Dotted Horizontal Rule */
hr.dotted { border: none; }

/* Drop Caps */
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
	text-align: justify;
}

.box-content { padding: 20px; }

.box-info,
.box-warning,
.box-hint,
.box-download { padding-left: 40px; }


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Box */
form.box fieldset {
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
}
form.box legend { padding: 0 10px; }
form.box fieldset > div { margin: 15px 0; }

form.box button,
form.box input[type='button'],
form.box input[type='reset'] { vertical-align: middle; }

/* Short */
form.short > div { margin: 10px 0; }

form.short input { color: #333; }
form.short input:-moz-placeholder { color: #999; }
form.short input::-webkit-input-placeholder { color: #999; }
form.short input.placeholder { color: #999; }


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}




/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more {
	position: relative;
	height: 40px;
	margin: 0 13px;
	padding: 0 13px;
	background-position: 0 -80px;
	background-repeat: repeat-x;
	line-height: 41px;
	font-size: 11px;
	text-transform: uppercase;
}

a.button-more:before,
a.button-more:after {
	content: "";
	position: absolute;
	top: 0;
	width: 13px;
	height: 40px;
	background-repeat: no-repeat;
}

a.button-more:before {
	right: -13px;
	background-position: 0 -160px;
}
a.button-more:after {
	left: -13px;
	background-position: 0 0;
}

a.button-more:hover { background-position: 0 -120px; }

a.button-more:hover:before { background-position: 0 -200px; }
a.button-more:hover:after { background-position: 0 -40px; }

/* Module Style */
.mod-metal a.button-more,
.mod-metal a.button-more:before,
.mod-metal a.button-more:after,
.content-whitebg #content a.button-more,
.content-whitebg #content a.button-more:before,
.content-whitebg #content a.button-more:after { background-image: url(../images/tools/button_more_metal.png); }

.mod-metal a.button-more,
.content-whitebg #content a.button-more {
	line-height: 44px;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.mod-metal a.button-more:hover,
.content-whitebg #content a.button-more { text-shadow: 0 1px 3px rgba(0,0,0,1.0); }


/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #ddd; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li,
.comments-list > article,
.wk-twitter-list article {
	border: none;
	background: url(../images/tools/list_line.png) 0 0 repeat-x;
}
#page ul.line > li:first-child { background: none; padding-top: 5px; }

.mod-metal ul.line > li,
.mod-metal .comments-list > article,
.mod-metal .wk-twitter-list article,
.content-whitebg #content ul.line > li,
.content-whitebg #content .comments-list > article,
.content-whitebg #content .wk-twitter-list article { background: url(../images/tools/list_line_metal.png) 0 0 repeat-x; }

/* Line Icon */
ul.line-icon > li { padding-left: 20px; }

.mod-metal ul.line-icon > li,
.content-whitebg #content ul.line-icon > li {
	background:
		url(../images/tools/list_line_metal.png) 0 0 repeat-x,
		url(../images/tools/list_line_icon_metal.png) 0 0 no-repeat;
}
#page .mod-metal ul.line-icon > li:first-child,
#page .content-whitebg #content ul.line-icon > li:first-child {
	background:
		none,
		url(../images/tools/list_line_icon_metal.png) 0 0 no-repeat;
}

/* Check */
ul.check > li { padding: 4px 0 0 30px; }

.mod-metal ul.check > li,
.content-whitebg #content ul.check > li { background: url(../images/tools/list_check_metal.png) 0 0 no-repeat; }

/* Zebra List and Table 
table.zebra tbody td { border-bottom: 1px solid #000; }
table.zebra tbody tr:first-child td { border-top: 1px solid #000; }
*/
ul.zebra > li.odd,
/* table.zebra tbody tr.odd { background: #1d1d1f; } */
ul.zebra > li:nth-of-type(odd),
/* table.zebra tbody tr:nth-of-type(odd) { background: #1d1d1f; } */

.mod-metal ul.zebra > li.odd {
	background: rgba(0,0,0,0.1);
	box-shadow:
		inset 0 1px 0 rgba(0,0,0,0.1),
		0 1px 0 rgba(255,255,255,0.3);
}
.mod-metal ul.zebra > li:nth-of-type(odd) {
	background: rgba(0,0,0,0.1);
	box-shadow:
		inset 0 1px 0 rgba(0,0,0,0.1),
		0 1px 0 rgba(255,255,255,0.3);
}

/*
table.zebra {
	border: 1px solid #000;
	background: #121214;
	box-shadow: 0 8px 4px -4px rgba(0,0,0,0.8);
}

table.zebra caption { color: #000; }

table.zebra thead { background: #111; }

table.zebra thead tr td,
table.zebra thead tr th { border: 1px solid #000; }

table.zebra thead th {
	color: #88888a;
	text-shadow: 0 -1px 1px rgba(0,0,2,0.6);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

table.zebra tbody tr:hover,
table.zebra tbody tr:nth-of-type(odd):hover,
table.zebra tbody tr.odd:hover { background: #222224; }

table.zebra tr td,
table.zebra tr th {	border-left: 1px solid #000; }

table.zebra tfoot tr {
	border-bottom: 1px solid #000;
	background: #111;
	color: #575759;
}
*/
.content-whitebg #content table.zebra tbody td { border-bottom: 1px solid #d3d3d3; }
.content-whitebg #content table.zebra tbody tr:first-child td { border-top: 1px solid #d3d3d3; }

.content-whitebg #content table.zebra tbody tr.odd { background: #f0f0f0; }
.content-whitebg #content table.zebra tbody tr:nth-of-type(odd) { background: #f0f0f0; }

.content-whitebg #content table.zebra {
	border: 1px solid #d3d3d3;
	background: #f8f8f8;
	box-shadow: 0 8px 4px -4px rgba(0,0,0,0.1);
}

.content-whitebg #content table.zebra caption { color: #333; }

.content-whitebg #content table.zebra thead { background: #f4f4f4; }

.content-whitebg #content table.zebra thead tr td,
.content-whitebg #content table.zebra thead tr th { border: 1px solid #d3d3d3; }

.content-whitebg #content table.zebra thead th {
	color: #88888a;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.content-whitebg #content table.zebra tbody tr:hover,
.content-whitebg #content table.zebra tbody tr:nth-of-type(odd):hover,
.content-whitebg #content table.zebra tbody tr.odd:hover { background: #fff; }

.content-whitebg #content table.zebra tr td,
.content-whitebg #content table.zebra tr th {	border-left: 1px solid #d3d3d3; }

.content-whitebg #content table.zebra tfoot tr {
	border-bottom: 1px solid #c7c7c7;
	background: #efefef;
	color: #444;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #1B1B1D;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #1B1B1D;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #000;
	border: 1px solid #1B1B1D;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.content-whitebg #content dl.separator dd { border-color: #d3d3d3; }

.content-whitebg #content dl.separator dt:before { border-top: 1px solid #d3d3d3; }

.content-whitebg #content dl.separator dt:after {
	background: #FFF;
	border: 1px solid #d3d3d3;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */

/* Dotted Horizontal Rule */
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}

.box-content {
	border-color: #1B1B1D;
	background: #08080A;
}

.box-note {
	border-color: rgba(255,255,255,0.16);
	background: rgba(255,255,255,0.08);
	color: #ccc;
}

.box-info {
	border-color: rgba(70,120,185,0.4);
	background: rgba(0,87,132,0.2) url(../images/tools/box_info.png) 0 0 no-repeat;
	color: #64b2de;
}

.box-warning {
	border-color: rgba(190,40,40,0.4);
	background: rgba(145,0,0,0.2) url(../images/tools/box_warning.png) 0 0 no-repeat;
	color: #d67f76;
}

.box-hint {
	border-color: rgba(142,98,0,0.5);
	background: rgba(142,98,0,0.2) url(../images/tools/box_hint.png) 0 0 no-repeat;
	color: #f0a868;
}

.box-download {
	border-color: rgba(90,132,0,0.5);
	background: rgba(90,132,0,0.2) url(../images/tools/box_download.png) 0 0 no-repeat;
	color: #bacd86;
}

.content-whitebg #content .box-content,
.content-whitebg #content .box-note,
.content-whitebg #content .box-info,
.content-whitebg #content .box-warning,
.content-whitebg #content .box-hint,
.content-whitebg #content .box-download {
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	background: #fff;
	box-shadow:
		0 2px 4px rgba(0,0,0,0.1),
		inset 0 0 10px rgba(0,0,0,0.06);
}

.content-whitebg #content .box-note {
	background: #666;
	border-color: #2f2f2f;
	box-shadow:
		0 2px 4px rgba(0,0,0,0.3),
		inset 0 0 10px rgba(0,0,0,0.2);
	color: #fefefe;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.content-whitebg #content .box-info {
	background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
	border-color: #a1c0d0;
	color: #1d5e80;
}

.content-whitebg #content .box-warning {
	background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #edb1a2;
	color: #963e27;
}

.content-whitebg #content .box-hint {
	background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #e2c487;
	color: #6a4f16;
}

.content-whitebg #content .box-download {
	background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;
	border-color: #c2d685;
	color: #51621c;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset{
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow:
		1px 1px 0 rgba(255,255,255,0.04),
		inset 1px 1px 0 rgba(255,255,255,0.04);
}

form.box fieldset legend {
	color: #a2a2a4;
	font-size: 12px;
	text-transform: uppercase;
}

form.style input[type="text"],
form.style input[type="password"],
form.style select,
form.style textarea {
	padding: 6px;
	border: 1px solid #1d1d1f;
	border: 1px solid rgba(255,255,255,0.09);
	border-radius: 2px;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(255,255,255,0.04);
	color: #565658;
}

form.style input[type="text"]:focus,
form.style input[type="password"]:focus,
form.style select:focus,
form.style textarea:focus {
	outline: none;
	color: #797979;
	border-color: #242426;
	border-color: rgba(255,255,255,0.15);
	background-color: rgba(0,0,0,0.7);
	box-shadow: inset 0 0 5px rgba(255,255,255,0.08);
}

form.style textarea { padding: 8px; }

form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit {
	margin: 3px;
	padding: 8px 12px;
	border: none;
	border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}

/* Mod Style */
.content-whitebg #content form.box fieldset{
	border: 1px solid #ddd;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: none;
}

.mod-metal form.style input,
.mod-metal form.style select,
.mod-metal form.style textarea,
.content-whitebg #content form.style input,
.content-whitebg #content form.style select,
.content-whitebg #content form.style textarea {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	background: #242426;
	border: 2px solid #000;
	border-radius: 10px;
}


/* Social Icons
----------------------------------------------------------------------------------------------------*/

.social-icons {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.social-icons li {
	float: left;
	margin: 0 6px 0 0;
	line-height: 25px;
}

.social-icons li a {
	display: inline-block;
	width: 27px;
	height: 27px;
	float: left;
	overflow: hidden;
	background: url(../images/tools/icons_social.png) 0 0 no-repeat;
	text-indent: 50px;
}

.social-icons .rss a { background-position: 0 0; }
.social-icons .rss a:hover { background-position: 0 -30px; }

.social-icons .twitter a { background-position: 0 -60px; }
.social-icons .twitter a:hover { background-position: 0 -90px; }

.social-icons .facebook a { background-position: 0 -120px; }
.social-icons .facebook a:hover { background-position: 0 -150px; }

.social-icons .flickr a { background-position: 0 -180px; }
.social-icons .flickr a:hover { background-position: 0 -210px; }

.social-icons .linkedin a { background-position: 0 -240px; }
.social-icons .linkedin a:hover { background-position: 0 -270px; }

.social-icons .myspace a { background-position: 0 -300px; }
.social-icons .myspace a:hover { background-position: 0 -330px; }

.social-icons .lastfm a { background-position: 0 -360px; }
.social-icons .lastfm a:hover { background-position: 0 -390px; }

.social-icons .dribbble a { background-position: 0 -420px; }
.social-icons .dribbble a:hover { background-position: 0 -450px; }

.social-icons .digg a { background-position: 0 -480px; }
.social-icons .digg a:hover { background-position: 0 -510px; }

.social-icons .delicious a { background-position: 0 -540px; }
.social-icons .delicious a:hover { background-position: 0 -570px; }

.social-icons .deviantart a { background-position: 0 -600px; }
.social-icons .deviantart a:hover { background-position: 0 -630px; }

.social-icons .technorati a { background-position: 0 -660px; }
.social-icons .technorati a:hover { background-position: 0 -690px; }

.social-icons .stumbleupon a { background-position: 0 -720px; }
.social-icons .stumbleupon a:hover { background-position: 0 -750px; }

.social-icons .yahoo a { background-position: 0 -780px; }
.social-icons .yahoo a:hover { background-position: 0 -810px; }

.social-icons .openid a { background-position: 0 -840px; }
.social-icons .openid a:hover { background-position: 0 -870px; }

.social-icons .xing a { background-position: 0 -900px; }
.social-icons .xing a:hover { background-position: 0 -930px; }

.social-icons .forrst a { background-position: 0 -960px; }
.social-icons .forrst a:hover { background-position: 0 -990px; }

.social-icons .googleplus a { background-position: 0 -1020px; }
.social-icons .googleplus a:hover { background-position: 0 -1050px; }

.social-icons .youtube a { background-position: 0 -1080px; }
.social-icons .youtube a:hover { background-position: 0 -1110px; }

.social-icons .vimeo a { background-position: 0 -1140px; }
.social-icons .vimeo a:hover { background-position: 0 -1170px; }

.social-icons .foursquare a { background-position: 0 -1200px; }
.social-icons .foursquare a:hover { background-position: 0 -1230px; }

.social-icons .github a { background-position: 0 -1260px; }
.social-icons .github a:hover { background-position: 0 -1290px; }


/* Social Icons Special
----------------------------------------------------------------------------------------------------*/

.social-icons-special {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#headerbar .module .social-icons-special { margin-top: 20px; }

.social-icons-special li {
	float: left;
	margin: 0 4px 0 0;
	line-height: 26px;
}

.social-icons-special li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 26px;
	float: left;
	text-decoration: none;
	position: relative;
	/* Gradiente metálico: cinza médio no topo, mais escuro na base */
	background:
		repeating-linear-gradient(
			90deg,
			transparent 0px,
			transparent 1px,
			rgba(0,0,0,0.04) 1px,
			rgba(0,0,0,0.04) 2px
		),
		linear-gradient(
			to bottom,
			#515151 0%,
			#3d3d3d 35%,
			#2b2b2b 50%,
			#383838 100%
		);
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	border-top-color: #666;
	/* Ícone "cinza claro, apagado" */
	color: #888;
	/* Inner shadow embossed + highlight + outer shadow suave */
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.18),
		inset 0 2px 3px rgba(0,0,0,0.35),
		inset 0 -1px 1px rgba(0,0,0,0.4),
		0 1px 3px rgba(0,0,0,0.6);
	transition: color 0.15s, background 0.15s, box-shadow 0.15s;
}

.social-icons-special li a:hover {
	color: #aaa;
	background:
		repeating-linear-gradient(
			90deg,
			transparent 0px,
			transparent 1px,
			rgba(0,0,0,0.04) 1px,
			rgba(0,0,0,0.04) 2px
		),
		linear-gradient(
			to bottom,
			#5e5e5e 0%,
			#4a4a4a 35%,
			#363636 50%,
			#444 100%
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.22),
		inset 0 2px 3px rgba(0,0,0,0.3),
		inset 0 -1px 1px rgba(0,0,0,0.4),
		0 1px 4px rgba(0,0,0,0.6);
}

.social-icons-special li a svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
	display: block;
	flex-shrink: 0;
	/* Efeito "gravado": sombra abaixo escura + highlight acima claro */
	filter: drop-shadow(0 1px 0 rgba(255,255,255,0.12)) drop-shadow(0 -1px 0 rgba(0,0,0,0.6));
}

/* ===== templates/css/system.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===== templates/warp/css/system.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
 */


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }

#system > .description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small { font-style: italic; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header { margin-bottom: 15px; }
#system .item > header .title { margin-bottom: 0; }

#system .item > header .meta {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 13px;
}

#system .item > header .subtitle{
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item > .content > *:first-child,
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a { margin-right: 15px; }

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }

#system .item .socialbuttons { margin-top: 15px; }
#system .item .socialbuttons > div {
	margin-right: 10px;
	float: left;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -10px 0 -10px; }
#system .items .item { margin: 0 10px 0 10px; }

#system .items > .width50 .title { font-size: 22px; line-height: 22px; }
#system .items > .width33 .title { font-size: 20px; line-height: 20px; }
#system .items > .width25 .title { font-size: 18px; line-height: 18px; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
	margin-top: 10px;
	text-align: center;
}

#system .pagination a { text-decoration: none; }
#system .pagination strong { font-weight: normal; }

#system .pagination a,
#system .pagination strong {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 25px;
}
#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	font-size: 16px;
	line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox { position: relative; }

#searchbox input {
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
}

#searchbox button { display: none; }
#searchbox.filled button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	border: none;
	line-height: 0;
	cursor: pointer;
}
#searchbox.loading button {}

/* Drop-Down Results */
#searchbox .results {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 10;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-transform: uppercase;
}

#searchbox .results li.more-results { cursor: pointer; }

#searchbox .results li.result {
	padding: 10px 15px;
	cursor: pointer;
}

#searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

#searchbox .results li.result div { font-size: 11px; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { margin: 20px 0; }
#system .title + .author-box { margin-top: 0; }

#system .author-box .avatar {
	margin-right: 15px;
	float: left;
}

#system .author-box .name {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}

#system .author-box .description {}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments { margin-top: 20px; }

#system #comments h3.comments-meta { margin: 0 0 10px 0; }

#system #comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Head */
#system #comments .comment-head {
	margin-bottom: 10px;
	overflow: hidden;
}

#system #comments .comment-head .avatar {
	margin-right: 10px;
	float: left;
}

#system #comments .comment-head .author {
	margin: 8px 0 0 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#system #comments .comment-head .meta {
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* Body */
#system #comments .comment-body {
	margin-bottom: 20px;
	padding: 0 10px;
}

#system #comments .comment-body .content { text-align: justify; }

#system #comments .comment-body .reply { margin: 10px 0 0 0; }

#system #comments .no-response .comment-body .reply { display: none; }

#system #comments .comment-body .moderation {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

#system #comments ul.level1 ul { padding-left: 55px; }

/* Respond */
#system #respond h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#system #respond p.user { margin: 0; }

#system #respond input[type='text'] {
	width: 200px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#system #respond textarea {
	width: 100%;
	max-width: 400px;
	height: 100px;
}

/* Moved Respond */
#system ul #respond {
	margin: 0 0 30px 0;
	padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article {
	margin-top: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.comments-list > article:first-child {
	margin: 0;
	padding: 0;
}

.comments-list .avatar {
	margin-right: 10px;
	float: left;
}

.comments-list .author {
	margin: 2px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

.comments-list .meta {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.comments-list .content p { margin: 5px 0 0 0; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.tagcloud li {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.tagcloud a { white-space: nowrap; }

.tagcloud .weight1 a { font-size: 11px; }
.tagcloud .weight2 a { font-size: 12px; }
.tagcloud .weight3 a { font-size: 13px; }
.tagcloud .weight4 a { font-size: 14px; }
.tagcloud .weight5 a { font-size: 15px; }
.tagcloud .weight6 a { font-size: 16px; }
.tagcloud .weight7 a { font-size: 18px; }
.tagcloud .weight8 a { font-size: 20px; }
.tagcloud .weight9 a { font-size: 23px; letter-spacing: -1px; }
.tagcloud .weight10 a { font-size: 26px; letter-spacing: -1px; }




/* ===== templates/warp/systems/joomla/css/system.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Additional System Stylesheet for Joomla 1.7
 */


/* Item (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .item > header .icon { 
	margin: 2px 0 0 5px;
	float: right;
}

#system .item > .edit a { vertical-align: text-top; }


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list {
	margin-top: 10px;
	overflow: hidden;
}


/* Filter
----------------------------------------------------------------------------------------------------*/

#system .filter {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#system .filter > div {
	margin: 0 10px 0 0;
	float: left;
}


/* Tooltip
----------------------------------------------------------------------------------------------------*/

.tip-wrap {
	display: none;
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
}

.tip-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;
	
}


/* Form Submission
----------------------------------------------------------------------------------------------------*/

#system form.submission fieldset > div { overflow: hidden; }
#system form.submission fieldset > div > * { vertical-align: middle; }
#system form.submission fieldset > div > label:first-child {
	display: block;
	width: 150px;
	float: left;
}

#system form.submission fieldset > div > input[type='text'],
#system form.submission fieldset > div > input[type='password'] {
	padding: 5px;
	width: 250px;
}
#system form.submission fieldset > div > select {
	padding: 5px;
	width: 262px;
}

#system form.submission fieldset > div > textarea { width: 255px; }

#system form.submission small {
	display: block;
	margin: -25px 0 25px 0;
}

#system form.submission div.submit {
	margin-top: -20px;
	text-align: center;
}

#system form.submission div > .calendar { margin-left: 5px; }
#system form.submission #metadesc { height: 100px; }
#system form.submission #metakey { height: 60px; }

/* Validation */
#system .invalid { border-color: #ff0000; }
#system label.invalid { color: #ff0000; }

/* Calendar */
#system a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* Editor Buttons */
#system #editor-xtd-buttons {
	margin: 10px 0 10px 0;
	padding: 0;
}

#system #editor-xtd-buttons .button2-left,
#system #editor-xtd-buttons .button2-left * { float: left; }

#system #editor-xtd-buttons .button2-left {
	margin-right: 5px;
	background: url(../../system/images/j_button2_left.png) no-repeat;
}

#system #editor-xtd-buttons .button2-left .image { background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .article,
#system #editor-xtd-buttons .button2-left .readmore { background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system #editor-xtd-buttons .button2-left .pagebreak { background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat; }

#system #editor-xtd-buttons .button2-left a,
#system #editor-xtd-buttons .button2-left span {
	display: block;
	height: 22px;
	padding: 0 24px 0 6px;
	line-height: 22px;
	font-size: 11px;
	color: #666;
}

#system #editor-xtd-buttons .button2-left span { color: #999; }

#system #editor-xtd-buttons .button2-left a:hover {
	text-decoration: none;
	color: #0B55C4;
}

/* Small (Login) */
#system form.submission.small fieldset > div { margin: 15px 0; }


/* System Messages
----------------------------------------------------------------------------------------------------*/

#system-message {
	margin: 0 0 10px 0;
	padding: 0;
}
#system-message dt { display: none; }
#system-message dd {
	margin-left: 0;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
	color: #0055BB;
}
#system-message dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#system-message dd.error { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.notice { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}


/* System Debug
----------------------------------------------------------------------------------------------------*/
 
#system-debug {
	padding: 30px;
	background: #fff;
	color: #333;
}
#system-debug div { font-size: 11px;}




/* ===== templates/css/system-all.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header .meta {
	margin: 5px 0 0 0;
	text-transform: uppercase;
}

#system .item > .links a:after {
	content: " »";
	font-size: 16px;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items .item {
	margin-top: 12px;
	padding-top: 18px;
	background: url(../images/article.png) 0 0 repeat-x;
}

.content-whitebg #system .items .item { background: url(../images/article_metal.png) 0 0 repeat-x; }

#system .items .item:first-child,
.content-whitebg #system .items .item:first-child {
	margin-top: 0;
	padding-top: 0;
	background: none;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination a,
#system .pagination strong {
	height: 22px;
	margin-left: 3px;
	padding: 0 3px;
	line-height: 22px;
	overflow: hidden;
	border-radius: 3px;
	background: rgba(255,255,255,0.04);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

#system .pagination strong { font-weight: bold; }

#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	width: 17px;
	min-width: 17px;
	padding: 0;
	border: none;
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: no-repeat;
	box-shadow: none;
	text-indent: 50px;
}
#system .pagination a.previous:hover { background-position: 50% -30px; }
#system .pagination a.next { background-position: 50% -60px; }
#system .pagination a.next:hover { background-position: 50% -90px; }

#system .pagination a.first,
#system .pagination a.last { display: none; }


/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox {
	width: 94px;
	height: 35px;
	padding: 0 30px;
}

#searchbox input {
	height: 35px;
	font-size: 13px;
}

#searchbox.filled button { width: 30px; }

#searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }

/* Search Results */
#searchbox .results {
	top: 52px;
	right: -1px;
	width: 300px;
}

#searchbox .results:before {
	position: absolute;
	content: "";
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	width: 288px;
	padding: 3px;
	border-radius: 6px;
}

#searchbox .results li {
	position: relative;
	z-index: 3;
}

#searchbox .results li.results-header { margin-bottom: 1px; }
#searchbox .results li.more-results { margin-top: 1px; }
#searchbox .results li.result {
	margin: 0 3px;
	border: 1px solid #000;
}


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs a,
.breadcrumbs > span {
	padding-right: 15px;
	background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
}

.content-whitebg #content .breadcrumbs a,
.content-whitebg #content .breadcrumbs > span { background: url(../images/breadcrumbs_metal.png) 100% 50% no-repeat; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { padding: 15px; }

#system .author-box .avatar {
	padding: 3px;
	border: 1px solid #2d2d2f;
	background: #1d1d1f;
}


/* Comments
----------------------------------------------------------------------------------------------------*/

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #1B1B1D;
	background: #08080A;
}

/* Body */
#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article:first-child { background: none; }



/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .items .leading .item {
	padding-bottom: 12px;
	margin-bottom: 18px;
	background: url(../images/article.png) 0 100% repeat-x;
}

.content-whitebg #system .items .leading .item { background: url(../images/article_metal.png) 0 100% repeat-x; }


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list { border-top: 1px solid #1b1b1d; }


/* Search
----------------------------------------------------------------------------------------------------*/

#system span.highlight { 
	padding: 2px 3px;
	border-radius: 2px;
}

/* ===== templates/css/extensions.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* WidgetKit
----------------------------------------------------------------------------------------------------*/

/* Spotlight */
.spotlight .overlay-default { background: rgba(0,0,0,0.75) url(../images/widgetkit/magnifier.png) 50% 50% no-repeat; }

.spotlight .overlay,
.spotlight .overlay a,
.wk-slideshow .caption,
.wk-slideshow .caption a {
    color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

/* Lightbox */
#lightbox-overlay { background-color: #000!important; }
#lightbox-content { border-color: #585858; }

#lightbox-outer { box-shadow: 0 0 15px rgba(0,0,0,1.0); }

#lightbox-outer,
#lightbox-title.lightbox-title-inside { background: #585858; }
#lightbox-title.lightbox-title-inside { color: #fff; }

/* Twitter */
.wk-twitter .image {
	border: 1px solid #1B1B1D;
	background-color: #08080A;
}

#page .wk-twitter-list article:first-child {
	border: none;
	background: none;
}

.wk-twitter-bubbles .content {
	border: 1px solid #1B1B1D;
	border-radius: 6px;
	background: #08080A;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

.wk-twitter-bubbles .content:after {
	width: 18px;
	background: url(../images/widgetkit/arrow.png) 0 0 no-repeat;
}

.wk-twitter-single.image { background: url(../images/widgetkit/bird.png) 0 3px no-repeat; }

/* ===== templates/css/custom.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
/* Frontpage Demo Content */
.frontpage-intro-demo h1 { margin-bottom: 0; }
.frontpage-intro-demo h2 { margin-top: 0; }
.frontpage-intro-demo p {
	margin: 40px 0;
	line-height: 24px;
	font-size: 16px;
	text-shadow: 0 1px 3px rgba(0,0,0,1.0);
}
.frontpage-intro-demo p strong {
	color: #c2c2c4;
	text-transform: uppercase;
}
.frontpage-demobox {
	max-width: 310px;
	margin: 0 10px 24px 0;
	float: left;
	line-height: 18px;
}
.frontpage-demobox img { margin-right: 10px; }
.frontpage-demobox h4 { margin: 5px 0 4px 0; }

/* Widgetkit Slideset */
.frontpage-slideset { width: 270px; }

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet -  Use this file to style your content
 */
 
/* Logo */
#logo .custom-logo {
	width: 250px;
	height: 60px;
}

label.error { 
	float: none;
	color: #ff3333;
	vertical-align: center;
}

.l2-error, .l2-offline, .l2-dead {
	color: red;
}

.l2-success, .l2-online, .l2-alive {
	color: green;
	font-weight: bold;
}

.l2-center {
	text-align: center;
}

/* Pulso de energia no logo principal, usando uma segunda camada do proprio logo. */
#logol2null {
	position: relative;
	z-index: 1;
}

#logol2null img {
	position: relative;
	z-index: 1;
	transition: transform .3s ease, filter .3s ease;
}

#logol2null::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	width: min(560px, 100%);
	height: 170px;
	transform: translateX(-50%) scale(1);
	background: url(../../images/logo.png) center / contain no-repeat;
	filter: brightness(1.55) saturate(1.35) drop-shadow(0 0 12px rgba(226, 147, 57, .72));
	opacity: 0;
	pointer-events: none;
}

#logol2null:hover img {
	transform: scale(1.015);
	filter: brightness(1.08);
}

#logol2null:hover::after {
	animation: l2LogoEnergyPulse .38s ease-out;
}

@keyframes l2LogoEnergyPulse {
	0% { transform: translateX(-50%) scale(1); opacity: 0; }
	22% { opacity: .42; }
	100% { transform: translateX(-50%) scale(1.18); opacity: 0; }
}

@media (max-width: 620px) {
	#logol2null::after { height: 100%; }
}

.l2-top-right {
	width: 340px;
	float: right;
}

.l2-top-left {
	width: 340px;
	float: left;
}

fieldset {
	margin-top: 0;
}

fieldset, .l2-top, .box-warning, .box-info {
	margin-top: 0;
}

.l2-img {
	border: 1px solid #161616;
	margin-bottom: 5px;
}

.l2-territory {
}

.l2-territory-info {
	text-align: center;
}

.l2-territory-name {
	text-align: center;
	background: rgba(0,0,0,0.3);
	color: #ffffff;
}

.l2-castle, .l2-fortress {
	height: 100px;
}

.l2-castle-pic, .l2-fortress-pic {
	width: 149px;
	height: 99px;
	border: 1px solid #666666;
	margin-right: 10px;
	float: left;
}

.l2-castle-info, .l2-fortress-info {
	width: 630px;
	float: left;
}

.l2-castle-name, .l2-fortress-name {
	text-align: center;
	background: rgba(0,0,0,0.3);
	color: #ffffff;
}

/* Zebra List and Table */
table.zebra thead th,
table.zebra tbody td { border-top: 1px solid #282828; }

table.zebra thead th {
	border-top: 1px solid #6f6f6f;
	background: rgba(110,110,110,0.6);
	background: -moz-linear-gradient(
					50% 0%,
					rgba(120,120,120,0.6) 0%,
					rgba(98,98,98,0.6) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, rgba(120,120,120,0.6)),
					color-stop(100%, rgba(98,98,98,0.6))
				);
	color: #999;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

table.zebra tbody tr {
	background: rgba(0,0,0,0.08);
	-moz-box-shadow: inset 0 2px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.15);
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.15);
}

table.zebra tfoot tr {
	border-top: 1px solid #262626;
	background: rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);
	color: #666;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

table.zebra tbody tr.odd,
table.zebra tbody tr:nth-of-type(odd) { background: rgba(255,255,255,0.05); }

table.zebra caption { color: #888; }

#l2-logo {
	width: 45px;
	height: 80px;
	margin-top: 7px;
	margin-left: 9px;
	float: left;
}

#l2-vote {
	width: 595px;
	height: 77px;
	float: left;
}

/* Sidebar login - centralizar botão e campos */
.sidebar-login { text-align: center; }
.sidebar-login input[type="text"],
.sidebar-login input[type="password"] { text-align: center; }

/* Equipe L2 nuLL - centralizar bullet + nome juntos */
#sidebar-a ul.line.line-icon { text-align: center; list-style: none; padding-left: 0; }
#sidebar-a ul.line.line-icon > li,
#page #sidebar-a ul.line-icon > li,
#page #sidebar-a ul.line-icon > li:first-child { display: inline-block; list-style: none; }

/* Barra social fixa - inspirada no formato lateral do L2Age. */
.social-rail {
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 10000;
	display: flex;
	flex-direction: column;
	transform: translateY(-50%);
	background: rgba(12, 9, 7, 0.92);
	border: 1px solid rgba(181, 118, 48, 0.28);
	border-left: 0;
	box-shadow: 5px 0 20px rgba(0, 0, 0, 0.38);
	backdrop-filter: blur(6px);
}

.social-rail__link {
	position: relative;
	display: flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	color: #c9b9a3;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.social-rail__link:last-child { border-bottom: 0; }

.social-rail__link svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	transition: transform 180ms ease;
}

.social-rail__link::after {
	content: attr(data-label);
	position: absolute;
	left: calc(100% + 10px);
	top: 50%;
	padding: 6px 10px;
	transform: translate(-5px, -50%);
	color: #e7c994;
	background: rgba(12, 9, 7, 0.96);
	border: 1px solid rgba(181, 118, 48, 0.35);
	font-size: 11px;
	line-height: 1;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease, transform 180ms ease;
}

.social-rail__link:hover,
.social-rail__link:focus-visible {
	color: #f1bd63;
	background: linear-gradient(90deg, rgba(154, 81, 23, 0.62), rgba(80, 43, 18, 0.5));
	transform: translateX(3px);
	outline: none;
}

.social-rail__link:hover svg,
.social-rail__link:focus-visible svg { transform: scale(1.12); }

.social-rail__link:hover::after,
.social-rail__link:focus-visible::after {
	opacity: 1;
	transform: translate(0, -50%);
}

/* A barra lateral e fixa em left:0 com 49px. A partir de ~1140px o conteudo
   passa a comecar antes disso e ela cobriria o inicio de cada pagina, entao
   vira uma barra horizontal no rodape a partir dai (antes era so em 720px). */
@media (max-width: 1140px) {
	.social-rail {
		left: 50%;
		top: auto;
		bottom: 10px;
		flex-direction: row;
		transform: translateX(-50%);
		border: 1px solid rgba(181, 118, 48, 0.35);
		border-radius: 4px;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.55);
	}

	.social-rail__link {
		width: 44px;
		height: 42px;
		border-right: 1px solid rgba(255, 255, 255, 0.07);
		border-bottom: 0;
	}

	.social-rail__link:last-child { border-right: 0; }
	.social-rail__link::after { display: none; }
	.social-rail__link:hover,
	.social-rail__link:focus-visible { transform: translateY(-2px); }
}

/* Galeria de videos da comunidade. */
.videos-heading { margin-bottom: 20px; text-align: center; }
.videos-heading h1 { margin-bottom: 6px; color: #e2b56f; }
.videos-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-bottom: 20px; }
.videos-filters button { padding: 7px 12px; color: #b9aa96; background: rgba(10,8,7,.72); border: 1px solid rgba(194,126,53,.32); border-radius: 3px; cursor: pointer; }
.videos-filters button:hover, .videos-filters button.active { color: #fff; background: linear-gradient(#a75e27,#713613); border-color: #d49a58; }
.videos-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 18px; }
.video-card { overflow: hidden; background: linear-gradient(155deg,rgba(38,31,25,.94),rgba(10,9,8,.9)); border: 1px solid rgba(209,172,107,.18); border-radius: 5px; box-shadow: 0 10px 20px rgba(0,0,0,.35); transition: transform .22s,border-color .22s; }
.video-card:hover { transform: translateY(-4px); border-color: rgba(218,151,76,.55); }
.video-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16/9; padding: 0; overflow: hidden; background: #000; border: 0; cursor: pointer; }
.video-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s,opacity .25s; }
.video-card:hover .video-thumb img { transform: scale(1.04); opacity: .82; }
.video-play { position: absolute; left: 50%; top: 50%; display: grid; width: 54px; height: 54px; place-items: center; transform: translate(-50%,-50%); color: #fff; background: rgba(151,76,22,.9); border: 1px solid #e4af68; border-radius: 50%; font-size: 20px; box-shadow: 0 4px 15px #000; }
.video-card-body { padding: 14px; }
.video-card-body h2 { min-height: 44px; margin: 0 0 8px; color: #ddd0bd; font-size: 17px; line-height: 1.3; }
.video-card-body p { margin: 0 0 12px; color: #82796e; font-size: 12px; text-transform: uppercase; }
.video-card-body footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; }
.video-card-body footer a { color: #d38a43; }
.video-empty { padding: 50px 20px; text-align: center; border: 1px solid rgba(209,172,107,.18); background: rgba(0,0,0,.25); }
.videos-page--empty { min-height: 470px; }
.videos-page--empty .video-empty { display: grid; min-height: 165px; align-content: center; box-sizing: border-box; }
.video-modal[hidden] { display: none; }
.video-modal { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: center; padding: 25px; }
.video-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.88); backdrop-filter: blur(4px); }
.video-modal-dialog { position: relative; z-index: 1; width: min(100%,960px); background: #050505; border: 1px solid #a6642b; box-shadow: 0 20px 70px #000; }
.video-player { aspect-ratio: 16/9; }
.video-player iframe { width: 100%; height: 100%; border: 0; }
.video-modal-close { position: absolute; right: -14px; top: -14px; z-index: 2; width: 34px; height: 34px; color: #fff; background: #8a461b; border: 1px solid #e0aa64; border-radius: 50%; font-size: 25px; cursor: pointer; }
.video-modal-open { overflow: hidden; }
@media (max-width: 600px) { .videos-grid { grid-template-columns: 1fr; } .videos-page--empty { min-height: 390px; } .video-modal { padding: 10px; } .video-modal-close { right: 3px; top: -42px; } }

/* Hero de abertura com countdown configuravel. */
.launch-hero {
	position: relative;
	isolation: isolate;
	min-height: 245px;
	margin: -6px 0 24px;
	overflow: hidden;
	border-top: 1px solid rgba(184, 119, 48, .3);
	border-bottom: 1px solid rgba(184, 119, 48, .3);
	background:
		radial-gradient(ellipse at center, rgba(147, 76, 25, .16), transparent 57%),
		linear-gradient(90deg, transparent, rgba(5, 5, 7, .72) 17%, rgba(5, 5, 7, .78) 83%, transparent);
	box-shadow: inset 0 12px 32px rgba(0,0,0,.18), inset 0 -12px 32px rgba(0,0,0,.22);
}
.launch-hero::before, .launch-hero::after { content:""; position:absolute; left:50%; z-index:-1; width:65%; height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(222,145,64,.56),transparent); pointer-events:none; }
.launch-hero::before { top:0; animation:launchLine 3.8s ease-in-out infinite alternate; }
.launch-hero::after { bottom:0; opacity:.5; }
.launch-hero__embers { display:none; }
.launch-hero__content { width:min(850px,94%); margin:0 auto; padding:28px 15px 25px; text-align:center; }
.launch-hero__eyebrow { display:inline-block; margin-bottom:7px; color:#bc793a; font-size:10px; letter-spacing:.28em; text-transform:uppercase; }
.launch-hero h1 { margin:0; color:#ded3c5; font-size:clamp(25px,3.4vw,35px); line-height:1.15; text-transform:uppercase; letter-spacing:.07em; text-shadow:0 2px 2px #000,0 0 18px rgba(196,105,35,.2); }
.launch-hero__content > p { margin:8px auto 17px; color:#8f8579; font-size:13px; }
.launch-countdown { display:flex; justify-content:center; gap:0; margin:0 auto 18px; }
.launch-countdown > div { position:relative; width:86px; padding:5px 14px 7px; background:transparent; border:0; border-right:1px solid rgba(190,123,52,.24); }
.launch-countdown > div:last-child { border-right:0; }
.launch-countdown strong { display:block; color:#dfa55e; font:400 30px/1 "UbuntuRegular",sans-serif; letter-spacing:.06em; text-shadow:0 0 12px rgba(223,126,40,.22); }
.launch-countdown span { display:block; margin-top:6px; color:#665f58; font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.launch-hero__button { display:inline-block; min-width:128px; padding:9px 19px; color:#d9b17d!important; background:rgba(18,13,10,.58); border:1px solid rgba(202,132,61,.56); box-shadow:inset 0 1px rgba(255,255,255,.04); font-size:11px; letter-spacing:.11em; text-transform:uppercase; transition:transform .2s,background .2s,color .2s; }
.launch-hero__button:hover { transform:translateY(-2px); filter:brightness(1.14); text-decoration:none; }
.launch-hero__opened { color:#e6b66e!important; font-size:20px!important; font-weight:bold; animation:launchOpened 1.6s ease-in-out infinite alternate; }
@keyframes launchLine { to { width:90%; opacity:.35; } }
@keyframes launchOpened { to { text-shadow:0 0 18px #c16b28; } }

/* Home hero: integra marca, lançamento, status e ações sem romper o tema clássico. */
.home-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 225px; align-items:center; gap:24px; min-height:370px; margin:0 0 34px; padding:30px 36px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(177,105,37,.55); border-radius:7px; background:radial-gradient(circle at 68% 42%,rgba(133,69,26,.26),transparent 38%),linear-gradient(115deg,rgba(3,3,4,.96),rgba(21,14,10,.91)); box-shadow:0 22px 55px rgba(0,0,0,.5),inset 0 1px rgba(255,202,124,.08); }
.home-hero::before,.home-hero::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.home-hero::before { inset:0; opacity:.28; background:linear-gradient(105deg,transparent 0 48%,rgba(239,147,57,.08) 50%,transparent 52%); transform:translateX(-60%); animation:homeHeroSweep 8s ease-in-out infinite; }
.home-hero::after { inset:auto 24px 0; height:1px; background:linear-gradient(90deg,transparent,#b66d2f,transparent); }
.home-hero__glow { position:absolute; z-index:-1; top:50%; left:30%; width:330px; height:210px; transform:translate(-50%,-50%); border-radius:50%; background:rgba(188,105,39,.11); filter:blur(48px); }
.home-hero__main { min-width:0; text-align:center; }
.home-hero__logo { display:block; width:min(520px,90%); height:auto; margin:-17px auto -10px; filter:drop-shadow(0 8px 16px rgba(0,0,0,.7)); transition:transform .3s ease,filter .3s ease; }
.home-hero__logo:hover { transform:scale(1.025); filter:drop-shadow(0 0 15px rgba(240,173,85,.42)); }
.home-hero__eyebrow { color:#d48639; font-size:10px; letter-spacing:.26em; text-transform:uppercase; }
.home-hero h1 { max-width:600px; margin:9px auto 6px; color:#eee2d2; font-size:28px; line-height:1.16; text-shadow:0 2px 8px #000; }
.home-hero__main>p { max-width:570px; margin:0 auto 17px; color:#ad9f91; font-size:14px; }
.home-hero__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:15px; }
.home-hero__button { min-width:142px; padding:11px 18px; box-sizing:border-box; border:1px solid rgba(197,128,60,.5); color:#d9b17d!important; background:rgba(18,13,10,.7); font-size:11px; letter-spacing:.09em; text-align:center; text-transform:uppercase; transition:transform .2s,background .2s,border-color .2s; }
.home-hero__button:hover { transform:translateY(-2px); border-color:#d68a3d; background:#2b190e; }
.home-hero__button--primary { color:#fff1df!important; background:linear-gradient(#bd6829,#814014); box-shadow:0 7px 20px rgba(154,74,20,.25),inset 0 1px rgba(255,255,255,.18); }
.home-hero__status { padding:19px; border:1px solid rgba(198,132,66,.25); background:rgba(6,6,7,.68); box-shadow:inset 0 1px rgba(255,255,255,.035); text-align:left; }
.home-hero__status-label { display:block; margin-bottom:8px; color:#827466; font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.home-hero__status-value { display:flex; align-items:center; gap:8px; color:#e4d5c2; font-size:17px; }
.home-hero__status-value i { width:8px; height:8px; border-radius:50%; background:#8b2f27; box-shadow:0 0 10px currentColor; }
.home-hero__status-value.is-online { color:#70bb65; }.home-hero__status-value.is-online i { background:#5ecb52; }
.home-hero__status-value.is-partial { color:#d6a04b; }.home-hero__status-value.is-partial i { background:#d6a04b; }
.home-hero__players { display:flex; align-items:baseline; gap:8px; margin:19px 0; padding:13px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.home-hero__players strong { color:#e2a25c; font-size:25px; }.home-hero__players span { color:#81766c; font-size:10px; line-height:1.25; }
.home-hero__status nav { display:grid; gap:7px; }.home-hero__status nav a { color:#b5a38d; font-size:11px; }.home-hero__status nav a::after { content:" ›"; color:#c87831; }
.home-hero .launch-countdown { margin:13px auto 3px; }
.home-hero .launch-countdown>div { min-width:64px; padding:7px 10px; }
.home-hero__opened { color:#e6b66e!important; font-weight:bold; animation:launchOpened 1.6s ease-in-out infinite alternate; }
@keyframes homeHeroSweep { 0%,18%{transform:translateX(-70%);opacity:0} 48%{opacity:.32} 78%,100%{transform:translateX(75%);opacity:0} }

@media (max-width:760px) {
  .home-hero { grid-template-columns:1fr; min-height:0; padding:22px 17px; }
  .home-hero__logo { width:min(440px,100%); margin:-12px auto -5px; }
  .home-hero h1 { font-size:23px; }
  .home-hero__status { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }
  .home-hero__status-label,.home-hero__players { grid-column:1/-1; }
  .home-hero__status nav { align-self:center; }
}
@media (max-width:430px) {
  .home-hero { padding:18px 12px; }
  .home-hero h1 { font-size:20px; }
  .home-hero__status { grid-template-columns:1fr; }
  .home-hero__status-label,.home-hero__players { grid-column:auto; }
  .home-hero__button { width:100%; }
}

/* Conteúdo editorial modernizado */
.home-news { display:grid; gap:16px; }
.home-news .home-news-card { position:relative; margin:0; padding:22px 24px; border:1px solid rgba(194,132,67,.2); border-radius:5px; background:linear-gradient(145deg,rgba(28,23,19,.93),rgba(8,8,9,.9)); box-shadow:0 12px 28px rgba(0,0,0,.28); }
.home-news .home-news-card--featured { border-color:rgba(211,133,57,.48); box-shadow:0 14px 34px rgba(0,0,0,.35),inset 3px 0 #a95c25; }
.home-news .home-news-card .title { margin:5px 0 2px!important; font-size:23px; }
.home-news-badge,.video-featured-label,.videos-eyebrow { display:inline-block; color:#df9146; font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.home-news .meta { margin:4px 0 13px; color:#756b62; font-size:10px; }
.home-news .content { color:#b4a99e; line-height:1.7; }

.server-info-page>.content { line-height:1.7; }
.server-info-page>.content>p:first-of-type { margin:0 0 20px; padding:18px 20px; border-left:3px solid #b76627; background:linear-gradient(90deg,rgba(133,69,28,.18),transparent); color:#cfc0af; font-size:14px; }
.server-info-page .zebra { display:table; width:100%; margin:14px 0 25px; overflow:hidden; border:1px solid rgba(196,128,62,.2); border-radius:4px; background:rgba(6,6,7,.48); }
.server-info-page h3 { margin-top:30px; padding:11px 14px; border-left:3px solid #b96d2f; background:linear-gradient(90deg,rgba(130,69,29,.18),transparent); color:#d58a43!important; font-size:18px; }
.server-info-page ul:first-of-type { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 24px; padding:12px; list-style:none; border:1px solid rgba(255,255,255,.055); background:rgba(0,0,0,.23); }
.server-info-page ul:first-of-type li { margin:0; }.server-info-page ul:first-of-type a { display:block; padding:6px 9px; border:1px solid rgba(184,112,48,.2); color:#bdaa94; background:rgba(27,20,15,.65); }
.download-maintenance { margin:22px 0; padding:25px; border:1px solid rgba(205,132,61,.35); background:linear-gradient(145deg,rgba(42,29,19,.72),rgba(8,8,9,.85)); text-align:center; }
.download-maintenance h3 { color:#de9148; }
.video-card--featured { border-color:rgba(218,140,62,.62); box-shadow:0 12px 30px rgba(136,65,17,.22); }
.sidebar-captcha-label { display:block; margin:7px 0 3px; color:#b7946d; font-size:10px; }

@media (max-width:600px) {
  .home-news .home-news-card { padding:18px 15px; }
  .server-info-page .zebra { display:block; overflow-x:auto; }
  .server-info-page ul:first-of-type { display:grid; grid-template-columns:1fr 1fr; }
}

/* Hero refinado: composição aberta e integrada ao cenário do template. */
.home-hero {
  display:block;
  min-height:340px;
  margin:-8px 0 26px;
  padding:18px 30px 62px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 50% 40%,rgba(180,103,39,.16),transparent 42%),
    radial-gradient(ellipse at 50% 78%,rgba(0,0,0,.58),transparent 67%);
  box-shadow:none;
}
.home-hero::before {
  inset:0 10%;
  opacity:.18;
  background:linear-gradient(105deg,transparent 0 48%,rgba(239,147,57,.09) 50%,transparent 52%);
}
.home-hero::after {
  right:10%;
  left:10%;
  bottom:45px;
  background:linear-gradient(90deg,transparent,rgba(179,102,40,.48),transparent);
}
.home-hero__glow { width:420px; height:190px; top:42%; left:50%; opacity:.7; }
.home-hero__main { max-width:720px; margin:0 auto; }
.home-hero__logo { width:min(460px,82%); margin:-14px auto -13px; }
.home-hero__eyebrow { font-size:9px; letter-spacing:.3em; }
.home-hero h1 { margin:8px auto 5px; font-size:25px; }
.home-hero__main>p { margin-bottom:10px; font-size:13px; }
.home-hero .launch-countdown { gap:0; margin:8px auto 1px; }
.home-hero .launch-countdown>div {
  min-width:62px;
  padding:5px 16px;
  border:0;
  border-right:1px solid rgba(174,100,42,.35);
  background:transparent;
  box-shadow:none;
}
.home-hero .launch-countdown>div:last-child { border-right:0; }
.home-hero .launch-countdown strong { font-size:27px; }
.home-hero .launch-countdown span { font-size:8px; }
.home-hero__actions { margin-top:10px; }
.home-hero__button { min-width:132px; padding:9px 16px; background:rgba(10,8,7,.42); }
.home-hero__button--primary { background:linear-gradient(180deg,rgba(174,86,29,.92),rgba(105,48,16,.94)); }
.home-hero__status {
  position:absolute;
  right:7%;
  bottom:13px;
  left:7%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:34px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}
.home-hero__status-label { display:none; }
.home-hero__status-value { font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.home-hero__status-value i { width:6px; height:6px; }
.home-hero__players { gap:5px; margin:0; padding:0 22px; border:0; border-right:1px solid rgba(255,255,255,.08); border-left:1px solid rgba(255,255,255,.08); }
.home-hero__players strong { font-size:16px; }.home-hero__players span { font-size:9px; }
.home-hero__status nav { display:flex; gap:18px; }.home-hero__status nav a { font-size:9px; text-transform:uppercase; letter-spacing:.06em; }

@media (max-width:760px) {
  .home-hero { display:block; min-height:0; padding:14px 14px 96px; }
  .home-hero__logo { width:min(430px,94%); }
  .home-hero__status { right:10px; bottom:12px; left:10px; display:flex; flex-wrap:wrap; gap:9px 15px; }
  .home-hero__players { grid-column:auto; padding:0 12px; }
  .home-hero__status nav { display:flex; gap:12px; }
}
@media (max-width:430px) {
  .home-hero { padding:12px 8px 112px; }
  .home-hero h1 { font-size:20px; }
  .home-hero .launch-countdown>div { min-width:48px; padding:4px 8px; }
  .home-hero .launch-countdown strong { font-size:22px; }
  .home-hero__actions { padding:0 18px; }
  .home-hero__button { width:auto; min-width:125px; }
  .home-hero__status nav { width:100%; justify-content:center; }
}
@media (max-width:700px) { .launch-hero { min-height:0; margin:-4px 0 18px; } .launch-hero__content { padding:23px 7px 22px; } .launch-hero h1 { font-size:24px; letter-spacing:.04em; } .launch-countdown > div { width:25%; padding:5px 2px 7px; } .launch-countdown strong { font-size:25px; } .launch-hero__content > p { font-size:12px; } }

/* Card de população inspirado em servidores modernos, usando dados reais do L2 nuLL. */
.server-population-card {
  position:absolute;
  z-index:4;
  top:34px;
  left:calc((100vw - 980px) / -2 + 55px);
  width:285px;
  height:57px;
  padding:15px 12px 7px;
  box-sizing:border-box;
  border:1px solid #29231e;
  border-radius:5px;
  background:linear-gradient(105deg,#100e0c,#090908 72%);
  box-shadow:0 8px 22px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.025);
  text-align:left;
}
.server-population-card__state { position:absolute; top:0; left:0; padding:2px 7px 2px 5px; border-radius:4px 0 3px 0; color:#160f0a; background:#8b3a31; font:bold 7px/1.25 Arial,sans-serif; letter-spacing:.03em; text-transform:uppercase; }
.server-population-card.is-online .server-population-card__state { color:#052004; background:#42d43d; box-shadow:0 0 8px rgba(62,218,56,.22); }
.server-population-card.is-partial .server-population-card__state { color:#251605; background:#d99d38; }
.server-population-card__body { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.server-population-card__name { color:#d8cbbb; font:700 15px/1 Georgia,serif; font-variant:small-caps; letter-spacing:.015em; text-shadow:0 1px #000; }
.server-population-card__name span { color:#b5a592; }
.server-population-card__players { display:flex; align-items:center; flex:none; gap:7px; text-align:right; }
.server-population-card__players strong { color:#d98c3d; font:bold 24px/.9 Arial,sans-serif; text-shadow:0 0 8px rgba(211,118,42,.18); }
.server-population-card.is-online .server-population-card__players strong { color:#43e23d; text-shadow:0 0 8px rgba(61,226,55,.2); }
.server-population-card__players span { color:#71675e; font:bold 7px/1.05 Arial,sans-serif; letter-spacing:.02em; }
.server-population-card__bar { height:5px; margin-top:7px; overflow:hidden; border-radius:3px; background:#25301f; }
.server-population-card__bar i { display:block; width:74%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#784326,#cb7937); }
.server-population-card.is-online .server-population-card__bar i { background:linear-gradient(90deg,#468b3f,#42dc3e); box-shadow:0 0 7px rgba(66,218,62,.35); animation:serverPopulationBar 2.4s ease-in-out infinite alternate; }
@keyframes serverPopulationPulse { 50% { opacity:.55; transform:scale(.8); } }
@keyframes serverPopulationBar { to { filter:brightness(1.18); } }

/* O antigo status inferior foi substituído pelo card de jogadores. */
.home-hero__status { display:none!important; }

@media (max-width:1350px) {
  .server-population-card { top:10px; left:10px; width:260px; }
  .home-hero__main { padding-top:48px; }
}
@media (max-width:760px) {
  .home-hero { padding-bottom:22px; }
  .home-hero__main { padding:0; }
  .server-population-card { position:relative; top:auto; left:auto; width:min(285px,92%); margin:8px auto 0; }
}

/* Informações do servidor: linguagem visual clássica com hierarquia moderna. */
.server-info-page { --info-gold:#c97935; --info-gold-light:#e5a45e; --info-line:rgba(190,117,51,.25); }
.l2-features-header { position:relative; padding:48px 20px 27px; overflow:hidden; text-align:center; }
.l2-features-header::before { content:""; position:absolute; top:17px; left:50%; width:280px; height:90px; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(190,105,39,.15),transparent 70%); pointer-events:none; }
.l2-features-header::after { content:""; display:block; width:160px; height:1px; margin:17px auto 0; background:linear-gradient(90deg,transparent,var(--info-gold),transparent); }
.l2-features-kicker { display:block; color:#ae6b35; font-size:8px; letter-spacing:.28em; text-transform:uppercase; }
.l2-features-page-title { position:relative; margin:6px auto 4px!important; color:#e1d5c6!important; font-size:29px!important; text-align:center!important; text-shadow:0 2px 2px #000,0 0 17px rgba(197,111,43,.2); }
.l2-features-header>p { margin:0; color:#746c64; font-size:11px; }
.server-info-page>.content { color:#a99e92; line-height:1.65; }
.features-nav { position:sticky; z-index:5; top:0; display:flex; gap:4px; margin:0 0 27px; padding:7px; overflow-x:auto; border:1px solid rgba(255,255,255,.055); background:rgba(7,7,8,.94); box-shadow:0 8px 18px rgba(0,0,0,.28); scrollbar-width:thin; }
.features-nav a { flex:1 0 auto; padding:7px 8px; color:#8e8174!important; font-size:8px; letter-spacing:.07em; text-align:center; text-transform:uppercase; }
.features-nav a:hover { color:#e1a263!important; background:rgba(166,87,31,.13); text-decoration:none; }
.features-section { scroll-margin-top:55px; margin:0 0 35px; }
.features-section__heading { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.features-section__heading>span { color:rgba(207,130,60,.34); font:25px/1 Georgia,serif; }
.features-section__heading small { display:block; color:#74675c; font-size:7px; letter-spacing:.19em; }
.features-section__heading h2 { margin:1px 0 0!important; color:#d5c8b8!important; font-size:19px!important; font-weight:normal; }
.features-section__heading::after { content:""; flex:1; height:1px; margin-left:7px; background:linear-gradient(90deg,var(--info-line),transparent); }
.rate-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.rate-card { position:relative; min-width:0; padding:15px 7px 13px; overflow:hidden; border:1px solid rgba(184,113,50,.19); background:linear-gradient(145deg,rgba(31,23,17,.88),rgba(8,8,9,.88)); text-align:center; transition:transform .2s,border-color .2s,background .2s; }
.rate-card::before { content:""; position:absolute; top:0; right:20%; left:20%; height:1px; background:var(--info-gold); opacity:.45; }
.rate-card:hover { transform:translateY(-3px); border-color:rgba(205,128,57,.48); background:linear-gradient(145deg,rgba(47,31,19,.9),rgba(9,9,10,.9)); }
.rate-card span { display:block; color:#7e7267; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.rate-card strong { display:block; margin-top:5px; color:var(--info-gold-light); font:24px/1 "UbuntuRegular",sans-serif; }
.enchant-panel { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--info-line); background:linear-gradient(90deg,rgba(36,23,15,.72),rgba(8,8,9,.86)); }
.enchant-panel>div { padding:17px 10px; border-right:1px solid rgba(255,255,255,.055); text-align:center; }
.enchant-panel>div:last-child { border:0; }
.enchant-panel small { display:block; color:#7c7064; font-size:8px; text-transform:uppercase; }
.enchant-panel strong { display:block; margin-top:4px; color:#dca05d; font-size:22px; }
.feature-card-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.feature-card { position:relative; min-height:86px; padding:16px 15px 14px 54px; box-sizing:border-box; border:1px solid rgba(255,255,255,.065); background:linear-gradient(130deg,rgba(23,19,16,.86),rgba(7,7,8,.84)); transition:border-color .2s,transform .2s; }
.feature-card:hover { transform:translateY(-2px); border-color:var(--info-line); }
.feature-card>i { position:absolute; top:18px; left:16px; width:24px; height:24px; border:1px solid rgba(196,119,52,.38); color:#c57a39; font:normal 15px/24px Georgia,serif; text-align:center; transform:rotate(45deg); }
.feature-card>i::first-letter { transform:rotate(-45deg); }
.feature-card h3 { margin:0 0 4px!important; padding:0!important; border:0!important; background:none!important; color:#cdbdab!important; font-size:14px!important; }
.feature-card p { margin:0!important; color:#746c64!important; font-size:10px; line-height:1.45; }
.event-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.event-card { padding:11px 8px; border:1px solid rgba(175,107,48,.17); background:rgba(8,8,9,.68); text-align:center; }
.event-card strong { display:block; color:#ce833f; font-size:16px; }
.event-card span { display:block; margin-top:2px; color:#756b62; font-size:7px; line-height:1.2; text-transform:uppercase; }
.farm-path { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.farm-path::before { content:""; position:absolute; top:50%; left:10%; width:80%; height:1px; background:linear-gradient(90deg,transparent,rgba(197,119,51,.25),transparent); }
.farm-path article { position:relative; min-height:105px; padding:16px 15px 14px 43px; box-sizing:border-box; border:1px solid rgba(190,117,51,.2); background:linear-gradient(145deg,rgba(31,22,16,.9),rgba(8,8,9,.92)); }
.farm-path b { position:absolute; top:17px; left:14px; color:rgba(211,137,69,.42); font:19px Georgia,serif; }
.farm-path small { color:#74665a; font-size:7px; letter-spacing:.13em; }
.farm-path h3 { margin:2px 0 5px!important; padding:0!important; border:0!important; background:none!important; color:#d2c2b0!important; font-size:14px!important; }
.farm-path p { margin:0!important; color:#796f66!important; font-size:10px; line-height:1.45; }
.system-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; }
.system-grid>div { display:flex; align-items:center; gap:8px; min-height:37px; padding:7px 9px; box-sizing:border-box; border:1px solid rgba(255,255,255,.055); background:rgba(8,8,9,.55); }
.system-grid i { flex:none; width:17px; height:17px; border-radius:50%; color:#b86d30; background:rgba(165,84,29,.12); font:normal 9px/17px Arial,sans-serif; text-align:center; }
.system-grid span { color:#968a7e; font-size:9px; line-height:1.25; }
.features-infrastructure { display:flex; align-items:center; gap:0; margin:4px 0 8px; padding:12px 0; border-top:1px solid var(--info-line); border-bottom:1px solid var(--info-line); background:linear-gradient(90deg,transparent,rgba(31,22,16,.45),transparent); }
.features-infrastructure>span { flex:1; padding-left:10px; color:#71665c; font-size:7px; letter-spacing:.15em; }
.features-infrastructure>div { min-width:90px; padding:2px 10px; border-left:1px solid rgba(255,255,255,.06); text-align:center; }
.features-infrastructure strong { display:block; color:#c8894f; font-size:12px; }
.features-infrastructure small { color:#6f665e; font-size:7px; text-transform:uppercase; }

@media (max-width:760px) {
  .l2-features-header { padding-top:30px; }
  .rate-grid { grid-template-columns:repeat(3,1fr); }
  .event-grid { grid-template-columns:repeat(2,1fr); }
  .system-grid { grid-template-columns:1fr 1fr; }
  .features-nav { position:relative; top:auto; }
}
@media (max-width:480px) {
  .l2-features-page-title { font-size:24px!important; }
  .rate-grid { grid-template-columns:1fr 1fr; }
  .rate-card:last-child { grid-column:1/-1; }
  .enchant-panel { grid-template-columns:1fr 1fr; }
  .enchant-panel>div:nth-child(2) { border-right:0; }
  .enchant-panel>div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.055); }
  .feature-card-grid,.farm-path,.system-grid { grid-template-columns:1fr; }
  .features-infrastructure { flex-wrap:wrap; }
  .features-infrastructure>span { width:100%; flex:none; margin-bottom:9px; text-align:center; }
  .features-infrastructure>div { flex:1; min-width:0; }
}

/* Boss status interativo */
.boss-status-page { --boss-gold:#c97b38; --boss-line:rgba(189,115,50,.24); }
.boss-status-header { position:relative; padding:48px 15px 25px; text-align:center; }
.boss-status-header::after { content:""; display:block; width:160px; height:1px; margin:16px auto 0; background:linear-gradient(90deg,transparent,var(--boss-gold),transparent); }
.boss-status-header>span { color:#a86631; font-size:8px; letter-spacing:.27em; text-transform:uppercase; }
.boss-status-header h1 { margin:6px 0 3px!important; color:#ded2c3!important; font-size:29px!important; text-shadow:0 2px 2px #000,0 0 16px rgba(197,105,39,.18); }
.boss-status-header p { margin:0!important; color:#746b63; font-size:11px; }
.boss-server-clock { margin-bottom:13px; padding:9px 12px; border:1px solid rgba(255,255,255,.055); background:rgba(8,8,9,.62); color:#81776e; font-size:9px; text-align:center; }
.boss-server-clock i { display:inline-block; width:5px; height:5px; margin:0 6px 1px 0; border-radius:50%; background:#53c64e; box-shadow:0 0 7px #4bb947; }
.boss-server-clock strong { color:#b99b7b; font-weight:normal; }.boss-server-clock span { color:#5f5852; }
.boss-filters { display:flex; justify-content:center; gap:5px; margin-bottom:27px; }
.boss-filters button { min-width:68px; padding:7px 10px; border:1px solid rgba(184,111,48,.23); color:#786d63; background:rgba(9,8,8,.68); font:8px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.boss-filters button:hover,.boss-filters button.is-active { border-color:rgba(205,126,55,.58); color:#dda162; background:rgba(112,55,21,.28); }
.boss-status-section { margin:0 0 35px; }
.boss-section-title { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.boss-section-title>span { color:rgba(205,128,58,.34); font:25px Georgia,serif; }
.boss-section-title small { display:block; color:#6e635a; font-size:7px; letter-spacing:.18em; }
.boss-section-title h2 { margin:1px 0 0!important; color:#d1c3b2!important; font-size:19px!important; font-weight:normal; }
.boss-section-title::after { content:""; flex:1; height:1px; margin-left:7px; background:linear-gradient(90deg,var(--boss-line),transparent); }
.boss-list { position:relative; display:grid; gap:6px; }
.boss-card { position:relative; overflow:visible; border:1px solid rgba(255,255,255,.065); background:linear-gradient(100deg,rgba(25,21,18,.92),rgba(7,7,8,.93)); outline:0; transition:border-color .2s,background .2s,transform .2s; }
.boss-card:hover,.boss-card:focus-within,.boss-card.is-open { z-index:8; border-color:rgba(198,121,53,.45); background:linear-gradient(100deg,rgba(39,27,18,.96),rgba(8,8,9,.96)); transform:translateX(2px); }
.boss-card__summary { display:grid; grid-template-columns:42px minmax(0,1fr) 150px 25px; align-items:center; gap:8px; min-height:52px; padding:5px 8px; box-sizing:border-box; }
.boss-card__summary>img { width:36px; height:36px; padding:2px; border:1px solid rgba(190,116,51,.22); background:#080808; object-fit:cover; }
.boss-card__identity strong { display:block; overflow:hidden; color:#cbbcab; font-size:12px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.boss-card__identity span { color:#655e57; font-size:8px; }
.boss-card__next { text-align:right; }
.boss-state { display:inline-flex; align-items:center; gap:5px; color:#bd665a; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.boss-state i { width:5px; height:5px; border-radius:50%; background:#a34338; box-shadow:0 0 6px rgba(196,67,55,.55); }
.boss-card--alive .boss-state,.raid-boss-item[data-boss-state="alive"] .boss-state { color:#59c755; }
.boss-card--alive .boss-state i,.raid-boss-item[data-boss-state="alive"] .boss-state i { background:#50d04b; box-shadow:0 0 7px rgba(77,211,72,.65); }
.boss-card__next time { display:block; margin-top:3px; color:#746a61; font-size:8px; }
.boss-card__toggle { width:23px; height:23px; padding:0; border:1px solid rgba(190,116,51,.22); color:#9f6c42; background:rgba(0,0,0,.25); font:15px/21px Arial,sans-serif; cursor:pointer; }
.boss-card__detail { position:absolute; top:calc(100% + 5px); right:7px; display:grid; grid-template-columns:145px 1fr; width:415px; min-height:155px; padding:8px; visibility:hidden; opacity:0; box-sizing:border-box; border:1px solid rgba(202,124,55,.48); background:linear-gradient(120deg,#100d0b,#070708 72%); box-shadow:0 18px 38px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.035); transform:translateY(-5px); transition:opacity .18s,transform .18s,visibility .18s; pointer-events:none; }
.boss-card:hover .boss-card__detail,.boss-card:focus-within .boss-card__detail,.boss-card.is-open .boss-card__detail { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }
.boss-card__portrait { position:relative; min-height:137px; overflow:hidden; background-position:center; background-size:cover; }
.boss-card__portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,3,4,.94),transparent 60%),linear-gradient(90deg,transparent,rgba(7,7,8,.45)); }
.boss-card__portrait.has-icon { display:flex; align-items:center; justify-content:center; background:radial-gradient(circle,rgba(138,78,33,.26),#080808 67%); }
.boss-card__portrait.has-icon>img { width:72px; height:72px; image-rendering:auto; filter:drop-shadow(0 9px 12px #000); }
.boss-card__portrait>span { position:absolute; z-index:1; right:9px; bottom:8px; left:9px; overflow:hidden; color:#e0d1bf; font:13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.boss-card__facts { display:grid; grid-template-columns:1fr 1fr; align-content:center; gap:7px; padding:8px 7px 8px 13px; }
.boss-card__facts>div { min-width:0; padding:7px; border-left:1px solid rgba(192,116,49,.2); background:rgba(255,255,255,.018); }
.boss-card__facts small { display:block; color:#695f56; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }
.boss-card__facts strong { display:block; margin-top:3px; overflow:hidden; color:#af9e8c; font-size:9px; font-weight:normal; line-height:1.25; text-overflow:ellipsis; }
.raid-boss-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.raid-boss-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 10px; min-height:48px; padding:8px 10px; box-sizing:border-box; border:1px solid rgba(255,255,255,.055); background:rgba(8,8,9,.62); }
.raid-boss-item>div strong { display:block; overflow:hidden; color:#a99a89; font-size:10px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.raid-boss-item>div span { color:#5f5851; font-size:8px; }
.raid-boss-item>time { grid-column:1/-1; color:#776b60; font-size:8px; text-align:right; }
[data-boss-state][hidden] { display:none!important; }

@media (max-width:760px) {
  .boss-status-header { padding-top:30px; }
  .boss-card__summary { grid-template-columns:42px minmax(0,1fr) 105px 25px; }
  .boss-card__detail { right:0; left:0; width:100%; }
  .boss-card:hover .boss-card__detail,.boss-card:focus-within .boss-card__detail { visibility:hidden; opacity:0; pointer-events:none; }
  .boss-card.is-open { margin-bottom:165px; }
  .boss-card.is-open .boss-card__detail { visibility:visible; opacity:1; pointer-events:auto; }
}
@media (max-width:480px) {
  .boss-card__summary { grid-template-columns:38px minmax(0,1fr) 25px; }
  .boss-card__next { grid-column:2/3; text-align:left; }
  .boss-card__toggle { grid-column:3; grid-row:1/3; }
  .boss-card__detail { grid-template-columns:112px 1fr; }
  .boss-card__facts { grid-template-columns:1fr; gap:3px; }
  .boss-card__facts>div { padding:4px 6px; }
  .raid-boss-grid { grid-template-columns:1fr; }
}

/* Legibilidade: contraste reforçado nas páginas de Informações e Bosses. */
.server-info-page,.boss-status-page { color:#c5b9ac; }
.l2-features-header>p,.boss-status-header p { color:#a99d91; font-size:12px; }
.l2-features-kicker,.boss-status-header>span,.features-section__heading small,.boss-section-title small { color:#c3844c; font-size:9px; }
.features-nav a { color:#b5a89b!important; font-size:9px; font-weight:bold; }
.features-section__heading h2,.boss-section-title h2 { color:#eee1d1!important; font-size:20px!important; text-shadow:0 1px 2px #000; }
.features-section__heading>span,.boss-section-title>span { color:#b66f34; }
.rate-card span,.enchant-panel small { color:#afa296; font-size:9px; }
.rate-card strong,.enchant-panel strong { color:#efad65; text-shadow:0 1px 4px #000; }
.feature-card h3,.farm-path h3 { color:#e0d1c0!important; font-size:15px!important; }
.feature-card p,.farm-path p { color:#aaa096!important; font-size:11px; }
.event-card span { color:#a99d91; font-size:8px; }
.system-grid span { color:#b7aa9d; font-size:10px; }
.features-infrastructure>span { color:#a99b8d; font-size:8px; }
.features-infrastructure strong { color:#e0a164; font-size:13px; }
.features-infrastructure small { color:#a19589; font-size:8px; }

.boss-server-clock { color:#b4a89d; font-size:10px; }
.boss-server-clock strong { color:#ddbb96; }
.boss-server-clock span { color:#9b9085; }
.boss-filters button { color:#b8aa9c; font-size:9px; }
.boss-filters button:hover,.boss-filters button.is-active { color:#f0b271; }
.boss-card__identity strong { color:#e5d3bf; font-size:13px; text-shadow:0 1px 2px #000; }
.boss-card__identity span { color:#a09488; font-size:9px; }
.boss-state { font-size:9px; font-weight:bold; }
.boss-card__next time { color:#aaa095; font-size:9px; }
.boss-card__facts small { color:#a8998b; font-size:8px; }
.boss-card__facts strong { color:#d5c4b1; font-size:10px; }
.raid-boss-item>div strong { color:#d6c6b5; font-size:11px; }
.raid-boss-item>div span,.raid-boss-item>time { color:#a3978b; font-size:9px; }

@media (max-width:480px) {
  .features-nav a { font-size:9px; }
  .boss-card__identity strong { font-size:12px; }
  .boss-card__identity span,.boss-card__next time { font-size:9px; }
}

/* Castelos interativos no mesmo sistema visual dos bosses. */
.castle-filter-bar { display:flex; justify-content:center; gap:5px; margin:0 0 27px; }
.castle-filter-bar button { min-width:68px; padding:7px 10px; border:1px solid rgba(184,111,48,.23); color:#b8aa9c; background:rgba(9,8,8,.68); font:9px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.castle-filter-bar button:hover,.castle-filter-bar button.is-active { border-color:rgba(208,128,56,.62); color:#f0b271; background:rgba(112,55,21,.3); }
.castle-hover-list { position:relative; display:grid; gap:7px; padding-bottom:15px; }
.castle-hover-card { position:relative; overflow:visible; border:1px solid rgba(255,255,255,.07); background:linear-gradient(100deg,rgba(25,21,18,.94),rgba(7,7,8,.95)); outline:0; transition:border-color .2s,background .2s,transform .2s; }
.castle-hover-card:hover,.castle-hover-card:focus-within,.castle-hover-card.is-open { z-index:9; border-color:rgba(199,121,52,.5); background:linear-gradient(100deg,rgba(41,28,18,.97),rgba(8,8,9,.97)); transform:translateX(2px); }
.castle-hover-card.is-soon { border-left:2px solid #c87131; }
.castle-hover-card__summary { display:grid; grid-template-columns:62px minmax(90px,1fr) 145px 115px 25px; align-items:center; gap:9px; min-height:58px; padding:5px 8px; box-sizing:border-box; }
.castle-hover-card__summary>img { width:58px; height:42px; border:1px solid rgba(193,116,49,.26); object-fit:cover; }
.castle-hover-card__identity strong { display:block; overflow:hidden; color:#e1d0bc; font:13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.castle-hover-card__identity span { color:#9e9185; font-size:9px; }
.castle-hover-card__owner,.castle-hover-card__siege { min-width:0; }
.castle-hover-card__owner small,.castle-hover-card__siege small { display:block; color:#9c8e81; font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.castle-hover-card__owner strong { display:block; overflow:hidden; color:#d6c2ad; font-size:10px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.castle-hover-card__siege time { color:#d19760; font-size:9px; }
.castle-hover-card.is-soon .castle-hover-card__siege time { color:#e58c47; text-shadow:0 0 7px rgba(225,112,41,.25); }
.castle-hover-card__toggle { width:23px; height:23px; padding:0; border:1px solid rgba(190,116,51,.3); color:#b77b48; background:rgba(0,0,0,.25); font:15px/21px Arial,sans-serif; cursor:pointer; }
.castle-hover-card__detail { position:absolute; top:calc(100% + 5px); right:7px; display:grid; grid-template-columns:175px 1fr; width:520px; min-height:205px; padding:8px; visibility:hidden; opacity:0; box-sizing:border-box; border:1px solid rgba(202,124,55,.5); background:linear-gradient(120deg,#100d0b,#070708 72%); box-shadow:0 20px 42px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.04); transform:translateY(-5px); transition:opacity .18s,transform .18s,visibility .18s; pointer-events:none; }
.castle-hover-card:hover .castle-hover-card__detail,.castle-hover-card:focus-within .castle-hover-card__detail,.castle-hover-card.is-open .castle-hover-card__detail { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }
.castle-hover-card__image { position:relative; grid-row:1/3; min-height:187px; overflow:hidden; background-position:center; background-size:cover; }
.castle-hover-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,3,4,.92),transparent 65%); }
.castle-hover-card__image span { position:absolute; z-index:1; right:10px; bottom:9px; left:10px; color:#ead8c2; font:14px Georgia,serif; text-shadow:0 2px 2px #000; }
.castle-hover-card__facts { display:grid; grid-template-columns:repeat(3,1fr); align-content:start; gap:5px; padding:4px 5px 5px 11px; }
.castle-hover-card__facts>div { min-width:0; padding:6px; border-left:1px solid rgba(190,114,48,.2); background:rgba(255,255,255,.018); }
.castle-hover-card__facts small { display:block; color:#a39282; font-size:8px; text-transform:uppercase; }
.castle-hover-card__facts strong { display:block; margin-top:3px; overflow:hidden; color:#d3c1ae; font-size:10px; font-weight:normal; text-overflow:ellipsis; }
.castle-hover-card__armies { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:3px 5px 4px 11px; }
.castle-hover-card__armies>div { min-width:0; max-height:72px; padding:7px; overflow:auto; border:1px solid rgba(255,255,255,.055); background:rgba(0,0,0,.2); }
.castle-hover-card__armies small { display:block; margin-bottom:5px; color:#b09f8e; font-size:8px; text-transform:uppercase; }
.castle-hover-card__armies small b { float:right; padding:1px 5px; border-radius:7px; color:#eee; background:#583020; }
.castle-hover-card__armies .is-attacker small { color:#d68168; }.castle-hover-card__armies .is-attacker small b { background:#6e3027; }
.castle-hover-card__armies .is-defender small { color:#7fa5c2; }.castle-hover-card__armies .is-defender small b { background:#29485c; }
.castle-hover-card__armies p { margin:0!important; color:#b9ab9e!important; font-size:9px; line-height:1.55; }
.castle-hover-card .l2-crest-full { width:16px; height:12px; max-width:none; margin:0 7px 0 0; padding:2px; border:1px solid rgba(201,123,56,.24); background:#050505; object-fit:contain; image-rendering:pixelated; image-rendering:crisp-edges; }
.castle-hover-card .l2-crest-mini { width:16px; height:12px; margin-right:5px; object-fit:contain; image-rendering:pixelated; }
.castle-hover-card__owner strong,.castle-hover-card__facts strong { display:flex; align-items:center; }
[data-castle-state][hidden] { display:none!important; }

@media (max-width:760px) {
  .castle-hover-card__summary { grid-template-columns:62px minmax(0,1fr) 110px 25px; }
  .castle-hover-card__owner { display:none; }
  .castle-hover-card__detail { right:0; left:0; width:100%; }
  .castle-hover-card:hover .castle-hover-card__detail,.castle-hover-card:focus-within .castle-hover-card__detail { visibility:hidden; opacity:0; pointer-events:none; }
  .castle-hover-card.is-open { margin-bottom:215px; }
  .castle-hover-card.is-open .castle-hover-card__detail { visibility:visible; opacity:1; pointer-events:auto; }
}
@media (max-width:480px) {
  .castle-filter-bar { overflow-x:auto; justify-content:flex-start; }
  .castle-hover-card__summary { grid-template-columns:58px minmax(0,1fr) 25px; }
  .castle-hover-card__siege { grid-column:2; }
  .castle-hover-card__toggle { grid-column:3; grid-row:1/3; }
  .castle-hover-card__detail { grid-template-columns:118px 1fr; }
  .castle-hover-card__facts { grid-template-columns:1fr 1fr; }
  .castle-hover-card__armies { grid-column:1/-1; }
  .castle-hover-card.is-open { margin-bottom:280px; }
}

/* Fortalezas: mesma hierarquia de bosses e castelos. */
.fortress-filter-bar { display:flex; justify-content:center; gap:5px; margin:0 0 27px; }
.fortress-filter-bar button { min-width:68px; padding:7px 10px; border:1px solid rgba(184,111,48,.23); color:#b8aa9c; background:rgba(9,8,8,.68); font:9px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.fortress-filter-bar button:hover,.fortress-filter-bar button.is-active { border-color:rgba(208,128,56,.62); color:#f0b271; background:rgba(112,55,21,.3); }
.fortress-hover-list { position:relative; display:grid; gap:7px; padding-bottom:15px; }
.fortress-hover-card { position:relative; overflow:visible; border:1px solid rgba(255,255,255,.07); background:linear-gradient(100deg,rgba(25,21,18,.94),rgba(7,7,8,.95)); outline:0; transition:border-color .2s,background .2s,transform .2s; }
.fortress-hover-card:hover,.fortress-hover-card:focus-within,.fortress-hover-card.is-open { z-index:9; border-color:rgba(199,121,52,.5); background:linear-gradient(100deg,rgba(41,28,18,.97),rgba(8,8,9,.97)); transform:translateX(2px); }
.fortress-hover-card.is-soon { border-left:2px solid #c87131; }
.fortress-hover-card__summary { display:grid; grid-template-columns:62px minmax(90px,1fr) 135px 112px 25px; align-items:center; gap:9px; min-height:58px; padding:5px 8px; box-sizing:border-box; }
.fortress-hover-card__summary>img { width:58px; height:42px; border:1px solid rgba(193,116,49,.26); object-fit:cover; }
.fortress-hover-card__identity strong { display:block; overflow:hidden; color:#e1d0bc; font:13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.fortress-hover-card__identity span { color:#9e9185; font-size:9px; }
.fortress-hover-card__owner,.fortress-hover-card__siege { min-width:0; }
.fortress-hover-card__owner small,.fortress-hover-card__siege small { display:block; color:#9c8e81; font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.fortress-hover-card__owner strong { display:block; overflow:hidden; color:#d6c2ad; font-size:10px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.fortress-hover-card__siege time { color:#d19760; font-size:9px; }
.fortress-hover-card.is-soon .fortress-hover-card__siege time { color:#e58c47; text-shadow:0 0 7px rgba(225,112,41,.25); }
.fortress-hover-card__toggle { width:23px; height:23px; padding:0; border:1px solid rgba(190,116,51,.3); color:#b77b48; background:rgba(0,0,0,.25); font:15px/21px Arial,sans-serif; cursor:pointer; }
.fortress-hover-card__detail { position:absolute; top:calc(100% + 5px); right:7px; display:grid; grid-template-columns:175px 1fr; width:520px; min-height:210px; padding:8px; visibility:hidden; opacity:0; box-sizing:border-box; border:1px solid rgba(202,124,55,.5); background:linear-gradient(120deg,#100d0b,#070708 72%); box-shadow:0 20px 42px rgba(0,0,0,.75); transform:translateY(-5px); transition:opacity .18s,transform .18s,visibility .18s; pointer-events:none; }
.fortress-hover-card:hover .fortress-hover-card__detail,.fortress-hover-card:focus-within .fortress-hover-card__detail,.fortress-hover-card.is-open .fortress-hover-card__detail { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }
.fortress-hover-card__image { position:relative; grid-row:1/3; min-height:192px; overflow:hidden; background-position:center; background-size:cover; }
.fortress-hover-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,3,4,.92),transparent 65%); }
.fortress-hover-card__image span { position:absolute; z-index:1; right:10px; bottom:9px; left:10px; color:#ead8c2; font:14px Georgia,serif; text-shadow:0 2px 2px #000; }
.fortress-hover-card__facts { display:grid; grid-template-columns:repeat(3,1fr); align-content:start; gap:5px; padding:4px 5px 5px 11px; }
.fortress-hover-card__facts>div { min-width:0; padding:6px; border-left:1px solid rgba(190,114,48,.2); background:rgba(255,255,255,.018); }
.fortress-hover-card__facts small { display:block; color:#a39282; font-size:8px; text-transform:uppercase; }
.fortress-hover-card__facts strong { display:block; margin-top:3px; overflow:hidden; color:#d3c1ae; font-size:10px; font-weight:normal; text-overflow:ellipsis; }
.fortress-hover-card__registrations { margin:3px 5px 4px 11px; padding:8px; overflow:auto; border:1px solid rgba(255,255,255,.055); background:rgba(0,0,0,.2); }
.fortress-hover-card__registrations small { display:block; margin-bottom:5px; color:#d08a53; font-size:8px; text-transform:uppercase; }
.fortress-hover-card__registrations small b { float:right; padding:1px 5px; border-radius:7px; color:#eee; background:#623820; }
.fortress-hover-card__registrations p { margin:0!important; color:#b9ab9e!important; font-size:9px; line-height:1.5; }
[data-fortress-state][hidden] { display:none!important; }
@media (max-width:760px) {
  .fortress-hover-card__summary { grid-template-columns:62px minmax(0,1fr) 110px 25px; }
  .fortress-hover-card__owner { display:none; }
  .fortress-hover-card__detail { right:0; left:0; width:100%; }
  .fortress-hover-card:hover .fortress-hover-card__detail,.fortress-hover-card:focus-within .fortress-hover-card__detail { visibility:hidden; opacity:0; pointer-events:none; }
  .fortress-hover-card.is-open { margin-bottom:220px; }
  .fortress-hover-card.is-open .fortress-hover-card__detail { visibility:visible; opacity:1; pointer-events:auto; }
}
@media (max-width:480px) {
  .fortress-filter-bar { overflow-x:auto; justify-content:flex-start; }
  .fortress-hover-card__summary { grid-template-columns:58px minmax(0,1fr) 25px; }
  .fortress-hover-card__siege { grid-column:2; }
  .fortress-hover-card__toggle { grid-column:3; grid-row:1/3; }
  .fortress-hover-card__detail { grid-template-columns:118px 1fr; }
  .fortress-hover-card__facts { grid-template-columns:1fr 1fr; }
  .fortress-hover-card__registrations { grid-column:1/-1; }
  .fortress-hover-card.is-open { margin-bottom:285px; }
}

/* Territórios: cards interativos e wards em destaque. */
.territory-filter-bar { display:flex; justify-content:center; gap:5px; margin:0 0 27px; }
.territory-filter-bar button { min-width:68px; padding:7px 10px; border:1px solid rgba(184,111,48,.23); color:#b8aa9c; background:rgba(9,8,8,.68); font:9px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.territory-filter-bar button:hover,.territory-filter-bar button.is-active { border-color:rgba(208,128,56,.62); color:#f0b271; background:rgba(112,55,21,.3); }
.territory-hover-list { position:relative; display:grid; gap:7px; padding-bottom:15px; }
.territory-hover-card { position:relative; overflow:visible; border:1px solid rgba(255,255,255,.07); background:linear-gradient(100deg,rgba(25,21,18,.94),rgba(7,7,8,.95)); outline:0; transition:border-color .2s,background .2s,transform .2s; }
.territory-hover-card:hover,.territory-hover-card:focus-within,.territory-hover-card.is-open { z-index:9; border-color:rgba(199,121,52,.5); background:linear-gradient(100deg,rgba(41,28,18,.97),rgba(8,8,9,.97)); transform:translateX(2px); }
.territory-hover-card.is-soon { border-left:2px solid #c87131; }
.territory-hover-card__summary { display:grid; grid-template-columns:62px minmax(85px,1fr) 115px 45px 105px 25px; align-items:center; gap:9px; min-height:58px; padding:5px 8px; box-sizing:border-box; }
.territory-hover-card__summary>img { width:58px; height:42px; border:1px solid rgba(193,116,49,.26); object-fit:cover; }
.territory-hover-card__identity strong { display:block; overflow:hidden; color:#e1d0bc; font:13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.territory-hover-card__identity span { color:#9e9185; font-size:9px; }
.territory-hover-card__owner,.territory-hover-card__war { min-width:0; }
.territory-hover-card__owner small,.territory-hover-card__wards small,.territory-hover-card__war small { display:block; color:#9c8e81; font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.territory-hover-card__owner strong { display:block; overflow:hidden; color:#d6c2ad; font-size:10px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; }
.territory-hover-card__wards { text-align:center; }.territory-hover-card__wards strong { color:#d99958; font-size:15px; }
.territory-hover-card__war time { color:#d19760; font-size:9px; }.territory-hover-card.is-soon .territory-hover-card__war time { color:#e58c47; }
.territory-hover-card__toggle { width:23px; height:23px; padding:0; border:1px solid rgba(190,116,51,.3); color:#b77b48; background:rgba(0,0,0,.25); font:15px/21px Arial,sans-serif; cursor:pointer; }
.territory-hover-card__detail { position:absolute; top:calc(100% + 5px); right:7px; display:grid; grid-template-columns:175px 1fr; width:520px; min-height:220px; padding:8px; visibility:hidden; opacity:0; box-sizing:border-box; border:1px solid rgba(202,124,55,.5); background:linear-gradient(120deg,#100d0b,#070708 72%); box-shadow:0 20px 42px rgba(0,0,0,.75); transform:translateY(-5px); transition:opacity .18s,transform .18s,visibility .18s; pointer-events:none; }
.territory-hover-card:hover .territory-hover-card__detail,.territory-hover-card:focus-within .territory-hover-card__detail,.territory-hover-card.is-open .territory-hover-card__detail { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }
.territory-hover-card__image { position:relative; grid-row:1/3; min-height:202px; overflow:hidden; background-position:center; background-size:cover; }
.territory-hover-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,3,4,.92),transparent 65%); }
.territory-hover-card__image span { position:absolute; z-index:1; right:10px; bottom:9px; left:10px; color:#ead8c2; font:14px Georgia,serif; text-shadow:0 2px 2px #000; }
.territory-hover-card__facts { display:grid; grid-template-columns:repeat(3,1fr); align-content:start; gap:5px; padding:4px 5px 5px 11px; }
.territory-hover-card__facts>div { min-width:0; padding:6px; border-left:1px solid rgba(190,114,48,.2); background:rgba(255,255,255,.018); }
.territory-hover-card__facts small { display:block; color:#a39282; font-size:8px; text-transform:uppercase; }
.territory-hover-card__facts strong { display:block; margin-top:3px; overflow:hidden; color:#d3c1ae; font-size:10px; font-weight:normal; text-overflow:ellipsis; }
.territory-hover-card__facts .territory-hover-card__next { grid-column:span 2; }
.territory-hover-card__ward-list { margin:3px 5px 4px 11px; padding:7px; border:1px solid rgba(255,255,255,.055); background:rgba(0,0,0,.2); }
.territory-hover-card__ward-list>small { display:block; color:#d08a53; font-size:8px; text-transform:uppercase; }.territory-hover-card__ward-list>small b { float:right; }
.territory-hover-card__ward-list>div { display:flex; align-items:center; gap:5px; margin-top:6px; overflow-x:auto; color:#a99c8f; font-size:9px; }
.territory-hover-card__ward-list figure { flex:none; margin:0; text-align:center; }.territory-hover-card__ward-list img { display:block; width:32px; height:32px; border:1px solid rgba(198,120,52,.24); object-fit:cover; }.territory-hover-card__ward-list figcaption { margin-top:2px; color:#8f8174; font-size:7px; }
[data-territory-state][hidden] { display:none!important; }
@media(max-width:760px){.territory-hover-card__summary{grid-template-columns:62px minmax(0,1fr) 45px 105px 25px}.territory-hover-card__owner{display:none}.territory-hover-card__detail{right:0;left:0;width:100%}.territory-hover-card:hover .territory-hover-card__detail,.territory-hover-card:focus-within .territory-hover-card__detail{visibility:hidden;opacity:0;pointer-events:none}.territory-hover-card.is-open{margin-bottom:230px}.territory-hover-card.is-open .territory-hover-card__detail{visibility:visible;opacity:1;pointer-events:auto}}
@media(max-width:480px){.territory-filter-bar{overflow-x:auto;justify-content:flex-start}.territory-hover-card__summary{grid-template-columns:58px minmax(0,1fr) 38px 25px}.territory-hover-card__war{grid-column:2}.territory-hover-card__toggle{grid-column:4;grid-row:1/3}.territory-hover-card__detail{grid-template-columns:118px 1fr}.territory-hover-card__facts{grid-template-columns:1fr 1fr}.territory-hover-card__ward-list{grid-column:1/-1}.territory-hover-card.is-open{margin-bottom:300px}}

/* Páginas internas: padrão visual compartilhado para rankings, formulários e downloads. */
.l2-modern-page {
  --l2-gold: #e68a2e;
  --l2-gold-soft: #ffbd69;
  --l2-line: rgba(224, 125, 31, .32);
  --l2-panel: rgba(7, 7, 7, .84);
  color: #d9d1c6;
}
.l2-modern-page > header,
.l2-modern-page .l2-olymp-header,
.l2-modern-page .l2-account-header,
.l2-modern-page .l2-downloads-header {
  position: relative;
  margin: 0 0 30px;
  padding: 34px 28px 28px;
  border-bottom: 1px solid var(--l2-line);
  text-align: center;
  background: radial-gradient(circle at 50% 100%, rgba(188, 86, 21, .13), transparent 57%);
}
.l2-modern-page > header:after,
.l2-modern-page .l2-olymp-header:after,
.l2-modern-page .l2-account-header:after,
.l2-modern-page .l2-downloads-header:after {
  content: "";
  position: absolute;
  left: 50%; bottom: -1px;
  width: 92px; height: 1px;
  transform: translateX(-50%);
  background: var(--l2-gold);
  box-shadow: 0 0 12px rgba(230, 138, 46, .65);
}
.l2-modern-page .title,
.l2-modern-page .videos-heading h1 {
  margin: 5px 0 8px !important;
  color: #f2e9dd !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.2;
  text-shadow: 0 2px 3px #000;
}
.l2-page-eyebrow,
.l2-modern-page .l2-olymp-kicker,
.l2-modern-page .l2-account-kicker,
.l2-modern-page .l2-downloads-kicker {
  margin: 0 !important;
  color: var(--l2-gold) !important;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.l2-page-lead,
.l2-modern-page .l2-olymp-subtitle,
.l2-modern-page .l2-account-subtitle,
.l2-modern-page .l2-downloads-subtitle,
.l2-modern-page .videos-heading p {
  margin: 0 auto !important;
  max-width: 590px;
  color: #c9b9a8 !important;
  font-size: 13px;
  line-height: 1.65;
}
.l2-modern-page .box-info,
.l2-modern-page .l2-olymp-clock {
  margin: 0 0 24px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(0,0,0,.58) !important;
  color: #c9b9a8 !important;
  font-size: 11px !important;
  box-shadow: inset 3px 0 var(--l2-gold);
}
.l2-ranking-page .content > h3 {
  margin: 28px 0 12px;
  color: var(--l2-gold-soft);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: left !important;
}
.l2-modern-page table.zebra,
.l2-modern-page .l2-olymp-table {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(0,0,0,.48);
}
.l2-modern-page table.zebra th,
.l2-modern-page .l2-olymp-table th {
  padding: 13px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--l2-line) !important;
  background: linear-gradient(180deg, rgba(52,44,37,.95), rgba(22,20,18,.95)) !important;
  color: #d9c6b1 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.l2-modern-page table.zebra td,
.l2-modern-page .l2-olymp-table td {
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: rgba(5,5,5,.62) !important;
  color: #cfc5b9 !important;
  transition: background .2s ease, color .2s ease;
}
.l2-modern-page table.zebra tr:hover td,
.l2-modern-page .l2-olymp-table tr:hover td {
  background: rgba(100,49,16,.26) !important;
  color: #fff !important;
}
.l2-modern-page table.zebra tbody tr:nth-child(1) td { background-color: rgba(137,89,25,.18) !important; }
.l2-modern-page table.zebra tbody tr:nth-child(2) td { background-color: rgba(120,120,120,.10) !important; }
.l2-modern-page table.zebra tbody tr:nth-child(3) td { background-color: rgba(112,57,23,.12) !important; }
.l2-modern-page table.zebra td.bold { color: #f3d3a8 !important; }
.l2-modern-page hr.dotted { margin: 28px 0; border-color: rgba(255,255,255,.06); }
.l2-form-page form.box.style,
.l2-form-page .l2-account-form,
.l2-olympiads-page .l2-olymp-panel {
  padding: 24px !important;
  border: 1px solid var(--l2-line) !important;
  background: linear-gradient(135deg, rgba(12,12,12,.94), rgba(27,20,16,.88)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 3px 0 rgba(230,138,46,.75);
}
.l2-form-page form label,
.l2-olympiads-page .l2-olymp-label {
  color: #d6c7b5 !important;
  font-size: 11px !important;
  letter-spacing: .5px;
}
.l2-form-page input[type="text"], .l2-form-page input[type="email"],
.l2-form-page input[type="password"], .l2-form-page select, .l2-form-page textarea,
.l2-olympiads-page .l2-olymp-select {
  min-height: 38px;
  border: 1px solid rgba(230,138,46,.25) !important;
  background: rgba(0,0,0,.62) !important;
  color: #eee4d8 !important;
  box-shadow: inset 0 1px 4px #000;
}
.l2-form-page textarea { min-height: 125px; resize: vertical; }
.l2-account-page #form-register input[type="text"],
.l2-account-page #form-register input[type="email"],
.l2-account-page #form-register input[type="password"] {
  height: 36px !important;
  min-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}
.l2-account-page #form-register select {
  height: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box;
}
.l2-account-page #form-register #pergunta {
  padding: 0 34px 0 11px !important;
  border-color: rgba(195,105,35,.62) !important;
  border-radius: 0 !important;
  background-color: #070707 !important;
  color: #eee1d2 !important;
  box-shadow: inset 0 1px 5px #000;
  color-scheme: dark;
  cursor: pointer;
}
.l2-account-page #form-register #pergunta:hover,
.l2-account-page #form-register #pergunta:focus {
  outline: none;
  border-color: #d77a2b !important;
  background-color: #0b0908 !important;
  box-shadow: 0 0 0 2px rgba(211,112,38,.09), inset 0 1px 5px #000;
}
.l2-account-page #form-register #pergunta option {
  padding: 8px 10px;
  background: #090909;
  color: #e5d8ca;
}
.l2-account-page #form-register #pergunta option:checked {
  background: #7b3a14;
  color: #fff1df;
}
.l2-account-page #form-register #cadastrar {
  position: relative;
  min-width: 142px;
  height: 40px;
  overflow: hidden;
  border: 1px solid #b86a2b !important;
  background: linear-gradient(180deg, #9f5522 0%, #7a3b16 52%, #57280e 100%) !important;
  color: #fff0de !important;
  box-shadow: inset 0 1px rgba(255,224,181,.2), inset 0 -1px rgba(0,0,0,.48), 0 5px 13px rgba(0,0,0,.32);
  letter-spacing: .8px;
  text-shadow: 0 1px 2px #321406;
}
.l2-account-page #form-register #cadastrar:hover,
.l2-account-page #form-register #cadastrar:focus {
  outline: none;
  border-color: #dd8a43 !important;
  background: linear-gradient(180deg, #bc6b2c 0%, #8c461a 52%, #642d0f 100%) !important;
  box-shadow: inset 0 1px rgba(255,235,202,.25), 0 0 13px rgba(211,113,39,.25), 0 6px 15px rgba(0,0,0,.38);
  filter: none;
  transform: translateY(-1px);
}
.l2-account-page #form-register #cadastrar:active {
  transform: translateY(0);
  box-shadow: inset 0 2px 5px rgba(0,0,0,.42);
}
.l2-form-page input:focus, .l2-form-page select:focus, .l2-form-page textarea:focus,
.l2-olympiads-page .l2-olymp-select:focus {
  outline: none;
  border-color: var(--l2-gold) !important;
  box-shadow: 0 0 0 2px rgba(230,138,46,.12), inset 0 1px 4px #000;
}
.l2-form-page .button, .l2-modern-page .button-default,
.l2-olympiads-page .l2-olymp-btn {
  min-height: 40px;
  padding: 0 24px !important;
  border: 1px solid #c56a20 !important;
  background: linear-gradient(#b45d1d, #71350f) !important;
  color: #fff3e5 !important;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: .7px;
  text-transform: uppercase;
  text-shadow: 0 1px #000;
  transition: filter .2s ease, transform .2s ease;
}
.l2-form-page .button:hover, .l2-modern-page .button-default:hover,
.l2-olympiads-page .l2-olymp-btn:hover { filter: brightness(1.18); transform: translateY(-1px); }
.l2-modern-page .box-hint, .l2-modern-page .box-warning,
.l2-modern-page .l2-olymp-state, .l2-modern-page .download-maintenance {
  padding: 16px 18px !important;
  border: 1px solid rgba(230,138,46,.20) !important;
  background: rgba(0,0,0,.48) !important;
  color: #cbbcac !important;
  line-height: 1.65;
}
.l2-downloads-page .box-download {
  position: relative;
  margin: 10px 0 !important;
  padding: 18px 20px 18px 58px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(4,4,4,.64) !important;
  transition: border-color .2s ease, transform .2s ease;
}
.l2-downloads-page .box-download:before {
  content: "↓";
  position: absolute; left: 18px; top: 17px;
  width: 25px; height: 25px; line-height: 25px;
  border: 1px solid var(--l2-line);
  color: var(--l2-gold); text-align: center;
}
.l2-downloads-page .box-download:hover { border-color: var(--l2-line) !important; transform: translateX(2px); }
.l2-downloads-page .box-download a { color: #f0c08b !important; }
@media (max-width: 760px) {
  .l2-modern-page > header, .l2-modern-page .l2-olymp-header,
  .l2-modern-page .l2-account-header, .l2-modern-page .l2-downloads-header { padding: 26px 14px 22px; }
  .l2-modern-page .title, .l2-modern-page .videos-heading h1 { font-size: 25px !important; }
  .l2-modern-page .content { overflow-x: hidden; }
  .l2-modern-page table.zebra, .l2-modern-page .l2-olymp-table { display: block; overflow-x: auto; white-space: nowrap; }
  .l2-form-page form.box.style, .l2-form-page .l2-account-form,
  .l2-olympiads-page .l2-olymp-panel { padding: 17px !important; }
}
/* Olympiads: dropdown no padrão escuro e bronze do site. */
.l2-custom-select{position:relative;width:100%;z-index:12}.l2-custom-select .l2-olymp-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.l2-custom-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 14px;border:1px solid rgba(230,138,46,.55);background:linear-gradient(180deg,rgba(25,23,21,.98),rgba(7,7,7,.98));color:#f0e4d6;font:inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 14px rgba(0,0,0,.28);cursor:pointer}.l2-custom-select__trigger:hover,.l2-custom-select.is-open .l2-custom-select__trigger{border-color:#dc7b2c;background:linear-gradient(180deg,rgba(43,29,20,.98),rgba(10,8,7,.98))}.l2-custom-select__arrow{width:8px;height:8px;margin:-4px 3px 0 14px;border-right:1px solid #e99445;border-bottom:1px solid #e99445;transform:rotate(45deg);transition:.2s}.l2-custom-select.is-open .l2-custom-select__arrow{margin-top:4px;transform:rotate(225deg)}.l2-custom-select__menu{position:absolute;left:0;right:0;top:calc(100% + 5px);display:none;max-height:300px;overflow-y:auto;padding:5px;border:1px solid rgba(230,138,46,.55);background:rgba(8,8,8,.985);box-shadow:0 16px 38px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.035)}.l2-custom-select.is-open .l2-custom-select__menu{display:block;animation:l2SelectOpen .16s ease-out}.l2-custom-select__option{display:block;width:100%;padding:9px 11px;border:0;border-left:2px solid transparent;background:transparent;color:#cfc4b6;font:inherit;text-align:left;cursor:pointer}.l2-custom-select__option:hover,.l2-custom-select__option:focus{outline:none;border-left-color:#d67628;background:linear-gradient(90deg,rgba(143,63,17,.42),rgba(143,63,17,.05));color:#fff2df}.l2-custom-select__option.is-selected{border-left-color:#f09a47;background:rgba(132,59,17,.30);color:#ffbd69}.l2-custom-select__menu::-webkit-scrollbar{width:8px}.l2-custom-select__menu::-webkit-scrollbar-track{background:#090909}.l2-custom-select__menu::-webkit-scrollbar-thumb{border:2px solid #090909;background:#814419}@keyframes l2SelectOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.sidebar-turnstile{width:100%;margin:7px 0 5px;overflow:hidden}.sidebar-login .cf-turnstile iframe{max-width:100%}
/* Regulamento oficial 2026.1. */
.rules-page{--rules-gold:#d77a2a;--rules-text:#d7cabc;--rules-muted:#918579;--rules-line:rgba(210,116,35,.24)}
.rules-hero{padding-bottom:34px!important}.rules-version{display:inline-flex;margin-top:17px;padding:6px 13px;border:1px solid rgba(219,126,42,.4);background:rgba(111,48,14,.2);color:#e7a35e;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}
.rules-alert{display:flex;align-items:center;gap:14px;margin:0 0 25px;padding:15px 18px;border:1px solid rgba(211,117,35,.3);background:linear-gradient(90deg,rgba(103,43,13,.25),rgba(8,8,8,.55));box-shadow:inset 3px 0 #d77929}.rules-alert>span{flex:0 0 26px;width:26px;height:26px;border:1px solid #b96120;border-radius:50%;color:#f0a354;font:700 15px/24px Georgia;text-align:center}.rules-alert p{margin:0;color:#bdae9f;font-size:11px;line-height:1.65}.rules-alert strong{display:block;color:#ead8c4;font-weight:500}
.rules-index{margin:0 0 32px;border:1px solid rgba(255,255,255,.065);background:rgba(3,3,3,.57)}.rules-index__title{display:flex;align-items:baseline;gap:10px;padding:14px 17px;border-bottom:1px solid var(--rules-line);background:linear-gradient(90deg,rgba(86,42,17,.22),transparent)}.rules-index__title span{color:#e3b27f;font:18px Georgia,serif}.rules-index__title small{color:#766e66;font-size:9px;letter-spacing:1px;text-transform:uppercase}.rules-index__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.rules-index__links a{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid transparent;color:#a99d90;text-decoration:none;transition:.18s ease}.rules-index__links a:hover{border-color:rgba(210,116,35,.2);background:rgba(100,45,15,.17);color:#f0dfcc}.rules-index__links b{color:#c26d29;font:10px Georgia,serif;letter-spacing:1px}.rules-index__links span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rules-sections{display:grid;gap:11px}.rules-section{scroll-margin-top:25px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(135deg,rgba(12,12,12,.86),rgba(19,15,12,.73));box-shadow:0 6px 17px rgba(0,0,0,.16)}.rules-section>header{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,rgba(83,42,18,.18),transparent)}.rules-section>header>span{color:#d8792b;font:12px Georgia,serif;letter-spacing:1px}.rules-section>header h2{flex:1;margin:0;color:#e9d7c2;font:400 18px/1.2 Georgia,serif;text-shadow:0 1px 2px #000}.rules-section>header a{width:22px;height:22px;border:1px solid rgba(210,116,35,.2);color:#9b704b;font:13px/20px Arial;text-align:center;text-decoration:none}.rules-section>header a:hover{border-color:#b96626;color:#ef9b51}.rules-section--critical{border-color:rgba(192,76,34,.23)}.rules-section--critical>header{box-shadow:inset 3px 0 #a74d25}.rules-section__body{padding:15px 18px;color:var(--rules-text);font-size:12px;line-height:1.72}.rules-section__body p{margin:0 0 11px}.rules-section__body p:last-child{margin-bottom:0}.rules-section__body strong{color:#edc18e;font-weight:500}.rules-section__body ul{display:grid;gap:5px;margin:7px 0 13px;padding:0;list-style:none}.rules-section__body li{position:relative;padding-left:16px}.rules-section__body li:before{content:"";position:absolute;left:1px;top:.72em;width:4px;height:4px;border:1px solid #c66d27;transform:rotate(45deg)}
.rules-callout{display:flex;gap:14px;margin:14px 0;padding:12px 14px;border:1px solid rgba(199,76,39,.25);background:rgba(91,25,16,.18)}.rules-callout strong{flex:0 0 105px;color:#ef8b5b}.rules-callout span{color:#c7b6a7}.rules-callout--safe{border-color:rgba(66,143,91,.23);background:rgba(23,70,40,.15)}.rules-callout--safe strong{color:#78c78d}.rules-callout--rmt{border-color:rgba(211,137,47,.34);background:linear-gradient(90deg,rgba(117,62,17,.25),rgba(20,15,10,.18))}.rules-callout--rmt strong{color:#f0a451}
.rules-table-wrap{margin:13px 0 16px;overflow-x:auto}.rules-penalties{width:100%;border:1px solid rgba(255,255,255,.07);border-collapse:collapse;background:rgba(0,0,0,.35)}.rules-penalties th{padding:10px;border-bottom:1px solid var(--rules-line);background:rgba(67,43,28,.45);color:#cdb69c;font-size:9px;letter-spacing:1px;text-align:left;text-transform:uppercase}.rules-penalties td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:#bfb2a4;vertical-align:top}.rules-penalties td strong{display:block}.rules-penalties td small{display:block;margin-top:3px;color:#766d65;font-size:9px}.rules-penalties .is-severe td{background:rgba(101,24,16,.16)}
.rules-changelog{margin-top:28px;border:1px solid rgba(210,116,35,.25);background:radial-gradient(circle at 0 0,rgba(124,57,18,.22),transparent 45%),rgba(3,3,3,.65)}.rules-changelog>header{display:flex;align-items:center;gap:14px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.05)}.rules-changelog>header>span{padding:8px 10px;border:1px solid #98521e;color:#e4974e;font-size:10px;letter-spacing:1px}.rules-changelog small{color:#756b62;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}.rules-changelog h2{margin:2px 0 0;color:#e5d2bb;font:18px Georgia,serif}.rules-changelog ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin:0;padding:17px 20px;list-style:none}.rules-changelog li{position:relative;padding-left:14px;color:#aa9e91;font-size:11px;line-height:1.5}.rules-changelog li:before{content:"+";position:absolute;left:0;color:#d67628}
@media(max-width:760px){.rules-index__links{grid-template-columns:1fr}.rules-callout{display:block}.rules-callout strong{display:block;margin-bottom:5px}.rules-changelog ul{grid-template-columns:1fr}.rules-section__body{padding:14px}.rules-section>header h2{font-size:16px}}
/* Rodapé institucional L2 nuLL. */
#block-footer{position:relative;background-color:#050505!important;background-image:linear-gradient(180deg,rgba(7,7,7,.96),rgba(2,2,2,.99)),url(../images/footer.png)!important;border-top:1px solid rgba(180,100,31,.19)}
#block-footer:before{content:"";position:absolute;top:0;left:50%;width:min(930px,74%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#a95c21,transparent);box-shadow:0 0 12px rgba(190,95,28,.24)}
#footer{padding:0!important}.site-footer{width:100%;padding:46px 0 20px;text-align:left}.site-footer__grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:45px;padding:0 18px 37px}.site-footer__brand{text-align:center}.site-footer__brand img{display:block;width:min(230px,90%);height:84px;margin:-13px auto 10px;object-fit:contain;filter:drop-shadow(0 5px 12px #000)}.site-footer__brand p{max-width:270px;margin:0 auto 12px;color:#a99988;font:12px/1.65 Georgia,serif}.site-footer__brand span{color:#765f4b;font-size:9px;letter-spacing:1px;text-transform:uppercase}.site-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.site-footer__column h3{position:relative;margin:0 0 13px;color:#e89749;font:600 14px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.site-footer__column h3:after{content:"";position:absolute;left:0;bottom:-7px;width:34px;height:1px;background:#8c481a}.site-footer__column>a:not(.site-footer__discord){color:#b5a797;font:12px/1.35 Georgia,serif;text-decoration:none;transition:color .18s,transform .18s}.site-footer__column>a:not(.site-footer__discord):hover{color:#efb16f;transform:translateX(3px)}.site-footer__discord{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;max-width:198px;box-sizing:border-box;padding:11px 15px;border:1px solid rgba(125,128,255,.32);border-radius:4px;background:linear-gradient(135deg,#5865f2,#434bc3);color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.6px;text-decoration:none;text-transform:uppercase;box-shadow:0 7px 18px rgba(34,39,137,.2);transition:filter .2s,transform .2s}.site-footer__discord:hover{filter:brightness(1.12);transform:translateY(-2px)}.site-footer__discord svg{width:17px;height:17px;fill:currentColor}.site-footer__email{margin-top:3px!important;color:#e2c09d!important}.site-footer__contact small{color:#6f665d;font-size:9px}.site-footer__socials{display:flex;gap:8px;margin:0 0 9px}.site-footer__socials a{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(198,112,38,.22);border-radius:50%;background:rgba(73,38,17,.3);color:#e28a38;transition:.18s}.site-footer__socials a:hover{border-color:#c36b27;background:rgba(126,59,18,.5);color:#ffc078;transform:translateY(-2px)}.site-footer__socials svg{width:15px;height:15px;fill:currentColor}.site-footer__language{margin-top:8px!important;padding:7px 11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.site-footer__legal{padding:22px 18px 0;border-top:1px solid rgba(255,255,255,.065);text-align:center}.site-footer__legal strong{display:block;color:#dc8a3e;font:600 12px Georgia,serif;letter-spacing:.5px}.site-footer__legal p{margin:8px auto 5px;max-width:680px;color:#766b61;font-size:9px;line-height:1.5}.site-footer__legal span{color:#5e5751;font-size:9px}.site-footer+#totop-scroller,#footer>.site-footer~#totop-scroller{right:12px}
@media(max-width:900px){.site-footer__grid{grid-template-columns:1.2fr 1fr;gap:35px 50px}.site-footer__brand{text-align:left}.site-footer__brand img{margin-left:0}.site-footer__brand p{margin-left:0}.site-footer__discord{max-width:230px}}
@media(max-width:560px){.site-footer{padding-top:36px}.site-footer__grid{grid-template-columns:1fr;gap:30px;padding-right:24px;padding-left:24px}.site-footer__brand{text-align:center}.site-footer__brand img,.site-footer__brand p{margin-right:auto;margin-left:auto}.site-footer__column{align-items:center;text-align:center}.site-footer__column h3:after{left:50%;transform:translateX(-50%)}.site-footer__discord{max-width:260px}.site-footer__legal{padding-right:24px;padding-left:24px}}
/* Assinatura animada da logo principal: aura, metal, partículas e profundidade. */
.home-hero__logo-scene{--logo-rotate-x:0deg;--logo-rotate-y:0deg;--logo-shift-x:0px;--logo-shift-y:0px;position:relative;isolation:isolate;width:min(500px,86%);height:142px;margin:-15px auto -10px;perspective:700px;transform:translate3d(var(--logo-shift-x),var(--logo-shift-y),0) rotateX(var(--logo-rotate-x)) rotateY(var(--logo-rotate-y));transform-style:preserve-3d;transition:filter .28s ease}.home-hero__logo-scene .home-hero__logo{position:relative;z-index:3;width:100%;height:100%;margin:0;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(0,0,0,.78)) drop-shadow(0 0 4px rgba(217,133,48,.18));transform:translateZ(20px);transition:filter .35s ease,transform .35s ease}.home-hero__logo-scene:hover .home-hero__logo,.home-hero__logo-scene .home-hero__logo:hover{transform:translateZ(28px) scale(1.025);filter:drop-shadow(0 11px 16px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(239,166,78,.48))}.home-hero__logo-aura{position:absolute;z-index:0;inset:18% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(231,143,50,.25),rgba(73,108,130,.1) 44%,transparent 72%);filter:blur(20px);animation:heroLogoAura 4.8s ease-in-out infinite}.home-hero__logo-shine{position:absolute;z-index:4;top:17%;bottom:18%;left:7%;width:17%;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 10%,rgba(255,225,169,.08) 34%,rgba(255,244,207,.68) 50%,rgba(235,162,76,.12) 66%,transparent 90%);filter:blur(1px);mix-blend-mode:screen;transform:skewX(-18deg) translateX(-180%);animation:heroLogoShine 7.4s ease-in-out infinite}.home-hero__logo-particles{position:absolute;z-index:2;inset:6% 3%;pointer-events:none}.home-hero__logo-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#efad5c;box-shadow:0 0 7px #dc7d2d;opacity:0;animation:heroLogoParticle 5.8s ease-in-out infinite}.home-hero__logo-particles i:nth-child(1){left:8%;top:65%;animation-delay:.2s}.home-hero__logo-particles i:nth-child(2){left:20%;top:28%;animation-delay:1.7s}.home-hero__logo-particles i:nth-child(3){left:34%;top:78%;animation-delay:3.1s}.home-hero__logo-particles i:nth-child(4){left:48%;top:17%;animation-delay:4.4s}.home-hero__logo-particles i:nth-child(5){left:62%;top:74%;animation-delay:2.2s}.home-hero__logo-particles i:nth-child(6){left:76%;top:25%;animation-delay:3.8s}.home-hero__logo-particles i:nth-child(7){left:90%;top:61%;animation-delay:1s}.home-hero__logo-particles i:nth-child(8){left:55%;top:88%;animation-delay:5s}.home-hero__logo-scene:hover .home-hero__logo-particles i{animation-duration:3.4s}.home-hero__logo-scene:hover .home-hero__logo-aura{filter:blur(17px);animation-duration:2.8s}
@keyframes heroLogoAura{0%,100%{opacity:.48;transform:scale(.88)}50%{opacity:.92;transform:scale(1.08)}}@keyframes heroLogoShine{0%,62%{opacity:0;transform:skewX(-18deg) translateX(-180%)}68%{opacity:.8}82%{opacity:.15}88%,100%{opacity:0;transform:skewX(-18deg) translateX(610%)}}@keyframes heroLogoParticle{0%,100%{opacity:0;transform:translateY(10px) scale(.4)}25%{opacity:.8}65%{opacity:.35}80%{opacity:0;transform:translateY(-24px) scale(1.15)}}
@media(max-width:760px){.home-hero__logo-scene{width:min(440px,96%);height:126px;margin:-10px auto -5px}.home-hero__logo-particles{display:none}}
@media(prefers-reduced-motion:reduce){.home-hero__logo-scene{transform:none!important}.home-hero__logo-aura,.home-hero__logo-shine,.home-hero__logo-particles i{animation:none!important}.home-hero__logo-shine,.home-hero__logo-particles{display:none}}
/* Rodapé clássico: refinamento integrado às texturas e molduras do template. */
#block-footer{background:#050505 url(../images/footer.png) 50% 0 no-repeat!important;border-top:0!important}
#block-footer:before{top:0;width:min(980px,82%);height:34px;background:linear-gradient(90deg,transparent,rgba(109,69,40,.42) 12%,rgba(205,151,94,.2) 50%,rgba(109,69,40,.42) 88%,transparent);clip-path:polygon(8% 0,92% 0,100% 2px,94% 100%,6% 100%,0 2px);box-shadow:none}
#footer{position:relative;padding-top:25px!important}
.site-footer{position:relative;width:min(1040px,calc(100% - 30px));margin:0 auto;padding:29px 0 16px;border:1px solid rgba(145,91,43,.22);border-top-color:rgba(207,148,83,.36);background:linear-gradient(rgba(7,7,7,.88),rgba(3,3,3,.94)),url(../images/system.png) 0 0 repeat;box-shadow:inset 0 1px rgba(255,224,177,.045),inset 0 0 34px rgba(0,0,0,.75),0 9px 25px rgba(0,0,0,.32)}
.site-footer:before,.site-footer:after{content:"";position:absolute;top:-5px;width:9px;height:9px;border:1px solid #5c3a21;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a17955,#25170e 58%,#070504);box-shadow:0 0 0 1px #020202}.site-footer:before{left:8px}.site-footer:after{right:8px}
.site-footer__grid{grid-template-columns:1.3fr .85fr 1fr 1fr;gap:0;padding:0 25px 27px}.site-footer__grid>section,.site-footer__grid>nav{position:relative;min-height:150px;padding:0 25px;box-sizing:border-box}.site-footer__grid>section+section,.site-footer__grid>section+nav,.site-footer__grid>nav+section{border-left:1px solid rgba(255,255,255,.045)}.site-footer__grid>section+section:before,.site-footer__grid>section+nav:before,.site-footer__grid>nav+section:before{content:"";position:absolute;top:18px;bottom:18px;left:-1px;width:1px;background:linear-gradient(transparent,rgba(175,100,43,.25),transparent)}
.site-footer__brand{text-align:left}.site-footer__brand img{width:190px;height:65px;margin:-7px 0 5px;object-position:left center;filter:sepia(.12) saturate(.88) brightness(.9) drop-shadow(0 5px 8px #000)}.site-footer__brand p{max-width:255px;margin:0 0 9px;color:#9a8c7d;font:11px/1.55 Georgia,serif}.site-footer__brand span{color:#755b45;font-size:8px;letter-spacing:1.2px}
.site-footer__column{gap:7px}.site-footer__column h3{width:100%;margin:0 0 12px;padding:0 0 8px;color:#cf7d35;font:400 13px Georgia,serif;letter-spacing:.8px;text-shadow:0 1px 2px #000}.site-footer__column h3:after{bottom:0;width:100%;background:linear-gradient(90deg,#824519,transparent)}.site-footer__column>a:not(.site-footer__discord){color:#a99b8c;font:11px/1.3 Georgia,serif}.site-footer__column>a:not(.site-footer__discord):before{content:"›";margin-right:6px;color:#98511d}.site-footer__column>a:not(.site-footer__discord):hover{color:#e2b074;transform:translateX(2px)}
.site-footer__discord{max-width:180px;padding:9px 12px;border:1px solid #8f4e1c;border-radius:0;background:linear-gradient(180deg,rgba(126,65,24,.88),rgba(63,31,13,.95));color:#e9c49a!important;font:600 10px Georgia,serif;box-shadow:inset 0 1px rgba(255,222,175,.12),0 4px 10px #000;text-shadow:0 1px #000}.site-footer__discord:hover{border-color:#c8752f;background:linear-gradient(180deg,#9b511e,#54280f);color:#fff0dc!important}.site-footer__email{font-size:10px!important}.site-footer__email:before{display:none}.site-footer__contact small{color:#665e56;font-size:8px}
.site-footer__socials{gap:6px;margin-bottom:8px}.site-footer__socials a{width:29px;height:29px;border-color:rgba(145,79,29,.36);border-radius:2px;background:linear-gradient(145deg,rgba(67,38,20,.6),rgba(15,12,10,.8));color:#bc6d2c;box-shadow:inset 0 1px rgba(255,255,255,.035)}.site-footer__socials a:hover{border-color:#bd6b2c;background:#45230f;color:#efaa68;transform:translateY(-1px)}.site-footer__socials svg{width:13px;height:13px}.site-footer__language{margin-top:5px!important;padding:6px 9px!important;border-color:rgba(137,80,35,.22)!important;background:rgba(50,30,17,.22)!important}.site-footer__language:before{display:none}
.site-footer__legal{margin:0 25px;padding:17px 15px 0;border-top-color:rgba(157,91,40,.16)}.site-footer__legal strong{color:#a96129;font:400 11px Georgia,serif}.site-footer__legal p{margin:6px auto 3px;color:#665e56;font-size:8px}.site-footer__legal span{color:#504a45;font-size:8px}
@media(max-width:900px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:27px 0}.site-footer__grid>section,.site-footer__grid>nav{min-height:0}.site-footer__grid>section:nth-child(3){border-left:0}.site-footer__grid>section:nth-child(3):before{display:none}.site-footer__brand{text-align:left}.site-footer__brand img{margin-left:0}.site-footer__brand p{margin-left:0}}
@media(max-width:560px){#footer{padding-top:14px!important}.site-footer{width:calc(100% - 18px);padding-top:25px}.site-footer__grid{grid-template-columns:1fr;padding:0 20px 24px}.site-footer__grid>section,.site-footer__grid>nav{min-height:0;padding:0 5px 22px;border-left:0!important}.site-footer__grid>section:before,.site-footer__grid>nav:before{display:none!important}.site-footer__brand{text-align:center}.site-footer__brand img{margin-right:auto;margin-left:auto;object-position:center}.site-footer__brand p{margin-right:auto;margin-left:auto}.site-footer__column{align-items:center}.site-footer__column h3{text-align:center}.site-footer__column h3:after{background:linear-gradient(90deg,transparent,#824519,transparent)}.site-footer__legal{margin:0 15px}}
.boss-card__portrait.has-atlas{background-size:300% 200%;background-repeat:no-repeat;background-color:#080706}.boss-card__portrait.has-atlas:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));pointer-events:none}.boss-card__portrait.has-atlas span{z-index:2}.castle-hover-card__image,.fortress-hover-card__image,.territory-hover-card__image{background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.05)}
.boss-card__portrait.has-photo{background-color:#080706;background-repeat:no-repeat;background-size:cover;filter:saturate(1.04) contrast(1.03)}
.boss-card__portrait.has-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.88) 100%);pointer-events:none}
.boss-card__portrait.has-photo span{z-index:2;text-shadow:0 2px 5px #000}
/* Sidebar do jogador: módulos clássicos refinados. */
#sidebar-a.l2-sidebar>.grid-box{margin-bottom:16px}
#sidebar-a .sidebar-panel{position:relative;overflow:hidden;padding:18px 14px 16px!important;border:1px solid rgba(140,84,39,.25)!important;border-top-color:rgba(203,132,69,.38)!important;border-radius:5px!important;background:linear-gradient(145deg,rgba(12,12,13,.94),rgba(4,4,5,.9))!important;box-shadow:inset 0 1px rgba(255,223,179,.035),inset 0 0 26px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.28)!important}
#sidebar-a .sidebar-panel:before{content:"";position:absolute;top:0;left:18px;width:54px;height:1px;background:linear-gradient(90deg,#d67a2c,transparent);box-shadow:0 0 8px rgba(214,122,44,.38)}
#sidebar-a .sidebar-panel .module-title{margin:0 0 15px;padding:0 0 11px;border-bottom:1px solid rgba(255,255,255,.06);color:#d8d0c7;font:400 21px/1.1 Georgia,serif;text-shadow:0 2px 3px #000}
#sidebar-a .sidebar-panel .module-title .color{color:#e6802d}
#sidebar-a .sidebar-login{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;border:0;background:none}
#sidebar-a .sidebar-login input[type=text],#sidebar-a .sidebar-login input[type=password]{width:100%;height:34px;margin:0 0 7px;box-sizing:border-box;border:1px solid rgba(153,100,56,.24);background:rgba(0,0,0,.72);color:#e7d9ca;font-size:11px;transition:border-color .18s,box-shadow .18s}
#sidebar-a .sidebar-login input[type=text]:focus,#sidebar-a .sidebar-login input[type=password]:focus{outline:0;border-color:#aa5d25;box-shadow:0 0 0 2px rgba(170,93,37,.09),inset 0 0 12px #000}
#sidebar-a .sidebar-login input::placeholder{color:#84796f}
#sidebar-a .sidebar-turnstile{display:flex;min-height:0;justify-content:center;margin:5px auto 8px;overflow:visible}
#sidebar-a .sidebar-turnstile iframe{display:block;max-width:100%}
#sidebar-a .sidebar-login__submit{min-width:112px;margin-top:2px}
#sidebar-a .sidebar-login__links{display:flex;align-items:center;justify-content:center;gap:0;margin:11px auto 0;text-align:center}
#sidebar-a .sidebar-login__links a{position:relative;padding:0 8px;color:#8e8175;font-size:9px;line-height:1.35;letter-spacing:.2px;text-decoration:none;transition:color .18s}
#sidebar-a .sidebar-login__links a+a:before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:1px;background:rgba(255,255,255,.09)}
#sidebar-a .sidebar-login__links span{margin-left:3px;color:#d2772c}
#sidebar-a .sidebar-login__links a:hover{color:#e6b37e}
#sidebar-a .box-warning{margin:0 0 10px;padding:8px;border:1px solid rgba(194,68,45,.34);background:rgba(91,23,17,.35);color:#df9b8b;font-size:10px;line-height:1.4}
#sidebar-a ul.sidebar-team,#page #sidebar-a ul.sidebar-team{display:block;margin:0 0 6px;padding:0!important;border:0;background:none;text-align:left}
#sidebar-a ul.sidebar-team>li,#page #sidebar-a ul.sidebar-team>li,#page #sidebar-a ul.sidebar-team>li:first-child{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;width:100%;padding:7px 8px;box-sizing:border-box;border:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,rgba(76,42,20,.2),rgba(0,0,0,.18));list-style:none}
#sidebar-a .sidebar-team i{width:5px;height:5px;border-radius:50%;background:#e4802c;box-shadow:0 0 7px rgba(228,128,44,.6)}
#sidebar-a .sidebar-team span{overflow:hidden;color:#c9beb3;font:12px Georgia,serif;text-overflow:ellipsis}
#sidebar-a .sidebar-team small{color:#745f4d;font-size:7px;letter-spacing:1px;text-transform:uppercase}
#sidebar-a .sidebar-online{display:grid;grid-template-columns:9px 43px 1fr;gap:8px;align-items:center;padding:4px 2px 2px}
#sidebar-a .sidebar-online__pulse{width:7px;height:7px;border-radius:50%;background:#43d34d;box-shadow:0 0 0 4px rgba(67,211,77,.08),0 0 9px rgba(67,211,77,.55);animation:sidebarOnlinePulse 1.8s ease-in-out infinite}
#sidebar-a .sidebar-online>strong{color:#e58a3d;font:400 29px/1 Georgia,serif;text-align:center;text-shadow:0 0 12px rgba(218,110,34,.22)}
#sidebar-a .sidebar-online div{min-width:0;padding-left:8px;border-left:1px solid rgba(255,255,255,.06)}
#sidebar-a .sidebar-online b,#sidebar-a .sidebar-online small{display:block}.sidebar-online b{color:#c8beb4;font-size:10px;font-weight:400}.sidebar-online small{margin-top:3px;color:#6e665f;font-size:8px;letter-spacing:.5px;text-transform:uppercase}
@keyframes sidebarOnlinePulse{50%{opacity:.55;box-shadow:0 0 0 7px rgba(67,211,77,0),0 0 12px rgba(67,211,77,.4)}}
@media(max-width:760px){#sidebar-a .sidebar-panel{padding:17px!important}#sidebar-a .sidebar-panel .module-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){#sidebar-a .sidebar-online__pulse{animation:none}}
/* Recuperação de senha no padrão das páginas modernas. */
.password-recovery-page{--recover-line:rgba(205,119,43,.27);padding-bottom:38px}
.password-recovery-header{position:relative;padding:54px 25px 31px;text-align:center}
.password-recovery-header>span{display:block;margin-bottom:10px;color:#d77b2d;font-size:9px;letter-spacing:3px;text-transform:uppercase}
#system .password-recovery-header .title{margin:0!important;color:#eee3d7;font:400 31px/1.2 Georgia,serif;text-shadow:0 2px 4px #000}
.password-recovery-header p{max-width:490px;margin:10px auto 0;color:#b6a99b;font-size:11px;line-height:1.65}
.password-recovery-header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(137,70,24,.55) 28%,#d2792d 50%,rgba(137,70,24,.55) 72%,transparent 96%)}
.password-recovery-page>.content{padding:0 24px 34px}
.password-recovery-page #loading:empty,.password-recovery-page #result:empty{display:none}
.password-recovery-form{position:relative;max-width:490px;margin:0 auto;padding:25px 27px 26px;border:1px solid var(--recover-line);background:radial-gradient(circle at 100% 0,rgba(95,45,17,.16),transparent 40%),linear-gradient(145deg,rgba(8,8,9,.97),rgba(2,2,3,.95));box-shadow:inset 0 1px rgba(255,227,188,.035),inset 0 0 34px rgba(0,0,0,.38),0 10px 25px rgba(0,0,0,.25)}
.password-recovery-form:before{content:"";position:absolute;top:-1px;left:28px;width:80px;height:1px;background:linear-gradient(90deg,#e38a3b,transparent);box-shadow:0 0 9px rgba(227,138,59,.42)}
.password-recovery-form fieldset{margin:0;padding:0;border:0}.password-recovery-form fieldset>br{display:none}
.password-recovery-form label{display:block;margin:0 0 7px;color:#d5c6b6;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}
.password-recovery-form input[type=text],.password-recovery-form input[type=email]{display:block;width:100%!important;height:39px!important;margin:0 0 17px!important;padding:0 13px!important;box-sizing:border-box;border:1px solid rgba(164,104,53,.28)!important;border-radius:0!important;background:#050506!important;color:#eee1d2!important;font-size:12px!important;caret-color:#e78a3d;transition:border-color .18s,box-shadow .18s}
.password-recovery-form input[type=text]:focus,.password-recovery-form input[type=email]:focus{outline:0;border-color:#b96527!important;box-shadow:0 0 0 2px rgba(185,101,39,.1),inset 0 0 14px #000}.password-recovery-form input::placeholder{color:#6e665f}
.password-recovery-form input:-webkit-autofill,.password-recovery-form input:-webkit-autofill:hover,.password-recovery-form input:-webkit-autofill:focus{-webkit-text-fill-color:#eee1d2!important;caret-color:#e78a3d!important;-webkit-box-shadow:0 0 0 1000px #050506 inset!important;box-shadow:0 0 0 1000px #050506 inset!important;border-color:rgba(164,104,53,.38)!important;transition:background-color 9999s ease-out 0s}
.password-recovery-form label.error{display:block;margin:-10px 0 15px;padding:7px 9px;border-left:2px solid #b95435;background:rgba(101,31,23,.2);color:#d98d78!important;font-size:8px!important;font-weight:400!important;line-height:1.4;letter-spacing:.5px;text-align:left;text-transform:none}
.password-recovery-note{display:flex;gap:11px;margin:21px 0;padding:12px 13px;border:1px solid rgba(75,129,157,.2);background:rgba(25,62,78,.13)}.password-recovery-note i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#57bfe8;box-shadow:0 0 8px rgba(87,191,232,.52)}.password-recovery-note p{margin:0;color:#9ca7aa;font-size:9px;line-height:1.55}
.password-recovery-actions{display:flex;align-items:center;gap:18px}.password-recovery-actions .button{min-width:176px;height:39px!important;margin:0!important;padding:0 18px!important;border:1px solid #b96827!important;border-radius:0!important;background:linear-gradient(180deg,#aa571f,#6d3413)!important;color:#fff0df!important;font:600 10px/37px Arial,sans-serif!important;letter-spacing:.65px;text-shadow:0 1px #3b1909;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,220,173,.18),0 5px 12px rgba(0,0,0,.3);cursor:pointer;transition:filter .18s,transform .18s}.password-recovery-actions .button:hover{filter:brightness(1.14);transform:translateY(-1px)}.password-recovery-actions a{color:#9b8d7f;font-size:10px;text-decoration:none}.password-recovery-actions a:hover{color:#e5a362}
.password-recovery-page>.content>.error,.password-recovery-page>.content>.success,.password-recovery-page>.content>.info{max-width:560px;margin:15px auto 0;box-sizing:border-box}
@media(max-width:620px){.password-recovery-header{padding:40px 15px 23px}.password-recovery-page>.content{padding:0 12px 25px}.password-recovery-form{padding:22px 18px}.password-recovery-actions{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.password-recovery-actions .button{width:100%}}

/* Home editorial: notícias, comunidade, criadores e atalhos do servidor. */
.home-main #maininner{min-width:0}.l2-home-sections{padding:4px 0 38px;color:#cfc3b6}.home-section{padding:33px 25px 38px;border-bottom:1px solid rgba(148,83,34,.18)}
.home-section__heading{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:30px;align-items:end;margin-bottom:25px}.home-section__heading>div>span,.home-creator__intro>span{display:block;margin-bottom:7px;color:#d87629;font-size:8px;letter-spacing:2.5px;text-transform:uppercase}.home-section__heading h2,.home-creator h2{margin:0;color:#eee2d4;font:400 29px/1.1 Georgia,serif;text-shadow:0 2px 4px #000}.home-section__heading>p{max-width:420px;margin:0;color:#91877e;font-size:10px;line-height:1.65}.home-section__heading--action{grid-template-columns:.8fr 1fr auto}.home-text-link{align-self:center;padding:8px 0;border-bottom:1px solid #713b17;color:#c9874f!important;font-size:9px;letter-spacing:.5px;text-decoration:none;text-transform:uppercase}.home-text-link b{margin-left:6px;color:#ed994d}.home-text-link:hover{color:#efb078!important}
.home-news-grid{display:grid;grid-template-columns:1.35fr .9fr;grid-template-rows:1fr 1fr;gap:9px}.home-news-grid--single{grid-template-columns:1fr;grid-template-rows:auto}.home-editorial-card{position:relative;display:flex;min-height:90px;overflow:hidden;border:1px solid rgba(144,91,48,.18);background:linear-gradient(120deg,rgba(12,12,13,.96),rgba(5,5,6,.92));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .2s,transform .2s}.home-editorial-card--lead{grid-row:1/3;min-height:225px;background:radial-gradient(circle at 90% 20%,rgba(118,56,20,.2),transparent 42%),linear-gradient(135deg,rgba(13,13,14,.97),rgba(4,4,5,.94))}.home-editorial-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(#d67b2d,rgba(112,52,17,.35))}.home-editorial-card:hover{border-color:rgba(196,111,42,.38);transform:translateY(-2px)}.home-editorial-card__number{flex:0 0 45px;padding-top:20px;color:#693b1c;font:italic 15px Georgia,serif;text-align:center}.home-editorial-card__body{align-self:center;padding:17px 20px 17px 0}.home-editorial-card--lead .home-editorial-card__body{padding-right:34px}.home-editorial-card time{display:block;margin:5px 0 7px;color:#786d63;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.home-card-tag{display:inline-block;padding:3px 7px;border:1px solid rgba(215,115,38,.28);color:#db7e31;font-size:7px;letter-spacing:1.2px;text-transform:uppercase}.home-editorial-card h3{margin:0 0 8px;color:#e6dbcf;font:400 15px/1.25 Georgia,serif}.home-editorial-card--lead h3{font-size:25px}.home-editorial-card p{margin:0;color:#958b82;font-size:9px;line-height:1.6}.home-editorial-card--lead p{font-size:10px}.home-editorial-card--empty{grid-column:1/-1}
.home-video-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:9px;height:310px}.home-video-card{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(139,83,39,.25);background:#050505;color:#fff!important;text-decoration:none}.home-video-card--lead{grid-row:1/3}.home-video-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) brightness(.58);transition:filter .35s,transform .55s}.home-video-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.92))}.home-video-card__play{position:absolute;top:50%;left:50%;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(232,144,69,.7);border-radius:50%;background:rgba(5,5,5,.72);color:#f5a25a;font-size:12px;font-style:normal;transform:translate(-50%,-50%);transition:.25s}.home-video-card>div{position:absolute;right:16px;bottom:13px;left:17px}.home-video-card small{color:#dd8133;font-size:7px;letter-spacing:1.5px;text-transform:uppercase}.home-video-card h3{margin:4px 0 0;color:#eee2d5;font:400 14px/1.25 Georgia,serif}.home-video-card--lead h3{font-size:20px}.home-video-card p{margin:5px 0 0;color:#9a8c7f;font-size:8px}.home-video-card:hover>img{filter:saturate(1) brightness(.75);transform:scale(1.035)}.home-video-card:hover .home-video-card__play{border-color:#ffac61;background:#8b461b;color:#fff;box-shadow:0 0 18px rgba(216,112,38,.4)}.home-video-empty{display:flex;align-items:center;gap:18px;min-height:105px;padding:20px 23px;box-sizing:border-box;border:1px solid rgba(139,83,39,.25);background:linear-gradient(100deg,rgba(10,10,11,.96),rgba(58,29,13,.35));color:#c9beb3!important;text-decoration:none}.home-video-empty>i{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #74401d;border-radius:50%;color:#df8133;font-size:11px;font-style:normal}.home-video-empty h3{margin:0;color:#e5d8ca;font:400 17px Georgia,serif}.home-video-empty p{margin:5px 0 0;color:#887e75;font-size:9px}.home-video-empty>b{margin-left:auto;color:#dc7b2d;font-size:18px}
.home-creator{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;margin:28px 25px;padding:35px;overflow:hidden;border:1px solid rgba(181,101,38,.34);background:radial-gradient(circle at 0 50%,rgba(136,62,18,.24),transparent 38%),linear-gradient(125deg,#100d0c,#060708 65%,#0b1114);box-shadow:inset 0 1px rgba(255,222,173,.04),0 12px 28px rgba(0,0,0,.28)}.home-creator:after{content:"II";position:absolute;right:-10px;bottom:-31px;color:rgba(188,107,43,.045);font:110px Georgia,serif}.home-creator__intro{position:relative;z-index:1}.home-creator h2{max-width:330px;font-size:27px}.home-creator__intro>p{max-width:350px;margin:12px 0 19px;color:#a29689;font-size:10px;line-height:1.65}.home-primary-cta{display:inline-block;padding:11px 22px;border:1px solid #b76326;background:linear-gradient(#a5521d,#6a3212);color:#fff0df!important;font-size:9px;font-weight:700;letter-spacing:.7px;text-decoration:none;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,220,174,.17),0 5px 13px #000}.home-primary-cta:hover{filter:brightness(1.15)}.home-creator__tracks{position:relative;z-index:1;display:grid;gap:7px}.home-creator__tracks article{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.25)}.home-creator__tracks i{color:#a45a25;font:italic 12px Georgia,serif}.home-creator__tracks h3{margin:0 0 3px;color:#d9cec2;font:400 13px Georgia,serif}.home-creator__tracks p{margin:0;color:#7f766e;font-size:8px;line-height:1.45}
.home-discover{border-bottom:0}.home-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-discover-grid>a{display:grid;grid-template-columns:47px 1fr;gap:14px;min-height:105px;padding:18px;box-sizing:border-box;border:1px solid rgba(133,83,43,.18);background:linear-gradient(135deg,rgba(10,10,11,.94),rgba(4,4,5,.9));color:inherit!important;text-decoration:none;transition:.2s}.home-discover-grid>a>i{color:#75431f;font:italic 14px Georgia,serif}.home-discover-grid h3{margin:0 0 5px;color:#ded3c7;font:400 15px Georgia,serif}.home-discover-grid p{min-height:28px;margin:0;color:#837a72;font-size:8px;line-height:1.5}.home-discover-grid span{display:block;margin-top:9px;color:#bc6d2e;font-size:7px;letter-spacing:1px;text-transform:uppercase}.home-discover-grid>a:hover{border-color:rgba(201,112,42,.4);background:linear-gradient(135deg,rgba(29,17,11,.96),rgba(5,5,6,.92));transform:translateY(-2px)}
@media(max-width:820px){.home-section__heading,.home-section__heading--action{grid-template-columns:1fr;gap:10px}.home-text-link{justify-self:start}.home-news-grid{grid-template-columns:1fr;grid-template-rows:auto}.home-editorial-card--lead{grid-row:auto}.home-video-grid{height:430px}.home-creator{grid-template-columns:1fr}.home-discover-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-section{padding:27px 14px}.home-section__heading h2,.home-creator h2{font-size:24px}.home-editorial-card__number{flex-basis:35px}.home-editorial-card__body,.home-editorial-card--lead .home-editorial-card__body{padding-right:14px}.home-editorial-card--lead h3{font-size:20px}.home-video-grid{display:grid;grid-template-columns:1fr;grid-template-rows:210px 150px 150px;height:auto}.home-video-card--lead{grid-row:auto}.home-creator{margin:22px 14px;padding:27px 20px}.home-discover-grid>a{grid-template-columns:35px 1fr}}

/* A home volta a compartilhar a composição clássica com a sidebar. */
#page .home-main #maininner{float:left;width:710px!important;margin-right:25px}
#page .home-main #content{width:100%}.home-main{position:relative}
.home-main .l2-home-sections{padding-top:12px}
.home-main .home-section{padding:46px 42px 50px}
.home-main .home-section__heading{margin-bottom:31px}
.home-main .home-section__heading h2{font-size:34px;letter-spacing:-.3px}
.home-main .home-section__heading>p{color:#a89d92;font-size:12px;line-height:1.7}
.home-main .home-news-grid{grid-template-columns:1.45fr 1fr;gap:12px}
.home-main .home-editorial-card{min-height:112px}
.home-main .home-editorial-card--lead{min-height:248px}
.home-main .home-editorial-card__number{flex-basis:55px;padding-top:25px;font-size:17px}
.home-main .home-editorial-card__body{padding:22px 24px 22px 0}
.home-main .home-editorial-card h3{font-size:18px}
.home-main .home-editorial-card--lead h3{font-size:29px}
.home-main .home-editorial-card p{font-size:10px;line-height:1.7}
.home-main .home-editorial-card--lead p{font-size:12px}
.home-main .home-video-grid{grid-template-columns:1.55fr 1fr;gap:12px;height:385px}
.home-main .home-video-card h3{font-size:17px}.home-main .home-video-card--lead h3{font-size:24px}
.home-main .home-video-card>div{right:22px;bottom:19px;left:22px}
.home-main .home-video-card p{font-size:9px}.home-main .home-video-card__play{width:50px;height:50px}
.home-main .home-creator{grid-template-columns:.85fr 1.15fr;gap:48px;margin:38px 42px;padding:46px 48px}
.home-main .home-creator h2{font-size:34px;line-height:1.13}
.home-main .home-creator__intro>p{font-size:11px;line-height:1.75}
.home-main .home-creator__tracks{gap:10px}
.home-main .home-creator__tracks article{grid-template-columns:42px 1fr;padding:16px 18px}
.home-main .home-creator__tracks h3{font-size:15px}.home-main .home-creator__tracks p{font-size:9px}
.home-main .home-discover-grid{gap:12px}.home-main .home-discover-grid>a{min-height:125px;padding:23px}
.home-main .home-discover-grid h3{font-size:18px}.home-main .home-discover-grid p{font-size:10px}
@media(max-width:820px){.home-main .home-section{padding:36px 24px}.home-main .home-creator{margin:28px 24px;padding:36px 30px}.home-main .home-news-grid{grid-template-columns:1fr}.home-main .home-video-grid{grid-template-columns:1.35fr 1fr}}
@media(max-width:560px){.home-main .home-section{padding:29px 15px}.home-main .home-section__heading h2,.home-main .home-creator h2{font-size:26px}.home-main .home-video-grid{grid-template-columns:1fr}.home-main .home-creator{margin:23px 15px;padding:29px 20px}}
@media(max-width:1100px){#page .home-main #maininner{float:none;width:100%!important;margin-right:0}}

/* Com a sidebar ativa, a home ganha uma composição editorial própria para 710px. */
@media(min-width:1101px){
  .home-main .l2-home-sections{padding-top:8px}
  .home-main .home-section{padding:38px 34px 42px}
  .home-main .home-section__heading,.home-main .home-section__heading--action{position:relative;display:block;margin-bottom:26px;padding-right:0}
  .home-main .home-section__heading>div{max-width:none}
  .home-main .home-section__heading h2{font-size:31px;line-height:1.12}
  .home-main .home-section__heading>p{max-width:520px;margin-top:12px;font-size:11px;line-height:1.65}
  .home-main .home-section__heading--action{padding-right:155px}
  .home-main .home-section__heading--action .home-text-link{position:absolute;right:0;bottom:2px}
  .home-main .home-news-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:10px}
  .home-main .home-editorial-card--lead{grid-row:auto;min-height:205px}
  .home-main .home-editorial-card:not(.home-editorial-card--lead){min-height:105px}
  .home-main .home-editorial-card--lead h3{font-size:25px}
  .home-main .home-video-grid{grid-template-columns:1.38fr 1fr;height:340px}
  .home-main .home-video-card--lead h3{font-size:21px}
  .home-main .home-creator{grid-template-columns:1fr;margin:34px 34px;padding:38px 36px;gap:25px}
  .home-main .home-creator h2{max-width:540px;font-size:32px}
  .home-main .home-creator__intro>p{max-width:560px}
  .home-creator__benefits{grid-template-columns:repeat(3,1fr)}
  .home-creator__benefits article{grid-template-columns:1fr;align-content:start;min-height:128px;padding:16px}
  .home-creator__benefits article:hover{transform:translateY(-3px)}
  .home-main .home-creator__tracks{grid-template-columns:1fr;gap:8px}
  .home-main .home-creator__tracks article{min-height:70px}
  .home-creator__steps-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .home-creator__steps-heading h3{text-align:left}
  .home-creator__steps ol{grid-template-columns:1fr}
  .home-creator__steps li{min-height:75px;padding:17px 19px}
  .home-creator__steps li:not(:last-child):after{display:none}
  .home-main .home-discover-grid{grid-template-columns:1fr;gap:9px}
  .home-main .home-discover-grid>a{min-height:105px;padding:19px 21px}
}

/* O JPG original possui uma vinheta preta muito larga. Em monitores grandes,
   aproximamos o cenário para que a arte ocupe melhor as laterais. */
@media(min-width:1200px){#block-main>div{background-position:50% 0;background-size:clamp(1980px,143vw,2740px) auto}}

/* Dá mais respiro entre o menu e a assinatura principal da home. */
@media(min-width:1361px){.home-hero__logo-scene{margin-top:55px}.home-hero{padding-top:20px}}

/* Lockup único: logo e assinatura Premium Server fazem parte da mesma imagem. */
.home-hero__logo-scene{width:min(540px,90%);height:190px;margin-bottom:18px}
.home-hero__eyebrow{display:none}
@media(max-width:760px){.home-hero__logo-scene{width:min(480px,98%);height:171px}}

/* Programa de Criadores: vitrine editorial, benefícios e jornada de envio. */
.home-main .home-creator{position:relative;grid-template-columns:1.05fr .95fr;gap:32px;margin:40px 42px;padding:48px;isolation:isolate;border-color:rgba(204,119,48,.42);background:radial-gradient(circle at 12% 18%,rgba(165,73,20,.28),transparent 31%),radial-gradient(circle at 92% 8%,rgba(38,75,92,.16),transparent 30%),linear-gradient(135deg,rgba(18,13,11,.98),rgba(5,6,7,.98) 58%,rgba(10,14,16,.98));box-shadow:inset 0 1px rgba(255,221,175,.07),inset 0 0 70px rgba(0,0,0,.45),0 18px 42px rgba(0,0,0,.4)}
.home-main .home-creator:before{content:"";position:absolute;z-index:-1;inset:8px;border:1px solid rgba(255,183,111,.045);pointer-events:none}.home-main .home-creator:after{content:"CREATORS";right:16px;bottom:-19px;color:rgba(206,121,51,.035);font:64px/1 Georgia,serif;letter-spacing:7px}
.home-creator__flare{position:absolute;z-index:-1;top:-80px;left:18%;width:420px;height:210px;background:radial-gradient(ellipse,rgba(207,104,35,.2),transparent 68%);filter:blur(9px);pointer-events:none;animation:creatorGlow 5s ease-in-out infinite alternate}
.home-main .home-creator__intro{padding:7px 10px 8px 0}.home-main .home-creator__intro>span,.home-creator__formats>span,.home-creator__steps-heading>span{display:block;margin-bottom:9px;color:#df8132;font-size:8px;letter-spacing:2.4px;text-transform:uppercase}.home-main .home-creator h2{max-width:470px;color:#f0e5d8;font-size:38px;line-height:1.08}.home-main .home-creator__intro>p{max-width:510px;margin:17px 0 24px;color:#b1a498;font-size:12px;line-height:1.75}
.home-creator__actions{display:flex;align-items:center;gap:22px}.home-creator__actions>.home-primary-cta{padding:13px 24px;transition:filter .2s,transform .2s,box-shadow .2s}.home-creator__actions>.home-primary-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,220,174,.2),0 8px 22px rgba(135,58,17,.4)}.home-creator__actions>.home-primary-cta b{margin-left:8px;font-size:13px}.home-creator__actions>a:last-child{padding:9px 0;border-bottom:1px solid rgba(190,104,39,.45);color:#b9a798;font-size:9px;letter-spacing:.65px;text-decoration:none;text-transform:uppercase}.home-creator__actions>a:last-child:hover{color:#efaa6d}
.home-creator__benefits{position:relative;z-index:1;display:grid;gap:9px}.home-creator__benefits article{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;min-height:69px;padding:13px 16px;box-sizing:border-box;border:1px solid rgba(190,115,55,.15);background:linear-gradient(100deg,rgba(0,0,0,.45),rgba(19,16,14,.54));transition:border-color .25s,transform .25s,background .25s}.home-creator__benefits article:hover{border-color:rgba(219,130,57,.42);background:linear-gradient(100deg,rgba(44,22,10,.65),rgba(9,10,11,.58));transform:translateX(-4px)}.home-creator__benefits i{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(201,112,42,.32);border-radius:50%;color:#e5893d;font-size:13px;font-style:normal;box-shadow:inset 0 0 15px rgba(175,75,18,.12)}.home-creator__benefits h3{margin:0 0 4px;color:#e4d8cc;font:400 15px Georgia,serif}.home-creator__benefits p{margin:0;color:#8f857c;font-size:9px;line-height:1.5}
.home-creator__formats,.home-creator__steps{position:relative;z-index:1;grid-column:1/-1;padding-top:25px;border-top:1px solid rgba(168,92,35,.2)}.home-creator__formats>span{margin-bottom:14px}.home-main .home-creator__tracks{grid-template-columns:repeat(3,1fr);gap:10px}.home-main .home-creator__tracks article{grid-template-columns:38px 1fr;min-height:79px;padding:15px;border-color:rgba(255,255,255,.065);transition:border-color .22s,transform .22s}.home-main .home-creator__tracks article:hover{border-color:rgba(199,112,44,.3);transform:translateY(-3px)}
.home-creator__steps{padding-top:29px}.home-creator__steps-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.home-creator__steps-heading>span{margin:0}.home-creator__steps-heading h3{max-width:470px;margin:0;color:#e9ded2;font:400 22px Georgia,serif;text-align:right}.home-creator__steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;background:rgba(184,102,39,.18)}.home-creator__steps li{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;min-height:100px;padding:20px;background:rgba(7,7,8,.94)}.home-creator__steps li:not(:last-child):after{content:"→";position:absolute;z-index:2;top:42%;right:-8px;color:#bc6b2e;font-size:13px}.home-creator__steps li>b{color:#7e4823;font:italic 14px Georgia,serif}.home-creator__steps strong{color:#e6d8cb;font:400 15px Georgia,serif}.home-creator__steps p{margin:7px 0 0;color:#8f857c;font-size:9px;line-height:1.55}.home-creator__steps>small{display:flex;align-items:center;gap:9px;margin-top:15px;color:#857a70;font-size:8px;letter-spacing:.25px}.home-creator__steps>small i{width:6px;height:6px;border-radius:50%;background:#dc7d31;box-shadow:0 0 9px rgba(220,125,49,.7)}
@keyframes creatorGlow{to{opacity:.55;transform:translateX(35px) scale(1.08)}}
@media(max-width:820px){.home-main .home-creator{grid-template-columns:1fr;margin:28px 24px;padding:36px 30px}.home-creator__benefits{grid-template-columns:repeat(3,1fr)}.home-creator__benefits article{grid-template-columns:1fr;align-content:start}.home-main .home-creator__tracks,.home-creator__steps ol{grid-template-columns:1fr}.home-creator__steps li:not(:last-child):after{display:none}}
@media(max-width:560px){.home-main .home-creator{margin:23px 15px;padding:30px 20px}.home-main .home-creator h2{font-size:29px}.home-creator__actions{align-items:flex-start;flex-direction:column;gap:9px}.home-creator__benefits{grid-template-columns:1fr}.home-creator__benefits article{grid-template-columns:42px 1fr}.home-creator__steps-heading{align-items:flex-start;flex-direction:column}.home-creator__steps-heading h3{text-align:left}.home-main .home-creator:after{font-size:34px}}

/* Vitrine viva de vídeos: rotação automática, movimento cinematográfico e controles. */
.home-video-carousel{position:relative}.home-video-card[hidden]{display:none!important}
.home-video-card.is-entering{animation:homeVideoCardEnter .65s cubic-bezier(.2,.75,.25,1) both}
.home-video-card.is-visible>img{animation:homeVideoAmbient 12s ease-in-out infinite alternate;will-change:transform}
.home-video-card:nth-child(2n).is-visible>img{animation-direction:alternate-reverse;animation-duration:14s}
.home-video-card:after{content:"";position:absolute;z-index:2;top:-35%;bottom:-35%;left:-42%;width:22%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,207,143,.13),transparent);filter:blur(2px);transform:skewX(-17deg);animation:homeVideoShine 8s ease-in-out infinite}
.home-video-card:nth-child(2n):after{animation-delay:2.8s}.home-video-card:nth-child(3n):after{animation-delay:5.2s}
.home-video-card__play:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(219,125,47,.28);border-radius:50%;animation:homeVideoPlayPulse 2.4s ease-out infinite}
.home-video-card__play{z-index:4}.home-video-card>div{z-index:3;transition:transform .35s ease}.home-video-card:hover>div{transform:translateY(-5px)}
.home-video-card:hover{border-color:rgba(226,135,59,.68);box-shadow:0 0 0 1px rgba(164,81,25,.12),0 13px 30px rgba(0,0,0,.4)}
.home-video-carousel__controls{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:13px}
.home-video-carousel__controls button{display:grid;width:30px;height:28px;padding:0;place-items:center;border:1px solid rgba(162,91,38,.32);background:rgba(8,7,7,.76);color:#c87937;font-size:13px;cursor:pointer;transition:.2s}.home-video-carousel__controls button:hover{border-color:#bd682b;background:#3b1e0d;color:#f0ad70}
.home-video-carousel__controls span{min-width:48px;color:#75695e;font:9px Georgia,serif;letter-spacing:1px;text-align:center}.home-video-carousel__controls span b{color:#d6813b;font-size:12px;font-weight:400}
.home-video-carousel__progress{position:relative;width:100px;height:1px;overflow:hidden;background:rgba(255,255,255,.09)}.home-video-carousel__progress i{position:absolute;inset:0;background:linear-gradient(90deg,#7b3c14,#e48b3d);transform:scaleX(0);transform-origin:left}
.home-video-carousel.is-paused .home-video-card.is-visible>img,.home-video-carousel.is-paused .home-video-card:after{animation-play-state:paused}
@keyframes homeVideoCardEnter{from{opacity:0;transform:translateX(var(--video-enter-x,18px)) scale(.985)}to{opacity:1;transform:none}}
@keyframes homeVideoAmbient{from{transform:scale(1.015) translate3d(-.5%,0,0)}to{transform:scale(1.075) translate3d(.7%,-.5%,0)}}
@keyframes homeVideoShine{0%,68%{opacity:0;transform:translateX(0) skewX(-17deg)}73%{opacity:1}88%,100%{opacity:0;transform:translateX(720%) skewX(-17deg)}}
@keyframes homeVideoPlayPulse{0%{opacity:.7;transform:scale(.8)}75%,100%{opacity:0;transform:scale(1.35)}}
@keyframes homeVideoProgress{to{transform:scaleX(1)}}
@media(max-width:560px){.home-video-carousel__controls{justify-content:center}.home-video-carousel__progress{width:75px}}
@media(prefers-reduced-motion:reduce){.home-video-card.is-entering,.home-video-card.is-visible>img,.home-video-card:after,.home-video-card__play:before,.home-video-carousel__progress i{animation:none!important}.home-video-card:hover>div{transform:none}}

/* Tema cinematográfico selecionável no painel. O tema original permanece intacto. */
body.background-cinematic #block-main{
  position:relative;
  isolation:isolate;
  background-color:#090807;
  background-image:
    radial-gradient(ellipse at 18% 18%,rgba(116,58,25,.16),transparent 38%),
    radial-gradient(ellipse at 82% 42%,rgba(31,63,76,.12),transparent 42%),
    linear-gradient(180deg,#101014 0,#0b0908 42%,#100b08 72%,#08090a 100%),
    url(../images/background/space/page.jpg);
  background-position:center top,center top,center top,center top;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat;
  background-size:1100px 900px,1200px 1150px,100% 100%,500px 500px;
}
body.background-cinematic #block-main>div{
  position:relative;
  background-image:
    linear-gradient(90deg,rgba(3,3,4,.52) 0,transparent 22%,transparent 78%,rgba(3,3,4,.52) 100%),
    linear-gradient(180deg,rgba(3,4,6,.03) 0,rgba(5,5,6,.12) 36%,rgba(9,7,6,.68) 67%,rgba(9,7,6,.96) 91%,transparent 100%),
    url(../images/background/space/page_bg_citadel.jpg);
  background-position:center top,center top,center top;
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-size:100% 100%,100% min(1500px,82vw),max(1600px,100vw) auto;
  background-attachment:scroll;
}
body.background-cinematic #block-main>div::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:min(1050px,62vw) 0 0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 0,rgba(151,75,28,.1),transparent 43%),
    linear-gradient(180deg,transparent,rgba(18,11,8,.3) 35%,rgba(5,7,8,.36));
}
body.background-cinematic #block-main>div>div{position:relative;z-index:1}
@media(max-width:900px){
  body.background-cinematic #block-main{background-size:720px 720px,760px 900px,100% 100%,500px 500px}
  body.background-cinematic #block-main>div{background-size:100% 100%,100% 920px,auto 920px;background-position:center top,center top,52% top}
  body.background-cinematic #block-main>div::before{inset:650px 0 0}
}
@media(max-width:560px){
  body.background-cinematic #block-main>div{background-size:100% 100%,100% 740px,auto 740px;background-position:center top,center top,55% top}
  body.background-cinematic #block-main>div::before{inset:500px 0 0}
}

/* Cinema da comunidade: experiência imersiva e interativa da página inicial. */
.home-video-cinema{isolation:isolate;padding:14px;border:1px solid rgba(153,91,43,.25);background:radial-gradient(circle at 50% 0,rgba(50,105,134,.11),transparent 36%),linear-gradient(145deg,rgba(8,9,11,.95),rgba(3,4,5,.97));box-shadow:inset 0 1px rgba(255,225,184,.035),inset 0 0 55px rgba(0,0,0,.5),0 18px 40px rgba(0,0,0,.3)}
.home-video-cinema:before,.home-video-cinema:after{content:"";position:absolute;z-index:4;width:42px;height:42px;pointer-events:none}.home-video-cinema:before{top:-1px;left:-1px;border-top:1px solid #bf6c2c;border-left:1px solid #bf6c2c}.home-video-cinema:after{right:-1px;bottom:-1px;border-right:1px solid #7e431b;border-bottom:1px solid #7e431b}
.home-video-cinema__hud{display:flex;align-items:center;justify-content:space-between;padding:0 3px 11px;color:#766b62;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.home-video-cinema__hud>span{display:flex;align-items:center;color:#c17a41}.home-video-cinema__hud i{width:6px;height:6px;margin-right:8px;border-radius:50%;background:#e78a3a;box-shadow:0 0 9px #d96e22;animation:homeCinemaLive 1.8s ease-in-out infinite}.home-video-cinema__hud small{color:#5f6870;font-size:7px;letter-spacing:1.2px}
.home-video-cinema .home-video-grid{height:430px;gap:10px}.home-video-cinema .home-video-card{appearance:none;position:relative;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:1px solid rgba(139,83,39,.25);border-radius:0;background:#050505;color:#fff;font-family:inherit;text-align:left;cursor:pointer}.home-video-cinema .home-video-card:focus-visible{outline:1px solid #e18a3d;outline-offset:2px}.home-video-cinema .home-video-card--lead{box-shadow:0 0 35px rgba(19,70,96,.12)}
.home-video-cinema .home-video-card--lead:before{content:"FEATURED";position:absolute;z-index:5;top:14px;left:14px;padding:5px 8px;border:1px solid rgba(221,127,48,.45);background:rgba(6,6,7,.78);color:#e39450;font-size:7px;letter-spacing:1.4px}
.home-video-cinema .home-video-card em{display:inline-block;max-height:0;margin-top:0;overflow:hidden;color:#d68a49;font-size:8px;font-style:normal;letter-spacing:.7px;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:.3s}.home-video-cinema .home-video-card--lead em,.home-video-cinema .home-video-card:hover em{max-height:20px;margin-top:9px;opacity:1;transform:none}.home-video-cinema .home-video-card em b{margin-left:5px;font-size:11px}
.home-video-reel{display:flex;gap:7px;margin:12px -2px 0;padding:2px 2px 8px;overflow-x:auto;scrollbar-color:#6d3c1d #090909;scrollbar-width:thin}.home-video-reel::-webkit-scrollbar{height:4px}.home-video-reel::-webkit-scrollbar-track{background:#090909}.home-video-reel::-webkit-scrollbar-thumb{background:#6d3c1d}
.home-video-reel>button{appearance:none;display:grid;grid-template-columns:62px 22px minmax(85px,1fr);gap:8px;align-items:center;min-width:210px;padding:6px;border:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.28);color:#82776c;text-align:left;cursor:pointer;transition:border-color .22s,background .22s,transform .22s}.home-video-reel>button:hover{border-color:rgba(183,101,40,.38);background:rgba(61,31,15,.25);transform:translateY(-2px)}.home-video-reel>button.is-active{border-color:rgba(215,122,45,.55);background:linear-gradient(110deg,rgba(91,42,15,.34),rgba(4,5,6,.65));box-shadow:inset 2px 0 #d3792e}.home-video-reel>button>span{position:relative;display:block;width:62px;height:36px;overflow:hidden;background:#050505}.home-video-reel img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(.65)}.home-video-reel>button>span i{position:absolute;inset:0;display:grid;place-items:center;color:#e58b42;font-size:8px;font-style:normal;text-shadow:0 1px 4px #000}.home-video-reel>button>b{color:#6f472c;font:italic 10px Georgia,serif}.home-video-reel>button>small{display:block;overflow:hidden;color:#84796e;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-video-reel>button.is-active small{color:#d7c8b8}.home-video-reel>button.is-active img{filter:saturate(1) brightness(.82)}
.home-video-cinema .home-video-carousel__controls{margin:7px 3px 0}.home-video-cinema .home-video-carousel__progress{flex:0 0 135px}
.home-video-modal[hidden]{display:none!important}.home-video-modal{position:fixed;z-index:10020;inset:0;display:grid;padding:28px;place-items:center}.home-video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(7px);animation:homeVideoFade .25s ease both}.home-video-modal__dialog{position:relative;width:min(1100px,94vw);border:1px solid rgba(204,117,46,.48);background:#050607;box-shadow:0 28px 90px #000,0 0 45px rgba(36,91,121,.16);animation:homeVideoModalIn .35s cubic-bezier(.2,.75,.2,1) both}.home-video-modal__dialog:before{content:"";position:absolute;top:-1px;left:35px;width:140px;height:1px;background:linear-gradient(90deg,#e58b40,transparent)}.home-video-modal__top{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(83,40,15,.28),transparent)}.home-video-modal__top>span{color:#bc6c2c;font-size:7px;letter-spacing:1.3px;text-transform:uppercase}.home-video-modal__top>strong{overflow:hidden;color:#cfc2b5;font:400 12px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.home-video-modal__top>button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid rgba(176,96,37,.3);background:#0b0908;color:#b9753e;font-size:20px;cursor:pointer}.home-video-modal__top>button:hover{border-color:#d77c32;color:#f1b67f}.home-video-modal__player{position:relative;padding-top:56.25%;background:#000}.home-video-modal__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.home-video-modal-open{overflow:hidden}
@keyframes homeCinemaLive{50%{opacity:.4;box-shadow:0 0 3px #d96e22}}@keyframes homeVideoFade{from{opacity:0}}@keyframes homeVideoModalIn{from{opacity:0;transform:translateY(20px) scale(.985)}}
@media(max-width:700px){.home-video-cinema{padding:9px}.home-video-cinema .home-video-grid{height:auto}.home-video-reel>button{grid-template-columns:54px 18px minmax(70px,1fr);min-width:180px}.home-video-reel>button>span{width:54px;height:32px}.home-video-modal{padding:8px}.home-video-modal__top{grid-template-columns:1fr auto}.home-video-modal__top>span{display:none}.home-video-modal__top>strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-video-cinema__hud i,.home-video-modal__backdrop,.home-video-modal__dialog{animation:none!important}}

/* Tema Server War: fundo oficial em vídeo, com contraste adaptado ao conteúdo do site. */
body.background-server-war #block-main{
  position:relative;
  isolation:isolate;
  background-color:#090807!important;
  background-image:
    radial-gradient(ellipse at 24% 22%,rgba(124,63,27,.15),transparent 38%),
    radial-gradient(ellipse at 78% 48%,rgba(42,65,74,.11),transparent 42%),
    linear-gradient(180deg,#111011 0,#0c0908 48%,#100b08 74%,#07090a 100%),
    url(../images/background/space/page.jpg)!important;
  background-position:center top,center top,center top,center top!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat!important;
  background-size:1200px 920px,1250px 1150px,100% 100%,500px 500px!important;
}
body.background-server-war #block-toolbar{position:relative;z-index:20}
body.background-server-war #block-header{position:relative;z-index:15}
body.background-server-war #block-main>div:not(.site-background-video__shade){position:relative;z-index:3;background:transparent!important;background-image:none!important}
body.background-server-war #block-main:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(2,2,3,.38),transparent 22%,transparent 78%,rgba(2,2,3,.38)),
    linear-gradient(180deg,rgba(3,3,4,.06) 0,rgba(5,5,6,.18) 36%,rgba(9,7,6,.72) 68%,rgba(9,7,6,.98) 91%,transparent 100%),
    url(../images/background/server-war/bg01_continuation.jpg);
  background-position:center top,center top,center top;
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-size:100% 100%,100% min(1450px,82vw),max(1600px,100vw) auto;
}
.site-background-video{
  display:block!important;
  position:absolute;
  z-index:1;
  top:90px;
  left:0;
  width:100%;
  height:clamp(760px,72vw,1120px);
  object-fit:cover;
  object-position:center top;
  opacity:1;
  pointer-events:none;
  filter:saturate(.88) brightness(.86);
  transform:translateZ(0);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 58%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.62) 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 58%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.62) 82%,transparent 100%);
}
.site-background-video__shade{
  position:absolute!important;
  z-index:2!important;
  top:0;
  right:0;
  left:0;
  height:clamp(800px,76vw,1180px);
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,5,7,.04) 0,rgba(4,5,7,.12) 48%,rgba(7,6,6,.35) 68%,rgba(9,7,6,.82) 88%,transparent 100%),
    radial-gradient(ellipse at center 28%,transparent 12%,rgba(0,0,0,.1) 72%,rgba(0,0,0,.34) 100%)!important;
}
body.background-server-war #block-main:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 21%,transparent 79%,rgba(0,0,0,.32))}
@media(max-width:900px){
  .site-background-video{height:820px}
  .site-background-video__shade{height:860px}
  body.background-server-war #block-main:before{
    background-position:center top,center top,50% top;
    background-repeat:no-repeat;
    background-size:100% 100%,100% 920px,auto 920px;
  }
}
@media(max-width:560px){
  .site-background-video{height:680px}
  .site-background-video__shade{height:720px}
  body.background-server-war #block-main:before{
    background-position:center top,center top,54% top;
    background-size:100% 100%,100% 740px,auto 740px;
  }
}

/* Ajuste final da home com sidebar: prevalece sobre os módulos de cinema e criadores. */
@media(min-width:1101px){
  #page .home-main #maininner{width:710px!important;margin-right:25px}
  .home-main .home-section{padding:38px 34px 42px}
  .home-main .home-section__heading,.home-main .home-section__heading--action{position:relative;display:block;margin-bottom:26px}
  .home-main .home-section__heading h2{font-size:31px;line-height:1.12}
  .home-main .home-section__heading>p{max-width:520px;margin-top:12px;font-size:11px;line-height:1.65}
  .home-main .home-section__heading--action{padding-right:155px}
  .home-main .home-section__heading--action .home-text-link{position:absolute;right:0;bottom:2px}
  .home-main .home-news-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .home-main .home-editorial-card--lead{grid-row:auto;min-height:205px}
  .home-main .home-video-cinema .home-video-grid{grid-template-columns:1.35fr 1fr;height:340px}
  .home-main .home-video-card--lead h3{font-size:21px}
  .home-main .home-creator{grid-template-columns:1fr;gap:25px;margin:34px;padding:38px 36px}
  .home-main .home-creator h2{max-width:540px;font-size:32px}
  .home-main .home-creator__intro>p{max-width:560px}
  .home-main .home-creator__benefits{grid-template-columns:repeat(3,1fr)}
  .home-main .home-creator__benefits article{grid-template-columns:1fr;align-content:start;min-height:128px;padding:16px}
  .home-main .home-creator__benefits article:hover{transform:translateY(-3px)}
  .home-main .home-creator__tracks{grid-template-columns:1fr}
  .home-main .home-creator__tracks article{min-height:70px}
  .home-main .home-creator__steps-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .home-main .home-creator__steps-heading h3{text-align:left}
  .home-main .home-creator__steps ol{grid-template-columns:1fr}
  .home-main .home-creator__steps li{min-height:75px;padding:17px 19px}
  .home-main .home-creator__steps li:not(:last-child):after{display:none}
  .home-main .home-discover-grid{grid-template-columns:1fr}
  .home-main .home-discover-grid>a{min-height:105px;padding:19px 21px}
}

/* Menu principal distribuído uniformemente pela barra metálica. */
@media(min-width:1101px){
  #menubar #menu{width:100%;margin-top:2px}
  #menubar #menu>ul.menu-dropdown{display:flex;float:none;width:100%;align-items:flex-start;justify-content:center;gap:25px}
  #menubar #menu>ul.menu-dropdown>li.level1{float:none;flex:0 0 auto;margin-right:0;padding-bottom:22px;text-align:center}
  #menubar #menu>ul.menu-dropdown>li.level1>a.level1,
  #menubar #menu>ul.menu-dropdown>li.level1>span.level1{display:block;float:none;width:auto;box-sizing:border-box}
  #menubar #menu>ul.menu-dropdown>li.level1>a.level1>span,
  #menubar #menu>ul.menu-dropdown>li.level1>span.level1>span{padding-right:4px;padding-left:4px;text-align:center}
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown{right:auto;left:50%;width:230px!important;transform:translateX(-50%);text-align:center}
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown .dropdown-bg,
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown .column,
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown ul.level2{width:100%!important;box-sizing:border-box;text-align:center}
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown ul.level2{margin-left:0;padding:4px}
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown li.level2{width:100%;box-sizing:border-box}
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown a.level2>span,
  #menubar #menu>ul.menu-dropdown>li.level1>.dropdown span.level2>span{padding:7px 10px;text-align:center}
}

/* ==========================================================================
   Rodape - refino de legibilidade e ritmo.
   Antes: 4 das 8 familias de texto estavam em 8px, e 6 de 8 reprovavam no
   contraste 4.5:1 (o aviso legal chegava a 2.29). As colunas tinham larguras
   desiguais (272/178/209/209) com gap 0, o que apertava o miolo.
   ========================================================================== */

/* Ritmo: colunas mais parelhas, respiro maior, divisorias mais discretas. */
.site-footer { padding: 34px 0 18px; }
.site-footer__grid {
	grid-template-columns: 1.45fr 1fr 1.1fr 1.1fr;
	gap: 0 6px;
	padding: 0 22px 30px;
}
.site-footer__grid > section,
.site-footer__grid > nav { padding: 0 28px; }

/* Rebites do painel: detalhe, nao protagonista. */
.site-footer:before,
.site-footer:after {
	top: -4px;
	width: 7px;
	height: 7px;
	border-color: #402917;
	box-shadow: none;
	opacity: .75;
}

/* Titulos das colunas. */
.site-footer__column h3 {
	margin-bottom: 14px;
	padding-bottom: 9px;
	color: #d98c44;
	font-size: 12.5px;
	letter-spacing: 1.1px;
}
.site-footer__column h3:after { background: linear-gradient(90deg, #9a5420, transparent 85%); }

/* Legibilidade: nada abaixo de 11px, tudo acima de 4.5:1. */
#footer .site-footer__column > a:not(.site-footer__discord) {
	color: #b0a494;
	font-size: 11.5px;
	line-height: 1.45;
	padding: 2px 0;
}
.site-footer__column > a:not(.site-footer__discord):before { color: #b4691f; }
#footer .site-footer__column > a:not(.site-footer__discord):hover { color: #eab97e; }

.site-footer__brand p { color: #a3968a; font-size: 11.5px; line-height: 1.6; }
.site-footer__brand span { color: #9a8874; font-size: 9.5px; letter-spacing: 1.1px; }

.site-footer__contact small { color: #9a8f81; font-size: 10.5px; line-height: 1.5; }
.site-footer__email { font-size: 11.5px !important; color: #e8c49c !important; }

/* Icones sociais: alvo maior e borda mais legivel. */
.site-footer__socials { gap: 7px; }
.site-footer__socials a { width: 36px; height: 36px; border-color: rgba(163,92,35,.42); color: #cb7b33; }
.site-footer__socials svg { width: 15px; height: 15px; }

/* Seletor de idioma: vira um controle de verdade, nao uma sobra. */
.site-footer__language {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	margin-top: 9px !important;
	padding: 7px 12px !important;
	border-color: rgba(163,92,35,.3) !important;
	border-radius: 2px;
	background: rgba(58,33,17,.3) !important;
	color: #c2b2a0 !important;
	font-size: 11px !important;
}
.site-footer__language:hover { border-color: rgba(200,117,47,.6) !important; color: #eab97e !important; }

/* Bloco legal: hierarquia em tres degraus, todos legiveis. */
.site-footer__legal { padding-top: 19px; }
.site-footer__legal strong { color: #c9853f; font-size: 11.5px; letter-spacing: .6px; }
.site-footer__legal p { margin: 9px auto 6px; max-width: 700px; color: #9a8f81; font-size: 11px; line-height: 1.6; }
.site-footer__legal span { color: #8b8175; font-size: 10.5px; }

@media (max-width: 900px) {
	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px 0; }
	.site-footer__grid > section,
	.site-footer__grid > nav { padding: 0 20px; }
}
@media (max-width: 560px) {
	.site-footer__grid { grid-template-columns: 1fr; }
	.site-footer__socials a { width: 42px; height: 42px; }
}


/* ===== templates/css/animations.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Base
----------------------------------------------------------------------------------------------------*/

a:hover {
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}


/* Menus
----------------------------------------------------------------------------------------------------*/

/* Mega Drop-Down Menu */

/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	-ms-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
}

.menu-dropdown a.level2:hover > span,
.menu-dropdown span.level2:hover > span {
	-moz-transition: color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out;
}

.menu-dropdown a.level3:hover > span,
.menu-dropdown span.level3:hover > span {
	-moz-transition: color 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out;
	-ms-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

/* Menu Sidebar */
.menu-sidebar a,
.menu-sidebar li > span {
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}


/* Tools
----------------------------------------------------------------------------------------------------*/

a.button-more:hover {
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

form.style input[type="text"],
form.style input[type="password"],
form.style select,
form.style textarea,
form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover,
.mobile-switcher {
	-webkit-transition:
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		background 0.25s ease-in-out;
	-moz-transition:
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		background 0.25s ease-in-out;
	-o-transition:
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		background 0.25s ease-in-out;
	-ms-transition:
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		background 0.25s ease-in-out;
	transition:
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		background 0.25s ease-in-out;
}


/* System
----------------------------------------------------------------------------------------------------*/

#searchbox .results li.result.selected {
	-webkit-transition: 
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
	-moz-transition:
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
	-o-transition:
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
	-ms-transition:
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
	transition:
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
}

#searchbox .results li.result.selected h3 {
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

/* ===== templates/css/background/space.css ===== */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Background: Space */

#block-main { background: #12121b url(../images/background/space/page.jpg) 50% 0 repeat; }

#block-main > div { background: url(../images/background/space/page_bg.jpg) 50% 0 no-repeat; }