/* Redefine las DOS capas de variables que controlan el color en todo el sitio:
   1) las propias del "CSS adicional" ya existente (--bg, --text, --accent, --warm, --border)
   2) la paleta global de Kadence (--global-palette1..9), que usan widgets/plugins que no pasan por la capa 1 (ej. "Publicaciones similares")
   Redefiniendo aquí en la raíz, se propaga solo a TODO lo que ya usaba esas variables, sin tocar clase por clase. */
:root{
  --bg:#141210; --bg-card:#1c1a17; --text:#f2ede4; --text-soft:#b8ae9e;
  --accent:#c9a35a; --accent-lt:#dab879; --warm:#c9a35a; --border:#3a352c;
  --shadow:none;

  --global-palette1:#c9a35a;
  --global-palette2:#c9a35a;
  --global-palette3:#f2ede4;
  --global-palette4:#b8ae9e;
  --global-palette5:#b8ae9e;
  --global-palette6:#3a352c;
  --global-palette7:#1c1a17;
  --global-palette8:#1c1a17;
  --global-palette9:#141210;
}

/* El header transparente de Kadence usa colores fijos (no la paleta global) para su estado transparente, así que se ajusta aparte. */
#masthead,.site-header{ background:rgba(20,18,16,.94) !important; backdrop-filter:none !important; }

/* El pie de página usaba var(--text) como fondo (diseño invertido del tema original) — como --text ahora es claro (texto), hay que fijar el footer aparte para que no herede ese cambio. */
.site-footer{ background:#0e0d0c !important; color:#b8ae9e !important; padding:14px 24px !important; }
.site-footer .footer-html-inner p{ font-size:.78rem !important; margin:0 !important; }
.site-footer a{ color:#c9a35a !important; }
.footer-html-inner p,.footer-html-inner a{ color:#b8ae9e !important; }
.footer-html-inner a{ color:#c9a35a !important; }

/* Home hero (solo existe en la home, con foto de fondo propia) */
.bfh-hero{
  position:relative; box-sizing:border-box;
  width:100% !important; max-width:100% !important; margin:0 !important;
  padding:170px 32px 190px; text-align:center; color:#f2ede4;
  background:
    linear-gradient(180deg, rgba(20,18,16,.55) 0%, rgba(20,18,16,.82) 55%, rgba(20,18,16,.98) 100%),
    url('https://barefoothombre.es/wp-content/uploads/2026/08/hero-calle-editorial.jpg') center 85%/cover no-repeat;
}
.bfh-hero .bfh-eyebrow{ display:inline-block; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#c9a35a; margin-bottom:28px; }
.bfh-hero h1{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:clamp(2.6rem,7vw,5rem); line-height:1.05; margin:0 0 26px; color:#f2ede4; }
.bfh-hero h1 em{ font-style:italic; color:#c9a35a; }
.bfh-hero > p{ max-width:520px; margin:0 auto 40px; color:#b8ae9e; font-size:1.05rem; line-height:1.6; }
.bfh-cta{ display:inline-block; border:1px solid #c9a35a; color:#c9a35a; padding:16px 40px; text-decoration:none; font-size:13px; letter-spacing:.12em; text-transform:uppercase; transition:.2s; background:transparent; }
.bfh-cta:hover{ background:#c9a35a; color:#141210; }

/* Caja de estadísticas ("+1h de caminata diaria...") */
.bfh-about-visual{ background:#141210 !important; border:1px solid #c9a35a !important; color:#c9a35a !important; }
.bfh-about-visual .bfh-stat-num,.bfh-about-visual .bfh-stat-label{ color:#c9a35a !important; }

/* Aviso rápido: línea suelta, a todo el ancho, en cursiva dorada */
.honest-line{ font-style:italic; color:#c9a35a; text-align:center; margin-top:48px; font-size:.95rem; max-width:100%; }
.honest-line strong{ color:#c9a35a; }

/* Botones "Ver en Amazon": borde dorado, fondo oscuro, letra dorada */
.bfh-btn{ background:#141210 !important; color:#c9a35a !important; border:1px solid #c9a35a !important; }
.bfh-btn:hover{ background:#c9a35a !important; color:#141210 !important; }

/* Etiquetas sobre las fotos ("Más versátil", "Ligero"...): mismo estilo que los botones */
.bfh-badge{ background:#141210 !important; color:#c9a35a !important; border:1px solid #c9a35a !important; }
.bfh-badge.warm{ background:#141210 !important; color:#c9a35a !important; border:1px solid #c9a35a !important; }

/* Tarjetas "Del blog" */
.bfh-blog-card{ background:#1c1a17; border:1px solid #3a352c; border-radius:6px; overflow:hidden; transition:.2s; }
.bfh-blog-card:hover{ border-color:#c9a35a; }
.bfh-blog-card a{ display:block; padding:24px; text-decoration:none; }
.bfh-blog-cat{ color:#c9a35a; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; font-weight:600; }
.bfh-blog-title{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:1.15rem; color:#f2ede4; margin-bottom:10px; line-height:1.4; }
.bfh-blog-desc{ font-size:.88rem; color:#b8ae9e; }