/* ═══════════════════════════════════════
   BLAZE BLOG — SHARED STYLES
═══════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --orange:#FF4500;
  --purple:#7A2210;
  --pink:#C2650C;
  --bg:#07091A;
  --bg-mid:#0D1128;
  --bg-card:#111428;
  --white:#FFFFFF;
  --w70:rgba(255,255,255,0.70);
  --w40:rgba(255,255,255,0.40);
  --w15:rgba(255,255,255,0.07);
  --grad:linear-gradient(135deg,#FF4500,#C2650C,#3A1006);
  --grad-h:linear-gradient(135deg,#FF6020,#D6791F,#4A150A);
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:'Outfit',sans-serif;overflow-x:hidden;cursor:none;}
[data-en]{display:none !important;}
body.en [data-es]{display:none !important;}
body.en [data-en]{display:revert !important;}
body.en h1[data-en],body.en h2[data-en],body.en h3[data-en],body.en p[data-en],body.en div[data-en],body.en ul[data-en],body.en li[data-en],body.en a[data-en],body.en span.block[data-en]{display:block !important;}
body.en span[data-en]{display:inline !important;}

/* cursor */
.cursor{position:fixed;width:10px;height:10px;background:var(--orange);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s;mix-blend-mode:screen;}
.cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(255,69,0,0.5);border-radius:50%;pointer-events:none;z-index:9998;transition:transform .15s ease,width .3s,height .3s,border-color .3s;}
@media(max-width:900px){.cursor,.cursor-ring{display:none;}body{cursor:auto;}}

/* noise */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.4;}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 6vw;display:flex;align-items:center;justify-content:space-between;transition:background .4s,padding .4s;background:rgba(7,9,26,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,69,0,0.12);}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);text-decoration:none;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--w70);text-decoration:none;transition:color .3s;position:relative;}
.nav-links a.active{color:var(--orange);}
.nav-links a:hover{color:var(--white);}
.nav-right{display:flex;align-items:center;gap:16px;}
.lang-toggle{display:flex;background:var(--w15);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);}
.lang-btn{background:transparent;border:none;color:var(--w70);padding:6px 14px;font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:1.5px;cursor:pointer;transition:all .3s;}
.lang-btn.active{background:var(--orange);color:var(--white);}
.nav-cta{background:var(--grad);color:var(--white);border:none;padding:10px 22px;border-radius:4px;font-family:'Outfit',sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:opacity .3s,transform .3s;white-space:nowrap;}
.nav-cta:hover{opacity:.85;transform:translateY(-1px);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);}

/* hero */
.blog-hero{padding:160px 6vw 60px;text-align:center;position:relative;overflow:hidden;}
.blog-hero::before{content:'';position:absolute;width:600px;height:600px;left:50%;top:-100px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,69,0,0.10) 0%,transparent 65%);pointer-events:none;}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;position:relative;z-index:1;}
.eyebrow-line{width:40px;height:1px;background:var(--orange);}
.eyebrow-text{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--orange);font-weight:500;}
.blog-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,86px);line-height:.95;margin-bottom:20px;position:relative;z-index:1;}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.blog-hero p{font-size:15px;color:var(--w40);max-width:560px;margin:0 auto;line-height:1.8;position:relative;z-index:1;}

/* filter tags */
.blog-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:40px 6vw 0;position:relative;z-index:1;}
.filter-tag{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--w70);border:1px solid rgba(255,255,255,0.12);padding:8px 18px;border-radius:20px;cursor:pointer;transition:all .3s;background:transparent;font-family:'Outfit',sans-serif;}
.filter-tag.active,.filter-tag:hover{border-color:var(--orange);color:var(--orange);background:rgba(255,69,0,0.08);}

/* grid of posts */
.blog-grid{padding:60px 6vw 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:1400px;margin:0 auto;}
.post-card{background:var(--bg-card);border:1px solid rgba(255,255,255,0.05);padding:32px 28px;display:flex;flex-direction:column;transition:background .3s,transform .3s;text-decoration:none;color:inherit;}
.post-card:hover{background:#141730;transform:translateY(-4px);}
.post-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:16px;}
.post-title{font-family:'Bebas Neue',sans-serif;font-size:26px;line-height:1.1;margin-bottom:14px;color:var(--white);}
.post-excerpt{font-size:13px;color:var(--w40);line-height:1.7;margin-bottom:20px;flex:1;}
.post-read{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--w70);display:flex;align-items:center;gap:8px;}
.post-card:hover .post-read{color:var(--orange);}

/* article page */
.article-hero{padding:150px 6vw 40px;max-width:820px;margin:0 auto;position:relative;}
.article-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--w40);text-decoration:none;margin-bottom:28px;transition:color .3s;}
.article-back:hover{color:var(--orange);}
.article-cat{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:18px;}
.article-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,60px);line-height:1.02;margin-bottom:22px;}
.article-meta{display:flex;gap:20px;font-size:12px;color:var(--w40);letter-spacing:.5px;}
.article-body{max-width:820px;margin:0 auto;padding:0 6vw 60px;}
.article-body h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,3.5vw,36px);margin:48px 0 18px;line-height:1.1;}
.article-body p{font-size:16px;color:var(--w70);line-height:1.9;margin-bottom:20px;}
.article-body p strong{color:var(--white);font-weight:600;}
.article-body ul{margin:0 0 24px 0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.article-body ul li{font-size:15px;color:var(--w70);line-height:1.6;display:flex;align-items:flex-start;gap:10px;padding-left:0;}
.article-body ul li::before{content:'→';color:var(--orange);flex-shrink:0;margin-top:1px;}
.article-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(19px,2.2vw,24px);color:var(--w70);line-height:1.6;border-left:2px solid var(--orange);padding-left:24px;margin:36px 0;}
.article-cta{background:var(--bg-card);border:1px solid rgba(255,69,0,0.2);border-radius:6px;padding:36px 32px;margin:48px 0;text-align:center;}
.article-cta h3{font-family:'Bebas Neue',sans-serif;font-size:28px;margin-bottom:12px;}
.article-cta p{color:var(--w40);font-size:14px;margin-bottom:22px;}
.btn-fire{background:var(--grad);color:var(--white);border:none;padding:15px 34px;border-radius:3px;font-family:'Outfit',sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s;}
.btn-fire:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,69,0,0.3);}

/* related */
.related{max-width:1000px;margin:0 auto;padding:20px 6vw 100px;}
.related-title{font-family:'Bebas Neue',sans-serif;font-size:28px;margin-bottom:28px;color:var(--w70);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}

/* footer */
footer{background:var(--bg);border-top:1px solid rgba(255,255,255,0.06);padding:48px 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;position:relative;z-index:1;}
.footer-isotipo{height:56px;width:auto;filter:drop-shadow(0 0 20px rgba(255,69,0,0.25));}
.footer-copy{font-size:12px;color:var(--w40);letter-spacing:1px;}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;}
.footer-links a{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--w40);text-decoration:none;transition:color .3s;}
.footer-links a:hover{color:var(--orange);}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* responsive */
@media(max-width:900px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .blog-grid{grid-template-columns:1fr;padding:40px 6vw 80px;}
  .related-grid{grid-template-columns:1fr;}
  .blog-hero{padding:130px 6vw 40px;}
  .article-hero{padding:120px 6vw 30px;}
  footer{flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
  .article-meta{flex-wrap:wrap;}
}
@media(max-width:600px){
  .blog-filters{gap:8px;}
  .filter-tag{padding:6px 14px;font-size:10px;}
}