/*!
 * template_modern — Bootstrap & module overrides
 */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: none !important;
}

a:focus, a:hover {
	text-decoration: none !important;
}

.form-horizontal .control-label {
	text-align: left !important;
	color: var(--we-text-muted, #8b93a7);
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.label-default {
	background: rgba(232, 176, 74, 0.3);
	color: var(--we-text, #e8eaef);
}
.label-success { background: rgba(34, 197, 94, 0.3); color: #86efac; }
.label-danger { background: rgba(239, 68, 68, 0.3); color: #fca5a5; }

.modal-content {
	background: var(--we-bg-elevated, #0e1828);
	border: 1px solid var(--we-border, rgba(255,255,255,0.08));
	color: var(--we-text, #e8eaef);
	border-radius: 12px;
}
.modal-header { border-color: var(--we-border); }
.modal-footer { border-color: var(--we-border); }

.dropdown-menu {
	background: var(--we-bg-elevated, #0e1828);
	border: 1px solid var(--we-border);
}
.dropdown-menu > li > a { color: var(--we-text-muted); }
.dropdown-menu > li > a:hover { background: rgba(232, 176, 74, 0.2); color: var(--we-text); }

.panel-sidebar-events .table tr td { border-color: var(--we-border) !important; }
.panel-sidebar-events .table tr:hover td { background: rgba(232, 176, 74, 0.06); }

/* ==== Ajustes para celular — MU Advanced VIP (20/10/2026) ==== */
@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .we-hero { overflow: hidden; }
  .we-hero-bg { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; }
  /* tarjeta "usuarios en linea": deja de flotar encima de los botones */
  .we-hud-float, .we-hud-float-online { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; width: auto !important; max-width: none !important; margin: 18px 16px 0 !important; }
  .we-hero-cta { display: flex; flex-direction: column; gap: 12px; }
  .we-hero-cta .we-btn { width: 100%; justify-content: center; min-height: 52px; }
  /* registro y formularios a ancho completo */
  .col-xs-8.col-xs-offset-2 { width: 100% !important; margin-left: 0 !important; padding-left: 16px; padding-right: 16px; }
  .form-horizontal .control-label { text-align: left !important; width: 100%; padding-top: 0; margin-bottom: 6px; }
  .form-horizontal .col-sm-8, .form-horizontal .col-sm-4, .form-horizontal .col-sm-offset-4 { width: 100% !important; margin-left: 0 !important; float: none; }
  .form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea { width: 100% !important; min-height: 48px; font-size: 16px !important; }
  .form-horizontal .btn, form .btn-primary { width: 100%; min-height: 50px; font-size: 16px; }
  /* areas tactiles comodas (minimo 44px) */
  .we-footer-links a, .we-link-more, .panel-title .btn, .panel-body .btn, .we-lang-dropdown-toggle, .we-lang-dropdown-option { min-height: 44px; display: inline-flex; align-items: center; }
  .we-footer-links a { padding: 0 8px; }
  table td a { display: inline-block; padding: 10px 0; }
  .table-responsive, .panel-body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  img { max-width: 100%; height: auto; }
}

@media (max-width: 767px) {
  .we-hero { flex-direction: column !important; align-items: stretch !important; }
  .we-hero > .we-container { width: 100%; }
  .we-hud-float, .we-hud-float-online { height: auto !important; align-self: stretch; }
  .we-hero > .we-hud { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; margin: 16px 0 28px !important; width: auto !important; }
  .we-hero-bottom-fade { display: none; }
  .we-navbar-actions .we-btn, .we-navbar-actions a { min-height: 44px; display: inline-flex; align-items: center; }
  .webengine-powered { display: inline-block; padding: 12px 0; }
}