/* Contenedor general */
.dificultad {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Icono (emoji) */
.dificultad .icono {
  font-size: 1.1rem;
}

/* Paseo */
.dificultad.paseo {
  color: #6c757d; /* gris suave */
}

/* T1 - Senderismo */
.dificultad.t1 {
  color: #2ecc71; /* verde */
}

/* T2 - Senderismo montaña */
.dificultad.t2 {
  color: #3498db; /* azul */
}

/* T3 - Exigente */
.dificultad.t3 {
  color: #f39c12; /* naranja */
}

/* T4 - Difícil */
.dificultad.t4 {
  color: #e74c3c; /* rojo */
}

/* T5 - Alpinismo */
.dificultad.t5 {
  color: #2d3436; /* negro suave */
}

/* SOLO TACHACIMAS */
.dificultad.tachacimas {
  color: #8e44ad; /* morado */
}

/* Estilo tipo badge (opcional pero recomendable) */
.dificultad {
  padding: 4px 8px;
  border-radius: 999px;
  background-color: rgba(0,0,0,0.05);
}

/* Hover suave */
.dificultad:hover {
  opacity: 0.8;
}
.dificultad {
  background: red !important;
  color: white !important;
} span.dificultad {
  background: red !important;
  color: white !important;
  padding: 5px 10px !important;
  border-radius: 20px !important;
}
/* CONTENEDOR */
.zonas-botones {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* BOTONES */
.zonas-botones .wp-block-button {
  margin: 0 !important;
}

/* TEXTO */
.zonas-botones .wp-block-button__link {
  display: inline-block !important;
  white-space: nowrap !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
}

/* MÓVIL */
@media (max-width: 768px) {
  .zonas-botones {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .zonas-botones .wp-block-button__link {
    width: 100% !important;
    white-space: normal !important;
  }
}
.zonas-botones .wp-block-button__link {
  white-space: nowrap;
}

@media (max-width: 600px) {
  .zonas-botones .wp-block-button {
    width: 100%;
  }

  .zonas-botones .wp-block-button__link {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
  }
}
.besteak-fix .wp-block-button__link {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  white-space: nowrap !important;
  display: block;
  width: 100%;
  text-align: center;
}
/* SOLO móvil */
@media (max-width: 600px) {

  .besteak-fix {
    width: 100% !important;
    display: block !important;
  }

  .besteak-fix .wp-block-button__link {
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
  }

}
/* Contenedor de botones */
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Botones individuales */
.wp-block-button {
  flex: 0 1 auto;
}

/* Texto del botón */
.wp-block-button__link {
  white-space: nowrap;
}

@media (max-width: 600px) {
  .wp-block-button__link {
    white-space: normal;      /* 👈 clave */
    word-break: break-word;   /* 👈 evita cortes raros */
  }
}
  text-align: center;
}
html[lang="es-ES"] .menu-eu {
  display: none !important;
	/* BOTONES ZONAS – FIX MÓVIL DEFINITIVO */
@media (max-width: 768px) {

  .zonas-botones .wp-block-button__link {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    display: inline-flex !important;
    justify-content: center;
    align-items: center;

    width: auto !important;
    max-width: 100% !important;

    padding: 10px 14px !important;
    text-align: center !important;
  }

}
}

html[lang="eu"] .menu-es {
  display: none !important;
}
/* LISTA TIPO ÍNDICE PRO */
.wp-block-post-template li {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
    transition: background 0.2s ease;
}

.wp-block-post-template li:hover {
    background: #f7f7f7;
}

.wp-block-post-title {
    font-size: 16px;
    letter-spacing: 0.3px;
}
/* TÍTULO MÁS LIMPIO */
.wp-block-post-title a {
    text-decoration: none;
    display: block;
}

/* SEPARACIÓN MÁS PRO */
.wp-block-post-template li:first-child {
    border-top: 1px solid #e5e5e5;
}
