/* Ajustes para que los bloques de Gutenberg calcen con el CSS de la landing */

/* Evita margenes automaticos entre bloques que rompen un layout tipo landing */
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }

/* Offset para anclas con header sticky */
#inicio, #menu, #galeria, #instagram { scroll-margin-top: 90px; }

/* Header (barra) */
.barra .wp-block-site-logo img {
  width: 34px;
  height: 34px;
}

.barra .wp-block-site-title {
  margin: 0;
  line-height: 1.1;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.barra .wp-block-site-title a { text-decoration: none; }

.barra .wp-block-site-tagline {
  margin: 2px 0 0 0;
  font-size: 12px;
  color: var(--texto-suave);
}

/* Nav: el CSS original estiliza .nav button, aca lo hacemos para links del bloque Navigation */
.barra .nav a,
.barra .nav .wp-block-navigation-item__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: var(--texto);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.barra .nav a:hover,
.barra .nav .wp-block-navigation-item__content:hover {
  border-color: var(--borde);
  background: var(--panel);
}

/* Botones del hero: mapeo para core/button */
.acciones { display: flex; gap: 10px; flex-wrap: wrap; }

.principal .wp-block-button__link,
.secundario .wp-block-button__link {
  appearance: none;
  border: 1px solid var(--borde);
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
}

.principal .wp-block-button__link {
  background: var(--acento);
  color: #fff;
  border-color: var(--acento);
}

.secundario .wp-block-button__link {
  background: var(--panel);
  color: var(--texto);
}

.principal .wp-block-button__link:hover { background: var(--acento-2); border-color: var(--acento-2); transform: translateY(-1px); }
.secundario .wp-block-button__link:hover { background: var(--borde); transform: translateY(-1px); }

/* Imagen del hero (logo) */
.doodle-cards img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 12px;
  position: absolute;
  inset: 0;
}

/* Corrige colision de clase .seccion (outer section vs items del menu) */
.cafe-menu-grid .seccion { padding: 14px; }

/* En el editor, evita que el bloque Shortcode tenga margenes extra */
.wp-block-shortcode { margin: 0; }