/*
Theme Name: W-HUB Batcueva
Template: hello-elementor
Version: 1.0.0
Author: W-HUB
Description: Child theme de Hello Elementor para el blog de w-hub.es. Diseño Gotham Amber.
*/
:root{--bc-bg:#0A0A0C;--bc-surface:#141418;--bc-surface-alt:#101014;--bc-ink:#FFFFFF;--bc-muted:#A0A0A5;--bc-muted-deep:#6B6B73;--bc-line:#1F1F24;--bc-border:#2D2D35;--bc-border-hover:#3D3D47;--bc-accent:#FFB703;--bc-accent-deep:#E5A100;--bc-wa:#25D366;--bc-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--bc-col:1100px;--bc-measure:720px}
body.whub-blog{background:var(--bc-bg);color:var(--bc-ink);font-family:var(--bc-font);font-weight:400;line-height:1.65;margin:0;-webkit-font-smoothing:antialiased}
body.whub-blog *{box-sizing:border-box}
body.whub-blog a{color:var(--bc-ink);text-decoration:none;transition:color .15s,border-color .15s,transform .15s}
body.whub-blog img{max-width:100%;height:auto;display:block}
.bc-wrap{max-width:var(--bc-col);margin:0 auto;padding:0 20px}
.bc-header{border-bottom:1px solid var(--bc-line);position:sticky;top:0;background:rgba(10,10,12,.92);backdrop-filter:blur(8px);z-index:50}
.bc-header .bc-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
body.whub-blog .bc-logo img{height:34px;width:auto;filter:invert(1) brightness(1.2)}
.bc-nav{display:flex;align-items:center;gap:28px}
.bc-nav a{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--bc-muted)}
.bc-nav a:hover,.bc-nav a.is-active{color:var(--bc-ink)}
.bc-btn{display:inline-block;background:var(--bc-accent);color:var(--bc-bg)!important;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:12px 20px;border-radius:4px;line-height:1}
.bc-btn:hover{background:var(--bc-accent-deep);transform:translateY(-2px)}
.bc-btn--ghost{background:transparent;color:var(--bc-ink)!important;border:1px solid var(--bc-border)}
.bc-btn--ghost:hover{background:transparent;border-color:var(--bc-border-hover)}
.bc-hero{padding:96px 0 56px;border-bottom:1px solid var(--bc-line)}
.bc-hero h1{font-size:clamp(44px,8vw,96px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin:0 0 20px}
.bc-hero h1 span{color:var(--bc-accent)}
.bc-hero p{color:var(--bc-muted);font-size:19px;max-width:620px;margin:0}
.bc-hero--split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:72px 0 56px}
.bc-hero__media{border-radius:8px;overflow:hidden;border:1px solid var(--bc-line);aspect-ratio:4/3;background:var(--bc-surface)}
.bc-hero__media img{width:100%;height:100%;object-fit:cover}
.bc-cats{display:flex;flex-wrap:wrap;gap:8px 24px;padding:20px 0;border-bottom:1px solid var(--bc-line)}
.bc-cats a{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--bc-muted);padding:6px 0;border-bottom:2px solid transparent}
.bc-cats a:hover,.bc-cats a.is-active{color:var(--bc-ink);border-color:var(--bc-accent)}
.bc-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:56px 0;border-bottom:1px solid var(--bc-line)}
.bc-feature__media{border-radius:8px;overflow:hidden;border:1px solid var(--bc-line);background:var(--bc-surface);aspect-ratio:16/9}
.bc-feature__media img{width:100%;height:100%;object-fit:cover}
body.whub-blog a.bc-feature__media--empty{display:flex;align-items:flex-end;padding:28px;font-weight:900;text-transform:uppercase;font-size:40px;letter-spacing:-1px;line-height:1;color:var(--bc-accent)}
.bc-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--bc-muted)}
.bc-meta a{color:var(--bc-accent)}
.bc-feature h2{font-size:clamp(28px,4vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.08;margin:16px 0}
.bc-feature h2 a:hover{color:var(--bc-accent)}
.bc-feature p{color:var(--bc-muted);font-size:17px;margin:0 0 24px}
.bc-list{list-style:none;margin:0;padding:0}
.bc-row{display:grid;grid-template-columns:180px 1fr 160px;gap:32px;padding:32px 0;border-bottom:1px solid var(--bc-line);align-items:start}
.bc-row__meta{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--bc-muted);line-height:1.8}
.bc-row__meta a{color:var(--bc-accent)}
.bc-row h3{font-size:24px;font-weight:800;line-height:1.15;margin:0 0 10px;letter-spacing:-.3px}
.bc-row h3 a:hover{color:var(--bc-accent)}
.bc-row p{color:var(--bc-muted);margin:0;font-size:16px}
.bc-row__thumb{border-radius:8px;overflow:hidden;border:1px solid var(--bc-line);aspect-ratio:4/3;background:var(--bc-surface)}
.bc-row__thumb img{width:100%;height:100%;object-fit:cover}
.bc-empty{padding:56px 0;color:var(--bc-muted)}
.bc-pag{display:flex;justify-content:center;gap:8px;padding:40px 0}
.bc-pag .page-numbers{padding:10px 14px;border:1px solid var(--bc-border);border-radius:4px;color:var(--bc-muted);font-size:13px}
.bc-pag .page-numbers.current,.bc-pag .page-numbers:hover{border-color:var(--bc-accent);color:var(--bc-ink)}
.bc-post{padding:72px 0 0}
.bc-post__head{max-width:860px;margin:0 auto 40px}
.bc-post__head h1{font-size:clamp(34px,5.5vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin:16px 0 20px}
.bc-post__cover{border-radius:8px;overflow:hidden;border:1px solid var(--bc-line);margin:0 auto 56px;max-width:var(--bc-col)}
.bc-post__cover img{width:100%;height:auto}
.bc-prose{max-width:var(--bc-measure);margin:0 auto;font-size:18px;line-height:1.7}
.bc-prose>*+*{margin-top:1.4em}
.bc-prose h2{font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.4px;margin-top:2.2em;padding-top:1.2em;border-top:1px solid var(--bc-line)}
.bc-prose h3{font-size:22px;font-weight:700;line-height:1.25;margin-top:1.8em}
.bc-prose h2+h3,.bc-prose h2+p,.bc-prose h3+p{margin-top:.6em}
.bc-prose p{margin-bottom:0}
.bc-prose a{color:var(--bc-accent);border-bottom:1px solid rgba(255,183,3,.4)}
.bc-prose a:hover{border-color:var(--bc-accent)}
.bc-prose strong{color:var(--bc-ink);font-weight:700}
.bc-prose ul,.bc-prose ol{padding-left:1.3em}
.bc-prose li{margin:.45em 0}
.bc-prose li::marker{color:var(--bc-accent)}
.bc-prose blockquote{margin:0;padding:8px 0 8px 24px;border-left:3px solid var(--bc-accent);color:var(--bc-muted);font-size:20px}
.bc-prose img{border-radius:8px;border:1px solid var(--bc-line)}
.bc-prose code{background:var(--bc-surface);border:1px solid var(--bc-line);padding:2px 6px;border-radius:4px;font-size:.9em}
.bc-prose pre{background:var(--bc-surface);border:1px solid var(--bc-line);padding:20px;border-radius:8px;overflow:auto;font-size:15px}
.bc-prose table{width:100%;border-collapse:collapse;font-size:16px}
.bc-prose th,.bc-prose td{padding:12px;border-bottom:1px solid var(--bc-line);text-align:left}
.bc-prose th{color:var(--bc-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.bc-sign{max-width:var(--bc-measure);margin:56px auto 0;display:flex;gap:20px;align-items:center;padding-top:28px;border-top:1px solid var(--bc-line)}
body.whub-blog .bc-sign img{filter:invert(1);width:56px;height:56px;border-radius:4px;border:1px solid var(--bc-border);object-fit:contain;background:var(--bc-surface);padding:8px}
.bc-sign strong{display:block;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--bc-accent)}
.bc-sign span{color:var(--bc-muted);font-size:15px}
.bc-cta{margin:72px 0 0;padding:72px 0;border-top:1px solid var(--bc-line);border-bottom:1px solid var(--bc-line);background:var(--bc-surface-alt)}
.bc-cta .bc-wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.bc-cta h2{font-size:clamp(28px,4vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.08;margin:0 0 12px}
.bc-cta p{color:var(--bc-muted);margin:0;max-width:560px;font-size:17px}
.bc-related{padding:56px 0}
.bc-related h2{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--bc-muted);font-weight:700;margin:0 0 8px}
.bc-footer{border-top:1px solid var(--bc-line);padding:40px 0;color:var(--bc-muted-deep);font-size:13px}
.bc-footer .bc-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bc-footer a{color:var(--bc-muted)}
.bc-footer a:hover{color:var(--bc-ink)}
.bc-wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--bc-wa);display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 8px 24px rgba(10,10,12,.5)}
.bc-wa svg{width:28px;height:28px;fill:#fff}
@media(max-width:900px){.bc-hero--split{grid-template-columns:1fr;gap:28px;padding:40px 0 32px}.bc-feature{grid-template-columns:1fr;gap:28px;padding:40px 0}.bc-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.bc-row__thumb{display:none}.bc-cta .bc-wrap{grid-template-columns:1fr}.bc-hero{padding:56px 0 36px}.bc-nav{display:none}}
@media(max-width:600px){body.whub-blog .bc-logo img{height:28px}.bc-prose{font-size:17px}.bc-post{padding:40px 0 0}.bc-header .bc-wrap{height:64px}.bc-logo img{height:28px}.bc-btn{padding:11px 14px;font-size:12px}}