/* Ajustes adaptativos del tema Casper para benjagarrido.com.
   Se carga desde la inyección de código de Ghost (Ajustes → Code injection → Site header)
   y Nginx lo sirve desde /opt/blog-custom/ en /blog-assets/. */

/* Móvil: el título largo no podía partirse y empujaba el botón de menú fuera de la pantalla */
@media (max-width: 767px) {
  #gh-head .gh-head-brand { grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 12px; word-break: normal; }
  #gh-head .gh-head-logo { min-width: 0; white-space: normal; font-size: 1.9rem; line-height: 1.15; margin-top: 0; }

  /* Submenú de "Otros" centrado como el resto del menú */
  #gh-head .gh-head-menu .nav li.has-submenu { display: flex; flex-direction: column; align-items: center; }
  #gh-head .gh-head-menu .nav .submenu { padding: 4px 0 0; text-align: center; }
}

/* Escritorio: menos separación para que todo el menú quepa sin pasar al desplegable "…" */
@media (min-width: 992px) {
  .is-head-left-logo .gh-head-menu { margin-left: 8px; margin-right: 24px; }
  .gh-head-menu .nav { gap: 24px; }
}

/* Desplegable "…": el submenú ya se muestra abierto, sobra la flecha */
.gh-head-menu .gh-dropdown li.has-submenu > a::after { content: none; }

/* Posts antiguos importados de WordPress: pies de foto con ancho fijo en línea,
   imágenes, embeds y tablas más anchos que la pantalla */
.gh-content .wp-caption { width: auto !important; max-width: 100%; }
.gh-content img { max-width: 100%; height: auto; }
.gh-content iframe, .gh-content object, .gh-content embed, .gh-content video { max-width: 100%; }
.gh-content table { display: block !important; max-width: 100%; overflow-x: auto !important; }
/* Iframes de "WordPress embed": ocultos sin el JS de WordPress (se ve el blockquote de respaldo),
   pero su posición absoluta seguía ensanchando la página */
.gh-content iframe.wp-embedded-content { display: none; }