.elementor-181 .elementor-element.elementor-element-8b52c64{--display:flex;}body.elementor-page-181:not(.elementor-motion-effects-element-type-background), body.elementor-page-181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b4133b );}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-0e06f9d *//* Estilos Dark/Gold para el Dashboard de Alumno en LatePoint */
.latepoint-w, 
.latepoint-customer-dashboard-w {
  background-color: #0A0A0A !important;
  color: #FFFFFF !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  padding: 30px !important;
  border-radius: 16px !important;
  border: 1px solid #1F1F1F !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* Encabezado y Saludo */
.latepoint-customer-dashboard-w h3, 
.latepoint-customer-dashboard-w h2,
.latepoint-w .latepoint-heading {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

/* Enlace Logout */
.latepoint-w a.latepoint-top-logout-link,
.latepoint-w a {
  color: #FFD700 !important;
  text-decoration: none !important;
}

/* Navegación por Pestañas (Appointments, Orders, Profile) */
.latepoint-w .latepoint-tab-head {
  color: #888888 !important;
  font-weight: 700 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}

.latepoint-w .latepoint-tab-head.active,
.latepoint-w .latepoint-tab-head:hover {
  color: #FFD700 !important;
  border-bottom-color: #FFD700 !important;
}

/* Mensaje "No appointments found" o Cajas de Contenido */
.latepoint-w .latepoint-message-info,
.latepoint-w .latepoint-empty-state,
.latepoint-w .latepoint-appointment-box {
  background-color: #141414 !important;
  border: 1px solid #262626 !important;
  color: #CCCCCC !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* Botón de Nueva Cita (New Appointment) */
.latepoint-w .latepoint-btn-primary,
.latepoint-w a.latepoint-btn {
  background-color: #FFD700 !important;
  color: #000000 !important;
  font-weight: 800 !important;
  border-radius: 30px !important;
  border: none !important;
}/* End custom CSS */