/**
 * Patrice IA — global template stylesheet (app.php, public pages, logged-in UI).
 * Auth screens: template_patrice-ia_login.css, template_patrice-ia_register.css, etc.
 */
 
 @import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500&display=swap');
 
:root {
  --pi-rose: #c9967a;
  --pi-rose-d: #b8856d;
  --pi-rose-pale: #f5ede8;
  --pi-blue: #4a80d4;
  --pi-blue-l: #6499ee;
  --pi-midnight: #080c18;
  --pi-charcoal: #2c2c2a;
  --pi-cream: #faf7f4;
  --pi-font-ui: 'Outfit', sans-serif;
  --pi-font-display: 'Cormorant Garamond', Georgia, serif;
    --mia-navy-deep:    #050d1a;
  --mia-navy-mid:     #0a1628;
  --mia-navy-surface: #0f1f38;
  --mia-navy-card:    #132444;
  --mia-blue-primary: #1a6cf6;
  --mia-blue-bright:  #3d8bfd;
  --mia-blue-glow:    #5ba3ff;
  --mia-blue-accent:  #00d4ff;
  --mia-blue-muted:   #1e3a5f;
  --mia-text-primary: #e8f0fe;
  --mia-text-secondary: #8fafd6;
  --mia-text-muted:   #4a6b8c;
  --mia-border:       rgba(26, 108, 246, 0.18);
  --mia-border-hover: rgba(61, 139, 253, 0.40);
  --mia-glass:        rgba(13, 30, 60, 0.82);
  --mia-glass-light:  rgba(26, 60, 100, 0.35);
  --mia-sidebar-w:    270px;
  --mia-radius:       14px;
  --mia-radius-sm:    8px;
  --text-primary: #f0e8e0;
  --patrice-red: #db483a;
  --midnight: #060a14;
  --deep-navy: #0a1120;
  --navy: #0e1929;
  --navy-light: #142035;
  --navy-card: #111d35;
  --navy-hover: #1a2d4a;
  --patrice-red-glow: rgba(219,72,58,0.3);
  --accent-secondary: #db483a;
  --accent-secondary-dim: rgba(219,72,58,0.15);
  --rose-gold: #c9967a;
  --rose-light: #e8c4b0;
  --rose-dim: rgba(201,150,122,0.15);
  --electric: #4a80d4;
  --electric-glow: #6499ee;
  --electric-dim: rgba(74,128,212,0.15);
  --green: #4ab89a;
  --green-dim: rgba(74,184,154,0.15);
  --amber: #e0a854;
  --amber-dim: rgba(224,168,84,0.15);
  --red: #d4625a;
  --red-dim: rgba(212,98,90,0.15);
  --text-primary: #f0e8e0;
  --text-secondary: #8fa3bb;
  --text-muted: #445565;
    --border: rgba(26, 108, 246, 0.18);
}

body {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
  overflow: auto;
  font-family: 'DM Sans', sans-serif;
  background: var(--midnight);
  color: var(--text-primary);
}
.page-css .wrapper, .page-css .content-wrapper {
  background: var(--midnight);
    color: var(--text-primary);
}
/* AdminLTE shell: theme-base must not fix section.sidebar to the viewport */
body.page-css .main-sidebar > .sidebar,
body.page-css .main-sidebar section.sidebar {
  position: static !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: auto !important;
  display: block !important;
  flex-direction: column !important;
  background: transparent !important;
  border-right: 1px solid var(--border);
  transform: none !important;
  transition: none !important;
}
.page-css .main-header .logo .logo-mini {
  color: #FFF;
  font-family: "Poppins";
}

