.blog-credits, .site-info{
	visibility:hidden !important;
}

/* ============================================
   PÁGINA REVÁLIDA ESTADÍSTICAS - MICROJURIS
   Pegar en: Apariencia > Personalizar > CSS Adicional
   ============================================ */

.mj-hero {
  background-color: #0d2240;
  background-image: 
    radial-gradient(ellipse at 80% 20%, rgba(184, 150, 62, 0.15) 0%, transparent 60%),
    radial-gradient(ellipse at 10% 80%, rgba(26, 61, 110, 0.8) 0%, transparent 50%);
  padding: 60px 40px 50px;
  position: relative;
  overflow: hidden;
}

.mj-hero::before {
  content: '§';
  position: absolute;
  right: 40px;
  top: 20px;
  font-size: 220px;
  color: rgba(184, 150, 62, 0.08);
  font-family: 'Playfair Display', serif;
  line-height: 1;
  pointer-events: none;
}

.mj-hero-eyebrow {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #b8963e;
  margin-bottom: 18px;
  font-weight: 600;
}

.mj-hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 900;
  color: #ffffff;
  line-height: 1.15;
  max-width: 800px;
  margin-bottom: 24px;
}

.mj-hero h1 em {
  color: #d4ae5e;
  font-style: normal;
}

.mj-hero-desc {
  color: rgba(255,255,255,0.75);
  font-size: 16px;
  max-width: 620px;
  margin-bottom: 32px;
  font-weight: 300;
  font-family: 'Source Serif 4', serif;
}

.mj-meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  border-top: 1px solid rgba(184, 150, 62, 0.3);
  padding-top: 24px;
}

.mj-meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mj-meta-label {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #b8963e;
  font-weight: 600;
}

.mj-meta-value {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  font-weight: 300;
  font-family: 'Source Serif 4', serif;
}

.mj-record-banner {
  background: linear-gradient(135deg, #b8963e 0%, #8b6e2a 100%);
  padding: 20px 40px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.mj-record-icon {
  font-size: 28px;
  flex-shrink: 0;
}

.mj-record-text {
  font-family: 'Source Serif 4', serif;
  font-size: 15px;
  color: #0d2240;
  font-weight: 600;
  line-height: 1.4;
}

.mj-record-text strong {
  font-size: 17px;
}

.mj-stats-section {
  background: #f8f4ef;
  padding: 48px 40px;
}

.mj-section-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #b8963e;
  font-weight: 600;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mj-section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #b8963e;
  opacity: 0.3;
}

.mj-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.mj-card {
  background: #ffffff;
  border-top: 3px solid #0d2240;
  padding: 28px 24px;
  position: relative;
}

.mj-card.dorado {
  border-top-color: #b8963e;
}

.mj-card.record {
  border-top-color: #2e7d32;
}

.mj-card-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #2e7d32;
  color: white;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 3px 8px;
  font-weight: 700;
}

.mj-card-period {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 8px;
  font-weight: 600;
}

.mj-card-number {
  font-family: 'Playfair Display', serif;
  font-size: 52px;
  font-weight: 900;
  color: #0d2240;
  line-height: 1;
  margin-bottom: 4px;
}

.mj-card-number.dorado {
  color: #b8963e;
}

.mj-card-label {
  font-size: 13px;
  color: #666;
  font-weight: 300;
  font-family: 'Source Serif 4', serif;
}

.mj-card-detail {
  font-size: 12px;
  color: #888;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e8e4df;
  font-family: 'Source Serif 4', serif;
}

.mj-chart-section {
  padding: 56px 40px;
  background: #ffffff;
}

.mj-chart-wrapper {
  position: relative;
  height: 420px;
  margin-top: 32px;
}

.mj-editorial {
  background: #0d2240;
  padding: 56px 40px;
  position: relative;
  overflow: hidden;
}

.mj-editorial .mj-section-label {
  color: #d4ae5e;
}

.mj-editorial .mj-section-label::after {
  background: #d4ae5e;
}

.mj-editorial-body {
  color: rgba(255,255,255,0.88);
  font-size: 17px;
  max-width: 760px;
  line-height: 1.9;
  font-weight: 300;
  font-family: 'Source Serif 4', serif;
}

