/**
 * Play Code - Neo-Brutalist bbPress Forum Skin
 * Estilo visual unificado con el Panel de Control del Alumno
 * Paleta corporativa sobria y cuidada:
 * - Base estructural / Sombras / Bordes: #0B2B5C (Deep Navy)
 * - Acento de acción principal: #008CDA (Cerulean Tech Blue)
 * - Toque singular de alerta/destaque: #FF6B6B (Coral Red)
 * Usados con moderación y elegancia: fondos blancos limpios, tipografía legible y toques puntuales.
 */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@600;700;800;900&family=Fira+Code:wght@500;700&display=swap');

:root {
  --pc-navy: #0B2B5C;
  --pc-blue: #008CDA;
  --pc-yellow: #FFED4A;
  --pc-coral: #FF6B6B;
  --pc-dark: #0B2B5C;
  --pc-border: #0B2B5C;
  --pc-bg-card: #FFFFFF;
  --pc-bg-subtle: #F8FAFC;
  --pc-bg-header: #F1F5F9;
  --pc-text-dark: #0B2B5C;
  --pc-text-muted: #64748B;
  --pc-shadow-sm: 2px 2px 0 0 var(--pc-navy);
  --pc-shadow-md: 3px 3px 0 0 var(--pc-navy);
  --pc-shadow-lg: 4px 4px 0 0 var(--pc-navy);
  --pc-shadow-xl: 5px 5px 0 0 var(--pc-navy);
  --pc-font-pixel: 'Press Start 2P', monospace, cursive;
  --pc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --pc-font-code: 'Fira Code', Consolas, Monaco, monospace;
}

/* ==========================================================================
   1. HERO BANNER DE LA COMUNIDAD (LIMPIO, PROFESIONAL CON BORDE RETRO)
   ========================================================================== */

.playcode-forum-hero {
  background: var(--pc-bg-card) !important;
  border: 2.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-lg) !important;
  border-radius: 0 !important;
  padding: 28px 30px 24px !important;
  margin-bottom: 26px !important;
  position: relative;
  overflow: visible;
}

/* Fina línea superior de acento con toques de la paleta */
.playcode-forum-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--pc-blue) 0%, var(--pc-yellow) 40%, var(--pc-navy) 80%, var(--pc-coral) 100%);
}

.playcode-forum-hero-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
  border: 1.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
  font-family: var(--pc-font-pixel) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 12px !important;
}

.playcode-forum-hero h1 {
  font-family: var(--pc-font-pixel) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  color: var(--pc-navy) !important;
  margin: 0 0 10px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em;
}

.playcode-forum-hero p {
  font-family: var(--pc-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  max-width: 720px;
  margin: 0 0 20px 0 !important;
  line-height: 1.5 !important;
}

.playcode-forum-quick-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* Botones con estilo brutalista limpio */
.playcode-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  color: var(--pc-navy) !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.1s ease !important;
  cursor: pointer !important;
}

.playcode-pill-btn:hover {
  background: var(--pc-bg-header) !important;
  color: var(--pc-navy) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--pc-shadow-md) !important;
}

.playcode-pill-btn:active {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0 0 var(--pc-navy) !important;
}

/* El botón principal de Showroom lleva el toque de color #008CDA */
.playcode-pill-btn.primary {
  background: var(--pc-blue) !important;
  color: #ffffff !important;
  border-color: var(--pc-navy) !important;
}

.playcode-pill-btn.primary:hover {
  background: var(--pc-navy) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   2. BREADCRUMBS & BÚSQUEDA
   ========================================================================== */

#bbpress-forums div.bbp-breadcrumb {
  margin-bottom: 20px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--pc-text-muted) !important;
}

#bbpress-forums div.bbp-breadcrumb a {
  color: var(--pc-navy) !important;
  text-decoration: underline !important;
}

#bbpress-forums div.bbp-breadcrumb a:hover {
  color: var(--pc-blue) !important;
}

#bbpress-forums #bbp-search-form {
  display: flex !important;
  gap: 8px !important;
  max-width: 480px !important;
  margin-bottom: 22px !important;
}

#bbpress-forums #bbp-search-form input[type="text"] {
  flex: 1 !important;
  background: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  padding: 9px 14px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--pc-navy) !important;
  outline: none !important;
}

#bbpress-forums #bbp-search-form input[type="text"]:focus {
  border-color: var(--pc-blue) !important;
  box-shadow: var(--pc-shadow-md) !important;
}

#bbpress-forums #bbp-search-form input[type="submit"] {
  background: var(--pc-navy) !important;
  color: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  font-family: var(--pc-font-sans) !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  padding: 8px 18px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.1s ease !important;
}