/* Dashboards inside app.php (SuperAdmin / Customer) */
body.page-css .content-wrapper:has(.dash-standalone),
body.page-css .content-wrapper:has(.main-wrap) {
  background-color: var(--midnight, #060a14) !important;
  color: var(--text-primary, #f0e8e0);
}

body.page-css .content-wrapper:has(.dash-standalone) > .content,
body.page-css .content-wrapper:has(.main-wrap) > .content {
  margin: 0;
  padding: 0;
  background: transparent;
}

body.page-css:has(.dash-standalone),
body.page-css:has(.content-wrapper .main-wrap) {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  min-height: 100vh;
}
.content-wrapper .content {
  background: #111d35;
  border: 1px solid #E0D8C82B;
  border-radius: 16px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  transition: border-color .25s,transform .2s;
}
.content-wrapper .content .box {
  position: relative;
  border-radius: 3px;
  background: #FFF0;
  border-top: 0px;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  color: var(--text-muted) !important;
}
.content-wrapper .content::before {
  background: linear-gradient(90deg,var(--electric),transparent);
}
.main-footer {
  background: var(--midnight);
  padding: 15px;
  color: #444;
  border-top: 0px;
}

/* Sidebar user panel — centered avatar */
.main-sidebar .user-panel > .image,
.main-sidebar .user-panel > .pull-left.image {
  display: block;
  float: none !important;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.main-sidebar .user-panel > .image > img,
.main-sidebar .user-panel > .image .user_image_top_menu,
.main-sidebar .user-panel > .image .img_preview_upload_files,
.main-sidebar .user-panel > .pull-left.image > img,
.main-sidebar .user-panel > .pull-left.image .user_image_top_menu,
.main-sidebar .user-panel > .pull-left.image .img_preview_upload_files {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* MIA assistant profile — tab bar (modulo_app_mia_profile) */
.content_mia_profile .tab-block > .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0 0 -1px;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid rgba(200, 150, 122, 0.35);
}

.content_mia_profile .tab-block > .nav-tabs > li {
  float: none;
  margin-bottom: 0;
}

.content_mia_profile .tab-block > .nav-tabs > li > a {
  display: block;
  padding: 10px 16px;
  font-family: var(--pi-font-ui);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: #6b6560;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  background: transparent;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.content_mia_profile .tab-block > .nav-tabs > li > a:hover,
.content_mia_profile .tab-block > .nav-tabs > li > a:focus {
  color: var(--pi-rose-d);
  background: var(--pi-rose-pale);
  border-color: rgba(200, 150, 122, 0.35);
  outline: none;
}

.content_mia_profile .tab-block > .nav-tabs > li.active > a,
.content_mia_profile .tab-block > .nav-tabs > li.active > a:hover,
.content_mia_profile .tab-block > .nav-tabs > li.active > a:focus {
  color: var(--pi-charcoal);
  font-weight: 600;
  background: #fff;
  border-color: rgba(200, 150, 122, 0.35);
  border-bottom-color: #fff;
  box-shadow: inset 0 3px 0 var(--pi-rose);
}

.content_mia_profile .tab-block > .tab-content {
background: #fff0;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 5%;
  height: auto !important;
}
.content_mia_profile .panel {
  background: #FDFCF800;
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 2%;
}
.content_mia_profile .panel .file-item {
    background: #fff0;
}
.modal_payment_selection .modal-header{
    display: block;
}
.modal_payment_selection .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    box-shadow: 0 2px 3px rgba(0,0,0,0.125);
    border-radius: 20px;
  }

@media (max-width: 767px) {
.navbar-header.navbar-row-brand .logo {
    max-width: 100% !important;
    padding: 15% 0 !important;
    width: 100% !important;
}
}
.aimia-profile-form-wrap {
  background: rgb(5, 13, 26) !important;
  color: #1a1a1a !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  padding: 20px 22px 8px !important;
}
.btn_business_select_payment {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  background-color: #DE8700;
  color: #FFF;
  padding: 12px 32px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(222, 135, 0, 0.4);
  transition: all 0.25s ease;
  margin-bottom: 20px;
}
.btn_business_select_payment:hover {
    background-color: #F8F5EF; /* Cambia a tu color --sand */
    color: #DE8700;            /* El texto se vuelve naranja */
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.15);
}

.btn_business_select_payment:active {
    transform: translateY(0);
}

.even td {
  color: var(--mia-text-secondary) !important;
}
a {
  color: #0e6de1 !important;
}

/* ============================================================
   MIA SIDEBAR STYLES — v2.0
   Adapta el sidebar de AdminLTE/Bootstrap al diseño MIA Chat
   Importar en <head> DESPUÉS de Bootstrap/AdminLTE
   ============================================================ */
 

/* ══════════════════════════════════════════
   1. CONTENEDOR PRINCIPAL
══════════════════════════════════════════ */
.main-sidebar,
.main-sidebar .sidebar {
  width: var(--mia-sidebar-w) !important;
  min-width: var(--mia-sidebar-w) !important;
  background: var(--mia-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-right: 1px solid var(--mia-border) !important;
  box-shadow: none !important;
  font-family: 'DM Sans', sans-serif !important;
}
 
.main-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  z-index: 100 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
 
.main-sidebar .sidebar {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 20px 14px !important;
  gap: 4px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--mia-blue-muted) transparent !important;
}
 
.main-sidebar .sidebar::-webkit-scrollbar { width: 3px; }
.main-sidebar .sidebar::-webkit-scrollbar-thumb {
  background: var(--mia-blue-muted);
  border-radius: 3px;
}
.box-title {
  color: #FFF !important;
  font-family: "Poppins";
}
 
/* ══════════════════════════════════════════
   2. PANEL DE USUARIO (user-panel)
   Hay dos: MIA avatar (aimia) + usuario humano
══════════════════════════════════════════ */
 
/* Wrapper de ambos paneles */
.main-sidebar .user-panel {
  background: transparent !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: unset !important;
  overflow: visible !important;
}
 
/* Primer user-panel: avatar MIA (asistente) */
.main-sidebar .user-panel:first-child {
display: flex !important;
  align-items: stretch;
  gap: 10px !important;
  padding: 6px 8px 16px !important;
  border-bottom: 1px solid var(--mia-border) !important;
  margin-bottom: 8px !important;
  flex-direction: column;
}
 
/* Orb / avatar de MIA */
.main-sidebar .user-panel:first-child .image {
  padding: 0 !important;
  width: auto !important;
  flex-direction: column;
}
 
.main-sidebar .user-panel:first-child .user_image_top_menu,
.main-sidebar #img_previewimg_avatar_top_menu_aimia {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--mia-border-hover) !important;
  box-shadow: 0 0 16px rgba(26, 108, 246, 0.45) !important;
  background-color: var(--mia-navy-card) !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex;
  margin: 10px;
}
 
/* Nombre MIA (primer panel) */
.main-sidebar .user-panel:first-child .top-menu-user-panel-names {
  float: none !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  background: linear-gradient(90deg, #e8f0fe, var(--mia-blue-glow)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
 
/* Badge versión — pseudo-elemento después del nombre MIA */
.main-sidebar .user-panel:first-child .top-menu-user-panel-names::after {
  content: 'v2.0';
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--mia-blue-accent) !important;
  background: rgba(0, 212, 255, 0.10) !important;
  border: 1px solid rgba(0, 212, 255, 0.22) !important;
  border-radius: 20px !important;
  padding: 2px 7px !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
  -webkit-text-fill-color: var(--mia-blue-accent) !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
}
 
/* ── Segundo user-panel: usuario humano ── */
.main-sidebar .user-panel + .user-panel {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: var(--mia-radius-sm) !important;
  margin: 4px 0 8px !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
}
 
.main-sidebar .user-panel + .user-panel:hover {
  background: var(--mia-glass-light) !important;
}
 
/* Avatar circular del usuario */
.main-sidebar .user-panel + .user-panel .user_image_top_menu,
.main-sidebar #img_previewimg_avatar_top_menu {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid var(--mia-border-hover) !important;
  background-color: var(--mia-navy-card) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 0 10px rgba(26, 108, 246, 0.3) !important;
  display: block !important;
  margin: 0 !important;
  float: none !important;
}
 
/* Nombre del usuario */
.main-sidebar .user-panel + .user-panel .top-menu-user-panel-names {
  float: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--mia-text-primary) !important;
  padding: 0 !important;
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
 
/* Cerrar sesión */
.main-sidebar .top-menu-user-panel-close-session {
  float: none !important;
  padding: 0 !important;
  margin-left: auto !important;
}
 
.main-sidebar .top-menu-user-panel-close-session a {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--mia-text-muted) !important;
  text-decoration: none !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  border: 1px solid var(--mia-border) !important;
  white-space: nowrap !important;
  transition: all 0.18s !important;
  display: block !important;
}
 
