/* mybeautyNewsDisplay.css */

/* base */
.mbqNewsArticle{overflow:hidden;border-radius:18px}

/* cover */
.mbqNewsCover{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#111;
  min-height:360px;
}
.mbqNewsCover:before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(1200px 500px at 20% 20%, rgba(255,255,255,.12), rgba(0,0,0,0) 55%),
    linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.78) 65%, rgba(0,0,0,.92));
  z-index:2;
  pointer-events:none;
}
.mbqNewsCoverImg{
  position:absolute;inset:-2px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(1.05) contrast(1.05);
  transform:scale(1.02);
  z-index:1;
}
.mbqNewsCoverFade{
  position:absolute;inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.65) 70%, rgba(0,0,0,.92) 100%);
  z-index:2;
  pointer-events:none;
}
.mbqNewsCoverInner{
  position:relative;
  z-index:3;
  padding:26px 26px 22px 26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:360px;
  gap:10px;
}
.mbqNewsKickerRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.mbqNewsPill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:13px;
  letter-spacing:.2px;
  backdrop-filter:blur(10px);
}
.mbqNewsTitle{
  margin:0;
  color:#fff;
  font-weight:900;
  line-height:1.1;
  font-size:clamp(22px, 3.2vw, 42px);
  text-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* meta (ajustado para pill lectura sin huecos) */
.mbqNewsMeta{
  display:inline-flex !important;   /* clave: evita empujes y espacios raros */
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-start !important;
  width:auto !important;
  color:rgba(255,255,255,.88);
  font-size:14px;
}
.mbqNewsMeta > *{
  flex:0 0 auto !important;
  margin-left:0 !important;
}
.mbqNewsMeta strong{color:#fff;font-weight:800}
.mbqNewsDot{opacity:.9}
.mbqNewsMeta time{display:inline !important; width:auto !important; margin:0 !important;}

/* fallback cover */
.mbqNewsCoverFallback{
  min-height:260px;
  display:flex;
  align-items:flex-end;
  padding:22px;
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(139,47,163,.35), rgba(0,0,0,0) 58%),
    linear-gradient(135deg, rgba(17,17,17,1), rgba(43,16,52,1));
  position:relative;
  overflow:hidden;
  border-radius:18px;
}
.mbqNewsCoverFallback:before{
  content:"";
  position:absolute;inset:-1px;
  background:linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.75));
  pointer-events:none;
}
.mbqNewsCoverFallback .mbqNewsCoverInner{min-height:260px;padding:0;z-index:2}

/* body */
.mbqNewsBody{padding:18px 18px 8px 18px}
.mbqNewsAuthor{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 14px;
  border-radius:16px;
  background:linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.04));
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  margin-top:-28px;
  position:relative;
  z-index:5;
  backdrop-filter:blur(8px);
}
.mbqNewsAuthorLeft{display:flex;align-items:center;gap:12px;min-width:0}
.mbqNewsAuthorText{min-width:0;line-height:1.15}
.mbqNewsAuthorName{font-weight:900;margin:0}
.mbqNewsAuthorTime{color:rgba(0,0,0,.55);font-size:13px;margin-top:2px}

/* espacio autor -> contenido */
.mbqNewsContentWrap{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.08);
}

/* contenido tipo revista */
.mbqMagazineContent{
  font-size:16px;
  line-height:1.75;
  letter-spacing:.15px;
  color:rgba(0,0,0,.86);
  max-width:760px;
}
@media (min-width: 980px){
  .mbqMagazineContent{margin-left:auto;margin-right:auto;}
}
.mbqMagazineContent p{margin:0 0 14px 0}
.mbqMagazineContent h2{
  margin:22px 0 10px 0;
  font-weight:900;
  font-size:20px;
  line-height:1.25;
  letter-spacing:.2px;
}
.mbqMagazineContent h3{
  margin:18px 0 8px 0;
  font-weight:800;
  font-size:17px;
  line-height:1.25;
  letter-spacing:.2px;
}
.mbqMagazineContent ul,
.mbqMagazineContent ol{margin:8px 0 16px 22px}
.mbqMagazineContent li{margin:6px 0}
.mbqMagazineContent blockquote{
  margin:16px 0;
  padding:14px 16px;
  border-left:4px solid rgba(0,0,0,.18);
  background:rgba(0,0,0,.03);
  border-radius:14px;
}
.mbqMagazineContent a{
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.25);
}
.mbqMagazineContent a:hover{border-bottom-color:rgba(0,0,0,.45)}
.mbqMagazineContent img{border-radius:16px}

/* inline media (magazine) */
.mbqInlineWrap{min-width:0}
.mbqInlineMedia{
  width:360px;
  max-width:100%;
  float:right;
  margin:6px 0 14px 18px;
}
.mbqInlineMedia.isLeft{
  float:left;
  margin:6px 18px 14px 0;
}
.mbqInlineCard{
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.mbqInlineHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  background:linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.04));
  border-bottom:1px solid rgba(0,0,0,.06);
}
.mbqInlineTitle{
  font-weight:900;
  font-size:13px;
  letter-spacing:.2px;
  opacity:.9;
  display:flex;
  align-items:center;
  gap:8px;
  text-transform:lowercase;
}
.mbqInlineBody{padding:12px}
.mbqInlineBody iframe{
  width:100% !important;
  max-width:100% !important;
  border:0;
  border-radius:14px;
  height:auto;
}
.mbqInlineBody blockquote{
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
}
.mbqInlineBody iframe[src*="youtube.com/embed"]{aspect-ratio:16/9}
.mbqClear{clear:both}

/* footer */
.mbqNewsFooter{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:16px;
}
.mbqNewsActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

@media (max-width: 979px){
  .mbqNewsBody{padding:16px 14px 8px 14px}
  .mbqNewsCoverInner{padding:22px 16px 18px 16px}
  .mbqNewsAuthor{margin-top:-22px}
  .mbqNewsContentWrap{margin-top:16px;padding-top:14px}
  .mbqMagazineContent{font-size:15.5px;line-height:1.72}

  .mbqInlineMedia,
  .mbqInlineMedia.isLeft{
    float:none !important;
    width:100% !important;
    margin:10px 0 14px 0 !important;
  }
}

/* ===== lectura inline pill ===== */
.mbqReadTimeInline{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#fff;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#24112f;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 10px 25px rgba(0,0,0,.10);
  backdrop-filter: blur(8px);
  margin-left:0 !important;
  white-space:nowrap;
}
.mbqReadTimeInline i{font-size:12px;opacity:.7}
.mbqReadTimeUnitInline{
  font-weight:800;
  font-size:11px;
  opacity:.75;
  margin-left:-3px;
}
.mbqNewsCover .mbqReadTimeInline{
  border:1px solid rgba(255,255,255,.30);
  background:rgba(255,255,255,.92);
}

/* recursos y fuentes */
.mbqResourcesBox{
  margin-top:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  overflow:hidden;
}

.mbqResourcesHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 14px;
  background:
    radial-gradient(900px 280px at 15% 10%, rgba(139,47,163,.14), rgba(0,0,0,0) 55%),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,0));
  border-bottom:1px solid rgba(0,0,0,.06);
}