.mj-editorial-body p {
  margin-bottom: 20px;
}

.mj-editorial-body p:last-child {
  margin-bottom: 0;
}

.mj-editorial-body strong {
  color: #d4ae5e;
  font-weight: 600;
}

.mj-table-section {
  padding: 56px 40px;
  background: #f8f4ef;
}

.mj-table-scroll {
  overflow-x: auto;
  margin-top: 32px;
  border: 1px solid #e8e4df;
}

table.mj-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: #ffffff;
  font-family: 'Source Serif 4', serif;
}

table.mj-table thead {
  background: #0d2240;
  color: #ffffff;
}

table.mj-table thead th {
  padding: 16px 24px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

table.mj-table thead th:not(:first-child) {
  text-align: center;
}

table.mj-table tbody tr {
  border-bottom: 1px solid #e8e4df;
}

table.mj-table tbody tr:hover {
  background: #f0ece7;
}

table.mj-table tbody tr.mj-row-new {
  background: #f0f7f0;
}

table.mj-table tbody td {
  padding: 14px 24px;
  color: #2c2c2c;
}

table.mj-table tbody td:not(:first-child) {
  text-align: center;
  font-weight: 600;
  font-size: 15px;
}

.mj-badge-nuevo {
  display: inline-block;
  background: #2e7d32;
  color: white;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 2px 7px;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 8px;
}

.mj-badge-record {
  display: inline-block;
  background: #b8963e;
  color: #0d2240;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 2px 7px;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 4px;
}

.mj-suspendida {
  color: #888;
  font-style: italic;
  font-size: 13px;
  font-weight: 400 !important;
}

.mj-press-section {
  padding: 56px 40px;
  background: #ffffff;
}

.mj-press-box {
  border: 2px solid #0d2240;
  padding: 40px;
  position: relative;
  max-width: 760px;
}

.mj-press-box::before {
  content: 'PARA MEDIOS';
  position: absolute;
  top: -12px;
  left: 32px;
  background: #ffffff;
  padding: 0 12px;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
  color: #0d2240;
}

.mj-press-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 700;
  color: #0d2240;
  margin-bottom: 20px;
}

.mj-press-cita {
  background: #f8f4ef;
  border-left: 4px solid #b8963e;
  padding: 20px 24px;
  font-style: italic;
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 24px;
  font-family: 'Source Serif 4', serif;
}

.mj-press-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  font-size: 14px;
}

.mj-press-info-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mj-press-info-label {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #b8963e;
  font-weight: 700;
}

.mj-press-info-value {
  color: #2c2c2c;
  font-family: 'Source Serif 4', serif;
}

.mj-press-info-value a {
  color: #1a3d6e;
  text-decoration: none;
  border-bottom: 1px solid #b8963e;
}

.mj-source-footer {
  background: #e8e4df;
  padding: 24px 40px;
  font-size: 12px;
  color: #666;
  border-top: 3px solid #0d2240;
  font-family: 'Source Serif 4', serif;
}

.mj-source-footer strong {
  color: #0d2240;
}

@media (max-width: 640px) {
  .mj-hero, .mj-stats-section, .mj-chart-section,
  .mj-editorial, .mj-table-section, .mj-press-section,
  .mj-source-footer, .mj-record-banner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mj-press-box {
    padding: 28px 20px;
  }
}


/* Guía de uso de Microjuris. Pegar en Apariencia > Personalizar > CSS adicional.
   Paleta Brand Guidelines 2023: Blue 700 #034474, Blue 500 #0F71B7,
   Blue 300 #AAD3F4, Blue 100 #ECF6FD. Tipografía Inter. Móvil primero. */