#bbpress-forums #bbp-search-form input[type="submit"]:hover {
  background: var(--pc-blue) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--pc-shadow-md) !important;
}

/* ==========================================================================
   3. TARJETAS DE FOROS
   ========================================================================== */

#bbpress-forums ul.bbp-forums {
  border: none !important;
  margin: 0 0 35px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#bbpress-forums li.bbp-header {
  background: var(--pc-bg-header) !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  padding: 12px 18px !important;
  margin-bottom: 12px !important;
}

#bbpress-forums li.bbp-header .forum-titles li {
  font-family: var(--pc-font-pixel) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--pc-navy) !important;
}

#bbpress-forums ul.bbp-forums li.bbp-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

#bbpress-forums ul.bbp-forums li.bbp-body li.bbp-forum-item,
#bbpress-forums ul.bbp-forums li.bbp-body > ul {
  background: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-radius: 0 !important;
  padding: 18px 22px !important;
  transition: all 0.1s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#bbpress-forums ul.bbp-forums li.bbp-body li.bbp-forum-item:hover,
#bbpress-forums ul.bbp-forums li.bbp-body > ul:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--pc-shadow-lg) !important;
}

#bbpress-forums a.bbp-forum-title {
  font-family: var(--pc-font-sans) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--pc-navy) !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 4px !important;
}

#bbpress-forums a.bbp-forum-title:hover {
  color: var(--pc-blue) !important;
}

#bbpress-forums .bbp-forum-content {
  font-family: var(--pc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  line-height: 1.45 !important;
  margin-top: 4px !important;
}

#bbpress-forums .bbp-forum-topic-count,
#bbpress-forums .bbp-forum-reply-count {
  font-family: var(--pc-font-pixel) !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  color: var(--pc-navy) !important;
}

#bbpress-forums .bbp-forum-freshness {
  font-family: var(--pc-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--pc-text-muted) !important;
}

#bbpress-forums .bbp-forum-freshness a {
  color: var(--pc-navy) !important;
  text-decoration: underline !important;
}

#bbpress-forums .bbp-forum-freshness a:hover {
  color: var(--pc-blue) !important;
}

/* ==========================================================================
   4. LISTADO DE TEMAS (TOPICS)
   ========================================================================== */

#bbpress-forums ul.bbp-topics {
  border: none !important;
  margin: 0 0 35px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#bbpress-forums ul.bbp-topics li.bbp-body > ul {
  background: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  margin-bottom: 10px !important;
  transition: all 0.1s ease !important;
}

#bbpress-forums ul.bbp-topics li.bbp-body > ul:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--pc-shadow-lg) !important;
}

#bbpress-forums a.bbp-topic-permalink {
  font-family: var(--pc-font-sans) !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: var(--pc-navy) !important;
  text-decoration: none !important;
}

#bbpress-forums a.bbp-topic-permalink:hover {
  color: var(--pc-blue) !important;
}

#bbpress-forums p.bbp-topic-meta {
  font-family: var(--pc-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--pc-text-muted) !important;
  margin: 4px 0 0 0 !important;
}

#bbpress-forums p.bbp-topic-meta a {
  color: var(--pc-navy) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   5. VISTA DE TEMA INDIVIDUAL & RESPUESTAS
   ========================================================================== */

#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
  background: var(--pc-bg-header) !important;
  border: 2px solid var(--pc-navy) !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  padding: 10px 16px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--pc-navy) !important;
}

#bbpress-forums div.hentry {
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-radius: 0 !important;
  margin-bottom: 22px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

/* Columna de Autor */
#bbpress-forums div.bbp-reply-author {
  padding: 18px 16px !important;
  background: var(--pc-bg-subtle) !important;
  border-right: 2px solid var(--pc-navy) !important;
  text-align: center !important;
  width: 170px !important;
}

#bbpress-forums div.bbp-reply-author img.avatar {
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  margin-bottom: 8px !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  font-family: var(--pc-font-pixel) !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: var(--pc-navy) !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name:hover {
  color: var(--pc-blue) !important;
}

/* Roles: toque de #FF6B6B exclusivo para Staff/Admin */
.playcode-author-role-badge {
  display: inline-block !important;
  padding: 4px 8px !important;
  border: 1.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  font-family: var(--pc-font-pixel) !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-top: 4px !important;
}

.playcode-author-role-badge.admin {
  background: var(--pc-coral) !important; /* Toque coral sutil */
  color: #ffffff !important;
}

.playcode-author-role-badge.instructor {
  background: var(--pc-navy) !important;
  color: #ffffff !important;
}

.playcode-author-role-badge.student {
  background: var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
}

/* Insignias de Certificación */
.playcode-author-certs-box {
  margin-top: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  align-items: center !important;
}

