body {
	background: #161616;
	color: #a3a3a3;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	overflow-y: scroll;
	text-decoration: none;
	font-family: Open Sans;
	font-size: 13px;
}

html{
	min-height: 100%;
	position: relative;
}

body {
	margin: 0;
	margin-bottom: 180px;
}

.post_flexible
{
	display:flex;
}

.wo_title {
	color: #168BD2;
	margin-left: 15px;
	display: block;
	margin-top: 20px;
	
	font-family: Source Sans Pro;
	font-size: 25px;
}

.wo_desc {
	color: #787878;
	display: inline-block;
	margin: 15px 15px 40px;
	
	font-size: 15px;
}

#hb_title {
	color: white;
	font-size: 30px;
	position: relative;
	font-family: 'Roboto';
	left: 85px;
	top: 30px;
}

#hb_desc {
	font-size: 18px; text-align: left; font-family: Source Sans Pro;
}

#home_bit {
	color: #168BD2;
	padding: 0px 3px 0px 17px;
	position: relative;
	cursor: pointer;
	font-size: 17px;
	transition: all 150ms;
	display: inline-block;
}

.nav_link {
	text-decoration: none;
	color: #168BD2;
	float: right;
	position: relative;
	top: -15px;
	font-size: 15px;
	padding: 16px;
	transition: background 200ms;
	cursor: pointer;
}

.nav_link:hover {
	background: #FCFCFC;
	border-bottom: 2px solid #168BD2;
}

.nav_link a:link, a:hover, a {
	text-decoration: none;
}

.subforum_miniofflock i:before {
	content: "\f148";
}

.subforum_miniofflink i:before {
	content: "\f148";
}

#nav_mobile {
	display:none;
}

.forum {
	float: left; 
}

a:link, a:active, a:visited {
	color: #e9e9e9;
	text-decoration: none;
}

a:hover{
	color: #168BD2;
	text-decoration: underline;
}

#container {
	background: #F6F6F6;
	color: rgb(134,134,134);
	text-align: left;
	line-height: 1.4;
	margin: 0;
	
	font-family: Roboto;
	font-size: 13px;
}

.wrapper {
	width: 90%;
	margin: auto auto;
}

#logo, #logo:hover {
	color: #168BD2 !important;
	position: relative;
	padding: 15px 35px;
	top: 15px;
	
	font-family: 'Lobster', cursive;
	font-size: 27px;
}

#content {
	background: #161616;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}


#panel .upper a.logout {
	font-weight: bold;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}


#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: rgb(22, 139, 210) none repeat scroll 0% 0%;
	color: #fff;
	padding: 2px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	display:none;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: rgba(0, 0, 0, 0.36);
}

#search input.button {
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
color: #168BD2;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #168BD2;
}

.forum_off i {
}

.forum_offlock i:before {
content: "\f023";
}

.forum_offlink i:before {
content: "\f0c1";
}

.subforumicon {
	display: inline-block;
	margin: 0 5px;
}

.subforum_minion {
	color: #168BD2;
}

.subforum_minioff {
	color: #168BD2;
}

.subforum_miniofflock {
	color: #168BD2;
}

.subforum_miniofflink {
	color: #168BD2;
}

table {
	color: #ccc;
	font-size: 13px;
}

.tborder {
	width: 100%;
	margin: auto auto;
	border-radius: 2px;
	box-shadow: none;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #168BD2;
	color: #FFF;
	padding: 14px 17px;
	font-size: 15px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	
	background-color: #2b2b2b;
	border-bottom: 1px solid #181818;
	font-weight: 500;
	padding: 9px;
	color: #b2b2b2;
}

.tcat a:link {
	color: #FFF;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

.trow1 {
	background: #202020;
	padding: 10px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.trow2 {
	padding: 13px;
	background: #202020;
	border-top: none;
	border-bottom: 1px solid #222;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFE9EB;
	color: #333;
	border-bottom-color: #F6D1D6;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #1a1919;
	color: #838383;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	color: inherit;
	/*! background: rgb(32, 32, 32); */
	padding: 11px;
	/*! position: relative; */
	/*! top: 5px; */
}

.tfoot a:link {
	color: rgb(58, 58, 59);
	text-decoration: none;
}

.tfoot a:visited {
	color: rgb(58, 58, 59);
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: rgb(58, 58, 59, 0.5);
	text-decoration: none;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	background: #2B2B2B;
	color: #168BD2;
	padding: 17px 0px;
	border-bottom: 3px solid #202020;
	font-family: Open Sans;
	font-size: 15px;
	border-radius: 2px;
}

.advice {
	background: #E74C3C;
	width: 86%;
	color: #FFF;
	text-align: center;
	border-radius: 0px;
	padding: 13px;
	margin-top: 25px;
	font-size: 14px;
}

#mobile_member {
	background: #168BD2;
	width: 86%;
	color: #FFF;
	text-align: center;
	border-radius: 0px;
	padding: 13px;
	margin-top: 25px;
	display: none;
	
	font-size: 14px;
}

#mobile_member a{
	color:white;
}

.navigation a:link {
	text-decoration: none !important;
}

.navigation a:visited {
	text-decoration: none !important;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: none !important;
}

.navigation .active {
	font-size: 14px;
	font-weight: bold;
}

.smalltext {
	font-size: 12px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: none;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #444;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {	
	color: #878787;
    border: 1px solid #303030;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background-color: #242424;
	padding: 10px;
}

textarea {
	color: #878787;
    border: 1px solid #303030;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background-color: #242424;
}

select {
	background: #242424;
	color:#878787;
	padding: 9px;
	border: 1px solid #303030;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	background: #323232;
	color: #B3B3B3;
	padding: 10px 15px;
	cursor: pointer;
	border: 1px solid #333;
	border-radius: 2px;
	outline: 0;
	transition: 600ms;
	
	font-family: Roboto;
	font-size: 15px;
}

button:hover,
input.button:hover {
	background: #168BD2;
	color: white;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
	z-index: 100;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #168BD2;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	background: rgb(40, 40, 40) none repeat scroll 0% 0%;
	margin: 10px;
	padding: 10px;
	border-left: 3px solid rgba(102, 102, 102, 0.21);
}

blockquote cite {
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	
	font-style: normal;
	font-weight: bold;
}

blockquote cite span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	text-align: center;
	padding: 12px 20px;
	margin-bottom: 15px;
	border-radius:2px;
	
	font-size: 13px;
}

.red_alert {
	background: #FBE3E4;
	color: #A5161A;
	text-align: center;
	padding: 12px 20px;
	margin-bottom: 15px;
	word-wrap: break-word;
	border-radius: 2px;
	
	font-size: 13px;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	padding-top: 5px;
	position: relative;
	display: block;
	
	font-size: 13px;
	top: 15px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	background: #f5f5f5;
	padding: 8px 8px;
	transition:200ms;
}

.pagination a {
	background: #323232;
}