.mj-guia { font-family: Inter, system-ui, sans-serif; }
.mj-guia h2 { color: #034474; margin-top: 2.5rem; }
.mj-guia h3 { color: #034474; font-size: 1.05rem; margin: 0 0 .25rem; }

.mj-meta-pagina { font-size: .85rem; color: #5f6b78; margin-bottom: .75rem; }

/* Chips de navegación */
.mj-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; }
.mj-chips a { border: 1px solid #0F71B7; color: #0F71B7; border-radius: 999px;
  padding: .5rem 1.1rem; font-size: .9rem; text-decoration: none; }
.mj-chips a:hover, .mj-chips a:focus { background: #ECF6FD; }

/* Tarjetas de colecciones: 1 columna en móvil, 2 desde 600px.
   El tema envuelve los grupos en .wp-block-group__inner-container; el grid se aplica a ese contenedor. */
.mj-guia .mj-grid > .wp-block-group__inner-container,
.mj-guia .mj-grid:not(:has(> .wp-block-group__inner-container)) {
  display: grid !important; grid-template-columns: 1fr; gap: .75rem; }
@media (min-width: 600px) {
  .mj-guia .mj-grid > .wp-block-group__inner-container,
  .mj-guia .mj-grid:not(:has(> .wp-block-group__inner-container)) {
    grid-template-columns: 1fr 1fr !important; }
}
/* Prefijo .mj-guia en todo lo de tarjetas: el sitio ya usa .mj-card en otra página */
.mj-guia .mj-card { background: #ECF6FD; border: 0; border-left: 4px solid #0F71B7;
  border-radius: 0 10px 10px 0; padding: 1.1rem 1.25rem; margin: 0; position: static; }
.mj-guia .mj-card > .wp-block-group__inner-container > :first-child { margin-top: 0; }
.mj-guia .mj-card h3 { font-size: 1.15rem; line-height: 1.3; margin: 0 0 .4rem; }
.mj-guia .mj-meta { display: flex; flex-wrap: wrap; gap: .3rem 1rem;
  font-size: .85rem; color: #34434f; margin: 0; }
.mj-guia .mj-meta span::before { content: "•"; color: #0F71B7; margin-right: .35rem; }
.mj-guia .mj-card .wp-block-details { margin: .6rem 0 0; }
.mj-guia .mj-card summary { font-size: .85rem; color: #0F71B7; cursor: pointer; }

/* Ejemplos para teclear */
.mj-kbd { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .85em; background: #ECF6FD; border: 1px solid #AAD3F4;
  border-radius: 6px; padding: .1em .45em; white-space: nowrap; }

/* Tabla de citas: dos columnas, sin encabezado */
.mj-cita table { font-size: .9rem; }
.mj-cita td { border: 0; border-bottom: 1px solid #e3e8ee; padding: .5rem .25rem; vertical-align: top; }
.mj-cita td:first-child { width: 42%; font-weight: 500; }
.mj-cita .mj-kbd { display: inline-block; margin: 0 .3rem .3rem 0; }

/* Capturas de pantalla enmarcadas */
.mj-shot img { border: 1px solid #AAD3F4; border-radius: 8px; }
.mj-shot figcaption { font-size: .8rem; color: #5f6b78; text-align: left; }
.mj-shot-angosta img { max-width: 220px; }

/* Acordeón de herramientas */
.mj-acordeon { border: 1px solid #AAD3F4; border-radius: 10px; padding: .75rem 1rem; margin: .6rem 0; }
.mj-acordeon > summary { font-weight: 500; color: #034474; cursor: pointer; }
.mj-acordeon[open] > summary { margin-bottom: .75rem; }

/* Sección de IA */
.mj-guia .mj-ia { background: #ECF6FD; border-left: 4px solid #0F71B7; padding: 1rem 1.25rem; }
.mj-ia .wp-block-columns { gap: 1.5rem; }
.mj-beta { font-size: .65rem; font-weight: 500; vertical-align: middle;
  border: 1px solid #0F71B7; color: #0F71B7; border-radius: 6px; padding: .1rem .4rem; margin-left: .4rem; }
.mj-aviso { border: 1px solid #AAD3F4; border-radius: 8px; padding: .75rem 1rem;
  font-size: .85rem; color: #34434f; margin-top: .75rem; }

/* Volver arriba */
.mj-volver { text-align: right; font-size: .8rem; margin: 1rem 0 0; }
.mj-volver a { color: #5f6b78; text-decoration: none; }

/* Enlaces ancla no tapados por la cabecera fija */
.mj-guia [id] { scroll-margin-top: 90px; }