.playcode-cert-mini-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 6px !important;
  border: 1.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background: #ffffff !important;
  color: var(--pc-navy) !important;
}

.playcode-cert-mini-badge:hover {
  transform: translate(-1px, -1px) !important;
}

.playcode-cert-mini-badge.explorer {
  border-color: var(--pc-blue) !important;
  color: var(--pc-blue) !important;
}

.playcode-cert-mini-badge.builder {
  border-color: var(--pc-navy) !important;
  background: var(--pc-bg-header) !important;
}

.playcode-cert-mini-badge.orchestrator {
  border-color: var(--pc-coral) !important;
  color: var(--pc-coral) !important;
}

/* Contenido de la Respuesta */
#bbpress-forums div.bbp-reply-content {
  padding: 22px 26px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--pc-navy) !important;
}

/* ==========================================================================
   6. BLOQUES DE CÓDIGO
   ========================================================================== */

#bbpress-forums pre {
  background: #0B192C !important;
  color: #38bdf8 !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  font-family: var(--pc-font-code) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  overflow-x: auto !important;
  position: relative !important;
  margin: 16px 0 !important;
}

#bbpress-forums code {
  font-family: var(--pc-font-code) !important;
  font-size: 13px !important;
  background: var(--pc-bg-header) !important;
  color: var(--pc-navy) !important;
  border: 1px solid var(--pc-navy) !important;
  border-radius: 0 !important;
  padding: 2px 6px !important;
}

#bbpress-forums pre code {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
}

.playcode-code-wrapper {
  position: relative;
  margin: 16px 0;
}

.playcode-copy-code-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff !important;
  color: var(--pc-navy) !important;
  border: 1.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  cursor: pointer !important;
  transition: all 0.1s ease !important;
  z-index: 5;
}

.playcode-copy-code-btn:hover {
  background: var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
  transform: translate(-1px, -1px) !important;
}

/* ==========================================================================
   7. FORMULARIOS & BOTÓN ENVIAR (#008CDA)
   ========================================================================== */

#bbpress-forums fieldset.bbp-form {
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-lg) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  padding: 24px !important;
}

#bbpress-forums fieldset.bbp-form legend {
  font-family: var(--pc-font-pixel) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background: var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  padding: 4px 12px !important;
}

#bbpress-forums input[type="text"]#bbp_topic_title,
#bbpress-forums input[type="text"]#bbp_topic_tags {
  background: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  font-family: var(--pc-font-sans) !important;
  font-weight: 600 !important;
  color: var(--pc-navy) !important;
  outline: none !important;
}

#bbpress-forums input[type="text"]#bbp_topic_title:focus,
#bbpress-forums input[type="text"]#bbp_topic_tags:focus {
  border-color: var(--pc-blue) !important;
  box-shadow: var(--pc-shadow-md) !important;
}

#bbpress-forums div.bbp-the-content-wrapper {
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}

#bbpress-forums textarea.bbp-the-content {
  font-family: var(--pc-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: none !important;
  color: var(--pc-navy) !important;
}

/* Toolbar de Inserción Rápida (Limpia) */
.playcode-helper-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  background: var(--pc-bg-header) !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--pc-navy) !important;
  border-radius: 0 !important;
}

.playcode-helper-btn {
  background: #ffffff !important;
  border: 1.5px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
  border-radius: 0 !important;
  padding: 5px 12px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--pc-navy) !important;
  cursor: pointer !important;
  transition: all 0.1s ease !important;
}

.playcode-helper-btn:hover {
  background: var(--pc-navy) !important;
  color: #ffffff !important;
  transform: translate(-1px, -1px) !important;
}

/* Botón Enviar Principal: toque de #008CDA */
#bbpress-forums button.submit,
#bbpress-forums input.submit {
  background: var(--pc-blue) !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: all 0.1s ease !important;
}

#bbpress-forums button.submit:hover,
#bbpress-forums input.submit:hover {
  background: var(--pc-navy) !important;
  color: #ffffff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--pc-shadow-lg) !important;
}

#bbpress-forums button.submit:active,
#bbpress-forums input.submit:active {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0 0 var(--pc-navy) !important;
}

/* ==========================================================================
   8. PAGINACIÓN & NOTICES
   ========================================================================== */

#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current {
  padding: 6px 12px !important;
  border-radius: 0 !important;
  margin: 0 4px !important;
  font-family: var(--pc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-sm) !important;
}

#bbpress-forums .bbp-pagination-links span.current {
  background: var(--pc-yellow) !important;
  color: var(--pc-navy) !important;
}

#bbpress-forums .bbp-pagination-links a:hover {
  background: var(--pc-bg-header) !important;
  color: var(--pc-navy) !important;
}