.pagination .pagination_current {
	background: none;
	color: #e9e9e9;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #168BD2;
	color: #fff;
	border-color: #168BD2;
	
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #2b2b2b;
	border: 1px solid #202020;
	padding: 9px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
position: relative;
top: 11px;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
	background: rgb(22, 22, 22);
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.post {
	background: #282828;
	overflow: hidden;
	border-radius: 2px;
	border: 1px solid #303030;
}

.post.classic {
	margin-top: 15px;
}

.post .post_author {
	background: #282828;
	overflow: hidden;
}

.post.classic .post_author {
	width: 20%;
	border-left: none;
	float: left;
	padding: 20px 20px;
	border-right: 1px solid #303030;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-top: 14px;
}

.post .post_author div.author_avatar img {
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 50%;
	box-shadow: 0px 0px 2px #696969;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	text-align: center;
	padding: 0px;
	float: none;
}

.post .post_author div.author_statistics {
	float: none;
	font-size: 13px;
	padding: 17px 19px;
	color: #a3a3a3;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	margin: 2px;
	padding: 17px 19px;
	float: none;
	margin-bottom: 10px;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	margin-bottom: 15px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_ {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	width: 90%;
	position:relative;
	padding-left: 25px;
	padding-right: 25px;
}

.post_content {
	padding: 22px 13px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	padding: 5px 10px;
	overflow: hidden;
	border-top: 1px solid #303030;
	background:#282828;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	color: #CCC;
	display: inline-block;
	margin: 2px;
	padding: 7px;
	transition:200ms;
	font-size: 15px;
}

.postbit_buttons > a:hover {
	opacity: 0.8;
}

.postbit_buttons a span {
	display: inline-block;
	height: 16px;
}


a.button:link,
a.button:visited,
a.button:active {
	background: #323232;
	color: #FFF;
	margin: 2px;
	border-radius: 2px;
	padding: 11px 15px;
	transition: all 600ms;
	border: none;
	
	text-decoration: none;
	font-size: 14px;
}

a.button:hover {
	background: #168BD2;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 11px 15px;
}

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


.quick_jump {
}

.pollbar {
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 12px;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom:	0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl .jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/
.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
}

.blocker::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.modal {
    width: 400px;
    text-align: left;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	font-size:0px;
}

.modal a.close-modal:before{
  font-family:"Font Awesome 5 Free";
  font-size:25px;
  content:"\f410";
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
	position: absolute;
	background-color: #777777;
}

div.jqi {
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqiclose {
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate {
	background-color: #fff;
}

div.jqi .jqititle {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
	padding: 10px;
	line-height: 20px;
	color: #444444;
}

div.jqi .jqibuttons {
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
	margin: 0;
	padding: 6px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
	color: #287ade;
	outline: none;
}

/* sub states */

div.jqi .jqiparentstate::after {
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
	position: absolute;
	top: 0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
	padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
	position: absolute;
	height: 0; width: 0;
	line-height: 0;
	font-size: 0;
	border: solid 10px transparent;
}

.jqi .jqiarrowtl {
	left: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
	left: 50%;
	top: -20px;
	border-bottom-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowtr {
	right: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
	left: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
	left: 50%;
	bottom: -20px;
	border-top-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowbr {
	right: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
	left: -20px;
	top: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
	left: -20px;
	top: 50%;
	border-right-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowlb {
	left: -20px;
	bottom: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
	right: -20px;
	top: 10px;
	border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
	right: -20px;
	top: 50%;
	border-left-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowrb {
	right: -20px;
	bottom: 10px;
	border-left-color: #ffffff;
}

		
		
		
		
		
		
		
		
		
		


/* ============================================================
   ELECTROMECÁNIKOS — MODERN DARK UI
   Custom visual layer for MyBB 1.8
   ============================================================ */
:root{--em-bg:#0d1117;--em-bg2:#111820;--em-card:#161f28;--em-card2:#1b2631;--em-blue:#168bd2;--em-blue2:#0f6fa9;--em-text:#eef4f8;--em-muted:#94a4b2;--em-line:#273541;--em-shadow:0 12px 35px rgba(0,0,0,.20);}
*{box-sizing:border-box}
body{background:var(--em-bg)!important;color:var(--em-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;}
#container,#content{background:var(--em-bg)!important;color:var(--em-text)!important}
#content{padding:28px 10px 42px!important}
.wrapper{width:min(94%,1280px)!important;max-width:1280px;margin:auto!important}
.em-topbar{position:fixed;z-index:1000;top:0;left:0;width:100%;height:70px;background:rgba(10,16,22,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 5px 25px rgba(0,0,0,.15)}
.em-topbar-inner{width:min(94%,1280px);height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.em-topbar-spacer{height:70px}.em-brand{display:flex;align-items:center;gap:10px!important;position:static!important;padding:0!important;top:auto!important;font-family:Inter,sans-serif!important;font-size:20px!important;font-weight:800!important;letter-spacing:.7px;color:#fff!important}.em-brand-icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--em-blue),#0d6099);box-shadow:0 7px 20px rgba(22,139,210,.26);color:#fff}.em-brand:hover{color:#fff!important;text-decoration:none!important}.em-logo img{display:block;width:auto;height:54px;max-width:285px;object-fit:contain}.em-logo{line-height:0!important}
.useroptions{margin-left:auto}#menu-deroulant{display:flex!important;align-items:center;gap:4px;margin:0!important;padding:0!important;list-style:none}#menu-deroulant>li{display:inline-flex!important;margin:0!important}#menu-deroulant>li>a{display:flex;gap:7px;align-items:center;padding:10px 11px!important;border-radius:8px;color:#c8d3dc!important;font-size:13px;font-weight:600;transition:.18s ease}#menu-deroulant>li>a:hover{background:rgba(22,139,210,.12)!important;color:#fff!important;text-decoration:none!important}
.em-mobile-toggle{display:none;background:none!important;border:0!important;color:#fff!important;font-size:21px!important;padding:7px!important}
.em-hero{height:auto!important;min-height:255px!important;background:radial-gradient(circle at 78% 25%,rgba(22,139,210,.22),transparent 31%),linear-gradient(120deg,#0d151d 0%,#101d28 58%,#0b1117 100%)!important;border-bottom:1px solid #21313d!important;position:relative;overflow:hidden;text-shadow:none!important}.em-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,transparent,black 25%,black 80%,transparent);pointer-events:none}.em-hero-inner{width:min(94%,1280px);margin:auto;padding:42px 0 45px;position:relative;z-index:2}.em-kicker{display:inline-flex;align-items:center;gap:7px;color:#72c4f4;font-size:12px;font-weight:800;letter-spacing:1.2px;margin-bottom:12px}.em-hero h1{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-1.2px}.em-hero p{color:#aebbc6;font-size:16px;margin:12px 0 23px}.em-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.em-hero-actions a{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:8px;font-weight:700;text-decoration:none!important}.em-primary-action{background:var(--em-blue);color:#fff!important;box-shadow:0 9px 25px rgba(22,139,210,.23)}.em-primary-action:hover{background:var(--em-blue2)!important}.em-secondary-action{border:1px solid #314657;color:#dce8f0!important;background:rgba(255,255,255,.025)}.em-secondary-action:hover{border-color:#486175;background:rgba(255,255,255,.055)!important}
#header{background:transparent!important;border:0!important}.navigation{background:#121a22!important;border:1px solid var(--em-line)!important;border-left:3px solid var(--em-blue)!important;border-radius:9px!important;color:var(--em-muted)!important;padding:12px 15px!important;margin-bottom:18px!important;font-family:Inter,sans-serif!important;box-shadow:0 5px 18px rgba(0,0,0,.12)}.navigation a{color:#cad7e0!important}.navigation .active{color:#fff!important}
.forum{width:calc(77% - 18px)!important}.side{width:23%!important}.tborder{background:var(--em-card)!important;border:1px solid var(--em-line)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:var(--em-shadow)!important;margin-bottom:18px!important}.thead{background:linear-gradient(110deg,#111d27,#152938)!important;border-bottom:2px solid var(--em-blue)!important;color:#fff!important;padding:13px 16px!important;font-weight:700!important}.thead a{color:#fff!important}.tcat{background:#19232d!important;color:#aebbc5!important;border-bottom:1px solid var(--em-line)!important;padding:9px 12px!important}.trow1,.trow2{background:var(--em-card)!important;color:#c3ced6!important;border-color:var(--em-line)!important;transition:background .15s ease}.trow1:hover,.trow2:hover{background:#1b2731!important}.trow_sep{background:#111820!important;color:#8fa1af!important}.smalltext{color:#8fa0ad!important}.largetext{color:#f4f7f9!important}.forum_status,.forum_on,.forum_off,.forum_offlock,.forum_offlink,.subforum_minion,.subforum_minioff,.subforum_miniofflock,.subforum_miniofflink,#home_bit,.wo_title{color:var(--em-blue)!important}
input.textbox,textarea,select{background:#10171e!important;border:1px solid #2b3a46!important;color:#dfe8ee!important;border-radius:7px!important;padding:10px!important;font-family:Inter,sans-serif!important}input.textbox:focus,textarea:focus,select:focus{border-color:var(--em-blue)!important;box-shadow:0 0 0 3px rgba(22,139,210,.12)!important}button,input.button,a.button:link,a.button:visited,a.button:active{background:#22303b!important;border:1px solid #31424f!important;color:#fff!important;border-radius:7px!important;font-family:Inter,sans-serif!important;font-weight:700!important;padding:9px 14px!important;transition:.16s ease!important}button:hover,input.button:hover,a.button:hover{background:var(--em-blue)!important;border-color:var(--em-blue)!important;transform:translateY(-1px)}
.pagination a,.pagination .pagination_current{border-radius:6px!important;margin-right:3px!important}.pagination a{background:#1e2a34!important;color:#ccd7df!important}.pagination a:hover,.pagination .pagination_current{background:var(--em-blue)!important;color:#fff!important}.post,.post .post_author,.post_controls{background:var(--em-card)!important;border-color:var(--em-line)!important}.post{border-radius:10px!important;box-shadow:0 8px 25px rgba(0,0,0,.14)!important}.post.classic .post_author{background:#141c24!important}.post .post_author div.author_avatar img{border:3px solid #263844!important;box-shadow:0 0 0 3px rgba(22,139,210,.10)!important}.post_controls{background:#131c24!important}.postbit_buttons>a{border-radius:6px!important}.postbit_buttons>a:hover{background:rgba(22,139,210,.10)!important;color:#fff!important}.codeblock,blockquote{background:#10171e!important;border:1px solid #273744!important;color:#c8d3db!important;border-radius:7px!important}.codeblock{border-left:3px solid var(--em-blue)!important}blockquote{border-left:3px solid #506271!important}.popup_menu{background:#151f28!important;border-color:#2b3a46!important}.popup_menu .popup_item{background:#18232c!important;color:#d9e2e8!important}.popup_menu .popup_item:hover{background:var(--em-blue)!important;color:#fff!important}
.wo_title{font-family:Inter,sans-serif!important;font-weight:800!important}.wo_desc{color:#98a7b2!important}.em-footer{background:#0a0f14!important;border-top:1px solid #202c35!important;margin-top:0!important;color:#8294a2!important}.em-footer-inner{width:min(94%,1280px);margin:auto;padding:34px 0;display:grid;grid-template-columns:1.6fr 1fr;gap:18px 40px;align-items:start}.em-footer-logo{color:#fff;font-size:17px;font-weight:800;letter-spacing:.6px}.em-footer-logo i{color:var(--em-blue);margin-right:7px}.em-footer-brand p{max-width:610px;line-height:1.65;margin:9px 0 0;color:#8394a1}.em-footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.em-footer-links a{color:#bdcad3!important;font-weight:600}.em-footer-links a:hover{color:#fff!important}.em-footer-meta{grid-column:1/-1;border-top:1px solid #1b2832;padding-top:18px;font-size:12px;color:#617380}.em-footer-meta a{color:#91a2ae!important}.scrollToTop,.scrollToDown{background:var(--em-blue)!important;border-radius:8px!important}
#mobile_member{background:#121b23!important;border:1px solid var(--em-line)!important;color:#fff!important;border-radius:8px!important;width:min(94%,1280px)!important;margin:14px auto!important;padding:10px!important}.advice{border-radius:7px!important}
::selection{background:var(--em-blue);color:#fff}
@media(max-width:980px){.forum,.side{width:100%!important;float:none!important}.side{margin-top:14px!important}.em-footer-inner{grid-template-columns:1fr}.em-footer-links{justify-content:flex-start}.em-footer-meta{grid-column:auto}}
@media(max-width:760px){.em-topbar{height:62px}.em-topbar-inner{height:62px}.em-topbar-spacer{height:62px}.em-brand{font-size:16px!important}.em-brand-icon{width:32px;height:32px}.em-logo img{height:44px;max-width:230px}.em-mobile-toggle{display:block!important}.useroptions{position:absolute;top:62px;left:0;width:100%;background:#0c131a}.useroptions #menu-deroulant{display:none!important;flex-direction:column;align-items:stretch;padding:8px!important;border-bottom:1px solid #25333d}.useroptions #menu-deroulant.em-open{display:flex!important}.useroptions #menu-deroulant>li{display:block!important}.useroptions #menu-deroulant>li>a{padding:12px 4%!important;border-radius:0}.em-hero-inner{padding:34px 0}.em-hero h1{font-size:32px}.em-hero p{font-size:14px}.em-hero-actions a{width:100%;justify-content:center}.wrapper{width:96%!important}.post_flexible{display:block!important}.post.classic .post_author{width:100%!important;float:none!important;border-right:0!important;border-bottom:1px solid var(--em-line)!important}.post.classic .post_content{width:100%!important;padding:18px!important}.hide_mobile{display:none!important}}

/* =========================================================
   ELECTROMECÁNIKOS DARK v2
   Errores · Login · Menú móvil
   ========================================================= */

/* Avisos de error integrados en el tema */
div.error,
.error_message {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 18px 0 24px !important;
    padding: 16px 18px !important;
    background: linear-gradient(135deg, rgba(239,68,68,.10), rgba(239,68,68,.035)) !important;
    border: 1px solid rgba(239,68,68,.32) !important;
    border-left: 4px solid #ef4444 !important;
    border-radius: 10px !important;
    color: #dce5ec !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.16) !important;
}

div.error strong,
div.error em,
.error_message strong {
    color: #ff7272 !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

div.error p,
div.error li,
div.error span,
.error_message p,
.error_message li,
.error_message span {
    color: #dce5ec !important;
}

div.error ul,
.error_message ul {
    margin: 10px 0 0 20px !important;
    padding: 0 !important;
}

div.error li,
.error_message li {
    margin: 6px 0 !important;
}

div.error a,
.error_message a {
    color: #65bdf1 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

div.error a:hover,
.error_message a:hover {
    color: #91d2f7 !important;
    text-decoration: underline !important;
}

/* Página de acceso */
.em-auth-page {
    width: min(94%, 760px);
    margin: 18px auto 54px;
}

.em-login-form {
    margin: 0 !important;
}

.em-login-card {
    width: 100% !important;
    max-width: 560px;
    margin: 0 auto !important;
    overflow: hidden;
    background: #121a21 !important;
    border: 1px solid #263641 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.24) !important;
}

.em-login-card td {
    border-color: #26343e !important;
}

.em-login-heading {
    display: flex !important;
    align-items: center;
    gap: 13px;
    padding: 19px 21px !important;
    text-align: left !important;
    background: linear-gradient(135deg, #142431, #101922) !important;
    border-bottom: 1px solid rgba(22,139,210,.55) !important;
}

.em-login-heading strong {
    display: block;
    color: #fff !important;
    font-size: 17px;
    line-height: 1.2;
}

.em-login-heading span:not(.em-login-icon) {
    display: block;
    margin-top: 4px;
    color: #8fa0ad !important;
    font-size: 12px;
    font-weight: 500;
}

.em-login-icon {
    display: grid !important;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px;
    background: rgba(22,139,210,.14);
    color: #55b7ef !important;
    font-size: 15px;
}

.em-login-row .trow1,
.em-login-row .trow2,
.em-login-options,
.em-login-submit {
    background: #121a21 !important;
}

.em-login-label {
    width: 34%;
    padding: 17px 20px !important;
    color: #b9c5ce !important;
    text-align: right !important;
    font-weight: 700;
}

.em-login-field {
    padding: 12px 20px 12px 10px !important;
}

.em-login-field .textbox {
    box-sizing: border-box;
    width: 100% !important;
    height: 44px;
    padding: 0 13px !important;
    background: #0d141a !important;
    border: 1px solid #30414e !important;
    border-radius: 8px !important;
    color: #f2f6f8 !important;
    font-size: 14px !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.em-login-field .textbox:focus {
    background: #0f171e !important;
    border-color: #168bd2 !important;
    box-shadow: 0 0 0 3px rgba(22,139,210,.13) !important;
    outline: none !important;
}

.em-login-options {
    padding: 15px 20px !important;
    text-align: center !important;
}

.em-remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #c7d2da !important;
    margin-right: 16px;
}

.em-remember input {
    accent-color: #168bd2;
}

.em-lost-password {
    color: #62baf0 !important;
    font-weight: 650;
}

.em-login-submit {
    padding: 4px 20px 21px !important;
    text-align: center !important;
}

.em-login-submit .button {
    min-width: 190px;
    padding: 11px 20px !important;
    border: 1px solid #168bd2 !important;
    border-radius: 8px !important;
    background: #168bd2 !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 22px rgba(22,139,210,.20);
}

.em-login-submit .button:hover {
    background: #1179b8 !important;
    border-color: #1179b8 !important;
}

/* Menú superior */
#em-mobile-toggle {
    position: relative;
    z-index: 10003;
    cursor: pointer;
}

@media (max-width: 760px) {
    .em-topbar-inner {
        position: relative;
    }

    .useroptions {
        position: static !important;
    }

    .useroptions #menu-deroulant {
        position: absolute !important;
        z-index: 10002 !important;
        top: 62px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-height: calc(100vh - 62px);
        overflow-y: auto;
        background: rgba(10,17,23,.985) !important;
        border-top: 1px solid #22303a !important;
        border-bottom: 1px solid #2b3d49 !important;
        box-shadow: 0 16px 36px rgba(0,0,0,.35);
    }

    .useroptions #menu-deroulant.em-open {
        display: flex !important;
    }

    .useroptions #menu-deroulant > li > a {
        min-height: 46px;
        box-sizing: border-box;
    }

    .em-auth-page {
        width: 94%;
        margin-top: 12px;
    }

    .em-login-card {
        border-radius: 11px !important;
    }

    .em-login-row {
        display: block !important;
    }

    .em-login-row td {
        display: block !important;
        width: auto !important;
        text-align: left !important;
        border-bottom: 0 !important;
    }

    .em-login-label {
        padding: 15px 16px 5px !important;
    }

    .em-login-field {
        padding: 4px 16px 15px !important;
    }

    .em-login-options {
        padding: 15px 16px !important;
    }

    .em-remember {
        display: flex;
        width: fit-content;
        margin: 0 auto 10px;
    }

    .em-lost-password {
        display: block;
    }

    .em-login-submit {
        padding: 3px 16px 18px !important;
    }

    .em-login-submit .button {
        width: 100%;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v3
   Login horizontal · Footer logo · Online + estadísticas
   ========================================================= */

/* Login: título y subtítulo en una línea en escritorio */
@media (min-width: 761px) {
    .em-login-heading > div {
        display: flex !important;
        align-items: baseline !important;
        gap: 10px !important;
        min-width: 0;
    }

    .em-login-heading strong {
        display: inline !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    .em-login-heading span:not(.em-login-icon) {
        display: inline !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 760px) {
    .em-login-heading > div {
        display: block !important;
    }

    .em-login-heading strong,
    .em-login-heading span:not(.em-login-icon) {
        display: block !important;
        white-space: normal !important;
    }
}

/* Footer con el mismo logo real de la cabecera */
.em-footer-logo-link {
    display: inline-flex !important;
    align-items: center;
    text-decoration: none !important;
}

.em-footer-logo-img {
    display: block !important;
    width: auto !important;
    height: 36px !important;
    max-width: 170px !important;
    object-fit: contain !important;
}

.em-footer-brand p {
    margin-top: 11px !important;
}

@media (max-width: 760px) {
    .em-footer-logo-img {
        height: 32px !important;
        max-width: 150px !important;
    }
}

/* Quién está en línea */
.em-online-card {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
    margin: 16px 0 18px;
    padding: 17px 18px;
    background:
        linear-gradient(135deg, rgba(22,139,210,.07), transparent 55%),
        #121a21;
    border: 1px solid #283943;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
}

.em-online-card-icon {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: rgba(22,139,210,.14);
    border: 1px solid rgba(22,139,210,.16);
    color: #55b7ef;
    font-size: 17px;
}

.em-online-card-content {
    min-width: 0;
    flex: 1;
}

.em-online-card-title {
    margin: 1px 0 6px;
    color: #f3f7f9;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 800;
}

.em-online-card-desc {
    color: #aebbc5;
    font-size: 12.5px;
    line-height: 1.6;
}

.em-online-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px;
    align-items: center;
}

.em-online-note {
    color: #aebbc5 !important;
}

.em-online-members {
    color: #dce7ee !important;
    font-weight: 650;
}

.em-online-members a,
.em-online-card a {
    color: #55b7ef !important;
    font-weight: 700;
    text-decoration: none;
}

.em-online-members a:hover,
.em-online-card a:hover {
    color: #81cdf8 !important;
}

/* Tarjeta moderna de estadísticas / Comunidad */
.em-community-card {
    margin: 10px 0;
    overflow: hidden;
    background: #121a21;
    border: 1px solid #283943;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
}

.em-community-head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 15px;
    background: linear-gradient(135deg, #142431, #111a21);
    border-bottom: 1px solid #283943;
}

.em-community-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: rgba(22,139,210,.14);
    color: #55b7ef;
}

.em-community-head strong {
    display: block;
    color: #f5f8fa;
    font-size: 13px;
}

.em-community-head span:not(.em-community-icon) {
    display: block;
    margin-top: 2px;
    color: #82939f;
    font-size: 10px;
}

.em-community-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.em-stat-item {
    box-sizing: border-box;
    min-width: 0;
    padding: 13px 14px;
    border-right: 1px solid #22313a;
    border-bottom: 1px solid #22313a;
}

.em-stat-item:nth-child(2n) {
    border-right: 0;
}

.em-stat-item span {
    display: block;
    color: #8495a1;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.em-stat-item strong {
    display: block;
    margin-top: 4px;
    color: #edf4f7;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.em-stat-wide {
    grid-column: 1 / -1;
    border-right: 0 !important;
    border-bottom: 0;
}

.em-stat-wide strong,
.em-stat-wide a {
    color: #55b7ef !important;
}

@media (max-width: 760px) {
    .em-online-card {
        padding: 14px;
        gap: 12px;
    }

    .em-online-card-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .em-online-summary {
        display: block;
    }

    .em-online-members {
        margin-top: 5px;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v4
   Corrección login + menú móvil independiente
   ========================================================= */

/* Login: campos alineados a la izquierda y con más anchura */
@media (min-width: 761px) {
    .em-login-card {
        table-layout: fixed !important;
    }

    .em-login-row {
        display: grid !important;
        grid-template-columns: 30% 70% !important;
        width: 100% !important;
    }

    .em-login-row td {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
    }

    .em-login-label {
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 17px 12px 17px 20px !important;
    }

    .em-login-field {
        padding: 12px 20px 12px 6px !important;
    }

    .em-login-field .textbox {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Menú móvil: panel propio, separado del antiguo menú Emerald */
.em-mobile-menu {
    display: none;
}

@media (max-width: 760px) {
    .em-desktop-nav {
        display: none !important;
    }

    .em-topbar {
        overflow: visible !important;
    }

    .em-topbar-inner {
        position: relative !important;
        overflow: visible !important;
    }

    #em-mobile-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        width: 42px;
        height: 42px;
        border-radius: 9px !important;
        background: rgba(22,139,210,.08) !important;
        border: 1px solid rgba(22,139,210,.18) !important;
        color: #eaf4fa !important;
    }

    #em-mobile-toggle:hover,
    #em-mobile-toggle[aria-expanded="true"] {
        background: rgba(22,139,210,.16) !important;
        border-color: rgba(22,139,210,.35) !important;
    }

    .em-mobile-menu {
        display: none;
        position: absolute;
        z-index: 20000;
        top: calc(100% + 8px);
        left: 3%;
        right: 3%;
        width: auto;
        padding: 8px;
        background: rgba(10,17,23,.995);
        border: 1px solid #2b3c48;
        border-radius: 12px;
        box-shadow: 0 18px 50px rgba(0,0,0,.42);
        backdrop-filter: blur(12px);
    }

    .em-mobile-menu.em-open {
        display: block !important;
    }

    .em-mobile-menu ul {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .em-mobile-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .em-mobile-menu li + li {
        border-top: 1px solid rgba(255,255,255,.045) !important;
    }

    .em-mobile-menu a {
        box-sizing: border-box;
        display: flex !important;
        align-items: center;
        gap: 12px;
        width: 100% !important;
        min-height: 48px;
        padding: 12px 13px !important;
        border-radius: 8px;
        color: #d6e0e7 !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    .em-mobile-menu a i {
        width: 22px;
        text-align: center;
        color: #55b7ef !important;
    }

    .em-mobile-menu a:hover,
    .em-mobile-menu a:active {
        background: rgba(22,139,210,.12) !important;
        color: #fff !important;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v5
   Login reconstruido en 3 líneas claras
   ========================================================= */

/* Desactiva la maquetación conflictiva de versiones anteriores */
.em-login-card,
.em-login-row,
.em-login-label,
.em-login-field,
.em-login-heading,
.em-login-options,
.em-login-submit {
    all: unset;
}

/* Contenedor */
.em-login-card-v5 {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    overflow: hidden;
    background: #121a21;
    border: 1px solid #263641;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0,0,0,.24);
}

/* Línea 1: cabecera */
.em-login-head-v5 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 0 20px;
    background: linear-gradient(135deg, #142431, #101922);
    border-bottom: 1px solid rgba(22,139,210,.55);
    box-sizing: border-box;
}

.em-login-icon-v5 {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px;
    background: rgba(22,139,210,.14);
    color: #55b7ef;
    font-size: 15px;
}

.em-login-head-text-v5 {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

.em-login-head-text-v5 strong {
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    white-space: nowrap;
}

.em-login-head-text-v5 span {
    color: #8fa0ad;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

/* Líneas 2 y 3: usuario y contraseña */
.em-login-line-v5 {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 68px;
    padding: 11px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #26343e;
    background: #121a21;
}

.em-login-line-v5 label {
    color: #b9c5ce;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.em-login-line-v5 .textbox {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    height: 44px;
    padding: 0 13px !important;
    background: #0d141a !important;
    border: 1px solid #30414e !important;
    border-radius: 8px !important;
    color: #f2f6f8 !important;
    font-size: 14px !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.em-login-line-v5 .textbox:focus {
    background: #0f171e !important;
    border-color: #168bd2 !important;
    box-shadow: 0 0 0 3px rgba(22,139,210,.13) !important;
    outline: none !important;
}

/* Opciones */
.em-login-options-v5 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 52px;
    padding: 10px 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #26343e;
    background: #121a21;
}

.em-remember-v5 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #c7d2da;
}

.em-remember-v5 input {
    accent-color: #168bd2;
}

.em-lost-password-v5 {
    color: #62baf0 !important;
    font-weight: 650;
    text-decoration: none !important;
}

.em-lost-password-v5:hover {
    color: #8fd0f6 !important;
    text-decoration: underline !important;
}

/* Botón */
.em-login-submit-v5 {
    padding: 14px 20px 18px;
    text-align: center;
    background: #18242d;
}

.em-login-submit-v5 .button {
    min-width: 190px;
    padding: 11px 20px !important;
    border: 1px solid #168bd2 !important;
    border-radius: 8px !important;
    background: #168bd2 !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 22px rgba(22,139,210,.20);
}

.em-login-submit-v5 .button:hover {
    background: #1179b8 !important;
    border-color: #1179b8 !important;
}

/* Móvil */
@media (max-width: 760px) {
    .em-login-card-v5 {
        border-radius: 11px;
    }

    .em-login-head-v5 {
        min-height: 64px;
        padding: 0 16px;
    }

    .em-login-head-text-v5 {
        display: block;
    }

    .em-login-head-text-v5 strong,
    .em-login-head-text-v5 span {
        display: block;
        white-space: normal;
    }

    .em-login-head-text-v5 span {
        margin-top: 3px;
    }

    .em-login-line-v5 {
        grid-template-columns: 1fr;
        gap: 7px;
        min-height: auto;
        padding: 14px 16px;
    }

    .em-login-line-v5 label {
        white-space: normal;
    }

    .em-login-options-v5 {
        flex-direction: column;
        gap: 8px;
        align-items: center;
        min-height: auto;
        padding: 14px 16px;
    }

    .em-login-submit-v5 {
        padding: 12px 16px 16px;
    }

    .em-login-submit-v5 .button {
        width: 100%;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v6
   HOME FULL WIDTH · ESTADÍSTICAS HORIZONTALES
   ========================================================= */

/* Estructura principal */
.em-home-full {
    width: 100%;
}

.em-home-forums {
    width: 100%;
    float: none !important;
    margin: 0 0 18px 0;
}

.em-home-forums .forum,
.em-home-forums .tborder,
.em-home-forums table {
    width: 100% !important;
    float: none !important;
}

/* Neutraliza el sidebar antiguo de Emerald */
.side {
    display: none !important;
}

.forum {
    width: 100% !important;
    float: none !important;
}

/* Estadísticas en formato horizontal, inspirado en la referencia */
.em-home-stats-card {
    width: 100%;
    margin: 0 0 14px 0;
    overflow: hidden;
    background: #11191f;
    border: 1px solid #263741;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.em-home-stats-head {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #13212a, #10181e);
    border-bottom: 1px solid #263741;
    color: #f2f7fa;
}

.em-home-stats-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 8px;
    background: rgba(22,139,210,.12);
    color: #58bdf6;
    font-size: 12px;
}

.em-home-stats-head strong {
    font-size: 13px;
    font-weight: 800;
}

.em-home-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
}

.em-home-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 13px 16px;
    box-sizing: border-box;
    border-right: 1px solid #22313a;
    background: #141e25;
}

.em-home-stat-last {
    border-right: 0;
}

.em-home-stat span {
    color: #8fa0aa;
    font-size: 11px;
    font-weight: 650;
}

.em-home-stat strong {
    color: #f1f5f7;
    font-size: 14px;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-align: right;
}

.em-home-stat-last strong,
.em-home-stat-last a {
    color: #65c3f8 !important;
}

/* Quién está en línea justo debajo */
.em-online-card-v6 {
    width: 100%;
    margin: 0 0 18px 0;
    overflow: hidden;
    background: #11191f;
    border: 1px solid #263741;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.em-online-head-v6 {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #13212a, #10181e);
    border-bottom: 1px solid #263741;
    color: #f2f7fa;
}

.em-online-icon-v6 {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 8px;
    background: rgba(22,139,210,.12);
    color: #58bdf6;
    font-size: 12px;
}

.em-online-head-v6 strong {
    font-size: 13px;
    font-weight: 800;
}

.em-online-content-v6 {
    padding: 13px 16px;
    background: #141e25;
    color: #aebbc5;
    font-size: 12px;
    line-height: 1.55;
}

.em-online-summary-v6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 8px;
}

.em-online-note-v6 {
    color: #aebbc5 !important;
}

.em-online-members-v6,
.em-online-members-v6 a,
.em-online-card-v6 a {
    color: #65c3f8 !important;
    font-weight: 700;
    text-decoration: none !important;
}

.em-online-members-v6 a:hover,
.em-online-card-v6 a:hover {
    color: #92d5fb !important;
    text-decoration: underline !important;
}

/* Ajustes visuales de las categorías/foros para aprovechar el ancho */
.em-home-forums .thead {
    border-radius: 10px 10px 0 0 !important;
}

.em-home-forums .tborder {
    border-radius: 10px !important;
    overflow: hidden;
}

.em-home-forums .trow1,
.em-home-forums .trow2 {
    transition: background-color .15s ease;
}

.em-home-forums .trow1:hover,
.em-home-forums .trow2:hover {
    background: #17232b !important;
}

/* Tablet */
@media (max-width: 900px) {
    .em-home-stats-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .em-home-stat:nth-child(2) {
        border-right: 0;
    }

    .em-home-stat:nth-child(1),
    .em-home-stat:nth-child(2) {
        border-bottom: 1px solid #22313a;
    }
}

/* Móvil */
@media (max-width: 560px) {
    .em-home-stats-grid {
        grid-template-columns: 1fr;
    }

    .em-home-stat {
        border-right: 0 !important;
        border-bottom: 1px solid #22313a;
    }

    .em-home-stat-last {
        border-bottom: 0;
    }

    .em-home-stat {
        padding: 12px 14px;
    }

    .em-online-summary-v6 {
        display: block;
    }

    .em-online-members-v6 {
        display: block;
        margin-top: 4px;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v7
   Avatar fallback + recursos sin imágenes rotas
   ========================================================= */

/* Avatar superior: icono moderno por defecto, foto si existe */
.em-user-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.em-header-avatar {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(135deg, #183247, #101a22);
    border: 1px solid #2e4657;
    color: #63c4fb;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.em-header-avatar i {
    position: absolute;
    z-index: 1;
    font-size: 12px;
}

.em-header-avatar img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50%;
}

/* Respuesta rápida: sin avatar roto ni imagen de colapsar */
.em-collapse-icon {
    display: inline-grid !important;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: rgba(22,139,210,.10);
    border: 1px solid rgba(22,139,210,.18);
    color: #67c4f8 !important;
    cursor: pointer;
}

.em-collapse-icon:hover {
    background: rgba(22,139,210,.18);
    color: #fff !important;
}

#quick_reply_form td.hide_mobile > img {
    display: none !important;
}

/* Spinner CSS: evita depender de spinner.gif del tema */
.em-css-spinner span {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 3px solid rgba(255,255,255,.15);
    border-top-color: #168bd2;
    border-radius: 50%;
    animation: emSpin .7s linear infinite;
}

@keyframes emSpin {
    to { transform: rotate(360deg); }
}

/* Icono de estado en mensajes privados sin PNG externos */
.em-pm-status i {
    color: #62bdf3;
    font-size: 13px;
}

/* Evita iconos de imagen rota en elementos residuales del tema */
img[src=""],
img:not([src]) {
    display: none !important;
}
/* =========================================================
   ELECTROMECÁNIKOS DARK v9
   Footer moderno · dropdown usuario · hero tech · menú móvil
   ========================================================= */

#menu-deroulant > li.em-user-menu { position: relative !important; }
#menu-deroulant > li.em-user-menu > ul {
    position: absolute !important;
    z-index: 12000 !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    display: none !important;
    background: rgba(12,19,25,.99) !important;
    border: 1px solid #2a3a45 !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.38) !important;
}
#menu-deroulant > li.em-user-menu:hover > ul,
#menu-deroulant > li.em-user-menu:focus-within > ul { display: block !important; }
#menu-deroulant > li.em-user-menu > ul > li {
    display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important;
}
#menu-deroulant > li.em-user-menu > ul > li > a {
    display: flex !important; align-items: center !important; width: 100% !important;
    box-sizing: border-box !important; padding: 10px 12px !important; border-radius: 7px !important;
    background: transparent !important; color: #d5dfe6 !important; font-size: 13px !important; white-space: nowrap !important;
}
#menu-deroulant > li.em-user-menu > ul > li > a:hover {
    background: rgba(22,139,210,.12) !important; color: #fff !important;
}

.em-hero-inner {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important;
}
.em-hero-copy { position: relative; z-index: 3; min-width: 0; flex: 1 1 auto; }
.em-hero-tech {
    position: relative; z-index: 2; flex: 0 1 500px; width: min(42vw, 500px);
    opacity: .62; pointer-events: none; filter: drop-shadow(0 0 18px rgba(22,139,210,.06));
}
.em-hero-tech svg { display: block; width: 100%; height: auto; overflow: visible; }
.em-tech-grid path, .em-tech-pins path {
    fill: none; stroke: rgba(95,185,238,.26); stroke-width: 1.5; vector-effect: non-scaling-stroke;
}
.em-tech-chip rect { fill: rgba(11,24,34,.58); stroke: rgba(91,191,248,.42); stroke-width: 1.5; }
.em-tech-chip path { fill: none; stroke: rgba(91,191,248,.36); stroke-width: 1.4; }
.em-tech-chip circle { fill: #168bd2; opacity: .8; }
.em-tech-nodes circle {
    fill: rgba(22,139,210,.85); transform-box: fill-box; transform-origin: center;
    animation: emNodePulse 3.8s ease-in-out infinite;
}
.em-tech-nodes circle:nth-child(2), .em-tech-nodes circle:nth-child(5) { animation-delay: .9s; }
.em-tech-nodes circle:nth-child(3), .em-tech-nodes circle:nth-child(6) { animation-delay: 1.8s; }
.em-tech-signals path {
    fill: none; stroke: #46b5f5; stroke-width: 2; stroke-linecap: round;
    stroke-dasharray: 3 18; opacity: .7; animation: emSignalFlow 7s linear infinite; vector-effect: non-scaling-stroke;
}
.em-tech-signals path:nth-child(2) { animation-delay: -2.3s; }
.em-tech-signals path:nth-child(3) { animation-delay: -4.7s; }

@keyframes emSignalFlow { to { stroke-dashoffset: -168; } }
@keyframes emNodePulse {
    0%, 100% { opacity: .35; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.28); }
}

@media (max-width: 760px) {
    .em-desktop-nav { display: none !important; }
    .em-topbar, .em-topbar-inner { overflow: visible !important; }
    .em-topbar-inner { position: relative !important; }

    #em-mobile-toggle {
        display: flex !important; align-items: center !important; justify-content: center !important;
        width: 42px !important; height: 42px !important; margin-left: auto !important;
        border: 1px solid rgba(22,139,210,.20) !important; border-radius: 9px !important;
        background: rgba(22,139,210,.08) !important; color: #eaf4fa !important;
    }
    #em-mobile-toggle[aria-expanded="true"] {
        background: rgba(22,139,210,.17) !important; border-color: rgba(22,139,210,.38) !important;
    }

    .em-mobile-menu {
        display: none !important; position: absolute !important; z-index: 20000 !important;
        top: calc(100% + 8px) !important; left: 3% !important; right: 3% !important; width: auto !important;
        max-height: calc(100vh - 84px) !important; overflow-y: auto !important; padding: 8px !important;
        background: rgba(10,17,23,.995) !important; border: 1px solid #2b3c48 !important;
        border-radius: 12px !important; box-shadow: 0 20px 55px rgba(0,0,0,.45) !important;
        backdrop-filter: blur(12px);
    }
    .em-mobile-menu.em-open { display: block !important; }
    .em-mobile-menu > ul {
        display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important;
    }
    .em-mobile-menu > ul > li {
        display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
    }
    .em-mobile-menu > ul > li + li { border-top: 1px solid rgba(255,255,255,.045) !important; }
    .em-mobile-menu > ul > li > a {
        display: flex !important; align-items: center !important; gap: 11px !important;
        box-sizing: border-box !important; width: 100% !important; min-height: 47px !important;
        padding: 11px 12px !important; border-radius: 8px !important; color: #d5dfe6 !important;
        background: transparent !important; font-size: 14px !important; font-weight: 650 !important;
        text-decoration: none !important; text-align: left !important;
    }
    .em-mobile-menu > ul > li > a i {
        width: 22px !important; text-align: center !important; color: #59bbf3 !important;
    }
    .em-mobile-menu > ul > li > a:hover,
    .em-mobile-menu > ul > li > a:active {
        background: rgba(22,139,210,.12) !important; color: #fff !important;
    }

    .em-mobile-menu .em-user-menu > ul {
        position: static !important; display: block !important; width: auto !important; min-width: 0 !important;
        margin: 0 8px 7px 42px !important; padding: 3px 0 3px 10px !important;
        background: transparent !important; border: 0 !important; border-left: 1px solid #29404f !important;
        border-radius: 0 !important; box-shadow: none !important;
    }
    .em-mobile-menu .em-user-menu > ul > li { display: block !important; width: 100% !important; }
    .em-mobile-menu .em-user-menu > ul > li > a {
        display: block !important; box-sizing: border-box !important; width: 100% !important;
        padding: 9px 11px !important; border-radius: 7px !important; color: #aebdc7 !important;
        background: transparent !important; font-size: 13px !important; text-decoration: none !important;
    }
    .em-mobile-menu .em-user-menu > ul > li > a:hover {
        background: rgba(22,139,210,.10) !important; color: #fff !important;
    }

    .em-hero-inner { display: block !important; }
    .em-hero-tech { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .em-tech-signals path, .em-tech-nodes circle { animation: none !important; }
}

.em-footer-v9 {
    margin-top: 58px !important;
    background: radial-gradient(circle at 15% 0%, rgba(22,139,210,.07), transparent 30%), #091116 !important;
    border-top: 1px solid #21313b !important; color: #9eacb6 !important;
}
.em-footer-v9-inner { width: min(92%, 1280px); margin: 0 auto; }
.em-footer-v9-main {
    display: grid; grid-template-columns: minmax(0, 2fr) minmax(150px, .75fr) minmax(170px, .85fr);
    gap: 70px; padding: 42px 0 34px;
}
.em-footer-v9-brand { max-width: 560px; }
.em-footer-v9-logo { display: inline-flex; align-items: center; }
.em-footer-v9-logo img { display: block; width: auto; height: 42px; max-width: 210px; object-fit: contain; }
.em-footer-v9-brand p {
    max-width: 520px; margin: 15px 0 0 !important; color: #8496a2 !important;
    font-size: 13px !important; line-height: 1.7 !important; font-family: Inter, Arial, sans-serif !important;
}
.em-footer-v9-column {
    display: flex; flex-direction: column; align-items: flex-start; gap: 9px;
    font-family: Inter, Arial, sans-serif !important;
}
.em-footer-v9-column > strong {
    margin-bottom: 4px; color: #e9f0f4; font-size: 12px; text-transform: uppercase; letter-spacing: .9px;
}
.em-footer-v9-column a {
    display: inline-flex; align-items: center; gap: 8px; color: #8fa1ad !important;
    font-size: 13px; font-weight: 550; text-decoration: none !important; transition: color .16s ease, transform .16s ease;
}
.em-footer-v9-column a i { width: 16px; color: #45ace7; text-align: center; }
.em-footer-v9-column a:hover { color: #fff !important; transform: translateX(2px); }

.em-footer-v9-bottom {
    display: flex; align-items: center; gap: 8px; min-height: 58px; border-top: 1px solid #1b2a33;
    color: #667a87; font-family: Inter, Arial, sans-serif !important; font-size: 11px;
}
.em-footer-v9-bottom a { color: #91a8b7 !important; text-decoration: none !important; }
.em-footer-v9-bottom a:hover { color: #fff !important; }
.em-footer-v9-spacer { flex: 1; }

@media (max-width: 760px) {
    .em-footer-v9 { margin-top: 40px !important; }
    .em-footer-v9-main { grid-template-columns: 1fr; gap: 28px; padding: 34px 0 26px; }
    .em-footer-v9-logo img { height: 37px; max-width: 185px; }
    .em-footer-v9-bottom { flex-wrap: wrap; gap: 6px; padding: 15px 0; line-height: 1.5; }
    .em-footer-v9-spacer { display: none; }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v10
   Fix footer gap + dropdown hover bridge
   ========================================================= */

/* Evitar espacio vacío tras el footer */
html, body {
    min-height: 100%;
}

body {
    display: flex !important;
    flex-direction: column !important;
}

#container {
    flex: 1 0 auto !important;
    width: 100%;
}

.em-footer-v9 {
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.em-footer-v9-inner,
.em-footer-v9-bottom {
    margin-bottom: 0 !important;
}

.em-footer-v9 + * {
    margin-top: 0 !important;
}

/* Ajuste de scroll buttons para que no "estiren" visualmente la página */
.scrollToTop,
.scrollToDown {
    position: fixed !important;
}

/* Dropdown usuario: crear un puente de hover entre botón y menú */
#menu-deroulant > li.em-user-menu {
    position: relative !important;
}

/* zona invisible que une el botón con el desplegable */
#menu-deroulant > li.em-user-menu::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 12px;
    background: transparent;
}

/* acercamos ligeramente el dropdown */
#menu-deroulant > li.em-user-menu > ul {
    top: calc(100% + 6px) !important;
}

/* el desplegable no desaparece al pasar del nombre al menú */
#menu-deroulant > li.em-user-menu:hover > ul,
#menu-deroulant > li.em-user-menu:focus-within > ul,
#menu-deroulant > li.em-user-menu > ul:hover {
    display: block !important;
}

/* pequeña transición sin retrasar el uso */
#menu-deroulant > li.em-user-menu > ul {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px);
    transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
}

#menu-deroulant > li.em-user-menu:hover > ul,
#menu-deroulant > li.em-user-menu:focus-within > ul,
#menu-deroulant > li.em-user-menu > ul:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v11
   Footer realmente anclado al final del viewport
   ========================================================= */

html {
    min-height: 100% !important;
}

body {
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

.em-footer-v9 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v12
   Traducciones literales + navegación entre temas
   ========================================================= */

/* Tema anterior / Tema siguiente */
a[href*="action=nextoldest"],
a[href*="action=nextnewest"] {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 7px 11px !important;
    margin: 2px 3px !important;
    border: 1px solid #2b3c47 !important;
    border-radius: 8px !important;
    background: #111a21 !important;
    color: #c8d5dd !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

a[href*="action=nextoldest"]:hover,
a[href*="action=nextnewest"]:hover {
    background: rgba(22,139,210,.14) !important;
    border-color: #168bd2 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

a[href*="action=nextoldest"]:focus-visible,
a[href*="action=nextnewest"]:focus-visible {
    outline: 2px solid rgba(22,139,210,.55) !important;
    outline-offset: 2px;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v13
   Usuarios navegando + iconos plegar/desplegar sin PNG
   ========================================================= */

/* Usuarios navegando en este tema: más contraste */
.users_browsing a,
.thread_users a,
.trow1 a[href*="member.php?action=profile"],
.trow2 a[href*="member.php?action=profile"] {
    color: #56b9f2 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

.users_browsing a:hover,
.thread_users a:hover,
.trow1 a[href*="member.php?action=profile"]:hover,
.trow2 a[href*="member.php?action=profile"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Usuarios navegando en este tema: enlaces legibles sobre el tfoot oscuro */
.em-users-browsing a,
.em-users-browsing a:link,
.em-users-browsing a:visited {
    color: #8fcdf4 !important;
    text-decoration: none !important;
    transition: color .2s ease;
}

.em-users-browsing a:hover,
.em-users-browsing a:focus,
.em-users-browsing a:active {
    color: #168bd2 !important;
    text-decoration: none !important;
}

/* Plegar / desplegar: sustituye iconos PNG heredados */
.em-collapse-icon,
.expander {
    color: #63bdf0 !important;
    cursor: pointer !important;
    font-size: 13px !important;
    line-height: 1 !important;
    transition: color .15s ease, transform .15s ease, background .15s ease;
    vertical-align: middle !important;
}

.em-collapse-icon:hover,
.expander:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Cualquier imagen de collapse que todavía pueda insertar MyBB queda oculta visualmente */
img[src*="collapse.png"],
img[src*="collapse_collapsed.png"] {
    display: none !important;
}

/* Controles de colapsado heredados: pequeño botón moderno */
[id^="cat_"] .expander,
.thead .expander,
.tcat .expander {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background: rgba(22,139,210,.08) !important;
    border: 1px solid rgba(22,139,210,.16) !important;
}

[id^="cat_"] .expander:hover,
.thead .expander:hover,
.tcat .expander:hover {
    background: rgba(22,139,210,.16) !important;
    border-color: rgba(22,139,210,.32) !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v16
   Postbit / ficha de usuario modernizada
   ========================================================= */

.post.classic .post_author.em-author-card {
    width: 235px !important;
    min-width: 235px !important;
    padding: 20px 18px 18px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(22,139,210,.055), transparent 34%),
        #121b22 !important;
    border-right: 1px solid #2b3a44 !important;
}

.em-author-name {
    min-height: 24px;
    margin-bottom: 5px;
    line-height: 1.25;
}

.em-author-name .largetext {
    font-size: 15px !important;
    font-weight: 750 !important;
    letter-spacing: .1px;
}

.em-author-name a {
    text-decoration: none !important;
}

.em-author-status {
    min-height: 25px;
    margin-bottom: 11px;
}

.em-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10px !important;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .15px;
}

.em-status-pill i {
    font-size: 6px !important;
}

.em-status-online {
    color: #69e194 !important;
    background: rgba(45,181,93,.10);
    border: 1px solid rgba(69,209,113,.19);
}

.em-status-offline {
    color: #d48b8b !important;
    background: rgba(184,77,77,.08);
    border: 1px solid rgba(205,91,91,.13);
}

/* Avatar más limpio y protagonista */
.em-author-avatar-wrap {
    display: flex;
    justify-content: center;
    margin: 2px 0 12px;
}

.em-author-card .author_avatar {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 96px !important;
    height: 96px !important;
    margin: 0 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, rgba(22,139,210,.20), rgba(255,255,255,.025)) !important;
    border: 1px solid rgba(70,170,226,.27) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.25), inset 0 0 0 2px rgba(22,139,210,.06);
    overflow: hidden;
}

.em-author-card .author_avatar a {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.em-author-card .author_avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.em-author-rank {
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
    color: #a8bac5 !important;
    line-height: 1.65 !important;
}

.em-author-rank .smalltext {
    font-size: 11px !important;
}

.em-author-stars {
    display: inline-block;
    margin-top: 1px;
    letter-spacing: -1px;
}

.em-author-stars .fa-star {
    font-size: 12px !important;
    margin: 0 1px !important;
}

/* Estadísticas en bloque limpio */
.em-author-stats {
    margin-top: 8px !important;
    padding: 10px 11px !important;
    border: 1px solid #273944 !important;
    border-radius: 9px !important;
    background: rgba(6,13,18,.26) !important;
    text-align: left !important;
    overflow: hidden;
}

.em-stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 23px;
    color: #91a5b1;
    font-size: 11px !important;
    line-height: 1.25;
}

.em-stat-row + .em-stat-row {
    border-top: 1px solid rgba(255,255,255,.035);
}

.em-stat-row > span {
    min-width: 0;
    color: #91a5b1 !important;
}

.em-stat-row > strong {
    min-width: 0;
    color: #d8e3e9 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: right;
}

/* Respeta el color que MyBB da a la reputación cuando viene coloreada */
.em-stat-reputation strong,
.em-stat-reputation strong * {
    color: inherit;
}

/* Botonera inferior del autor */
.em-post-controls {
    min-height: 43px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    background: #101920 !important;
    border-top: 1px solid #283943 !important;
}

.em-author-actions {
    display: flex !important;
    align-items: center;
    gap: 6px;
}

.em-author-actions > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #c6d4dc !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
}

.em-author-actions > a:hover {
    background: rgba(22,139,210,.12) !important;
    border-color: rgba(22,139,210,.28) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.em-author-actions > a i {
    color: inherit !important;
    font-size: 13px !important;
}

/* El contenido gana un poco de aire */
.post.classic .post_content {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* Responsive: tarjeta horizontal compacta en móvil */
@media (max-width: 768px) {
    .post.classic .post_author.em-author-card {
        width: 100% !important;
        min-width: 0 !important;
        padding: 16px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #2b3a44 !important;
    }

    .em-author-card .author_avatar {
        width: 82px !important;
        height: 82px !important;
    }

    .em-author-stats {
        max-width: 300px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .post.classic .post_content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .em-author-actions {
        gap: 4px;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v18
   Reputación: usar las clases nativas de MyBB
   ========================================================= */

/* Corrige la regla anterior que hacía heredar el gris */
.em-stat-reputation strong .reputation_positive {
    color: #42d27a !important;
}

.em-stat-reputation strong .reputation_neutral {
    color: #7f929e !important;
}

.em-stat-reputation strong .reputation_negative {
    color: #e56b6b !important;
}

/* Fallback si MyBB coloca la clase directamente en el enlace/span */
.em-stat-reputation .reputation_positive,
.em-stat-reputation a.reputation_positive {
    color: #42d27a !important;
}

.em-stat-reputation .reputation_neutral,
.em-stat-reputation a.reputation_neutral {
    color: #7f929e !important;
}

.em-stat-reputation .reputation_negative,
.em-stat-reputation a.reputation_negative {
    color: #e56b6b !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v19
   Respuesta rápida en temas cerrados
   ========================================================= */

/* MyBB usa trow_shaded en la respuesta rápida cuando el tema está cerrado.
   El tema original la pinta rosa; la igualamos al estilo oscuro normal. */
#quick_reply_form td.trow_shaded,
#quick_reply_form .trow_shaded {
    background: #121b22 !important;
    color: #d8e3e9 !important;
    border-color: #283943 !important;
}

/* Mantener textos secundarios legibles */
#quick_reply_form .trow_shaded .smalltext,
#quick_reply_form .trow_shaded label,
#quick_reply_form .trow_shaded strong {
    color: #a9bac5 !important;
}

/* El textarea mantiene el mismo aspecto que en un tema abierto */
#quick_reply_form .trow_shaded textarea,
#quick_reply_form textarea {
    background: #0e171e !important;
    color: #e7eef2 !important;
    border: 1px solid #2e4654 !important;
}

/* Checkbox/labels sin tinte heredado del shaded */
#quick_reply_form .trow_shaded input[type="checkbox"] {
    accent-color: #168bd2;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v20
   Forumdisplay + favicon
   ========================================================= */

/* Columna de estado del tema */
.em-thread-state {
    min-width: 34px !important;
    padding-left: 8px !important;
    padding-right: 4px !important;
}

/* Icono asignado al tema */
.em-thread-icon {
    min-width: 34px !important;
    padding-left: 3px !important;
    padding-right: 8px !important;
}

.em-thread-icon img {
    max-width: 20px !important;
    max-height: 20px !important;
    vertical-align: middle !important;
}

/* Autor del hilo */
.em-thread-starter {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 4px !important;
    color: #8195a1 !important;
}

.em-thread-starter > i {
    color: #4daee7 !important;
    font-size: 11px !important;
}

.em-thread-starter-label {
    color: #8195a1 !important;
}

/* No forzamos un color genérico sobre usuarios ya formateados por MyBB.
   Si el grupo define color, se conserva. */
.em-thread-starter a,
#lastpost .lastpost a[href*="member.php?action=profile"] {
    text-decoration: none !important;
}

.em-thread-starter a:hover,
#lastpost .lastpost a[href*="member.php?action=profile"]:hover {
    filter: brightness(1.25);
    text-decoration: underline !important;
}

/* Mejor alineación de la leyenda de estados */
.thread_legend dd {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

/* En móvil ocultamos solo el icono de tema, manteniendo el estado/candado */
@media (max-width: 768px) {
    .em-thread-icon {
        display: none !important;
    }

    .em-thread-state {
        width: 32px !important;
        min-width: 32px !important;
    }

    .em-thread-starter {
        flex-wrap: wrap;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v21
   Temas importantes + candado visible + colores de grupo
   ========================================================= */

/* Cabecera de temas importantes: ámbar oscuro integrado con el tema */
.em-sticky-heading {
    background: linear-gradient(90deg, rgba(187, 139, 43, .22), rgba(187, 139, 43, .08)) !important;
    color: #f0d18a !important;
    border-top: 1px solid rgba(214, 166, 66, .34) !important;
    border-bottom: 1px solid rgba(214, 166, 66, .24) !important;
    padding: 9px 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
}

.em-sticky-heading i {
    margin-right: 7px;
    color: #d7a94f !important;
}

/* Los hilos importantes reciben una ligera diferenciación adicional */
td.forumdisplay_sticky,
tr .forumdisplay_sticky {
    background-image: linear-gradient(rgba(214, 166, 66, .035), rgba(214, 166, 66, .035)) !important;
}

/* Si MyBB ya entrega el nombre formateado por grupo, no sobrescribirlo */
.em-thread-starter a,
.em-thread-starter a *,
.em-lastpost-user a[href*="member.php?action=profile"],
.em-lastpost-user a[href*="member.php?action=profile"] * {
    color: inherit;
}

.em-thread-starter a:hover,
.em-lastpost-user a[href*="member.php?action=profile"]:hover {
    filter: brightness(1.22);
    text-decoration: underline !important;
}

/* Evita que reglas antiguas conviertan nombres de perfil en azul genérico */
.em-thread-starter a[href*="member.php?action=profile"],
.em-thread-starter a[href*="member.php?action=profile"]:hover,
.em-lastpost-user a[href*="member.php?action=profile"],
.em-lastpost-user a[href*="member.php?action=profile"]:hover {
    color: inherit !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v24
   Estados de hilo restaurados + cerrado fiable
   ========================================================= */

/* Estados nativos del tema: nuevos, sin leer, hot, etc.
   Se vuelve a usar la clase $folder original que ya funcionaba en este tema. */
.em-thread-state .thread_status {
    display: inline-block !important;
}

/* En un hilo cerrado ocultamos únicamente el estado nativo y mostramos
   nuestro candado independiente, para no depender de lockfolder del sprite. */
.em-thread-row.em-thread-closed .em-thread-state .thread_status {
    display: none !important;
}

.em-closed-lock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    color: #d7e3e9 !important;
    background: rgba(22,139,210,.10) !important;
    border: 1px solid rgba(22,139,210,.28) !important;
}

.em-closed-lock i {
    color: #d7e3e9 !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* El candado de la leyenda vuelve a conservar el aspecto original del tema.
   No se le aplica ningún color ni fondo adicional desde v24. */

/* Un tema cerrado no queda atenuado: título y último mensaje
   mantienen el contraste normal del resto del foro. */
.em-thread-row.em-thread-closed .em-thread-main a[href*="showthread.php"],
.em-thread-row.em-thread-closed .em-thread-main a[href*="thread-"],
.em-thread-row.em-thread-closed #lastpost a:not([href*="member.php?action=profile"]) {
    color: #dbe7ed !important;
}

.em-thread-row.em-thread-closed .em-thread-main a[href*="showthread.php"]:hover,
.em-thread-row.em-thread-closed .em-thread-main a[href*="thread-"]:hover,
.em-thread-row.em-thread-closed #lastpost a:not([href*="member.php?action=profile"]):hover {
    color: #ffffff !important;
}

.em-thread-row.em-thread-closed #lastpost .lastpost {
    color: #a7b7c1 !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v25
   Colores de grupo + contador de respuestas en cerrados
   ========================================================= */

/* En temas cerrados, el contador de respuestas mantiene el mismo contraste
   que el resto de filas y no hereda el gris del estado cerrado. */
.em-thread-row.em-thread-closed #replies,
.em-thread-row.em-thread-closed #replies a {
    color: #dbe7ed !important;
    font-weight: 600 !important;
}

.em-thread-row.em-thread-closed #replies a:hover {
    color: #ffffff !important;
}

/* Los enlaces de usuario los entrega ya formateados el plugin.
   No imponerles color desde el tema para respetar el grupo/rango. */
.em-thread-starter .em-group-user,
.em-lastpost-user .em-group-user,
.em-thread-starter .em-group-user *,
.em-lastpost-user .em-group-user * {
    color: inherit;
}

.em-thread-starter .em-group-user:hover,
.em-lastpost-user .em-group-user:hover {
    filter: brightness(1.18);
    text-decoration: underline !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v27
   Colores de grupo en el home del foro
   ========================================================= */

.em-home-group-user a {
    text-decoration: none !important;
}

.em-home-group-user a:hover {
    filter: brightness(1.18);
    text-decoration: underline !important;
}

/* No definir color aquí: el color lo aporta format_name()
   según el grupo de visualización del usuario. */

/* =========================================================
   ELECTROMECÁNIKOS DARK v29
   Corrección real de filas seleccionadas en forumdisplay
   ========================================================= */

/* MyBB usa .trow_selected al marcar un tema con la casilla.
   Evitamos el gris heredado del tema. */
.trow_selected,
td.trow_selected,
tr.trow_selected td {
    background: rgba(22, 139, 210, .09) !important;
    color: #dbe7ed !important;
}

/* Enlaces dentro de una fila seleccionada:
   mantener contraste normal en vez del gris heredado. */
.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #dbe7ed !important;
}

/* Hover ligeramente más claro */
.trow_selected a:hover {
    color: #ffffff !important;
}

/* Respuestas y vistas */
.trow_selected#replies,
.trow_selected#replies a,
.trow_selected#views,
tr .trow_selected#replies,
tr .trow_selected#replies a,
tr .trow_selected#views {
    color: #dbe7ed !important;
    opacity: 1 !important;
}

/* Último mensaje */
.trow_selected#lastpost,
.trow_selected#lastpost .lastpost,
tr .trow_selected#lastpost,
tr .trow_selected#lastpost .lastpost {
    color: #a7b7c1 !important;
    opacity: 1 !important;
}

/* Mantener colores de grupo en nombres de usuario */
.trow_selected .em-group-user,
.trow_selected .em-group-user *,
.trow_selected .em-home-group-user,
.trow_selected .em-home-group-user * {
    opacity: 1 !important;
}

/* La selección sigue siendo visible con un borde azul discreto */
td.trow_selected:first-child,
tr.trow_selected td:first-child {
    box-shadow: inset 3px 0 0 rgba(22, 139, 210, .65);
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v30
   Popups y modales completamente oscuros
   ========================================================= */

/* Contenedor principal de modal */
#modal,
.modal {
    background: #16222d !important;
    color: #dbe7ed !important;
    border: 1px solid #2e4e66 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
    overflow: hidden !important;
}

/* Cuerpo y posibles envoltorios internos */
#modal .modal,
#modal .modal-content,
#modal .modal_body,
#modal .modal_header,
#modal .modal_footer,
#modal .modal_content,
#modal .tborder,
#modal .thead,
#modal .tcat,
#modal .trow1,
#modal .trow2,
#modal .trow_shaded,
#modal .tfoot,
.modal .modal-content,
.modal .modal_body,
.modal .modal_header,
.modal .modal_footer,
.modal .modal_content,
.modal .tborder,
.modal .thead,
.modal .tcat,
.modal .trow1,
.modal .trow2,
.modal .trow_shaded,
.modal .tfoot {
    background: #16222d !important;
    color: #dbe7ed !important;
    border-color: #29485f !important;
}

/* Evitar franjas blancas residuales en formularios y footers */
#modal form,
#modal fieldset,
#modal .fieldset,
#modal table,
#modal tbody,
#modal tr,
#modal td,
#modal .popup_menu,
#modal .popup_menu ul,
#modal .popup_menu li,
.modal form,
.modal fieldset,
.modal .fieldset,
.modal table,
.modal tbody,
.modal tr,
.modal td,
.modal .popup_menu,
.modal .popup_menu ul,
.modal .popup_menu li {
    background-color: transparent !important;
}

/* Textos secundarios */
#modal .smalltext,
#modal label,
#modal p,
#modal span,
.modal .smalltext,
.modal label,
.modal p,
.modal span {
    color: #aebdc7;
}

/* Inputs / textarea / selects */
#modal input[type="text"],
#modal input[type="password"],
#modal input[type="email"],
#modal input[type="number"],
#modal textarea,
#modal select,
.modal input[type="text"],
.modal input[type="password"],
.modal input[type="email"],
.modal input[type="number"],
.modal textarea,
.modal select {
    background: #0d1822 !important;
    color: #e8f1f7 !important;
    border: 1px solid #33556d !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#modal input[type="text"]:focus,
#modal input[type="password"]:focus,
#modal input[type="email"]:focus,
#modal input[type="number"]:focus,
#modal textarea:focus,
#modal select:focus,
.modal input[type="text"]:focus,
.modal input[type="password"]:focus,
.modal input[type="email"]:focus,
.modal input[type="number"]:focus,
.modal textarea:focus,
.modal select:focus {
    outline: none !important;
    border-color: #168bd2 !important;
    box-shadow: 0 0 0 2px rgba(22,139,210,.14) !important;
}

/* Botones */
#modal input[type="submit"],
#modal input[type="button"],
#modal button,
#modal .button,
.modal input[type="submit"],
.modal input[type="button"],
.modal button,
.modal .button {
    background: linear-gradient(180deg, #29445a 0%, #22384a 100%) !important;
    color: #ffffff !important;
    border: 1px solid #3c5f78 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#modal input[type="submit"]:hover,
#modal input[type="button"]:hover,
#modal button:hover,
#modal .button:hover,
.modal input[type="submit"]:hover,
.modal input[type="button"]:hover,
.modal button:hover,
.modal .button:hover {
    background: linear-gradient(180deg, #355c78 0%, #294b63 100%) !important;
    border-color: #4a7897 !important;
}

/* Botón cerrar del popup */
#modal .close,
#modal .modal_close,
.modal .close,
.modal .modal_close {
    color: #dbe7ed !important;
    background: #0f1b24 !important;
    border: 1px solid #355066 !important;
    border-radius: 5px !important;
}

/* Overlay */
#mask,
.modal_mask,
.modal-overlay,
.modal_overlay {
    background: rgba(0,0,0,.68) !important;
}

/* Menús/popups auxiliares de MyBB */
.popup_menu,
.popup_menu ul,
.popup_menu li,
.popup_menu .popup_item {
    background: #16222d !important;
    color: #dbe7ed !important;
    border-color: #29485f !important;
}

.popup_menu .popup_item:hover {
    background: rgba(22,139,210,.12) !important;
    color: #ffffff !important;
}

/* Reputación / reportes / PM / confirmaciones:
   si incluyen tablas heredadas, neutralizar fondos claros */
#modal .trow1,
#modal .trow2,
#modal .trow_shaded,
.modal .trow1,
.modal .trow2,
.modal .trow_shaded {
    background: #16222d !important;
}

/* Evitar cualquier franja inferior clara por overflow */
#modal > div:last-child,
.modal > div:last-child {
    background-color: #16222d !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v31
   Botón cerrar de popups/modales
   ========================================================= */

/* Evitar que el botón de cierre quede recortado */
#modal,
.modal {
    overflow: visible !important;
}

/* Botón X limpio, centrado y separado del borde */
#modal .close,
#modal .modal_close,
.modal .close,
.modal .modal_close {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    overflow: visible !important;
    z-index: 10 !important;
    background: #0f1b24 !important;
    color: #dbe7ed !important;
    border: 1px solid #355066 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.25) !important;
}

/* Si la X viene como imagen o icono, que no sobresalga ni se corte */
#modal .close img,
#modal .modal_close img,
#modal .close i,
#modal .modal_close i,
.modal .close img,
.modal .modal_close img,
.modal .close i,
.modal .modal_close i {
    max-width: 14px !important;
    max-height: 14px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover discreto */
#modal .close:hover,
#modal .modal_close:hover,
.modal .close:hover,
.modal .modal_close:hover {
    background: #162b39 !important;
    border-color: #4a7897 !important;
    color: #ffffff !important;
}

/* Dar un poco de aire al encabezado para que el título no choque con la X */
#modal .modal_header,
.modal .modal_header {
    padding-right: 42px !important;
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v32
   Página Apoya Electromecánikos / Ko-fi
   ========================================================= */

.em-donate-page {
    max-width: 1180px;
    margin: 6px auto 34px;
}

.em-donate-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
    gap: 26px;
    padding: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 18%, rgba(22,139,210,.16), transparent 34%),
        linear-gradient(145deg, #111b23 0%, #101820 100%);
    border: 1px solid #273b48;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.20);
}

.em-donate-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(to left, rgba(0,0,0,.7), transparent 70%);
}

.em-donate-hero-copy,
.em-donate-sidecard {
    position: relative;
    z-index: 1;
}

.em-donate-kicker,
.em-support-eyebrow,
.em-donate-section-title > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #55b9f1;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.em-donate-hero h1 {
    margin: 10px 0 12px;
    color: #f1f6f9;
    font-size: clamp(28px, 4vw, 43px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.em-donate-hero p {
    max-width: 760px;
    margin: 0 0 22px;
    color: #aebdc7;
    font-size: 14px;
    line-height: 1.75;
}

.em-kofi-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(22,139,210,.52);
    border-radius: 10px;
    background: linear-gradient(180deg, #168bd2 0%, #116fa9 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(22,139,210,.16);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.em-kofi-button:hover {
    color: #fff !important;
    transform: translateY(-1px);
    border-color: #60bdf1;
    box-shadow: 0 10px 26px rgba(22,139,210,.25);
}

.em-kofi-external {
    font-size: 10px;
    opacity: .72;
}

.em-donate-safe {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
    color: #7f949f;
    font-size: 11px;
}

.em-donate-safe i {
    color: #4ead84;
}

.em-donate-sidecard {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
    padding: 25px;
    border: 1px solid rgba(75,140,178,.22);
    border-radius: 15px;
    background: rgba(7,15,20,.42);
}

.em-donate-sideicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 5px;
    border: 1px solid rgba(22,139,210,.30);
    border-radius: 12px;
    background: rgba(22,139,210,.10);
    color: #57baf2;
    font-size: 20px;
}

.em-donate-sidecard strong {
    color: #e8f0f4;
    font-size: 17px;
}

.em-donate-sidecard span {
    color: #8fa2ad;
    font-size: 12px;
    line-height: 1.7;
}

.em-support-levels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.em-support-card {
    position: relative;
    display: flex;
    gap: 18px;
    padding: 26px;
    border: 1px solid #273b48;
    border-radius: 15px;
    background: #121b22;
    overflow: hidden;
}

.em-support-card::after {
    content: "";
    position: absolute;
    inset: auto -35px -55px auto;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    opacity: .13;
}

.em-support-donor::after {
    background: #168bd2;
}

.em-support-vip {
    border-color: rgba(201,160,67,.34);
    background:
        radial-gradient(circle at 93% 16%, rgba(196,151,54,.10), transparent 30%),
        #121b22;
}

.em-support-vip::after {
    background: #d2a84e;
}

.em-support-card-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(22,139,210,.26);
    border-radius: 12px;
    background: rgba(22,139,210,.09);
    color: #50b6ef;
    font-size: 18px;
}

.em-support-vip .em-support-card-icon {
    border-color: rgba(214,166,66,.30);
    background: rgba(214,166,66,.10);
    color: #e3bc62;
}

.em-support-card-copy {
    position: relative;
    z-index: 1;
}

.em-support-vip .em-support-eyebrow {
    color: #dfb75d;
}

.em-support-card h2 {
    margin: 5px 0 8px;
    color: #eaf1f5;
    font-size: 20px;
}

.em-support-card p {
    margin: 0;
    color: #97aab5;
    font-size: 12px;
    line-height: 1.7;
}

.em-support-card p strong {
    color: #dce8ee;
}

.em-donate-how,
.em-donate-conditions {
    margin-top: 18px;
    padding: 27px;
    border: 1px solid #273b48;
    border-radius: 15px;
    background: #121b22;
}

.em-donate-section-title {
    margin-bottom: 19px;
}

.em-donate-section-title h2 {
    margin: 5px 0 0;
    color: #e8f0f4;
    font-size: 20px;
}

.em-donate-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.em-donate-step {
    display: flex;
    gap: 13px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #253844;
    border-radius: 11px;
    background: #0f181f;
}

.em-step-number {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border: 1px solid rgba(22,139,210,.32);
    border-radius: 8px;
    background: rgba(22,139,210,.09);
    color: #59baf0;
    font-weight: 800;
}

.em-donate-step strong {
    display: block;
    margin: 2px 0 5px;
    color: #dfe9ee;
    font-size: 12px;
}

.em-donate-step p {
    margin: 0;
    color: #8fa2ad;
    font-size: 11px;
    line-height: 1.6;
}

.em-donate-conditions ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.em-donate-conditions li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.045);
    border-radius: 9px;
    background: #0f181f;
    color: #96a9b4;
    font-size: 11px;
    line-height: 1.65;
}

.em-donate-conditions li i {
    margin-top: 3px;
    color: #4cad82;
}

.em-donate-conditions li strong {
    color: #dce7ed;
}

.em-donate-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 18px;
    padding: 27px;
    border: 1px solid rgba(22,139,210,.26);
    border-radius: 15px;
    background:
        linear-gradient(100deg, rgba(22,139,210,.10), rgba(22,139,210,.025)),
        #111a21;
}

.em-donate-bottom h2 {
    margin: 6px 0;
    color: #edf4f7;
    font-size: 18px;
}

.em-donate-bottom p {
    margin: 0;
    color: #8fa2ad;
    font-size: 11px;
}

.em-kofi-button-bottom {
    flex: 0 0 auto;
}

@media (max-width: 850px) {
    .em-donate-hero {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .em-support-levels,
    .em-donate-steps {
        grid-template-columns: 1fr;
    }

    .em-donate-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .em-donate-page {
        margin-top: 0;
    }

    .em-donate-hero,
    .em-donate-how,
    .em-donate-conditions,
    .em-donate-bottom {
        padding: 20px;
        border-radius: 12px;
    }

    .em-support-card {
        padding: 20px;
        gap: 13px;
    }

    .em-support-card-icon {
        width: 39px;
        height: 39px;
    }

    .em-kofi-button,
    .em-kofi-button-bottom {
        width: 100%;
        box-sizing: border-box;
    }
}



/* =========================================================
   ELECTROMECÁNIKOS DARK v33
   Móvil: lista de miembros + distintivos VIP/Colaborador
   ========================================================= */

@media (max-width: 768px) {
    /* Lista de miembros: dos columnas compactas, sin desbordamiento */
    .em-memberlist-table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .em-memberlist-table .em-member-avatar {
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        padding: 10px 6px !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }

    .em-memberlist-table .em-member-avatar img {
        display: block !important;
        width: 58px !important;
        height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
        margin: 0 auto !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    .em-memberlist-table .em-member-identity {
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 10px !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
        overflow: hidden !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .em-memberlist-table .em-member-identity > a {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .em-memberlist-table .em-member-identity .smalltext {
        display: block !important;
        line-height: 1.2 !important;
    }

    /* Evita que las imágenes de grupo agranden o rompan una fila */
    .em-memberlist-table .em-member-identity .smalltext img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: 38px !important;
        margin: 5px 0 0 !important;
        object-fit: contain !important;
    }

    /* VIP / Colaborador en postbit: visible pero sin dominar la ficha */
    .em-author-card .em-author-rank img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 200px !important;
        max-height: 62px !important;
        margin: 5px auto 0 !important;
        object-fit: contain !important;
    }

    .em-author-card .em-author-rank {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 420px) {
    .em-memberlist-table .em-member-avatar {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
    }

    .em-memberlist-table .em-member-avatar img {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
    }

    .em-author-card .em-author-rank img {
        max-width: 185px !important;
        max-height: 58px !important;
    }
}


/* =========================================================
   ELECTROMECÁNIKOS DARK v34
   Responsive: memberlist a ancho completo + acciones forumdisplay
   ========================================================= */
@media (max-width: 768px) {
    /* Memberlist: la tabla pasa a filas/tarjetas horizontales a ancho completo */
    .em-memberlist-table,
    .em-memberlist-table tbody {
        display: block !important;
        width: 100% !important;
    }

    .em-memberlist-table > tbody > tr:nth-child(2) {
        display: none !important;
    }

    .em-memberlist-table .em-member-row {
        display: flex !important;
        width: 100% !important;
        min-height: 82px !important;
        align-items: center !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #263641 !important;
    }

    .em-memberlist-table .em-member-row:last-child {
        border-bottom: 0 !important;
    }

    .em-memberlist-table .em-member-avatar {
        display: flex !important;
        flex: 0 0 82px !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: stretch !important;
        padding: 10px !important;
        border: 0 !important;
    }

    .em-memberlist-table .em-member-avatar img {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    .em-memberlist-table .em-member-identity {
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 12px 14px 12px 6px !important;
        border: 0 !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .em-memberlist-table .em-member-identity > a {
        display: inline-block !important;
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .em-memberlist-table .em-member-identity .smalltext br:first-of-type {
        display: none !important;
    }

    .em-memberlist-table .em-member-identity .smalltext img {
        width: auto !important;
        height: auto !important;
        max-width: 145px !important;
        max-height: 32px !important;
        margin: 6px 0 0 !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Cabecera alfabética: evita que el float reduzca el ancho disponible */
    .em-memberlist-table .thead .float_right {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 6px !important;
        line-height: 1.65 !important;
    }

    /* Acciones del foro: debajo del título y sin solaparse */
    .em-forum-title {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .em-forum-actions.float_right {
        float: none !important;
        display: flex !important;
        width: 100% !important;
        clear: both !important;
        margin: 0 !important;
        order: 2 !important;
    }

    .em-forum-actions .smalltext,
    .em-forum-actions strong {
        display: flex !important;
        width: 100% !important;
        gap: 7px !important;
        flex-wrap: wrap !important;
    }

    .em-forum-actions a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 180px !important;
        min-height: 34px !important;
        padding: 7px 10px !important;
        box-sizing: border-box !important;
        border: 1px solid #2b4658 !important;
        border-radius: 7px !important;
        background: #14232d !important;
        color: #b9c9d4 !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .em-forum-actions a:hover {
        border-color: #168BD2 !important;
        color: #fff !important;
        background: #183142 !important;
    }

    .em-forum-actions-sep {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .em-memberlist-table .em-member-avatar {
        flex-basis: 74px !important;
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
    }

    .em-memberlist-table .em-member-avatar img {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
    }

    .em-forum-actions a {
        flex-basis: 100% !important;
    }
}

/* =========================================================
   ELECTROMECÁNIKOS DARK v35
   Ajustes: jerarquía forumdisplay móvil + badges memberlist escritorio
   ========================================================= */

/* Memberlist escritorio: ningún badge/rango puede ampliar la fila */
@media (min-width: 769px) {
    .em-memberlist-table .em-member-identity .smalltext img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 160px !important;
        max-height: 42px !important;
        margin: 6px 0 0 !important;
        object-fit: contain !important;
        object-position: left center !important;
    }
}

@media (max-width: 768px) {
    /* En móvil, primero título y después acciones, con separación visual clara */
    .em-forum-actions.float_right {
        margin-top: 14px !important;
        padding-top: 12px !important;
        border-top: 1px solid #29404f !important;
    }

    .em-forum-title {
        position: relative !important;
        margin: 0 !important;
        padding: 8px 10px 8px 13px !important;
        border-left: 3px solid #168BD2 !important;
        border-radius: 4px !important;
        background: rgba(22,139,210,.07) !important;
        color: #f2f6f9 !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .em-forum-title strong {
        font-size: inherit !important;
        color: inherit !important;
    }
}


/* =========================================================
   ELECTROMECÁNIKOS DARK v36
   Ajustes acumulados: cabecera forumdisplay escritorio +
   breakpoint anticipado del menú superior
   ========================================================= */

/* Forumdisplay escritorio: misma jerarquía visual que en móvil */
@media (min-width: 769px) {
    .em-forum-title {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 13px 10px 15px !important;
        box-sizing: border-box !important;
        border-left: 3px solid #168BD2 !important;
        border-radius: 5px !important;
        background: rgba(22,139,210,.07) !important;
        color: #f2f6f9 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .em-forum-title strong {
        font-size: inherit !important;
        color: inherit !important;
    }

    .em-forum-actions.float_right {
        float: none !important;
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin: 10px 0 0 !important;
        padding: 10px 0 0 !important;
        border-top: 1px solid #29404f !important;
        box-sizing: border-box !important;
    }

    .em-forum-actions .smalltext,
    .em-forum-actions strong {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    .em-forum-actions a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 32px !important;
        padding: 6px 11px !important;
        box-sizing: border-box !important;
        border: 1px solid #2b4658 !important;
        border-radius: 7px !important;
        background: #14232d !important;
        color: #b9c9d4 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
    }

    .em-forum-actions a:hover {
        border-color: #168BD2 !important;
        color: #fff !important;
        background: #183142 !important;
    }

    .em-forum-actions-sep {
        display: none !important;
    }
}

/*
 * El menú completo deja de mostrarse antes de que pueda pisar el logo.
 * No cambiamos el responsive general: únicamente adelantamos la navegación
 * hamburguesa en el rango intermedio.
 */
@media (min-width: 761px) and (max-width: 1100px) {
    .em-desktop-nav {
        display: none !important;
    }

    .em-topbar,
    .em-topbar-inner {
        overflow: visible !important;
    }

    .em-topbar-inner {
        position: relative !important;
    }

    #em-mobile-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        margin-left: auto !important;
        padding: 7px !important;
        border: 1px solid rgba(22,139,210,.20) !important;
        border-radius: 9px !important;
        background: rgba(22,139,210,.08) !important;
        color: #eaf4fa !important;
        cursor: pointer !important;
    }

    #em-mobile-toggle:hover,
    #em-mobile-toggle[aria-expanded="true"] {
        background: rgba(22,139,210,.17) !important;
        border-color: rgba(22,139,210,.38) !important;
    }

    .em-mobile-menu {
        display: none !important;
        position: absolute !important;
        z-index: 20000 !important;
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;
        width: min(360px, 94vw) !important;
        max-height: calc(100vh - 92px) !important;
        overflow-y: auto !important;
        padding: 8px !important;
        background: rgba(10,17,23,.995) !important;
        border: 1px solid #2b3c48 !important;
        border-radius: 12px !important;
        box-shadow: 0 20px 55px rgba(0,0,0,.45) !important;
        backdrop-filter: blur(12px);
    }

    .em-mobile-menu.em-open {
        display: block !important;
    }

    .em-mobile-menu > ul {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .em-mobile-menu > ul > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .em-mobile-menu > ul > li + li {
        border-top: 1px solid rgba(255,255,255,.045) !important;
    }

    .em-mobile-menu > ul > li > a,
    .em-mobile-menu a {
        display: flex !important;
        align-items: center !important;
        gap: 11px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 47px !important;
        padding: 11px 12px !important;
        border-radius: 8px !important;
        color: #d5dfe6 !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        text-decoration: none !important;
        text-align: left !important;
    }

    .em-mobile-menu a i {
        width: 22px !important;
        text-align: center !important;
        color: #55b7ef !important;
    }

    .em-mobile-menu a:hover,
    .em-mobile-menu a:active {
        background: rgba(22,139,210,.12) !important;
        color: #fff !important;
    }
}

		
/* =========================================================
   EM - Perfil móvil compacto v5
   Avatar | Identidad | Datos
   Solo dispositivos táctiles <= 600px
   ========================================================= */

@media (max-width:600px) and (pointer:coarse) {

    /* TARJETA COMPLETA */
    .post.classic .post_author.em-author-card {
        display: grid !important;

        grid-template-columns: 64px minmax(0, 1fr) 88px !important;
        grid-template-areas:
            "avatar name   stats"
            "avatar status stats"
            "avatar rank   stats" !important;

        column-gap: 11px !important;
        row-gap: 2px !important;
        align-items: center !important;

        width: 100% !important;
        box-sizing: border-box !important;

        padding: 10px 12px !important;
        margin: 0 !important;

        text-align: left !important;
    }


    /* AVATAR */
    .post.classic .em-author-avatar-wrap {
        grid-area: avatar !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .post.classic .em-author-avatar-wrap img {
        display: block !important;

        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;
        object-fit: cover !important;
    }


    /* NOMBRE */
    .post.classic .em-author-name {
        grid-area: name !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
        line-height: 1.15 !important;
    }

    .post.classic .em-author-name .largetext {
        font-size: 14px !important;
        font-weight: 700 !important;
    }


    /* ESTADO */
    .post.classic .em-author-status {
        grid-area: status !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }


    /* RANGO + ESTRELLAS + BADGE */
    .post.classic .em-author-rank {
        grid-area: rank !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
        line-height: 1.15 !important;
    }

    .post.classic .em-author-rank .smalltext {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    .post.classic .em-author-stars {
        display: inline-block !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
    }

    .post.classic .em-author-stars .fa-star {
        font-size: 8px !important;
    }

    .post.classic .em-author-rank img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 95px !important;
        max-height: 22px !important;

        margin: 3px 0 0 !important;

        object-fit: contain !important;
    }


    /* COLUMNA DERECHA DE DATOS */
    .post.classic .em-author-stats {
        grid-area: stats !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        width: 88px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;
    }

    .post.classic .em-author-stats .em-stat-row {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 7px !important;

        min-height: 19px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        font-size: 10px !important;
        line-height: 1 !important;
    }


    /* Ocultamos la palabra: Mensajes, Temas, etc. */
    .post.classic .em-author-stats .em-stat-row > span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 15px !important;
        min-width: 15px !important;

        overflow: hidden !important;

        font-size: 0 !important;
        color: #168bd2 !important;
    }


    /* ICONO BASE */
    .post.classic .em-author-stats .em-stat-row > span::before {
        display: block !important;

        width: 15px !important;

        font-family: "Font Awesome 5 Free", "FontAwesome" !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        text-align: center !important;

        color: #168bd2 !important;
    }


    /* 1 - MENSAJES */
    .post.classic .em-author-stats > .em-stat-row:nth-child(1) > span::before {
        content: "\f075" !important;
    }


    /* 2 - TEMAS */
    .post.classic .em-author-stats > .em-stat-row:nth-child(2) > span::before {
        content: "\f15c" !important;
    }


    /* 3 - REGISTRO */
    .post.classic .em-author-stats > .em-stat-row:nth-child(3) > span::before {
        content: "\f073" !important;
    }


    /* REPUTACIÓN */
    .post.classic .em-author-stats .em-stat-reputation > span::before {
        content: "\f091" !important;
        color: #55d6a0 !important;
    }


    /* GRACIAS */
    .post.classic .em-author-stats .em-stat-thanks > span::before {
        content: "\f164" !important;
        color: #42b9f5 !important;
    }


    /* VALORES */
    .post.classic .em-author-stats .em-stat-row > strong {
        flex: 1 1 auto !important;

        min-width: 0 !important;

        font-size: 10px !important;
        font-weight: 700 !important;

        text-align: left !important;

        color: #d8e3e9 !important;
    }

}

/* =========================================================
   EM - Perfil móvil v5.1
   Compactar bloque de identidad
   ========================================================= */

@media (max-width:600px) and (pointer:coarse) {

    .post.classic .post_author.em-author-card {
        grid-template-rows: auto auto auto !important;
        align-content: center !important;
        row-gap: 0 !important;
    }

    .post.classic .em-author-name {
        align-self: end !important;
        margin: 0 0 4px 0 !important;
        padding: 0 !important;
    }

    .post.classic .em-author-status {
        align-self: center !important;
        margin: 0 0 4px 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .post.classic .em-author-rank {
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.15 !important;
    }

    .post.classic .em-author-rank .smalltext {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.15 !important;
    }

    .post.classic .em-author-stars {
        display: block !important;
        margin: 2px 0 0 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }
}

/* =========================================================
   EM - Perfil móvil compacto v5.2
   Identidad continua junto al avatar
   ========================================================= */

@media (max-width:600px) and (pointer:coarse) {

    .post.classic .post_author.em-author-card {
        grid-template-rows: 22px 25px 32px !important;
        row-gap: 0 !important;
        align-items: start !important;
        align-content: center !important;
    }

    /* Nombre */
    .post.classic .em-author-name {
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 16px !important;
    }

    /* Conexión */
    .post.classic .em-author-status {
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 18px !important;
    }

    /* Rango + estrellas */
    .post.classic .em-author-rank {
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 13px !important;
    }

    .post.classic .em-author-rank .smalltext {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 13px !important;
    }

    .post.classic .em-author-stars {
        display: block !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        line-height: 9px !important;
    }

    /* Avatar centrado respecto a todo el bloque */
    .post.classic .em-author-avatar-wrap {
        align-self: center !important;
    }

    /* Estadísticas centradas respecto al conjunto */
    .post.classic .em-author-stats {
        align-self: center !important;
    }
}

/* =========================================================
   EM - Perfil móvil compacto v5.2
   Identidad continua junto al avatar
   ========================================================= */

@media (max-width:600px) and (pointer:coarse) {

    .post.classic .post_author.em-author-card {
        grid-template-rows: 22px 25px 32px !important;
        row-gap: 0 !important;
        align-items: start !important;
        align-content: center !important;
    }

    /* Nombre */
    .post.classic .em-author-name {
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 16px !important;
    }

    /* Conexión */
    .post.classic .em-author-status {
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 18px !important;
    }

    /* Rango + estrellas */
    .post.classic .em-author-rank {
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 13px !important;
    }

    .post.classic .em-author-rank .smalltext {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 13px !important;
    }

    .post.classic .em-author-stars {
        display: block !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        line-height: 9px !important;
    }

    /* Avatar centrado respecto a todo el bloque */
    .post.classic .em-author-avatar-wrap {
        align-self: center !important;
    }

    /* Estadísticas centradas respecto al conjunto */
    .post.classic .em-author-stats {
        align-self: center !important;
    }
}

/* =========================================================
   EM - Perfil móvil v5.3
   Avatar limpio
   ========================================================= */

@media (max-width:600px) and (pointer:coarse) {

    .post.classic .em-author-card .author_avatar {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 62px !important;
        height: 62px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        border-radius: 50% !important;
        overflow: hidden !important;
    }

    .post.classic .em-author-card .author_avatar a {
        display: block !important;
        width: 62px !important;
        height: 62px !important;
        border-radius: 50% !important;
        overflow: hidden !important;
    }

    .post.classic .em-author-card .author_avatar img {
        display: block !important;

        width: 62px !important;
        height: 62px !important;
        max-width: 62px !important;
        max-height: 62px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }
}
.em-author-actions>a{text-decoration:none}
@media(max-width:600px) and (pointer:coarse){.add_tyl_button span,.del_tyl_button span{display:none!important}.add_tyl_button,.del_tyl_button{min-width:32px!important;width:32px!important;padding-left:0!important;padding-right:0!important;text-align:center!important}}
@media(max-width:600px) and (pointer:coarse){.add_tyl_button,.del_tyl_button{display:inline-flex!important;align-items:center!important;justify-content:center!important}.add_tyl_button:before,.del_tyl_button:before{margin:0!important}}
@media(max-width:600px) and (pointer:coarse){.tyllist,.tyllist_classic{margin:3px 10px!important;padding:5px 2px!important;background:transparent!important;border:0!important;border-top:1px solid #263641!important;border-radius:0!important;font-size:11px!important;line-height:1.35!important}.tyllist br,.tyllist_classic br{display:none!important}.tyl_collapsible_summary{font-size:11px!important}.tyllist img,.tyllist_classic img{width:14px!important;height:14px!important;margin-right:4px!important}}
@media(max-width:600px){.post.classic .em-author-rank img{margin:3px 0 0 -7px!important}}
@media(max-width:600px){button,input.button,a.button:link,a.button:visited,a.button:active,a.button:hover{padding:6px 9px!important;font-size:12px!important;line-height:16px!important;border-radius:6px!important;margin:2px!important}}
@media(max-width:600px){.em-profile-actions{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;margin:8px 0 2px!important}.em-profile-actions .button{margin:0!important}}
@media(max-width:600px){#receivedrequests,#sentrequests{display:block!important;width:100%!important;box-sizing:border-box!important}#sentrequests{margin-top:12px!important}#receivedrequests table,#sentrequests table{width:100%!important}}
@media(max-width:600px){.em-subscriptions-table tr>td:nth-child(4),.em-subscriptions-table tr>td:nth-child(5),.em-subscriptions-table tr>td:nth-child(6){display:none!important}.em-subscriptions-table tr>td:nth-child(1){width:28px!important;padding:6px!important}.em-subscriptions-table tr>td:nth-child(2){width:24px!important;padding:4px!important}.em-subscriptions-table tr>td:nth-child(3){width:auto!important;white-space:normal!important}.em-subscriptions-table tr>td:nth-child(7){width:28px!important;padding:5px!important}.em-forumsubscriptions-table tr>td:nth-child(3),.em-forumsubscriptions-table tr>td:nth-child(4),.em-forumsubscriptions-table tr>td:nth-child(5){display:none!important}.em-forumsubscriptions-table tr>td:nth-child(1){width:30px!important;padding:6px!important}.em-forumsubscriptions-table tr>td:nth-child(2){width:auto!important;white-space:normal!important}}
@media(min-width:761px) and (max-width:1100px){.em-desktop-nav{display:none!important}#em-mobile-toggle{display:flex!important}.em-mobile-actions{display:flex!important;align-items:center!important;margin-left:auto!important}}

/* =========================================================
   ELECTROMECANIKOS - ARCHIVOS ADJUNTOS
   ========================================================= */

.em-attachments {
    margin: 18px 0 10px !important;
    overflow: hidden !important;
    background: #0e1820 !important;
    border: 1px solid #263b49 !important;
    border-left: 3px solid #168bd2 !important;
    border-radius: 9px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.16) !important;
}

.em-attachments-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 13px !important;
    background: linear-gradient(110deg,#111d27,#152938) !important;
    border-bottom: 1px solid #263b49 !important;
    color: #dce8ef !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    text-transform: uppercase !important;
}

.em-attachments-head i {
    color: #4bb6f2 !important;
    font-size: 13px !important;
}

.em-attachments-body {
    padding: 8px !important;
}

.em-attachment-item {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    background: #111d26 !important;
    border: 1px solid #263946 !important;
    border-radius: 7px !important;
    transition: background .15s ease, border-color .15s ease !important;
}

.em-attachment-item + .em-attachment-item {
    margin-top: 6px !important;
}

.em-attachment-item:hover {
    background: #14232e !important;
    border-color: #315064 !important;
}

.em-attachment-fileicon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(22,139,210,.10) !important;
    border: 1px solid rgba(22,139,210,.22) !important;
    border-radius: 7px !important;
    color: #55baf3 !important;
    font-size: 16px !important;
}

.em-attachment-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.em-attachment-name {
    display: block !important;
    overflow: hidden !important;
    color: #e4edf2 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.em-attachment-name:hover {
    color: #59bbf3 !important;
}

.em-attachment-meta {
    margin-top: 3px !important;
    color: #7f929f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
}

.em-attachment-meta span {
    margin: 0 3px !important;
    color: #405461 !important;
}

.em-attachment-download {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    background: rgba(22,139,210,.08) !important;
    border: 1px solid rgba(22,139,210,.25) !important;
    border-radius: 7px !important;
    color: #55baf3 !important;
    text-decoration: none !important;
    transition: .15s ease !important;
}

.em-attachment-download:hover {
    background: #168bd2 !important;
    border-color: #168bd2 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Adjuntos - móvil */
@media (max-width:600px) {
    .em-attachments {
        margin: 14px 0 8px !important;
        border-radius: 8px !important;
    }

    .em-attachments-head {
        padding: 9px 10px !important;
        font-size: 11px !important;
    }

    .em-attachments-body {
        padding: 6px !important;
    }

    .em-attachment-item {
        gap: 8px !important;
        padding: 8px !important;
    }

    .em-attachment-fileicon {
        flex-basis: 30px !important;
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }

    .em-attachment-download {
        flex-basis: 32px !important;
        width: 32px !important;
        height: 32px !important;
    }

    .em-attachment-name {
        font-size: 12px !important;
    }

    .em-attachment-meta {
        font-size: 9px !important;
    }
}


/* =========================================================
   ELECTROMECANIKOS - FIRMA WEBMASTER
   ========================================================= */

.em-webmaster-signature {
    max-width: 680px;
    margin: 9px 0 4px;
    overflow: hidden;
    background: #0e1820;
    border: 1px solid #263946;
    border-left: 3px solid #168bd2;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,.13);
}

.em-ws-main {
    padding: 11px 14px 10px;
}

.em-ws-title {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #eef5f8;
    font-size: 13px;
    letter-spacing: .35px;
}

.em-ws-title > i {
    color: #55baf3;
    font-size: 12px;
}

.em-ws-title strong {
    font-weight: 800;
}

.em-ws-badge {
    margin-left: 3px;
    padding: 2px 6px;
    background: rgba(22,139,210,.13);
    border: 1px solid rgba(22,139,210,.30);
    border-radius: 4px;
    color: #59bbf3;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .7px;
}

.em-ws-role {
    margin: 2px 0 8px 19px;
    color: #7f929f;
    font-size: 10px;
}

.em-ws-specialties {
    color: #a7b5be;
    font-size: 10px;
    line-height: 1.5;
}

.em-ws-specialties span,
.em-ws-links > span {
    margin: 0 3px;
    color: #405461;
}

.em-ws-links {
    margin-top: 5px;
    font-size: 10px;
}

.em-ws-links a {
    color: #55baf3 !important;
    text-decoration: none !important;
}

.em-ws-links a:hover {
    color: #8bd2fa !important;
}

.em-ws-footer {
    padding: 7px 14px;
    background: #101c24;
    border-top: 1px solid #22333f;
    color: #718591;
    font-size: 9px;
    font-style: italic;
}

@media(max-width:600px) {
    .em-webmaster-signature {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 6px 0 2px;
    }

    .em-ws-main {
        padding: 9px 10px;
    }

    .em-ws-title {
        flex-wrap: wrap;
        font-size: 11px;
    }

    .em-ws-role {
        margin-left: 18px;
        font-size: 9px;
    }

    .em-ws-specialties,
    .em-ws-links {
        font-size: 9px;
    }

    .em-ws-footer {
        padding: 6px 10px;
        font-size: 8px;
    }
}


/* Firma Webmaster - ancho completo */
.em-webmaster-signature {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}


/* =========================================================
   FIRMAS - POSICION INFERIOR DEL POST
   ========================================================= */

/* La zona de contenido ocupa toda la altura disponible */
.post.classic .post_content {
    display: flex !important;
    flex-direction: column !important;
}

/* IP y metadatos permanecen antes de la firma */
.post.classic .post_content .post_meta {
    order: 10;
}

/* La firma se desplaza al fondo del contenido */
.post.classic .post_content .signature {
    order: 20;
    margin-top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Nuestra firma aprovecha todo el ancho */
.post.classic .post_content .signature .em-webmaster-signature {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}


/* =========================================================
   ELECTROMECANIKOS - FIRMA MIKETRONIC
   ========================================================= */

.em-miketronic-signature {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 8px 0 3px;
    overflow: hidden;
    background: #0e1820;
    border: 1px solid #263946;
    border-left: 3px solid #168bd2;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,.12);
}

.em-mk-main {
    padding: 11px 14px;
}

.em-mk-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #eef5f8;
    font-size: 13px;
    letter-spacing: .4px;
}

.em-mk-title > i {
    color: #55baf3;
    font-size: 13px;
}

.em-mk-title strong {
    font-weight: 800;
    letter-spacing: .7px;
}

.em-mk-tag {
    padding: 2px 6px;
    background: rgba(22,139,210,.10);
    border: 1px solid rgba(22,139,210,.24);
    border-radius: 4px;
    color: #7bc9f5;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .7px;
}

.em-mk-specialties {
    margin-top: 7px;
    color: #a7b5be;
    font-size: 10px;
    line-height: 1.5;
}

.em-mk-specialties span {
    margin: 0 3px;
    color: #405461;
}

.em-mk-footer {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #22333f;
    color: #718591;
    font-size: 9px;
    font-style: italic;
}

.em-mk-footer i {
    margin-right: 4px;
    color: #168bd2;
    font-size: 8px;
}

@media(max-width:600px) {
    .em-miketronic-signature {
        margin: 6px 0 2px;
    }

    .em-mk-main {
        padding: 9px 10px;
    }

    .em-mk-title {
        flex-wrap: wrap;
        gap: 6px;
        font-size: 11px;
    }

    .em-mk-specialties {
        margin-top: 6px;
        font-size: 9px;
    }

    .em-mk-footer {
        font-size: 8px;
    }
}


/* =========================================================
   ELECTROMECANIKOS - FIRMAS NORMALES
   Diseño sutil para usuarios
   ========================================================= */

.post.classic .signature {
    box-sizing: border-box;
    width: 100%;
}

/* Firma normal: moderna pero discreta */
.post.classic .signature:not(:has(.em-webmaster-signature)):not(:has(.em-miketronic-signature)) {
    position: relative;
    margin-top: auto !important;
    padding: 9px 12px 9px 14px !important;
    background: linear-gradient(
        90deg,
        rgba(22,139,210,.055) 0%,
        rgba(22,139,210,.018) 55%,
        transparent 100%
    );
    border-top: 1px solid rgba(86,119,139,.28) !important;
    border-radius: 0 0 5px 5px;
    color: #91a4b0;
    font-size: 10px;
    line-height: 1.45;
}

/* Pequeño acento Electromecánikos */
.post.classic .signature:not(:has(.em-webmaster-signature)):not(:has(.em-miketronic-signature))::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #168bd2;
    border-radius: 2px;
    opacity: .8;
}

/* Enlaces dentro de firmas normales */
.post.classic .signature:not(:has(.em-webmaster-signature)):not(:has(.em-miketronic-signature)) a {
    color: #59bbf3 !important;
    text-decoration: none !important;
}

.post.classic .signature:not(:has(.em-webmaster-signature)):not(:has(.em-miketronic-signature)) a:hover {
    color: #8bd2fa !important;
}

/* Móvil */
@media(max-width:600px) {
    .post.classic .signature:not(:has(.em-webmaster-signature)):not(:has(.em-miketronic-signature)) {
        padding: 8px 9px 8px 11px !important;
        font-size: 9px;
    }
}