.main-sidebar .top-menu-user-panel-close-session a:hover {
  color: var(--mia-text-secondary) !important;
  border-color: var(--mia-border-hover) !important;
  background: var(--mia-glass-light) !important;
}
 
/* Ocultar label de slot_fileimage y elementos de upload */
.main-sidebar .slot_fileimage label,
.main-sidebar .slot_fileimage br,
.main-sidebar .slot_fileimage small,
.main-sidebar #statusimg_avatar_top_menu {
  display: none !important;
}
 
.main-sidebar .slot_fileimage {
  display: contents !important;
}
 
/* Corregir pull-left dentro de user-panel */
.main-sidebar .user-panel .pull-left {
  float: none !important;
  display: flex !important;
  align-items: center !important;
}
 
/* ══════════════════════════════════════════
   3. MENÚ PRINCIPAL (sidebar-menu)
══════════════════════════════════════════ */
.main-sidebar .sidebar-menu,
.main-sidebar .sidebar > ul.sidebar-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  position: relative !important;
  /* Eliminar estilos AdminLTE */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
 
/* ── Cada <li> ── */
.main-sidebar .sidebar-menu > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  border: none !important;
  background: transparent !important;
}
 
/* ── Links de primer nivel ── */
.main-sidebar .sidebar-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  border-radius: var(--mia-radius-sm) !important;
  color: var(--mia-text-secondary) !important;
  font-size: 13px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 0.18s !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: transparent !important;
  /* Reset AdminLTE */
  line-height: 1.4 !important;
  position: relative !important;
}
 