.mbqResourcesHeadLeft{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.mbqResourcesIcon{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(139,47,163,.18), rgba(255,255,255,.9));
  border:1px solid rgba(139,47,163,.18);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  flex:0 0 auto;
}
.mbqResourcesIcon i{font-size:16px;color:#2b1034;}

.mbqResourcesHeadText{min-width:0;}
.mbqResourcesTitle{
  margin:0;
  font-weight:900;
  letter-spacing:.2px;
  text-transform:lowercase;
  color:#2b1034;
  line-height:1.1;
}
.mbqResourcesSub{
  margin-top:2px;
  font-size:12px;
  color:rgba(0,0,0,.55);
}

.mbqResourcesCount{
  flex:0 0 auto;
  font-size:12px;
  font-weight:800;
  color:#2b1034;
  background:rgba(139,47,163,.10);
  border:1px solid rgba(139,47,163,.18);
  padding:7px 10px;
  border-radius:999px;
}

.mbqResourcesGrid{
  padding:14px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

@media (max-width: 767px){
  .mbqResourcesGrid{grid-template-columns:1fr;}
}

.mbqResourceItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-radius:16px;
  background:
    radial-gradient(700px 180px at 10% 20%, rgba(139,47,163,.10), rgba(0,0,0,0) 55%),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,0));
  border:1px solid rgba(0,0,0,.06);
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.mbqResourceItem:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  border-color:rgba(139,47,163,.22);
}