body #bbpress-forums .bbp-template-notice,
body #bbpress-forums .bbp-template-notice.info,
body #bbpress-forums .bbp-template-notice * {
  color: var(--pc-navy) !important;
  font-family: var(--pc-font-sans) !important;
}

body #bbpress-forums .bbp-template-notice,
body #bbpress-forums .bbp-template-notice.info {
  background: #ffffff !important;
  border: 2px solid var(--pc-navy) !important;
  box-shadow: var(--pc-shadow-md) !important;
  border-left: 6px solid var(--pc-coral) !important; /* Toque coral sutil en notice */
  border-radius: 0 !important;
  padding: 12px 18px !important;
  margin-bottom: 20px !important;
}

body #bbpress-forums .bbp-template-notice ul,
body #bbpress-forums .bbp-template-notice li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

body #bbpress-forums .bbp-template-notice a,
body #bbpress-forums .bbp-template-notice a * {
  color: var(--pc-blue) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

body #bbpress-forums .bbp-template-notice a:hover,
body #bbpress-forums .bbp-template-notice a:hover * {
  color: var(--pc-navy) !important;
}

/* ==========================================================================
   9. HEADER IDÉNTICO AL PANEL DE CONTROL DEL ALUMNO (CAPTURE EXACTA)
   ========================================================================== */

/* 1. Ocultar la barra superior secundaria (teléfono, horario, idioma) */
.header_top_bar,
.header_2_top_bar,
.top_bar {
  display: none !important;
}

/* 2. Barra de Header oscura #040810 idéntica a la captura del panel del alumno */
#header,
#header-mobile,
.header_default,
.header_top {
  background-color: #040810 !important;
  border-bottom: 2px solid #0f172a !important;
  box-shadow: none !important;
  min-height: unset !important;
  height: auto !important;
  padding: 8px 0 !important;
}

.logo-unit {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Ocultar imágenes de logo por defecto / cohete demo */
.logo-unit a img,
.logo_transparent_static,
img[src*="logo-colored.png"] {
  display: none !important;
}

/* Enlace del logo con icono y tipografía oficial idénticos a la captura */
.logo-unit a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Isotipo retro Play Code (caja azul con </> naranja) */
.logo-unit a::before {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' fill='%23001F4A' stroke='%230f172a' stroke-width='2'/%3E%3Cg transform='translate(6, 6) scale(0.833)' stroke='%23F2900F' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
  filter: drop-shadow(2px 2px 0 #0f172a) !important;
  line-height: 1 !important;
}

/* Texto de marca "Play Code" en Press Start 2P blanco idéntico a la captura */
.logo-unit a::after {
  content: "Play Code" !important;
  font-family: 'Press Start 2P', cursive !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-shadow: 2px 2px 0 #0f172a !important;
  text-transform: none !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* Menú y elementos del header */
.header-menu li a {
  font-family: 'Press Start 2P', cursive !important;
  font-size: 8px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 0 #0f172a !important;
}

.header-menu li a:hover {
  color: #ffe66d !important;
}

/* ==========================================================================
   BARRA DE TÍTULO (ENTRY-HEADER) VISIBLE Y BIEN PROPORCIONADA
   ========================================================================== */

.entry-header {
  background: var(--pc-bg-subtle) !important;
  border-bottom: 2px solid var(--pc-navy) !important;
  padding: 16px 0 14px !important;
  margin-bottom: 20px !important;
  display: block !important;
}

.entry-header .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.entry-header .entry-title h1,
.entry-header .entry-title h2,
.entry-header h1 {
  color: var(--pc-navy) !important;
  font-family: var(--pc-font-pixel) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  text-shadow: none !important;
}

/* Ocultar elementos vacíos o sobrantes */
.entry-header .stm_colored_separator,
.breadcrumbs_holder_empty,
.stm_lms_breadcrumbs {
  display: none !important;
}

#main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.bbpress .container > .post_type_exist,
.post_type_exist {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.bbpress .playcode-forum-hero {
  margin-top: 0 !important;
}

/* ==========================================================================
   10. INTEGRACIÓN DENTRO DEL PANEL DE ALUMNO (/cuenta-del-usuario/foros/)
   ========================================================================== */

.masterstudy-account-container.playcode-foros-account-container {
  padding: 0 !important;
}

.playcode-forum-dashboard-wrapper {
  width: 100% !important;
}

.playcode-forum-dashboard-wrapper .playcode-forum-hero {
  margin-top: 0 !important;
}

.playcode-foros-account-container #bbpress-forums {
  margin-top: 10px !important;
}

.playcode-foros-account-container .entry-header {
  display: none !important;
}