.main-sidebar .sidebar-menu > li > a:hover {
  background: var(--mia-glass-light) !important;
  color: var(--mia-text-primary) !important;
  border-color: var(--mia-border) !important;
}
 
/* Link activo */
.main-sidebar .sidebar-menu > li.active > a,
.main-sidebar .sidebar-menu > li > a.active {
  background: rgba(26, 108, 246, 0.12) !important;
  color: var(--mia-blue-glow) !important;
  border-color: rgba(26, 108, 246, 0.25) !important;
}
 
/* ── Íconos FontAwesome ── */
.main-sidebar .sidebar-menu > li > a > i,
.main-sidebar .sidebar-menu > li > a .fa {
  width: 15px !important;
  font-size: 13px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  opacity: 0.65 !important;
  color: inherit !important;
  margin: 0 !important;
}
 
.main-sidebar .sidebar-menu > li > a:hover > i,
.main-sidebar .sidebar-menu > li.active > a > i {
  opacity: 1 !important;
}
 
/* ── Texto del link (el texto suelto después del ícono) ── */
.main-sidebar .sidebar-menu > li > a > span {
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
 
/* ══════════════════════════════════════════
   4. DROPDOWN / SUBMENÚ
══════════════════════════════════════════ */
 
/* Caret / arrow */
.main-sidebar .side-caret {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s !important;
  opacity: 0.5 !important;
}
 
.main-sidebar .side-caret i {
  font-size: 12px !important;
  color: var(--mia-text-muted) !important;
}
 
/* Rotar caret cuando está abierto */
.main-sidebar .side-dropdown.open > a .side-caret {
  transform: rotate(-90deg) !important;
  opacity: 1 !important;
}
 
/* Submenu <ul> */
.main-sidebar .sidebar-menu .dropdown-menu,
.main-sidebar .sidebar-menu > li > ul.dropdown-menu {
  position: static !important;
  float: none !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 2px 22px !important;
  margin: 2px 0 0 !important;
  display: none !important;
  /* Reset AdminLTE */
  min-width: unset !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
}
 
/* Mostrar cuando está abierto */
.main-sidebar .sidebar-menu > li.open > .dropdown-menu,
.main-sidebar .sidebar-menu > li.menu-open > .dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  animation: mia-submenu-in 0.2s ease both !important;
}
 
