/* ============================================================
   BM Skin: rediseño 2026 aplicado al resto de thebluemanakin.com
   (Elementor, plantilla de servicio BM, blog, geoSEO, archivos).
   Los tokens (--ink, --azul, --f-display…) y las fuentes vienen de bm-chrome.css.
   Todo va acotado a body.bm-skin y excluye la cabecera/pie nuevos (.bmx).
   Los !important son deliberados: el tema y Elementor fijan tipografías en línea.
   ============================================================ */

html{scroll-padding-top:96px}
body.bm-skin{
  padding-top:72px;background:#fff;color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  /* Paleta global de Elementor (kit 327, que aún tenía los colores por defecto) */
  --e-global-color-primary:var(--azul);
  --e-global-color-secondary:var(--ink);
  --e-global-color-text:var(--ink-2);
  --e-global-color-accent:var(--rojo);
  --e-global-typography-primary-font-family:"BM Display";
  --e-global-typography-secondary-font-family:"Gill Sans BM";
  --e-global-typography-text-font-family:"Gill Sans BM";
  --e-global-typography-accent-font-family:"Gill Sans BM";
}
body.bm-skin ::selection{background:var(--claro);color:var(--ink)}

/* ---------- Tipografía ---------- */
body.bm-skin,
body.bm-skin :is(p,li,dd,dt,td,th,label,input,textarea,select,button,blockquote,figcaption,small,
  .elementor-widget-text-editor,.elementor-icon-list-text,.elementor-button,.elementor-tab-title,
  .blog-text,.blog-content,.post-meta,.blog-grid-meta,.blog-post-meta):not(.bmx *){
  font-family:var(--f-body)!important;
}
body.bm-skin :is(h1,h2,h3,.elementor-heading-title,.cnt-gb-title):not(.bmx *){
  font-family:var(--f-display)!important;font-weight:400!important;
  letter-spacing:-.02em!important;line-height:1.08!important;text-wrap:balance;
}
body.bm-skin :is(h4,h5,h6,.widget-title):not(.bmx *){
  font-family:var(--f-body)!important;font-weight:700!important;letter-spacing:0!important;
}
body.bm-skin :is(.blog-text,.elementor-widget-text-editor,.bm-cuerpo) :is(p,li){line-height:1.7}

