/* ============================================================
   RHA Blog · estilos propios
   Complementa rha.css (ya cargado) y reutiliza sus variables:
   --rha-rojo, --rha-blanco, --rha-marfil, --rha-gris, --rha-tinta,
   --rha-borde, --rha-serif. No carga fuentes nuevas.
   ============================================================ */

/* ---------- Listado ---------- */
.rhab-card .rha-card-body{display:flex;flex-direction:column}
.rhab-excerpt{font-size:14.5px;color:var(--rha-gris);line-height:1.55;margin:10px 0 16px}

.rhab-vacio{color:var(--rha-gris);font-size:16px;padding:20px 0}

/* Paginación */
.rhab-paginacion{margin-top:44px}
.rhab-paginacion ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;justify-content:center}
.rhab-paginacion a,.rhab-paginacion span{
  display:inline-block;padding:9px 15px;border:1px solid var(--rha-borde);
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rha-tinta);text-decoration:none;transition:border-color .2s,color .2s;
}
.rhab-paginacion a:hover{border-color:var(--rha-rojo);color:var(--rha-rojo)}
.rhab-paginacion .current{background:var(--rha-rojo);border-color:var(--rha-rojo);color:#fff}

/* ---------- Artículo ---------- */
.rhab-hero-post h1{max-width:20ch}
.rhab-meta{font-size:13.5px;color:var(--rha-gris);margin:14px 0 0;letter-spacing:.02em}

/* El cuerpo mantiene una columna de lectura angosta, pero anclada al mismo
   borde izquierdo que el título del hero (en vez de centrada). */
.rhab-post .rhab-destacada,
.rhab-post .rhab-cuerpo,
.rhab-post .rhab-tags,
.rhab-post .rhab-nav-post,
.rhab-post .rhab-volver{max-width:820px;margin-left:0;margin-right:auto}
.rhab-destacada{margin:0 0 36px}
.rhab-destacada img{width:100%;height:auto;display:block}

/* Cuerpo editorial: cómodo de leer, con la tipografía del sitio */
.rhab-cuerpo{font-size:17px;line-height:1.75;color:var(--rha-tinta)}
.rhab-cuerpo p{margin:0 0 22px}
.rhab-cuerpo h2{
  font-family:var(--rha-serif);font-weight:400;font-size:29px;line-height:1.2;
  margin:44px 0 14px;color:var(--rha-tinta);
}
.rhab-cuerpo h3{font-size:20px;font-weight:700;margin:32px 0 10px;color:var(--rha-tinta)}
.rhab-cuerpo ul,.rhab-cuerpo ol{margin:0 0 22px;padding-left:22px}
.rhab-cuerpo li{margin-bottom:9px}
.rhab-cuerpo a{color:var(--rha-rojo);text-decoration:underline;text-underline-offset:3px}
.rhab-cuerpo img{max-width:100%;height:auto;display:block;margin:28px 0}
.rhab-cuerpo blockquote{
  margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--rha-rojo);
  font-family:var(--rha-serif);font-size:21px;line-height:1.45;color:var(--rha-tinta);
}
.rhab-cuerpo blockquote p{margin:0}

/* Categorías del artículo */
.rhab-tags{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0;padding-top:28px;border-top:1px solid var(--rha-borde)}

/* Navegación entre notas */
.rhab-nav-post{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0 0}
.rhab-nav-item{
  display:block;padding:20px;border:1px solid var(--rha-borde);text-decoration:none;
  transition:border-color .2s,box-shadow .3s;background:var(--rha-blanco);
}
.rhab-nav-item:hover{border-color:var(--rha-rojo);box-shadow:0 10px 26px rgba(42,42,44,.06)}
.rhab-nav-sig{text-align:right}
.rhab-nav-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rha-rojo);margin-bottom:6px}
.rhab-nav-titulo{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--rha-tinta)}

.rhab-volver{margin:34px 0 0}

@media (max-width:768px){
  .rhab-cuerpo{font-size:16px}
  .rhab-cuerpo h2{font-size:25px}
  .rhab-nav-post{grid-template-columns:1fr}
  .rhab-nav-sig{text-align:left}
}

/* ============================================================
   Tablas dentro de las notas del blog
   Acotado a .rhab-cuerpo: no afecta ninguna otra tabla del sitio.
   ============================================================ */

/* Contenedor: en pantallas chicas la tabla scrollea sola, sin romper
   el ancho de la página. */
.rhab-cuerpo .wp-block-table,
.rhab-cuerpo figure.wp-block-table{margin:32px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rhab-cuerpo table{
  width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;
  background:var(--rha-blanco);border:1px solid var(--rha-borde);
}
.rhab-cuerpo table th,
.rhab-cuerpo table td{
  padding:12px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--rha-borde);
  border-right:1px solid var(--rha-borde);
}
.rhab-cuerpo table th:last-child,
.rhab-cuerpo table td:last-child{border-right:0}
.rhab-cuerpo table tr:last-child td{border-bottom:0}

/* Encabezado */
.rhab-cuerpo table thead th{
  background:var(--rha-marfil);color:var(--rha-tinta);
  font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  border-bottom:2px solid var(--rha-tinta);white-space:nowrap;
}

/* Primera columna como etiqueta de fila */
.rhab-cuerpo table tbody td:first-child{font-weight:600;color:var(--rha-tinta)}

/* Filas alternas y hover, para leer comparativas largas sin perderse */
.rhab-cuerpo table tbody tr:nth-child(even){background:rgba(42,42,44,.02)}
.rhab-cuerpo table tbody tr:hover{background:rgba(218,0,0,.035)}

/* Fila destacada: agregá la clase "es-propia" a la fila en el editor
   (o dejá que sea la primera) para resaltar a Red Hustle en comparativas. */
.rhab-cuerpo table tbody tr.es-propia,
.rhab-cuerpo table tbody tr.es-propia:hover{
  background:rgba(218,0,0,.055);
  box-shadow:inset 3px 0 0 var(--rha-rojo);
}
.rhab-cuerpo table tbody tr.es-propia td:first-child{color:var(--rha-rojo)}

/* Leyenda de la tabla */
.rhab-cuerpo table caption,
.rhab-cuerpo figure.wp-block-table figcaption{
  font-size:13px;color:var(--rha-gris);text-align:left;margin-top:10px;
}

@media (max-width:768px){
  .rhab-cuerpo table{font-size:13.5px}
  .rhab-cuerpo table th,.rhab-cuerpo table td{padding:10px 11px}
}