.mbqResourceLeft{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

.mbqResourceIco{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  flex:0 0 auto;
}
.mbqResourceIco i{
  font-size:15px;
  color:#8b2fa3;
}

.mbqResourceMeta{min-width:0;}
.mbqResourceTitle{
  font-size:13px;
  font-weight:900;
  color:#2b1034;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:520px;
}
.mbqResourceSub{
  font-size:12px;
  color:rgba(0,0,0,.55);
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:520px;
}

.mbqResourceRight{flex:0 0 auto;}
.mbqResourceGo{
  width:32px;height:32px;
  border-radius:999px;
  display:grid;place-items:center;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
  color:rgba(0,0,0,.65);
  transition:transform .18s ease, background .18s ease;
}
.mbqResourceItem:hover .mbqResourceGo{
  transform:translateX(2px);
  background:rgba(139,47,163,.10);
  border-color:rgba(139,47,163,.18);
  color:#2b1034;
}

/* =========================================================
   DARK THEME: DETALLE DE ARTÍCULOS (CONTENIDO Y ESTRUCTURA)
   ========================================================= */

/* 1. Contenedor y texto base del artículo */
[data-focus-scheme="dark"] .mbqMagazineContent,
[data-focus-theme-id="64"] .mbqMagazineContent,
[data-focus-theme-id="60"] .mbqMagazineContent,
[data-focus-theme-id="57"] .mbqMagazineContent,
[data-focus-cookie="64"] .mbqMagazineContent,
[data-focus-cookie="60"] .mbqMagazineContent,
[data-focus-cookie="57"] .mbqMagazineContent,
[data-theme-id="64"] .mbqMagazineContent,
[data-theme-id="60"] .mbqMagazineContent,
[data-theme-id="57"] .mbqMagazineContent,
html[data-theme="dark"] .mbqMagazineContent,
body[data-theme="dark"] .mbqMagazineContent,
body.cTheme_dark .mbqMagazineContent,
body.ipsfocus_darkTheme .mbqMagazineContent,
body.ipsDark .mbqMagazineContent,
.ipsDarkMode .mbqMagazineContent,
[data-focus-scheme="dark"] .mbqArticleContent,
[data-focus-theme-id="64"] .mbqArticleContent,
[data-focus-theme-id="60"] .mbqArticleContent,
[data-focus-theme-id="57"] .mbqArticleContent,
[data-focus-cookie="64"] .mbqArticleContent,
[data-focus-cookie="60"] .mbqArticleContent,
[data-focus-cookie="57"] .mbqArticleContent,
[data-theme-id="64"] .mbqArticleContent,
[data-theme-id="60"] .mbqArticleContent,
[data-theme-id="57"] .mbqArticleContent,
html[data-theme="dark"] .mbqArticleContent,
body[data-theme="dark"] .mbqArticleContent,
body.cTheme_dark .mbqArticleContent,
body.ipsfocus_darkTheme .mbqArticleContent,
body.ipsDark .mbqArticleContent,
.ipsDarkMode .mbqArticleContent {
    color: #e1e7f0 !important;
}

/* 2. Párrafos, textos, spans, listas y fuentes dentro del contenido */
[data-focus-scheme="dark"] .mbqMagazineContent p,
[data-focus-scheme="dark"] .mbqMagazineContent div,
[data-focus-scheme="dark"] .mbqMagazineContent li,
[data-focus-scheme="dark"] .mbqMagazineContent font,
[data-focus-scheme="dark"] .mbqMagazineContent span:not([class*="ipsBadge"]),
[data-focus-theme-id="64"] .mbqMagazineContent p,
[data-focus-theme-id="64"] .mbqMagazineContent div,
[data-focus-theme-id="64"] .mbqMagazineContent li,
[data-focus-theme-id="60"] .mbqMagazineContent p,
[data-focus-theme-id="60"] .mbqMagazineContent div,
[data-focus-theme-id="60"] .mbqMagazineContent li,
[data-focus-theme-id="57"] .mbqMagazineContent p,
[data-focus-theme-id="57"] .mbqMagazineContent div,
[data-focus-theme-id="57"] .mbqMagazineContent li,
html[data-theme="dark"] .mbqMagazineContent p,
html[data-theme="dark"] .mbqMagazineContent div,
html[data-theme="dark"] .mbqMagazineContent li,
body[data-theme="dark"] .mbqMagazineContent p,
body[data-theme="dark"] .mbqMagazineContent div,
body[data-theme="dark"] .mbqMagazineContent li,
body[data-theme="dark"] .mbqMagazineContent span:not([class*="ipsBadge"]),
body[data-theme="dark"] .mbqMagazineContent font,
body.cTheme_dark .mbqMagazineContent p,
body.cTheme_dark .mbqMagazineContent div,
body.cTheme_dark .mbqMagazineContent li,
body.cTheme_dark .mbqMagazineContent span:not([class*="ipsBadge"]),
body.ipsfocus_darkTheme .mbqMagazineContent p,
body.ipsfocus_darkTheme .mbqMagazineContent div,
body.ipsfocus_darkTheme .mbqMagazineContent li,
body.ipsfocus_darkTheme .mbqMagazineContent font,
body.ipsfocus_darkTheme .mbqMagazineContent span:not([class*="ipsBadge"]),
body.ipsDark .mbqMagazineContent p,
body.ipsDark .mbqMagazineContent div,
body.ipsDark .mbqMagazineContent li,
.ipsDarkMode .mbqMagazineContent p,
.ipsDarkMode .mbqMagazineContent div,
.ipsDarkMode .mbqMagazineContent li,
.ipsDarkMode .mbqMagazineContent span:not([class*="ipsBadge"]),
[data-focus-scheme="dark"] .mbqArticleContent p,
[data-focus-scheme="dark"] .mbqArticleContent div,
[data-focus-scheme="dark"] .mbqArticleContent li,
html[data-theme="dark"] .mbqArticleContent p,
body[data-theme="dark"] .mbqArticleContent p,
body.cTheme_dark .mbqArticleContent p,
body.ipsfocus_darkTheme .mbqArticleContent p,
body.ipsfocus_darkTheme .mbqArticleContent div,
body.ipsfocus_darkTheme .mbqArticleContent li,
body.ipsDark .mbqArticleContent p,
.ipsDarkMode .mbqArticleContent p {
    color: #e1e7f0 !important;
}

/* 3. Títulos h1 a h6 en contenido */
[data-focus-scheme="dark"] .mbqMagazineContent h1,
[data-focus-scheme="dark"] .mbqMagazineContent h2,
[data-focus-scheme="dark"] .mbqMagazineContent h3,
[data-focus-scheme="dark"] .mbqMagazineContent h4,
[data-focus-scheme="dark"] .mbqMagazineContent h5,
[data-focus-scheme="dark"] .mbqMagazineContent h6,
[data-focus-theme-id="64"] .mbqMagazineContent h2,
[data-focus-theme-id="60"] .mbqMagazineContent h2,
[data-focus-theme-id="57"] .mbqMagazineContent h2,
html[data-theme="dark"] .mbqMagazineContent h2,
html[data-theme="dark"] .mbqMagazineContent h3,
body[data-theme="dark"] .mbqMagazineContent h1,
body[data-theme="dark"] .mbqMagazineContent h2,
body[data-theme="dark"] .mbqMagazineContent h3,
body[data-theme="dark"] .mbqMagazineContent h4,
body[data-theme="dark"] .mbqMagazineContent h5,
body[data-theme="dark"] .mbqMagazineContent h6,
body.cTheme_dark .mbqMagazineContent h1,
body.cTheme_dark .mbqMagazineContent h2,
body.cTheme_dark .mbqMagazineContent h3,
body.ipsfocus_darkTheme .mbqMagazineContent h1,
body.ipsfocus_darkTheme .mbqMagazineContent h2,
body.ipsfocus_darkTheme .mbqMagazineContent h3,
body.ipsfocus_darkTheme .mbqMagazineContent h4,
body.ipsfocus_darkTheme .mbqMagazineContent h5,
body.ipsfocus_darkTheme .mbqMagazineContent h6,
body.ipsDark .mbqMagazineContent h1,
body.ipsDark .mbqMagazineContent h2,
body.ipsDark .mbqMagazineContent h3,
.ipsDarkMode .mbqMagazineContent h1,
.ipsDarkMode .mbqMagazineContent h2,
.ipsDarkMode .mbqMagazineContent h3,
[data-focus-scheme="dark"] .mbqArticleContent h1,
[data-focus-scheme="dark"] .mbqArticleContent h2,
[data-focus-scheme="dark"] .mbqArticleContent h3,
body.ipsfocus_darkTheme .mbqArticleContent h1,
body.ipsfocus_darkTheme .mbqArticleContent h2,
body.ipsfocus_darkTheme .mbqArticleContent h3 {
    color: #ffffff !important;
}

/* 4. Textos en negrita */
[data-focus-scheme="dark"] .mbqMagazineContent strong,
[data-focus-scheme="dark"] .mbqMagazineContent b,
[data-focus-theme-id="64"] .mbqMagazineContent strong,
[data-focus-theme-id="60"] .mbqMagazineContent strong,
[data-focus-theme-id="57"] .mbqMagazineContent strong,
html[data-theme="dark"] .mbqMagazineContent strong,
html[data-theme="dark"] .mbqMagazineContent b,
body[data-theme="dark"] .mbqMagazineContent strong,
body[data-theme="dark"] .mbqMagazineContent b,
body.cTheme_dark .mbqMagazineContent strong,
body.cTheme_dark .mbqMagazineContent b,
body.ipsfocus_darkTheme .mbqMagazineContent strong,
body.ipsfocus_darkTheme .mbqMagazineContent b,
body.ipsDark .mbqMagazineContent strong,
body.ipsDark .mbqMagazineContent b,
.ipsDarkMode .mbqMagazineContent strong,
.ipsDarkMode .mbqMagazineContent b,
[data-focus-scheme="dark"] .mbqArticleContent strong,
[data-focus-scheme="dark"] .mbqArticleContent b,
body.ipsfocus_darkTheme .mbqArticleContent strong,
body.ipsfocus_darkTheme .mbqArticleContent b {
    color: #ffffff !important;
}

/* 5. Enlaces dentro del contenido */
[data-focus-scheme="dark"] .mbqMagazineContent a,
[data-focus-theme-id="64"] .mbqMagazineContent a,
[data-focus-theme-id="60"] .mbqMagazineContent a,
[data-focus-theme-id="57"] .mbqMagazineContent a,
html[data-theme="dark"] .mbqMagazineContent a,
body[data-theme="dark"] .mbqMagazineContent a,
body.cTheme_dark .mbqMagazineContent a,
body.ipsfocus_darkTheme .mbqMagazineContent a,
body.ipsDark .mbqMagazineContent a,
.ipsDarkMode .mbqMagazineContent a,
[data-focus-scheme="dark"] .mbqArticleContent a,
body.ipsfocus_darkTheme .mbqArticleContent a {
    color: #d182e6 !important;
    border-bottom: 1px solid rgba(209, 130, 230, 0.4) !important;
}

[data-focus-scheme="dark"] .mbqMagazineContent a:hover,
[data-focus-theme-id="64"] .mbqMagazineContent a:hover,
[data-focus-theme-id="60"] .mbqMagazineContent a:hover,
[data-focus-theme-id="57"] .mbqMagazineContent a:hover,
html[data-theme="dark"] .mbqMagazineContent a:hover,
body[data-theme="dark"] .mbqMagazineContent a:hover,
body.cTheme_dark .mbqMagazineContent a:hover,
body.ipsfocus_darkTheme .mbqMagazineContent a:hover,
body.ipsDark .mbqMagazineContent a:hover,
.ipsDarkMode .mbqMagazineContent a:hover,
[data-focus-scheme="dark"] .mbqArticleContent a:hover,
body.ipsfocus_darkTheme .mbqArticleContent a:hover {
    color: #f0abfc !important;
    border-bottom-color: #f0abfc !important;
}

/* 6. Citas y blockquotes */
[data-focus-scheme="dark"] .mbqMagazineContent blockquote,
[data-focus-scheme="dark"] .mbqMagazineContent .ipsQuote,
html[data-theme="dark"] .mbqMagazineContent blockquote,
body[data-theme="dark"] .mbqMagazineContent blockquote,
body.cTheme_dark .mbqMagazineContent blockquote,
body.ipsfocus_darkTheme .mbqMagazineContent blockquote,
body.ipsfocus_darkTheme .mbqMagazineContent .ipsQuote,
body.ipsDark .mbqMagazineContent blockquote,
.ipsDarkMode .mbqMagazineContent blockquote,
[data-focus-scheme="dark"] .mbqArticleContent blockquote,
body.ipsfocus_darkTheme .mbqArticleContent blockquote {
    border-left: 4px solid #a838be !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #d5deea !important;
}

/* 7. Reset para colores y fondos pegados con estilo inline */
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: #0"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color:#0"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: #1"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color:#1"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: #2"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color:#2"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: #3"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color:#3"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: rgb(0"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color:rgb(0"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: rgb(34"],
[data-focus-scheme="dark"] .mbqMagazineContent [style*="color: rgb(51"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: #0"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color:#0"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: #1"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color:#1"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: #2"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color:#2"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: #3"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color:#3"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: rgb(0"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color:rgb(0"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: rgb(34"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="color: rgb(51"],
body[data-theme="dark"] .mbqMagazineContent [style*="color: #0"],
body.cTheme_dark .mbqMagazineContent [style*="color: #0"],
.ipsDarkMode .mbqMagazineContent [style*="color: #0"] {
    color: #e1e7f0 !important;
}

[data-focus-scheme="dark"] .mbqMagazineContent [style*="background-color"],
body.ipsfocus_darkTheme .mbqMagazineContent [style*="background-color"],
body[data-theme="dark"] .mbqMagazineContent [style*="background-color"],
body.cTheme_dark .mbqMagazineContent [style*="background-color"],
.ipsDarkMode .mbqMagazineContent [style*="background-color"] {
    background-color: transparent !important;
}

/* 8. Barra de autor y divisor superior */
[data-focus-scheme="dark"] .mbqNewsAuthor,
[data-focus-theme-id="64"] .mbqNewsAuthor,
[data-focus-theme-id="60"] .mbqNewsAuthor,
[data-focus-theme-id="57"] .mbqNewsAuthor,
html[data-theme="dark"] .mbqNewsAuthor,
body[data-theme="dark"] .mbqNewsAuthor,
body.cTheme_dark .mbqNewsAuthor,
body.ipsfocus_darkTheme .mbqNewsAuthor,
body.ipsDark .mbqNewsAuthor,
.ipsDarkMode .mbqNewsAuthor {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

[data-focus-scheme="dark"] .mbqNewsAuthorName,
body.ipsfocus_darkTheme .mbqNewsAuthorName,
body[data-theme="dark"] .mbqNewsAuthorName,
body.cTheme_dark .mbqNewsAuthorName,
body.ipsDark .mbqNewsAuthorName,
.ipsDarkMode .mbqNewsAuthorName {
    color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqNewsAuthorTime,
body.ipsfocus_darkTheme .mbqNewsAuthorTime,
body[data-theme="dark"] .mbqNewsAuthorTime,
body.cTheme_dark .mbqNewsAuthorTime,
body.ipsDark .mbqNewsAuthorTime,
.ipsDarkMode .mbqNewsAuthorTime {
    color: #aeb9cc !important;
}

[data-focus-scheme="dark"] .mbqNewsContentWrap,
body.ipsfocus_darkTheme .mbqNewsContentWrap,
body[data-theme="dark"] .mbqNewsContentWrap,
body.cTheme_dark .mbqNewsContentWrap,
body.ipsDark .mbqNewsContentWrap,
.ipsDarkMode .mbqNewsContentWrap {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 9. Tarjetas de medios inline */
[data-focus-scheme="dark"] .mbqInlineCard,
body.ipsfocus_darkTheme .mbqInlineCard,
body[data-theme="dark"] .mbqInlineCard,
body.cTheme_dark .mbqInlineCard,
body.ipsDark .mbqInlineCard,
.ipsDarkMode .mbqInlineCard {
    background: #26292f !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}

[data-focus-scheme="dark"] .mbqInlineHead,
body.ipsfocus_darkTheme .mbqInlineHead,
body[data-theme="dark"] .mbqInlineHead,
body.cTheme_dark .mbqInlineHead,
body.ipsDark .mbqInlineHead,
.ipsDarkMode .mbqInlineHead {
    background: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-focus-scheme="dark"] .mbqInlineTitle,
body.ipsfocus_darkTheme .mbqInlineTitle,
body[data-theme="dark"] .mbqInlineTitle,
body.cTheme_dark .mbqInlineTitle,
body.ipsDark .mbqInlineTitle,
.ipsDarkMode .mbqInlineTitle {
    color: #ffffff !important;
}

/* 10. Bloque de recursos y fuentes */
[data-focus-scheme="dark"] .mbqResourcesBox,
body.ipsfocus_darkTheme .mbqResourcesBox,
body[data-theme="dark"] .mbqResourcesBox,
body.cTheme_dark .mbqResourcesBox,
body.ipsDark .mbqResourcesBox,
.ipsDarkMode .mbqResourcesBox {
    background: #26292f !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

[data-focus-scheme="dark"] .mbqResourcesHead,
body.ipsfocus_darkTheme .mbqResourcesHead,
body[data-theme="dark"] .mbqResourcesHead,
body.cTheme_dark .mbqResourcesHead,
body.ipsDark .mbqResourcesHead,
.ipsDarkMode .mbqResourcesHead {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-focus-scheme="dark"] .mbqResourcesTitle,
body.ipsfocus_darkTheme .mbqResourcesTitle,
body[data-theme="dark"] .mbqResourcesTitle,
body.cTheme_dark .mbqResourcesTitle,
body.ipsDark .mbqResourcesTitle,
.ipsDarkMode .mbqResourcesTitle {
    color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqResourcesSub,
body.ipsfocus_darkTheme .mbqResourcesSub,
body[data-theme="dark"] .mbqResourcesSub,
body.cTheme_dark .mbqResourcesSub,
body.ipsDark .mbqResourcesSub,
.ipsDarkMode .mbqResourcesSub {
    color: #aeb9cc !important;
}

[data-focus-scheme="dark"] .mbqResourcesCount,
body.ipsfocus_darkTheme .mbqResourcesCount,
body[data-theme="dark"] .mbqResourcesCount,
body.cTheme_dark .mbqResourcesCount,
body.ipsDark .mbqResourcesCount,
.ipsDarkMode .mbqResourcesCount {
    color: #e0d0f0 !important;
    background: rgba(139, 47, 163, 0.25) !important;
    border: 1px solid rgba(139, 47, 163, 0.4) !important;
}

[data-focus-scheme="dark"] .mbqResourceItem,
body.ipsfocus_darkTheme .mbqResourceItem,
body[data-theme="dark"] .mbqResourceItem,
body.cTheme_dark .mbqResourceItem,
body.ipsDark .mbqResourceItem,
.ipsDarkMode .mbqResourceItem {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2) !important;
}

[data-focus-scheme="dark"] .mbqResourceItem:hover,
body.ipsfocus_darkTheme .mbqResourceItem:hover,
body[data-theme="dark"] .mbqResourceItem:hover,
body.cTheme_dark .mbqResourceItem:hover,
body.ipsDark .mbqResourceItem:hover,
.ipsDarkMode .mbqResourceItem:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(209, 130, 230, 0.4) !important;
}

[data-focus-scheme="dark"] .mbqResourceIco,
body.ipsfocus_darkTheme .mbqResourceIco,
body[data-theme="dark"] .mbqResourceIco,
body.cTheme_dark .mbqResourceIco,
body.ipsDark .mbqResourceIco,
.ipsDarkMode .mbqResourceIco {
    background: #1e2025 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-focus-scheme="dark"] .mbqResourceIco i,
body.ipsfocus_darkTheme .mbqResourceIco i,
body[data-theme="dark"] .mbqResourceIco i,
body.cTheme_dark .mbqResourceIco i,
body.ipsDark .mbqResourceIco i,
.ipsDarkMode .mbqResourceIco i {
    color: #d182e6 !important;
}

[data-focus-scheme="dark"] .mbqResourceTitle,
body.ipsfocus_darkTheme .mbqResourceTitle,
body[data-theme="dark"] .mbqResourceTitle,
body.cTheme_dark .mbqResourceTitle,
body.ipsDark .mbqResourceTitle,
.ipsDarkMode .mbqResourceTitle {
    color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqResourceSub,
body.ipsfocus_darkTheme .mbqResourceSub,
body[data-theme="dark"] .mbqResourceSub,
body.cTheme_dark .mbqResourceSub,
body.ipsDark .mbqResourceSub,
.ipsDarkMode .mbqResourceSub {
    color: #aeb9cc !important;
}

[data-focus-scheme="dark"] .mbqResourceGo,
body.ipsfocus_darkTheme .mbqResourceGo,
body[data-theme="dark"] .mbqResourceGo,
body.cTheme_dark .mbqResourceGo,
body.ipsDark .mbqResourceGo,
.ipsDarkMode .mbqResourceGo {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #aeb9cc !important;
}

[data-focus-scheme="dark"] .mbqResourceItem:hover .mbqResourceGo,
body.ipsfocus_darkTheme .mbqResourceItem:hover .mbqResourceGo,
body[data-theme="dark"] .mbqResourceItem:hover .mbqResourceGo,
body.cTheme_dark .mbqResourceItem:hover .mbqResourceGo,
body.ipsDark .mbqResourceItem:hover .mbqResourceGo,
.ipsDarkMode .mbqResourceItem:hover .mbqResourceGo {
    background: rgba(139, 47, 163, 0.3) !important;
    border-color: rgba(209, 130, 230, 0.5) !important;
    color: #ffffff !important;
}

/* 11. Campos adicionales del artículo (display_bottom) */
[data-focus-scheme="dark"] [data-mbq-reading-extra="1"],
[data-focus-scheme="dark"] [data-mbq-reading-extra="1"] *,
body.ipsfocus_darkTheme [data-mbq-reading-extra="1"],
body.ipsfocus_darkTheme [data-mbq-reading-extra="1"] *,
body[data-theme="dark"] [data-mbq-reading-extra="1"],
body[data-theme="dark"] [data-mbq-reading-extra="1"] *,
body.cTheme_dark [data-mbq-reading-extra="1"],
body.cTheme_dark [data-mbq-reading-extra="1"] *,
body.ipsDark [data-mbq-reading-extra="1"],
body.ipsDark [data-mbq-reading-extra="1"] *,
.ipsDarkMode [data-mbq-reading-extra="1"],
.ipsDarkMode [data-mbq-reading-extra="1"] * {
    color: #e1e7f0 !important;
}

[data-focus-scheme="dark"] [data-mbq-reading-extra="1"] strong,
[data-focus-scheme="dark"] [data-mbq-reading-extra="1"] b,
body.ipsfocus_darkTheme [data-mbq-reading-extra="1"] strong,
body.ipsfocus_darkTheme [data-mbq-reading-extra="1"] b,
body[data-theme="dark"] [data-mbq-reading-extra="1"] strong,
body.cTheme_dark [data-mbq-reading-extra="1"] strong {
    color: #ffffff !important;
}

[data-focus-scheme="dark"] [data-mbq-reading-extra="1"] a,
body.ipsfocus_darkTheme [data-mbq-reading-extra="1"] a,
body[data-theme="dark"] [data-mbq-reading-extra="1"] a,
body.cTheme_dark [data-mbq-reading-extra="1"] a {
    color: #d182e6 !important;
}

/* =========================================================
   12. GALERÍA DE FOTOS INTERACTIVA (section.mbqPhotoGallery) EN MODO OSCURO
   ========================================================= */

/* Contenedor y etiqueta de la galería */
[data-focus-scheme="dark"] .mbqGalleryLabel,
[data-focus-theme-id="64"] .mbqGalleryLabel,
[data-focus-theme-id="60"] .mbqGalleryLabel,
[data-focus-theme-id="57"] .mbqGalleryLabel,
[data-focus-cookie="64"] .mbqGalleryLabel,
[data-focus-cookie="60"] .mbqGalleryLabel,
[data-focus-cookie="57"] .mbqGalleryLabel,
[data-theme-id="64"] .mbqGalleryLabel,
[data-theme-id="60"] .mbqGalleryLabel,
[data-theme-id="57"] .mbqGalleryLabel,
html[data-theme="dark"] .mbqGalleryLabel,
body[data-theme="dark"] .mbqGalleryLabel,
body.cTheme_dark .mbqGalleryLabel,
body.ipsfocus_darkTheme .mbqGalleryLabel,
body.ipsDark .mbqGalleryLabel,
.ipsDarkMode .mbqGalleryLabel {
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.45) !important;
}

/* Tarjeta de foto principal (.mbqPhotoCard) */
[data-focus-scheme="dark"] .mbqPhotoCard,
[data-focus-theme-id="64"] .mbqPhotoCard,
[data-focus-theme-id="60"] .mbqPhotoCard,
[data-focus-theme-id="57"] .mbqPhotoCard,
[data-focus-cookie="64"] .mbqPhotoCard,
[data-focus-cookie="60"] .mbqPhotoCard,
[data-focus-cookie="57"] .mbqPhotoCard,
[data-theme-id="64"] .mbqPhotoCard,
[data-theme-id="60"] .mbqPhotoCard,
[data-theme-id="57"] .mbqPhotoCard,
html[data-theme="dark"] .mbqPhotoCard,
body[data-theme="dark"] .mbqPhotoCard,
body.cTheme_dark .mbqPhotoCard,
body.ipsfocus_darkTheme .mbqPhotoCard,
body.ipsDark .mbqPhotoCard,
.ipsDarkMode .mbqPhotoCard {
    background: #18191d !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
}

[data-focus-scheme="dark"] .mbqPhotoCard:hover,
[data-focus-theme-id="64"] .mbqPhotoCard:hover,
[data-focus-theme-id="60"] .mbqPhotoCard:hover,
[data-focus-theme-id="57"] .mbqPhotoCard:hover,
[data-focus-cookie="64"] .mbqPhotoCard:hover,
[data-focus-cookie="60"] .mbqPhotoCard:hover,
[data-focus-cookie="57"] .mbqPhotoCard:hover,
[data-theme-id="64"] .mbqPhotoCard:hover,
[data-theme-id="60"] .mbqPhotoCard:hover,
[data-theme-id="57"] .mbqPhotoCard:hover,
html[data-theme="dark"] .mbqPhotoCard:hover,
body[data-theme="dark"] .mbqPhotoCard:hover,
body.cTheme_dark .mbqPhotoCard:hover,
body.ipsfocus_darkTheme .mbqPhotoCard:hover,
body.ipsDark .mbqPhotoCard:hover,
.ipsDarkMode .mbqPhotoCard:hover {
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.25), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    border-color: rgba(168, 85, 247, 0.35) !important;
}

/* Imagen y fondo de carga */
[data-focus-scheme="dark"] .mbqPhotoCard__img,
html[data-theme="dark"] .mbqPhotoCard__img,
body[data-theme="dark"] .mbqPhotoCard__img,
body.cTheme_dark .mbqPhotoCard__img,
body.ipsfocus_darkTheme .mbqPhotoCard__img,
body.ipsDark .mbqPhotoCard__img,
.ipsDarkMode .mbqPhotoCard__img {
    background: #101114 !important;
}

/* Pie de foto / leyenda */
[data-focus-scheme="dark"] .mbqPhotoCard__caption,
[data-focus-theme-id="64"] .mbqPhotoCard__caption,
[data-focus-theme-id="60"] .mbqPhotoCard__caption,
[data-focus-theme-id="57"] .mbqPhotoCard__caption,
[data-focus-cookie="64"] .mbqPhotoCard__caption,
[data-focus-cookie="60"] .mbqPhotoCard__caption,
[data-focus-cookie="57"] .mbqPhotoCard__caption,
[data-theme-id="64"] .mbqPhotoCard__caption,
[data-theme-id="60"] .mbqPhotoCard__caption,
[data-theme-id="57"] .mbqPhotoCard__caption,
html[data-theme="dark"] .mbqPhotoCard__caption,
body[data-theme="dark"] .mbqPhotoCard__caption,
body.cTheme_dark .mbqPhotoCard__caption,
body.ipsfocus_darkTheme .mbqPhotoCard__caption,
body.ipsDark .mbqPhotoCard__caption,
.ipsDarkMode .mbqPhotoCard__caption {
    color: #cbd5e1 !important;
    background: transparent !important;
}

/* Barra interactiva de despliegue de comentarios */
[data-focus-scheme="dark"] .mbqPhotoCard__toggle,
[data-focus-theme-id="64"] .mbqPhotoCard__toggle,
[data-focus-theme-id="60"] .mbqPhotoCard__toggle,
[data-focus-theme-id="57"] .mbqPhotoCard__toggle,
[data-focus-cookie="64"] .mbqPhotoCard__toggle,
[data-focus-cookie="60"] .mbqPhotoCard__toggle,
[data-focus-cookie="57"] .mbqPhotoCard__toggle,
[data-theme-id="64"] .mbqPhotoCard__toggle,
[data-theme-id="60"] .mbqPhotoCard__toggle,
[data-theme-id="57"] .mbqPhotoCard__toggle,
html[data-theme="dark"] .mbqPhotoCard__toggle,
body[data-theme="dark"] .mbqPhotoCard__toggle,
body.cTheme_dark .mbqPhotoCard__toggle,
body.ipsfocus_darkTheme .mbqPhotoCard__toggle,
body.ipsDark .mbqPhotoCard__toggle,
.ipsDarkMode .mbqPhotoCard__toggle {
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.015) !important;
}

[data-focus-scheme="dark"] .mbqPhotoCard__toggle:hover,
html[data-theme="dark"] .mbqPhotoCard__toggle:hover,
body[data-theme="dark"] .mbqPhotoCard__toggle:hover,
body.cTheme_dark .mbqPhotoCard__toggle:hover,
body.ipsfocus_darkTheme .mbqPhotoCard__toggle:hover,
body.ipsDark .mbqPhotoCard__toggle:hover,
.ipsDarkMode .mbqPhotoCard__toggle:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Texto y contador de comentarios en la barra de despliegue */
[data-focus-scheme="dark"] .mbqPhotoCard__toggle-left,
html[data-theme="dark"] .mbqPhotoCard__toggle-left,
body[data-theme="dark"] .mbqPhotoCard__toggle-left,
body.cTheme_dark .mbqPhotoCard__toggle-left,
body.ipsfocus_darkTheme .mbqPhotoCard__toggle-left,
body.ipsDark .mbqPhotoCard__toggle-left,
.ipsDarkMode .mbqPhotoCard__toggle-left {
    color: #c084fc !important;
}

[data-focus-scheme="dark"] .mbqPhotoCard__toggle-count,
html[data-theme="dark"] .mbqPhotoCard__toggle-count,
body[data-theme="dark"] .mbqPhotoCard__toggle-count,
body.cTheme_dark .mbqPhotoCard__toggle-count,
body.ipsfocus_darkTheme .mbqPhotoCard__toggle-count,
body.ipsDark .mbqPhotoCard__toggle-count,
.ipsDarkMode .mbqPhotoCard__toggle-count {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.4) !important;
}

[data-focus-scheme="dark"] .mbqToggleIcon,
html[data-theme="dark"] .mbqToggleIcon,
body[data-theme="dark"] .mbqToggleIcon,
body.cTheme_dark .mbqToggleIcon,
body.ipsfocus_darkTheme .mbqToggleIcon,
body.ipsDark .mbqToggleIcon,
.ipsDarkMode .mbqToggleIcon {
    color: #94a3b8 !important;
}

/* Panel de comentarios desplegable */
[data-focus-scheme="dark"] .mbqCommentPanel,
[data-focus-theme-id="64"] .mbqCommentPanel,
[data-focus-theme-id="60"] .mbqCommentPanel,
[data-focus-theme-id="57"] .mbqCommentPanel,
[data-focus-cookie="64"] .mbqCommentPanel,
[data-focus-cookie="60"] .mbqCommentPanel,
[data-focus-cookie="57"] .mbqCommentPanel,
[data-theme-id="64"] .mbqCommentPanel,
[data-theme-id="60"] .mbqCommentPanel,
[data-theme-id="57"] .mbqCommentPanel,
html[data-theme="dark"] .mbqCommentPanel,
body[data-theme="dark"] .mbqCommentPanel,
body.cTheme_dark .mbqCommentPanel,
body.ipsfocus_darkTheme .mbqCommentPanel,
body.ipsDark .mbqCommentPanel,
.ipsDarkMode .mbqCommentPanel {
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: #141518 !important;
}

/* Fila de cada comentario individual */
[data-focus-scheme="dark"] .mbqComment,
html[data-theme="dark"] .mbqComment,
body[data-theme="dark"] .mbqComment,
body.cTheme_dark .mbqComment,
body.ipsfocus_darkTheme .mbqComment,
body.ipsDark .mbqComment,
.ipsDarkMode .mbqComment {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Avatar del comentarista */
[data-focus-scheme="dark"] .mbqComment__avatar,
html[data-theme="dark"] .mbqComment__avatar,
body[data-theme="dark"] .mbqComment__avatar,
body.cTheme_dark .mbqComment__avatar,
body.ipsfocus_darkTheme .mbqComment__avatar,
body.ipsDark .mbqComment__avatar,
.ipsDarkMode .mbqComment__avatar {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.3), rgba(168, 85, 247, 0.25)) !important;
    color: #e9d5ff !important;
    border: 1px solid rgba(168, 85, 247, 0.25) !important;
}

/* Nombre, hora y texto del comentario */
[data-focus-scheme="dark"] .mbqComment__name,
html[data-theme="dark"] .mbqComment__name,
body[data-theme="dark"] .mbqComment__name,
body.cTheme_dark .mbqComment__name,
body.ipsfocus_darkTheme .mbqComment__name,
body.ipsDark .mbqComment__name,
.ipsDarkMode .mbqComment__name {
    color: #f1f5f9 !important;
}

[data-focus-scheme="dark"] .mbqComment__time,
html[data-theme="dark"] .mbqComment__time,
body[data-theme="dark"] .mbqComment__time,
body.cTheme_dark .mbqComment__time,
body.ipsfocus_darkTheme .mbqComment__time,
body.ipsDark .mbqComment__time,
.ipsDarkMode .mbqComment__time {
    color: #94a3b8 !important;
}

[data-focus-scheme="dark"] .mbqComment__text,
html[data-theme="dark"] .mbqComment__text,
body[data-theme="dark"] .mbqComment__text,
body.cTheme_dark .mbqComment__text,
body.ipsfocus_darkTheme .mbqComment__text,
body.ipsDark .mbqComment__text,
.ipsDarkMode .mbqComment__text {
    color: #cbd5e1 !important;
}

/* Formulario de comentarios para usuarios logueados */
[data-focus-scheme="dark"] .mbqCommentForm,
[data-focus-theme-id="64"] .mbqCommentForm,
[data-focus-theme-id="60"] .mbqCommentForm,
[data-focus-theme-id="57"] .mbqCommentForm,
html[data-theme="dark"] .mbqCommentForm,
body[data-theme="dark"] .mbqCommentForm,
body.cTheme_dark .mbqCommentForm,
body.ipsfocus_darkTheme .mbqCommentForm,
body.ipsDark .mbqCommentForm,
.ipsDarkMode .mbqCommentForm {
    background: #18191d !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__input,
html[data-theme="dark"] .mbqCommentForm__input,
body[data-theme="dark"] .mbqCommentForm__input,
body.cTheme_dark .mbqCommentForm__input,
body.ipsfocus_darkTheme .mbqCommentForm__input,
body.ipsDark .mbqCommentForm__input,
.ipsDarkMode .mbqCommentForm__input {
    background: #111215 !important;
    color: #f1f5f9 !important;
    border: 1.5px solid rgba(168, 85, 247, 0.3) !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__input:focus,
html[data-theme="dark"] .mbqCommentForm__input:focus,
body[data-theme="dark"] .mbqCommentForm__input:focus,
body.cTheme_dark .mbqCommentForm__input:focus,
body.ipsfocus_darkTheme .mbqCommentForm__input:focus,
body.ipsDark .mbqCommentForm__input:focus,
.ipsDarkMode .mbqCommentForm__input:focus {
    border-color: rgba(168, 85, 247, 0.7) !important;
    box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.18) !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__input::placeholder,
html[data-theme="dark"] .mbqCommentForm__input::placeholder,
body[data-theme="dark"] .mbqCommentForm__input::placeholder,
body.cTheme_dark .mbqCommentForm__input::placeholder,
body.ipsfocus_darkTheme .mbqCommentForm__input::placeholder,
body.ipsDark .mbqCommentForm__input::placeholder,
.ipsDarkMode .mbqCommentForm__input::placeholder {
    color: #64748b !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__btn--cancel,
html[data-theme="dark"] .mbqCommentForm__btn--cancel,
body[data-theme="dark"] .mbqCommentForm__btn--cancel,
body.cTheme_dark .mbqCommentForm__btn--cancel,
body.ipsfocus_darkTheme .mbqCommentForm__btn--cancel,
body.ipsDark .mbqCommentForm__btn--cancel,
.ipsDarkMode .mbqCommentForm__btn--cancel {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__btn--cancel:hover,
html[data-theme="dark"] .mbqCommentForm__btn--cancel:hover,
body[data-theme="dark"] .mbqCommentForm__btn--cancel:hover,
body.cTheme_dark .mbqCommentForm__btn--cancel:hover,
body.ipsfocus_darkTheme .mbqCommentForm__btn--cancel:hover,
body.ipsDark .mbqCommentForm__btn--cancel:hover,
.ipsDarkMode .mbqCommentForm__btn--cancel:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

/* Estados de retroalimentación */
[data-focus-scheme="dark"] .mbqCommentForm__status--ok,
html[data-theme="dark"] .mbqCommentForm__status--ok,
body[data-theme="dark"] .mbqCommentForm__status--ok,
body.cTheme_dark .mbqCommentForm__status--ok {
    color: #34d399 !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__status--err,
html[data-theme="dark"] .mbqCommentForm__status--err,
body[data-theme="dark"] .mbqCommentForm__status--err,
body.cTheme_dark .mbqCommentForm__status--err {
    color: #f87171 !important;
}

[data-focus-scheme="dark"] .mbqCommentForm__status--loading,
html[data-theme="dark"] .mbqCommentForm__status--loading,
body[data-theme="dark"] .mbqCommentForm__status--loading,
body.cTheme_dark .mbqCommentForm__status--loading {
    color: #94a3b8 !important;
}

/* Prompt de inicio de sesión para invitados */
[data-focus-scheme="dark"] .mbqLoginPrompt,
[data-focus-theme-id="64"] .mbqLoginPrompt,
[data-focus-theme-id="60"] .mbqLoginPrompt,
[data-focus-theme-id="57"] .mbqLoginPrompt,
html[data-theme="dark"] .mbqLoginPrompt,
body[data-theme="dark"] .mbqLoginPrompt,
body.cTheme_dark .mbqLoginPrompt,
body.ipsfocus_darkTheme .mbqLoginPrompt,
body.ipsDark .mbqLoginPrompt,
.ipsDarkMode .mbqLoginPrompt {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(168, 85, 247, 0.08)) !important;
    border-top: 1px solid rgba(168, 85, 247, 0.25) !important;
}

[data-focus-scheme="dark"] .mbqLoginPrompt__text,
html[data-theme="dark"] .mbqLoginPrompt__text,
body[data-theme="dark"] .mbqLoginPrompt__text,
body.cTheme_dark .mbqLoginPrompt__text,
body.ipsfocus_darkTheme .mbqLoginPrompt__text,
body.ipsDark .mbqLoginPrompt__text,
.ipsDarkMode .mbqLoginPrompt__text {
    color: #cbd5e1 !important;
}

/* Mensaje vacío de comentarios */
[data-focus-scheme="dark"] .mbqCommentEmpty,
html[data-theme="dark"] .mbqCommentEmpty,
body[data-theme="dark"] .mbqCommentEmpty,
body.cTheme_dark .mbqCommentEmpty,
body.ipsfocus_darkTheme .mbqCommentEmpty,
body.ipsDark .mbqCommentEmpty,
.ipsDarkMode .mbqCommentEmpty {
    color: #94a3b8 !important;
}

/* Badge de novedad */
[data-focus-scheme="dark"] .mbqNewFeatureBadge,
[data-focus-theme-id="64"] .mbqNewFeatureBadge,
[data-focus-theme-id="60"] .mbqNewFeatureBadge,
[data-focus-theme-id="57"] .mbqNewFeatureBadge,
html[data-theme="dark"] .mbqNewFeatureBadge,
body[data-theme="dark"] .mbqNewFeatureBadge,
body.cTheme_dark .mbqNewFeatureBadge,
body.ipsfocus_darkTheme .mbqNewFeatureBadge,
body.ipsDark .mbqNewFeatureBadge,
.ipsDarkMode .mbqNewFeatureBadge {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(168, 85, 247, 0.07)) !important;
    border-top: 1px solid rgba(168, 85, 247, 0.2) !important;
    border-bottom: 1px solid rgba(168, 85, 247, 0.2) !important;
}

[data-focus-scheme="dark"] .mbqNewFeatureBadge__text,
html[data-theme="dark"] .mbqNewFeatureBadge__text,
body[data-theme="dark"] .mbqNewFeatureBadge__text,
body.cTheme_dark .mbqNewFeatureBadge__text,
body.ipsfocus_darkTheme .mbqNewFeatureBadge__text,
body.ipsDark .mbqNewFeatureBadge__text,
.ipsDarkMode .mbqNewFeatureBadge__text {
    color: #cbd5e1 !important;
}

[data-focus-scheme="dark"] .mbqInfoIcon,
html[data-theme="dark"] .mbqInfoIcon,
body[data-theme="dark"] .mbqInfoIcon,
body.cTheme_dark .mbqInfoIcon,
body.ipsfocus_darkTheme .mbqInfoIcon,
body.ipsDark .mbqInfoIcon,
.ipsDarkMode .mbqInfoIcon {
    background: rgba(168, 85, 247, 0.22) !important;
    color: #d8b4fe !important;
}

[data-focus-scheme="dark"] .mbqTooltip,
html[data-theme="dark"] .mbqTooltip,
body[data-theme="dark"] .mbqTooltip,
body.cTheme_dark .mbqTooltip,
body.ipsfocus_darkTheme .mbqTooltip,
body.ipsDark .mbqTooltip,
.ipsDarkMode .mbqTooltip {
    background: #0f1013 !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

/* Modal Lightbox de fotos y comentarios */
[data-focus-scheme="dark"] .mbqLightbox,
html[data-theme="dark"] .mbqLightbox,
body[data-theme="dark"] .mbqLightbox,
body.cTheme_dark .mbqLightbox,
body.ipsfocus_darkTheme .mbqLightbox,
body.ipsDark .mbqLightbox,
.ipsDarkMode .mbqLightbox {
    background: rgba(5, 5, 8, 0.85) !important;
}

[data-focus-scheme="dark"] .mbqLightbox__inner,
[data-focus-theme-id="64"] .mbqLightbox__inner,
[data-focus-theme-id="60"] .mbqLightbox__inner,
[data-focus-theme-id="57"] .mbqLightbox__inner,
html[data-theme="dark"] .mbqLightbox__inner,
body[data-theme="dark"] .mbqLightbox__inner,
body.cTheme_dark .mbqLightbox__inner,
body.ipsfocus_darkTheme .mbqLightbox__inner,
body.ipsDark .mbqLightbox__inner,
.ipsDarkMode .mbqLightbox__inner {
    background: #141518 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.75) !important;
}

[data-focus-scheme="dark"] .mbqLightbox__photo,
html[data-theme="dark"] .mbqLightbox__photo,
body[data-theme="dark"] .mbqLightbox__photo,
body.cTheme_dark .mbqLightbox__photo,
body.ipsfocus_darkTheme .mbqLightbox__photo,
body.ipsDark .mbqLightbox__photo,
.ipsDarkMode .mbqLightbox__photo {
    background: #0d0e11 !important;
}

[data-focus-scheme="dark"] .mbqLightbox__panel,
[data-focus-theme-id="64"] .mbqLightbox__panel,
[data-focus-theme-id="60"] .mbqLightbox__panel,
[data-focus-theme-id="57"] .mbqLightbox__panel,
html[data-theme="dark"] .mbqLightbox__panel,
body[data-theme="dark"] .mbqLightbox__panel,
body.cTheme_dark .mbqLightbox__panel,
body.ipsfocus_darkTheme .mbqLightbox__panel,
body.ipsDark .mbqLightbox__panel,
.ipsDarkMode .mbqLightbox__panel {
    background: #18191d !important;
}

[data-focus-scheme="dark"] .mbqLightbox__header,
html[data-theme="dark"] .mbqLightbox__header,
body[data-theme="dark"] .mbqLightbox__header,
body.cTheme_dark .mbqLightbox__header,
body.ipsfocus_darkTheme .mbqLightbox__header,
body.ipsDark .mbqLightbox__header,
.ipsDarkMode .mbqLightbox__header {
    background: #151619 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-focus-scheme="dark"] .mbqLightbox__title,
html[data-theme="dark"] .mbqLightbox__title,
body[data-theme="dark"] .mbqLightbox__title,
body.cTheme_dark .mbqLightbox__title,
body.ipsfocus_darkTheme .mbqLightbox__title,
body.ipsDark .mbqLightbox__title,
.ipsDarkMode .mbqLightbox__title {
    color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqLightbox__close,
html[data-theme="dark"] .mbqLightbox__close,
body[data-theme="dark"] .mbqLightbox__close,
body.cTheme_dark .mbqLightbox__close,
body.ipsfocus_darkTheme .mbqLightbox__close,
body.ipsDark .mbqLightbox__close,
.ipsDarkMode .mbqLightbox__close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-focus-scheme="dark"] .mbqLightbox__close:hover,
html[data-theme="dark"] .mbqLightbox__close:hover,
body[data-theme="dark"] .mbqLightbox__close:hover,
body.cTheme_dark .mbqLightbox__close:hover,
body.ipsfocus_darkTheme .mbqLightbox__close:hover,
body.ipsDark .mbqLightbox__close:hover,
.ipsDarkMode .mbqLightbox__close:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

[data-focus-scheme="dark"] .mbqLightbox__formWrap,
html[data-theme="dark"] .mbqLightbox__formWrap,
body[data-theme="dark"] .mbqLightbox__formWrap,
body.cTheme_dark .mbqLightbox__formWrap,
body.ipsfocus_darkTheme .mbqLightbox__formWrap,
body.ipsDark .mbqLightbox__formWrap,
.ipsDarkMode .mbqLightbox__formWrap {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}