/* ---------- Enlaces del contenido ---------- */
body.bm-skin :is(.blog-text,.blog-content,.elementor-widget-text-editor,.bm-cuerpo) a:not(.elementor-button):not(.bm-boton){
  color:var(--azul);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
body.bm-skin :is(.blog-text,.blog-content,.elementor-widget-text-editor,.bm-cuerpo) a:not(.elementor-button):not(.bm-boton):hover{color:var(--ink)}

/* ---------- Botones: la misma píldora roja que en la portada ---------- */
body.bm-skin :is(.elementor-button,.bm-boton,.wp-block-button__link,.wpcf7-submit,input[type=submit]):not(.bmx *){
  background:var(--rojo-btn,#E3042D)!important;color:#fff!important;border:0!important;border-radius:999px!important;
  font-weight:700!important;padding:calc(15px + .17em) 30px calc(15px - .17em)!important;line-height:1.1!important;
  box-shadow:0 8px 20px -10px rgba(227,4,45,.5)!important;text-decoration:none!important;
  transition:background-color .15s var(--ease),color .15s var(--ease)!important;
}
body.bm-skin :is(.elementor-button,.bm-boton,.wp-block-button__link,.wpcf7-submit,input[type=submit]):not(.bmx *):hover{
  background:var(--rojo-700)!important;color:#fff!important;
}
body.bm-skin :is(.elementor-button,.bm-boton,.wp-block-button__link):focus-visible{outline:3px solid var(--azul)!important;outline-offset:3px}

/* ---------- Plantilla de servicio BM (page-bm-servicio.php): portada clara ---------- */
body.bm-skin .bm-page{
  --bm-azul:var(--azul);--bm-azul-hondo:var(--ink);--bm-rojo:var(--rojo);
  --bm-tinta:var(--ink);--bm-tinta-2:var(--ink-2);--bm-linea:var(--claro-line);--bm-fondo-2:var(--claro-2);
  --bm-titulo:var(--f-display);--bm-texto:var(--f-body);
}
body.bm-skin .bm-hero{background:linear-gradient(180deg,var(--claro) 0%,var(--claro-2) 100%);color:var(--ink);padding:clamp(72px,9vw,120px) 0 clamp(60px,7vw,96px)}
body.bm-skin .bm-hero::after{display:none}
body.bm-skin .bm-hero h1{color:var(--ink)!important;font-size:clamp(2.6rem,5.4vw,4.6rem)!important;max-width:16ch;margin-bottom:22px}
body.bm-skin .bm-eyebrow{color:var(--azul);border-bottom:0;padding-bottom:0;font-size:13px;letter-spacing:.16em}
body.bm-skin .bm-lead{color:var(--ink-2);opacity:1;font-size:clamp(1.1rem,1.6vw,1.3rem)}
body.bm-skin .bm-cuerpo{padding-top:clamp(56px,6vw,88px)}
body.bm-skin .bm-cuerpo h2{font-size:clamp(1.9rem,3.2vw,2.6rem)!important;margin-top:56px}
body.bm-skin .bm-cuerpo h3{font-size:clamp(1.35rem,2.2vw,1.65rem)!important}
body.bm-skin .bm-cuerpo p,body.bm-skin .bm-cuerpo ul li{color:var(--ink-2);font-size:1.075rem}
body.bm-skin .bm-cuerpo ul li::before{background:var(--rojo)}
body.bm-skin .bm-cuerpo .bm-metrica{border-left:0;border-radius:16px;background:var(--claro-2);padding:22px 26px}
body.bm-skin .bm-form,body.bm-skin .bm-cta{background:var(--claro-2);border-top-color:var(--claro-line)}
body.bm-skin .bm-form-caja{border-radius:20px;border-color:var(--claro-line)}
body.bm-skin .bm-form-caja h2,body.bm-skin .bm-cta h2{font-size:clamp(1.7rem,2.8vw,2.2rem)!important}

/* ---------- Blog ---------- */
body.bm-skin.single-post h1{font-size:clamp(2.2rem,4.4vw,3.6rem)!important;margin-bottom:.4em}
body.bm-skin .blog-text :is(p,li){font-size:1.1rem;color:var(--ink)}
body.bm-skin .blog-text :is(h2){font-size:clamp(1.7rem,2.8vw,2.2rem)!important;margin-top:1.6em}
body.bm-skin .blog-text :is(h3){font-size:clamp(1.35rem,2.2vw,1.65rem)!important}
body.bm-skin .blog-post-date{border-radius:999px}
body.bm-skin .cnt-gb-title,body.bm-skin .cnt-gb-title :is(a,span){font-family:var(--f-display)!important;font-weight:400!important;letter-spacing:-.02em;color:var(--ink)}
body.bm-skin .cnt-gb-title{font-size:1.5rem!important;line-height:1.12!important}
body.bm-skin :is(.blog-grid-meta,.post-meta,.blog-post-meta){color:var(--ink-3)}

/* ---------- Migas de pan (Yoast) ---------- */
body.bm-skin :is(#breadcrumbs,.breadcrumbs,.yoast-breadcrumb){font-size:14px;color:var(--ink-3)}
body.bm-skin :is(#breadcrumbs,.breadcrumbs,.yoast-breadcrumb) a{color:var(--azul)}

/* ---------- Cabecera y pie del tema: fuera (los sustituye .bmx) ---------- */
body.bm-skin > .page-wrapper > .header,
body.bm-skin .header.header-light,
body.bm-skin footer.light-footer,
body.bm-skin .scroll-to-top{display:none!important}

/* Landings geoSEO: su HTML congelado trae la barra de administración y el hueco que reserva */
body.bm-skin #wpadminbar{display:none!important}
html:has(body.bm-skin){margin-top:0!important}

/* ---------- Landings geoSEO (bm-geo-contenido.php): misma portada clara que el servicio ---------- */
body.bm-skin .bm-geo-hero{background:linear-gradient(180deg,var(--claro) 0%,var(--claro-2) 100%)!important;color:var(--ink);border-radius:24px;overflow:hidden}
body.bm-skin .bm-geo-hero::after,body.bm-skin .bm-geo-hero::before{display:none!important}
body.bm-skin .bm-geo-hero h1{color:var(--ink)!important;font-size:clamp(2.2rem,4.2vw,3.6rem)!important}
body.bm-skin .bm-geo-eyebrow{color:var(--azul)!important;border-bottom:0!important;padding-bottom:0!important;letter-spacing:.16em}
body.bm-skin :is(.bm-geo-pais,.bm-geo-perfil) :is(h2){font-size:clamp(1.7rem,2.8vw,2.2rem)!important}

/* ---------- Migas de pan del tema (#breadcrumbs reservaba 150px de alto) ---------- */
body.bm-skin #breadcrumbs{height:auto!important;padding:28px 0 12px!important}

/* ---------- Primera sección de Elementor ----------
   Muchas páginas subían su portada con margin-top negativo (-80px) para meterla bajo la
   cabecera antigua; con la nueva (fija) quedaba tapada. */
body.bm-skin .elementor > :is(.elementor-section,.e-con):first-child,
body.bm-skin .elementor > .elementor-inner > .elementor-section-wrap > .elementor-section:first-child{margin-top:0!important}
/* …y el contenedor del tema añadía 10px de franja blanca encima de esa portada */
body.bm-skin section:has(> .container .elementor > :is(.elementor-section,.e-con):first-child){padding-top:0!important}

/* ---------- Migas de pan bajo la cabecera nueva (las del tema iban dentro de su cabecera) ---------- */
body.bm-skin .bmx-crumbs{background:#fff;border-bottom:1px solid var(--line)}
body.bm-skin .bmx-crumbs-in{max-width:1200px;margin:0 auto;padding:12px var(--margin,20px);font-family:var(--f-body);font-size:14px;color:var(--ink-3);line-height:1.4}
body.bm-skin .bmx-crumbs a{color:var(--azul);text-decoration:none}
body.bm-skin .bmx-crumbs a:hover{text-decoration:underline}
/* Si la página ya trae sus propias migas (blog, geoSEO), no duplicarlas */
body.bm-skin:has(#breadcrumbs) .bmx-crumbs{display:none}
body.bm-skin:has(.breadcrumb_last:not(.bmx-crumbs *)) .bmx-crumbs{display:none}

/* ---------- FAQ (crypto, NFT, Web3): acordeón .acc_yndb (paneles Bootstrap 3) ----------
   Las respuestas estaban ocultas y el enlace para abrirlas vacío: nav.js hace pulsable la pregunta. */
body.bm-skin .acc_yndb{max-width:900px;margin:0 auto;padding:0 20px}
body.bm-skin .acc_yndb .panel-group{margin:0}
body.bm-skin .acc_yndb .panel{border:0;border-bottom:1px solid var(--line);border-radius:0!important;box-shadow:none;background:transparent;margin:0!important}
body.bm-skin .acc_yndb .panel:first-child{border-top:1px solid var(--line)}
body.bm-skin .acc_yndb .panel-heading{background:transparent!important;border:0!important;padding:0!important;cursor:pointer;border-radius:0}
body.bm-skin .acc_yndb .panel-heading:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:8px}
body.bm-skin .acc_yndb .panel-title{background:transparent!important;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0;padding:22px 4px;
  font-family:var(--f-body)!important;font-weight:500!important;font-size:clamp(17px,1.4vw,20px)!important;letter-spacing:0!important;line-height:1.35!important;color:var(--ink);transition:color .15s var(--ease)}
body.bm-skin .acc_yndb .panel-title::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--claro-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001FFE' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px no-repeat;
  transition:transform .2s var(--ease),background-color .2s var(--ease)}
body.bm-skin .acc_yndb .panel-heading:hover .panel-title{color:var(--azul)}
body.bm-skin .acc_yndb .panel.is-open .panel-title::after{transform:rotate(45deg);background-color:var(--claro)}
body.bm-skin .acc_yndb .panel-title a:empty{display:none}
body.bm-skin .acc_yndb .panel-collapse{display:none!important}
body.bm-skin .acc_yndb .panel.is-open .panel-collapse{display:block!important;height:auto!important}
body.bm-skin .acc_yndb .panel-body{border:0!important;padding:0 4px 28px!important;max-width:760px;color:var(--ink-2);font-size:17px;line-height:1.7}
body.bm-skin .acc_yndb .panel-body p{margin:0 0 12px;color:var(--ink-2)}
body.bm-skin .acc_yndb .titlink{display:none}
body.bm-skin .acc_yndb .panel-body > a:last-child{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:700;color:var(--azul);text-decoration:none}
body.bm-skin .acc_yndb .panel-body > a:last-child::after{content:"→"}
body.bm-skin .acc_yndb .panel-body > a:last-child:hover{text-decoration:underline;text-underline-offset:3px}