/* ============================================================
   FINO BAR · Estilos de las entradas del blog
   ============================================================ */

:root {
  --fino-accent: #666157;      /* color de marca: bordes y fondos (cámbialo) */
  --fino-accent-text: #666157; /* versión más oscura para texto y enlaces */
  --fino-border: #e3e3e3;
}

/* ---------- Texto base ---------- */
.single-post .entry-content p { margin: 0 0 1.3em; line-height: 1.75; }
.single-post .entry-content h2 {
  margin: 2.2em 0 .7em;
  padding-top: .6em;
  border-top: 3px solid var(--fino-accent);
  line-height: 1.15;
}
.single-post .entry-content h3 { margin: 1.8em 0 .6em; line-height: 1.2; }
.single-post .entry-content ul,
.single-post .entry-content ol { margin: 0 0 1.4em 1.3em; }
.single-post .entry-content figure { margin: 2em 0; }
.single-post .entry-content figcaption { font-size: .9rem; color: #555; text-align: center; }
.single-post .entry-content p a { color: var(--fino-accent-text); text-decoration: underline; text-underline-offset: 3px; }

html { scroll-behavior: smooth; }
.single-post .entry-content h2,
.single-post .entry-content h3 { scroll-margin-top: 90px; }

/* ---------- Botones ---------- */
.single-post .entry-content .wp-block-buttons { margin: 1.5em 0 2em; }

/* ---------- Resumen ---------- */
.single-post .entry-content .fino-resumen {
  background: #f8f3e8;
  border-left: 6px solid var(--fino-accent);
  border-radius: 4px;
  padding: 1.4em 1.6em;
  margin: 1.8em 0;
}
.single-post .entry-content .fino-resumen p { margin: 0; }
.single-post .entry-content .fino-resumen strong:first-child { color: var(--fino-accent-text); }

/* ---------- Tarjeta de índice ---------- */
.single-post .entry-content .fino-indice {
  background: #fff;
  border: 1px solid var(--fino-border);
  border-radius: 6px;
  padding: 1.4em 1.6em;
  margin: 1.8em 0 2.2em;
}
.single-post .entry-content .fino-indice-titulo {
  color: var(--fino-accent-text);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 0 .8em;
}
.single-post .entry-content .fino-indice ul { margin: 0 0 0 1.2em; }
.single-post .entry-content .fino-indice li { margin-bottom: .45em; }
.single-post .entry-content .fino-indice a { color: var(--fino-accent-text); text-decoration: none; }
.single-post .entry-content .fino-indice a:hover { text-decoration: underline; }

/* ---------- Cajas de consejo y datos ---------- */
.single-post .entry-content .fino-consejo,
.single-post .entry-content .fino-dato {
  padding: 1.2em 1.5em;
  margin: 1.8em 0;
  border-radius: 6px;
}
.single-post .entry-content .fino-consejo { background: #fff; border: 2px solid var(--fino-accent); }
.single-post .entry-content .fino-dato { background: #F8F3E8; border-left: 5px solid #666157; }
.single-post .entry-content .fino-consejo > :last-child,
.single-post .entry-content .fino-dato > :last-child { margin-bottom: 0; }

/* ---------- Citas ---------- */
.single-post .entry-content blockquote {
  border-left: 4px solid var(--fino-accent);
  padding-left: 1em;
  font-size: 1.25rem;
  font-style: italic;
  margin: 2em 0;
}

/* ---------- Tablas ---------- */
.single-post .entry-content table { width: 100%; border-collapse: collapse; }
.single-post .entry-content th { background: #666157; color: #fff; text-align: left; }
.single-post .entry-content th,
.single-post .entry-content td { padding: .7em 1em; border: 1px solid #ddd; }

/* ---------- FAQ (bloque Detalles) ---------- */
.single-post .entry-content details { border-bottom: 1px solid #ddd; padding: .9em 0; }
.single-post .entry-content summary { font-weight: 700; cursor: pointer; }

/* ---------- Botón fijo de reserva (solo móvil) ---------- */
@media (max-width: 768px) {
  .single-post .entry-content .fino-sticky {
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
    z-index: 99;
    margin: 0;
  }
  .single-post .entry-content .fino-sticky .wp-block-button,
  .single-post .entry-content .fino-sticky .wp-block-button__link { width: 100%; text-align: center; }
}