/* =========================
   TITULOS (H1)
========================= */

.nv-page-title {
  display: block !important;      /* 👈 evita flex raro en tablet */
  text-align: center !important;  /* 👈 centrado SIEMPRE */
}

.entry-title,
.nv-page-title h1 {
  display: inline-block; /* 👈 clave: fondo ajustado al texto */
  margin: 0 auto;
  text-align: center;

  background: #e86c00;
  padding: 4px 14px;
  border-radius: 12px;

  color: #0b1f8a;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;

  box-shadow: -4px 4px 0px #0b1f8a;
  transition: transform 0.15s ease, box-shadow 0.15s ease;

  max-width: 90%;
}

/* Hover */
.entry-title:hover,
.nv-page-title h1:hover {
  transform: translate(1px, -1px);
  box-shadow: -2px 2px 0px #0b1f8a;
}

/* =========================
   📱 MÓVIL
========================= */

@media (max-width: 768px) {

  .entry-title,
  .nv-page-title h1 {
    padding: 6px 10px;
    font-size: 20px;
    line-height: 1.3;
    border-radius: 8px;
    box-shadow: -2px 2px 0px #0b1f8a;
  }

  /* Texto de entradas */
  .single-post p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* Tamaño del título */
  .single-post .entry-title {
    font-size: 22px !important;
  }

  .page .nv-page-title h1 {
    font-size: 20px !important;
  }
}

/* =========================
   FIX POSTS (ENTRADAS)
========================= */

/* Centrado correcto en entradas */
.single-post .nv-title-meta-wrap,
.single-post .entry-header {
  display: block !important;
  text-align: center !important;
}

/* Estilo del H1 en entradas */
.single-post .entry-title,
.single-post .nv-post-title {
  display: inline-block;
  margin: 0 auto;
  text-align: center;

  text-transform: uppercase !important; /* 👈 fuerza mayúsculas */
}