@keyframes mia-submenu-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
/* Línea vertical izquierda del submenu */
.main-sidebar .sidebar-menu .dropdown-menu::before {
  content: '' !important;
  position: absolute !important;
  left: 27px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 1px !important;
  background: var(--mia-border) !important;
  pointer-events: none !important;
}
 
/* Items del submenu */
.main-sidebar .sidebar-menu .dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: var(--mia-radius-sm) !important;
  color: var(--mia-text-muted) !important;
  font-size: 12.5px !important;
  font-family: 'DM Sans', sans-serif !important;
  text-decoration: none !important;
  transition: all 0.18s !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: transparent !important;
  line-height: 1.4 !important;
}
 
.main-sidebar .sidebar-menu .dropdown-menu > li > a:hover {
  background: var(--mia-glass-light) !important;
  color: var(--mia-text-primary) !important;
  border-color: var(--mia-border) !important;
}
 
.main-sidebar .sidebar-menu .dropdown-menu > li > a > i,
.main-sidebar .sidebar-menu .dropdown-menu > li > a .fa {
  width: 13px !important;
  font-size: 11px !important;
  flex-shrink: 0 !important;
  opacity: 0.6 !important;
  color: inherit !important;
  margin: 0 !important;
}
 
.main-sidebar .sidebar-menu .dropdown-menu > li > a:hover > i {
  opacity: 1 !important;
}
 
/* ══════════════════════════════════════════
   5. SEPARADOR VISUAL entre grupos de menú
   (Primer li actúa como "header de sección")
══════════════════════════════════════════ */
.main-sidebar .sidebar-menu > li.header {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--mia-text-muted) !important;
  padding: 10px 8px 4px !important;
  background: transparent !important;
  border: none !important;
  pointer-events: none !important;
}
 
/* ══════════════════════════════════════════
   6. SCROLLBAR del sidebar
══════════════════════════════════════════ */
.main-sidebar::-webkit-scrollbar,
.main-sidebar .sidebar::-webkit-scrollbar { width: 3px; }
.main-sidebar::-webkit-scrollbar-track,
.main-sidebar .sidebar::-webkit-scrollbar-track { background: transparent; }
.main-sidebar::-webkit-scrollbar-thumb,
.main-sidebar .sidebar::-webkit-scrollbar-thumb {
  background: var(--mia-blue-muted);
  border-radius: 3px;
}
 
/* ══════════════════════════════════════════
   7. AJUSTE DEL CONTENIDO PRINCIPAL
   (Para que no quede tapado por el sidebar)
══════════════════════════════════════════ */
.content-wrapper,
.main-footer,
.main-header {
  margin-left: var(--mia-sidebar-w) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--border);
}
 
/* ══════════════════════════════════════════
   8. RESPONSIVE — Sidebar móvil
══════════════════════════════════════════ */
@media (max-width: 767px) {
  .main-sidebar {
    transform: translateX(-100%) !important;
    transition: transform 0.35s cubic-bezier(.4, 0, .2, 1) !important;
  }

  /* AdminLTE agrega .sidebar-open al body */
  body.sidebar-open .main-sidebar,
  .sidebar-open .main-sidebar {
    transform: translateX(0) !important;
  }

  .content-wrapper,
  .main-footer,
  .main-header {
    margin-left: 0 !important;
  }
}

/* Public pages (pagina_publica.php — body.page-body-*) */
body[class*="page-body-"] .content-wrapper,
body[class*="page-body-"] .main-footer,
body[class*="page-body-"] .main-header {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body[class*="page-body-"] .content-wrapper {
  background: var(--midnight) !important;
}

body[class*="page-body-"] .content-wrapper .blog-section .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 15px;
  padding-right: 15px;
}

body[class*="page-body-"] .content-wrapper section.content {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body[class*="page-body-"] .content-wrapper section.content p,
body[class*="page-body-"] .content-wrapper section.content strong,
body[class*="page-body-"] .content-wrapper section.content b,
body[class*="page-body-"] .content-wrapper section.content a {
  color: #fff !important;
}