/* ════════════════════════════════════════════════════════════
   Legalízanos — Blog
   Hoja de estilos compartida: índice (Blog.html) + artículos.
   Misma identidad que la landing (coral / tinta / crema).
   ════════════════════════════════════════════════════════════ */

:root{
  --coral:#e26a45; --coral-deep:#c9542f; --coral-soft:#f7e4da; --coral-tint:#fbeee7; --coral-light:#f2a888;
  --ink:#1a1f30; --ink-2:#4a5165; --muted:#6f7689;
  --cream:#faf5ec; --cream-2:#fffdf8; --line:#ece3d4; --track:#e9e1d2;
  --disp:'Bricolage Grotesque',system-ui,sans-serif; --body:'Hanken Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--cream); color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;}
a{color:inherit; text-decoration:none;}
.dot{color:var(--coral);}
.wrap{max-width:1240px; margin:0 auto; padding:0 56px;}
h1,h2,h3,h4{margin:0;}
img{display:block; max-width:100%;}

/* botones */
.btn{position:relative; overflow:hidden; isolation:isolate; font-family:var(--body); font-weight:700; font-size:16px; cursor:pointer; border:none; padding:15px 28px; border-radius:999px; white-space:nowrap; display:inline-flex; align-items:center; gap:10px; transition:box-shadow .3s ease, color .3s ease, background .3s ease; text-decoration:none;}
.btn > *{position:relative; z-index:1;}
.btn::before{content:""; position:absolute; z-index:0; top:50%; right:24px; width:15px; height:15px; border-radius:50%; transform:translateY(-50%) scale(0); transition:transform .55s cubic-bezier(.62,0,.18,1);}
.btn-coral{background:var(--coral); color:#fff;}
.btn-coral::before{background:var(--coral-deep); right:50%; margin-right:-7px;}
.btn-coral:hover::before{transform:translateY(-50%) scale(28);}
.btn-coral:hover{box-shadow:0 0 0 5px rgba(226,106,69,.22);}
.btn-ink{background:var(--ink); color:var(--cream);}
.btn-ink::before{background:var(--coral);}
.btn-ink:hover::before{transform:translateY(-50%) scale(28);}
.btn-ink:hover{box-shadow:0 0 0 5px rgba(226,106,69,.30);}
.btn-ink .d{width:8px; height:8px; border-radius:50%; background:var(--coral);}
.btn-ghost{background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1.5px rgba(26,31,48,.4);}
.btn-ghost:hover{color:var(--coral-deep); box-shadow:inset 0 0 0 1.5px var(--coral);}
.btn-ghost-light{background:transparent; color:var(--cream); box-shadow:inset 0 0 0 1.5px rgba(250,245,236,.32);}
.btn-ghost-light:hover{color:#fff; box-shadow:inset 0 0 0 1.5px var(--coral);}

/* kicker */
.kick{display:inline-flex; align-items:center; gap:10px; white-space:nowrap; font-size:13.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--coral-deep); margin-bottom:18px;}
.kick .ln{width:22px; height:2px; background:var(--coral); border-radius:2px;}

/* ════════ NAV ════════ */
.nav{position:sticky; top:0; z-index:40; background:rgba(250,245,236,.85); backdrop-filter:blur(12px); border-bottom:1px solid transparent; transition:box-shadow .25s, border-color .25s, background .25s;}
.nav.scrolled{background:rgba(255,253,248,.92); box-shadow:0 6px 24px rgba(26,31,48,.07); border-bottom-color:var(--line);}
.nav-in{max-width:1240px; margin:0 auto; padding:0 56px; height:82px; display:flex; align-items:center; gap:30px;}
.nav-brand{display:flex; align-items:center; gap:11px; flex:0 0 auto;}
.nav-brand img{height:32px;}
.nav-brand .nm{font-family:var(--disp); font-weight:700; font-size:22px; letter-spacing:-.02em; color:var(--ink);}
.nav-links{display:flex; align-items:center; gap:4px; margin-left:8px;}
.nav-links a{font-size:15.5px; font-weight:600; color:var(--ink); padding:9px 14px; border-radius:10px; transition:.15s;}
.nav-links a:hover{background:var(--coral-tint); color:var(--coral-deep);}
.nav-links a.active{color:var(--coral-deep); background:var(--coral-tint);}
.nav-act{display:flex; align-items:center; gap:12px; margin-left:auto; flex:0 0 auto;}
.nav-wa{position:relative; overflow:hidden; isolation:isolate; display:flex; align-items:center; gap:10px; padding:8px 16px 8px 10px; border-radius:999px; background:var(--ink); transition:box-shadow .34s ease;}
.nav-wa > *{position:relative; z-index:1;}
.nav-wa-dot{width:9px; height:9px; border-radius:50%; background:var(--coral); flex:0 0 auto; margin-left:4px;}
.nav-wa::before{content:""; position:absolute; z-index:0; top:50%; left:27px; width:15px; height:15px; border-radius:50%; background:var(--coral); transform:translateY(-50%) scale(0); transition:transform .55s cubic-bezier(.62,0,.18,1);}
.nav-wa:hover{box-shadow:0 0 0 5px rgba(226,106,69,.30);}
.nav-wa:hover::before{transform:translateY(-50%) scale(30);}
.nav-wa .tx{display:flex; flex-direction:column; line-height:1.1;}
.nav-wa .tx b{font-size:14px; font-weight:700; color:var(--cream);}
.nav-wa .tx i{font-size:11.5px; font-style:normal; color:rgba(250,245,236,.62);}

/* ════════ chips de categoría ════════ */
.cat{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:.02em; padding:5px 12px; border-radius:999px; background:var(--coral-tint); color:var(--coral-deep); white-space:nowrap;}
.cat.ink{background:rgba(26,31,48,.06); color:var(--ink-2);}
.cat-dot{width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.7;}

/* meta (fecha · lectura) */
.meta{display:inline-flex; align-items:center; gap:10px; font-size:13.5px; color:var(--muted); font-weight:600;}
.meta .sep{width:4px; height:4px; border-radius:50%; background:var(--track);}

/* ════════════════════════════════════════════════════════════
   ÍNDICE DEL BLOG
   ════════════════════════════════════════════════════════════ */
.blog-hero{padding:60px 0 36px;}
.blog-hero-in{max-width:760px;}
.blog-hero h1{font-family:var(--disp); font-weight:700; font-size:54px; line-height:1.1; letter-spacing:-.035em; color:var(--ink); margin:0 0 18px; text-wrap:balance; padding-bottom:.03em;}
.blog-hero p{font-size:19px; color:var(--ink-2); margin:0; max-width:54ch;}

/* filtros de categoría */
.blog-filters{display:flex; flex-wrap:wrap; gap:9px; padding:6px 0 38px; border-bottom:1px solid var(--line); margin-bottom:40px;}
.filter{font-family:var(--body); font-size:14px; font-weight:700; color:var(--ink-2); background:var(--cream-2); border:1.5px solid var(--line); border-radius:999px; padding:9px 17px; cursor:pointer; transition:.18s; white-space:nowrap;}
.filter:hover{border-color:var(--coral); color:var(--coral-deep);}
.filter.active{background:var(--ink); border-color:var(--ink); color:var(--cream);}

/* destacado */
.blog-feat{display:grid; grid-template-columns:1.05fr .95fr; gap:0; background:var(--ink); border-radius:26px; overflow:hidden; margin-bottom:46px; box-shadow:0 26px 60px rgba(26,31,48,.14);}
.blog-feat-art{position:relative; overflow:hidden; background:linear-gradient(150deg,#232c44,#13172a); min-height:330px; display:flex; align-items:center; justify-content:center; padding:40px;}
.blog-feat-art .bigdot{position:absolute; width:300px; height:300px; border-radius:50%; background:var(--coral); opacity:.18; top:-90px; right:-70px;}
.blog-feat-art .doc{position:relative; z-index:1; width:160px; height:208px; background:var(--cream-2); border-radius:10px; box-shadow:0 30px 60px rgba(0,0,0,.4); transform:rotate(-5deg); padding:22px 18px;}
.blog-feat-art .doc::before{content:""; position:absolute; right:-16px; bottom:-16px; width:64px; height:64px; border-radius:50%; background:var(--coral); box-shadow:0 10px 24px rgba(226,106,69,.5);}
.blog-feat-art .doc .ln{height:7px; border-radius:3px; background:var(--line); margin-bottom:11px;}
.blog-feat-art .doc .ln.t{height:11px; background:var(--ink); width:70%; margin-bottom:18px;}
.blog-feat-art .doc .ln.s{width:90%;} .blog-feat-art .doc .ln.s2{width:78%;} .blog-feat-art .doc .ln.s3{width:84%;}
.blog-feat-art .stamp{position:absolute; z-index:2; right:24px; bottom:24px; width:78px; height:78px; border-radius:50%; border:2.5px dashed rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; color:#fff; transform:rotate(-12deg);}
.blog-feat-body{padding:48px 50px; display:flex; flex-direction:column; justify-content:center; color:var(--cream);}
.blog-feat-tags{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px;}
.blog-feat-body .cat{background:rgba(242,168,136,.18); color:var(--coral-light);}
.blog-feat-body h2{font-family:var(--disp); font-weight:700; font-size:32px; line-height:1.18; letter-spacing:-.025em; color:#fff; margin:0 0 14px; text-wrap:balance;}
.blog-feat-body p{font-size:16px; color:rgba(250,245,236,.74); margin:0 0 24px; line-height:1.55;}
.blog-feat-body .meta{color:rgba(250,245,236,.6); margin-bottom:24px;}
.blog-feat-body .meta .sep{background:rgba(250,245,236,.3);}
.blog-feat-read{display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:15.5px; color:var(--coral-light); align-self:flex-start;}
.blog-feat-read .ar{transition:transform .25s;}
.blog-feat:hover .blog-feat-read .ar{transform:translateX(4px);}
.blog-feat-tag-pill{position:absolute; top:22px; left:22px; z-index:2; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink); background:var(--coral-light); padding:6px 13px; border-radius:999px;}

/* grid de tarjetas */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.post-card{display:flex; flex-direction:column; background:var(--cream-2); border:1px solid var(--line); border-radius:20px; overflow:hidden; transition:transform .2s, box-shadow .2s, border-color .2s;}
.post-card:hover{transform:translateY(-4px); box-shadow:0 22px 46px rgba(26,31,48,.10); border-color:transparent;}
.post-card-art{position:relative; height:148px; background:linear-gradient(150deg,#f1e7d6,#e7dcc7); overflow:hidden; flex:0 0 auto;}
.post-card-art .blob{position:absolute; width:150px; height:150px; border-radius:50%; background:var(--coral); opacity:.16; top:-50px; right:-40px;}
.post-card-art .gl{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--coral-deep); opacity:.5;}
.post-card-art.ink{background:linear-gradient(150deg,#232c44,#13172a);}
.post-card-art.ink .gl{color:var(--coral-light); opacity:.7;}
.post-card-art.ink .blob{opacity:.22;}
.post-card-cat{position:absolute; top:14px; left:14px; z-index:2;}
.post-card-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1 1 auto;}
.post-card h3{font-family:var(--disp); font-weight:700; font-size:18.5px; line-height:1.18; letter-spacing:-.01em; color:var(--ink); margin:0 0 10px; text-wrap:pretty;}
.post-card p{font-size:14px; color:var(--muted); margin:0 0 18px; line-height:1.5; flex:1 1 auto;}
.post-card .meta{font-size:12.5px; margin-top:auto;}

/* paginación */
.blog-pag{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:54px;}
.blog-pag a, .blog-pag span{display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border-radius:12px; font-weight:700; font-size:15px; color:var(--ink-2); background:var(--cream-2); border:1.5px solid var(--line); transition:.15s;}
.blog-pag a:hover{border-color:var(--coral); color:var(--coral-deep);}
.blog-pag .cur{background:var(--ink); border-color:var(--ink); color:var(--cream);}
.blog-pag .nav-pg{font-weight:600;}

/* ════════════════════════════════════════════════════════════
   ARTÍCULO
   ════════════════════════════════════════════════════════════ */
.crumbs{display:flex; align-items:center; gap:9px; padding:26px 0 0; font-size:13.5px; color:var(--muted); font-weight:600; flex-wrap:wrap;}
.crumbs a:hover{color:var(--coral-deep);}
.crumbs .sep{color:var(--track);}
.crumbs .cur{color:var(--ink-2);}

.post-head{padding:26px 0 30px; border-bottom:1px solid var(--line); margin-bottom:0;}
.post-head .tags{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px;}
.post-head h1{font-family:var(--disp); font-weight:700; font-size:46px; line-height:1.2; letter-spacing:-.035em; color:var(--ink); margin:0 0 18px; text-wrap:balance; max-width:30ch; padding-bottom:.04em;}
.post-head .meta{font-size:14.5px;}

/* layout artículo: cuerpo + rail TOC */
.post-grid{display:grid; grid-template-columns:280px minmax(0,1fr); gap:64px; align-items:start; max-width:1120px; margin:0 auto; padding:48px 0 20px;}
.post-body{min-width:0; max-width:760px;}

/* índice (TOC) — rail derecho sticky */
.post-rail{position:sticky; top:104px; display:flex; flex-direction:column; gap:20px;}
.toc{background:var(--cream-2); border:1px solid var(--line); border-radius:18px; padding:22px 22px;}
.toc-h{display:flex; align-items:center; gap:9px; font-family:var(--disp); font-weight:700; font-size:14px; letter-spacing:.02em; color:var(--ink); margin-bottom:14px; text-transform:uppercase;}
.toc-h .ic{color:var(--coral-deep); display:flex;}
.toc ol{list-style:none; margin:0; padding:0; counter-reset:toc; display:flex; flex-direction:column; gap:2px;}
.toc li{counter-increment:toc;}
.toc a{display:flex; gap:10px; align-items:baseline; padding:7px 10px; border-radius:9px; font-size:13.5px; line-height:1.35; color:var(--ink-2); font-weight:600; transition:.15s; border-left:2px solid transparent;}
.toc a::before{content:counter(toc,decimal-leading-zero); font-family:var(--disp); font-size:11px; font-weight:700; color:var(--track); flex:0 0 auto;}
.toc a:hover{background:var(--coral-tint); color:var(--coral-deep);}
.toc a.active{background:var(--coral-tint); color:var(--coral-deep);}
.toc a.active::before{color:var(--coral);}

/* tarjeta servicio recomendado */
.rail-svc{background:linear-gradient(155deg,#232c44,#13172a); border-radius:18px; padding:24px 24px; color:var(--cream); position:relative; overflow:hidden;}
.rail-svc .bd{position:absolute; width:160px; height:160px; border-radius:50%; background:var(--coral); opacity:.16; bottom:-70px; right:-50px;}
.rail-svc > *{position:relative; z-index:1;}
.rail-svc .k{font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--coral-light); margin-bottom:10px;}
.rail-svc h4{font-family:var(--disp); font-weight:700; font-size:19px; color:#fff; margin:0 0 8px; letter-spacing:-.01em;}
.rail-svc p{font-size:13.5px; color:rgba(250,245,236,.72); margin:0 0 16px; line-height:1.5;}
.rail-svc a{display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--coral-light);}

/* tipografía del cuerpo */
.post-body .lead{font-size:20px; line-height:1.55; color:var(--ink); font-weight:500; margin:0 0 28px; text-wrap:pretty;}
.post-body h2{font-family:var(--disp); font-weight:700; font-size:28px; line-height:1.16; letter-spacing:-.02em; color:var(--ink); margin:42px 0 16px; scroll-margin-top:100px; text-wrap:balance;}
.post-body h3{font-family:var(--disp); font-weight:700; font-size:20px; letter-spacing:-.01em; color:var(--ink); margin:30px 0 12px;}
.post-body p{font-size:17px; line-height:1.68; color:var(--ink-2); margin:0 0 18px;}
.post-body p b, .post-body li b{color:var(--ink); font-weight:700;}
.post-body a:not(.btn):not(.ilink){color:var(--coral-deep); font-weight:600; text-decoration:underline; text-decoration-color:var(--coral-light); text-underline-offset:3px;}
.post-body ul, .post-body ol{margin:0 0 20px; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:11px;}
.post-body ul li{position:relative; padding-left:30px; font-size:17px; line-height:1.6; color:var(--ink-2);}
.post-body ul li::before{content:""; position:absolute; left:6px; top:11px; width:8px; height:8px; border-radius:50%; background:var(--coral);}
.post-body ol{counter-reset:steps;}
.post-body ol li{counter-increment:steps; position:relative; padding-left:42px; font-size:17px; line-height:1.6; color:var(--ink-2); min-height:30px;}
.post-body ol li::before{content:counter(steps); position:absolute; left:0; top:1px; width:28px; height:28px; border-radius:50%; background:var(--coral-tint); color:var(--coral-deep); font-family:var(--disp); font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center;}
.post-body hr{border:none; border-top:1px solid var(--line); margin:34px 0;}

/* callouts / avisos */
.callout{position:relative; border-radius:16px; padding:22px 24px 22px 56px; margin:24px 0; font-size:15.5px; line-height:1.55;}
.callout .ic{position:absolute; left:20px; top:22px; display:flex;}
.callout b{font-weight:700;}
.callout.warn{background:var(--coral-tint); color:#7c3a22;}
.callout.warn .ic{color:var(--coral-deep);}
.callout.warn b{color:var(--coral-deep);}
.callout.info{background:rgba(26,31,48,.05); color:var(--ink-2);}
.callout.info .ic{color:var(--ink);}
.callout.info b{color:var(--ink);}
.callout .ct{margin:0;}
.callout .ct + .ct{margin-top:8px;}

/* caja CTA WhatsApp intra-texto */
.cta-box{position:relative; overflow:hidden; background:var(--ink); border-radius:20px; padding:30px 32px; margin:34px 0; display:flex; align-items:center; gap:24px; flex-wrap:wrap;}
.cta-box .bd{position:absolute; width:240px; height:240px; border-radius:50%; background:var(--coral); opacity:.14; top:-110px; right:-60px;}
.cta-box > *{position:relative; z-index:1;}
.cta-box .tx{flex:1 1 280px;}
.cta-box .tx b{display:block; font-family:var(--disp); font-weight:700; font-size:20px; color:var(--cream); margin-bottom:6px; letter-spacing:-.01em;}
.cta-box .tx span{font-size:15px; color:rgba(250,245,236,.74); line-height:1.5;}
.cta-box .btn-wa{flex:0 0 auto; position:relative; overflow:hidden; isolation:isolate; display:inline-flex; align-items:center; gap:10px; background:#25D366; color:#06301c; font-weight:800; font-size:15.5px; padding:14px 24px; border-radius:999px; text-decoration:none; transition:box-shadow .3s, transform .2s;}
.cta-box .btn-wa svg{color:#06301c;}
.cta-box .btn-wa:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(37,211,102,.4);}

/* fuentes */
.sources{background:var(--cream-2); border:1px solid var(--line); border-radius:16px; padding:22px 26px; margin:34px 0;}
.sources h4{display:flex; align-items:center; gap:9px; font-family:var(--disp); font-weight:700; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); margin:0 0 14px;}
.sources h4 .ic{color:var(--coral-deep); display:flex;}
.sources ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px;}
.sources li{font-size:14.5px; line-height:1.45;}
.sources a{color:var(--coral-deep); font-weight:600; text-decoration:underline; text-decoration-color:var(--coral-light); text-underline-offset:2px; word-break:break-word;}

/* bloque CTA final + compartir */
.post-end{max-width:1080px; margin:0 auto; padding:10px 0 0;}
.end-cta{position:relative; overflow:hidden; background:var(--coral); border-radius:22px; padding:36px 40px; display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap;}
.end-cta .bd{position:absolute; border-radius:50%; background:rgba(255,255,255,.12);}
.end-cta .bd.a{width:260px; height:260px; top:-110px; right:-40px;}
.end-cta .bd.b{width:180px; height:180px; bottom:-110px; left:60px;}
.end-cta .tx{position:relative; z-index:1; flex:1 1 320px;}
.end-cta .tx h3{font-family:var(--disp); font-weight:700; font-size:25px; color:#fff; margin:0 0 8px; letter-spacing:-.02em; text-wrap:balance;}
.end-cta .tx p{font-size:16px; color:rgba(255,255,255,.92); margin:0; line-height:1.5;}
.end-cta .btn-cream{position:relative; z-index:1; background:var(--cream-2); color:var(--ink); flex:0 0 auto;}
.end-cta .btn-cream::before{background:var(--ink); right:50%; margin-right:-7px;}
.end-cta .btn-cream:hover::before{transform:translateY(-50%) scale(28);}
.end-cta .btn-cream:hover{color:#fff; box-shadow:0 0 0 5px rgba(26,31,48,.18);}

.share-row{display:flex; align-items:center; gap:14px; margin:30px 0 0; padding-top:26px; border-top:1px solid var(--line); flex-wrap:wrap;}
.share-row .lbl{font-weight:700; font-size:14.5px; color:var(--ink-2);}
.share-btn{display:inline-flex; align-items:center; gap:8px; font-family:var(--body); font-weight:700; font-size:14px; color:var(--ink-2); background:var(--cream-2); border:1.5px solid var(--line); border-radius:999px; padding:9px 17px; cursor:pointer; transition:.18s; text-decoration:none;}
.share-btn:hover{border-color:var(--coral); color:var(--coral-deep);}
.share-btn.wa:hover{border-color:#25D366; color:#1c8a47;}
.share-btn .ok{color:#1c8a47;}

/* relacionados */
.related{padding:64px 0 20px;}
.related h2{font-family:var(--disp); font-weight:700; font-size:30px; letter-spacing:-.025em; color:var(--ink); margin:0 0 26px; text-align:center;}
.related h2 .coral{color:var(--coral);}
.related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1080px; margin:0 auto;}

/* ════════ FOOTER ════════ */
.foot{background:var(--ink); color:rgba(250,245,236,.62); padding:64px 0 34px; font-size:15px; margin-top:30px;}
.foot-top{display:grid; grid-template-columns:1.7fr 1fr 1fr 1.1fr; gap:40px; padding-bottom:42px; border-bottom:1px solid rgba(250,245,236,.12);}
.foot-brand .lg{display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.foot-brand .lg img{height:28px;}
.foot-brand .lg span{font-family:var(--disp); font-weight:700; font-size:20px; color:var(--cream);}
.foot-brand p{margin:0 0 20px; max-width:30ch; line-height:1.55;}
.foot-wa2{display:inline-flex; align-items:center; gap:11px; padding:10px 18px 10px 12px; border-radius:999px; box-shadow:inset 0 0 0 1.5px rgba(250,245,236,.2); transition:box-shadow .2s;}
.foot-wa2:hover{box-shadow:inset 0 0 0 1.5px var(--coral);}
.foot-wa2 .ic{width:36px; height:36px; border-radius:50%; background:rgba(242,168,136,.16); color:var(--coral-light); display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.foot-wa2 .tx{display:flex; flex-direction:column; line-height:1.15;}
.foot-wa2 .tx b{color:var(--cream); font-size:14.5px;}
.foot-wa2 .tx i{font-style:normal; font-size:12px; color:rgba(250,245,236,.55);}
.foot-col h4{font-family:var(--disp); font-size:15px; font-weight:700; color:var(--cream); margin:0 0 16px;}
.foot-col a{display:block; margin-bottom:11px; transition:color .15s;}
.foot-col a:hover{color:var(--coral-light);}
.foot-office{display:flex; gap:10px; margin-bottom:14px;}
.foot-office .ic{color:var(--coral-light); flex:0 0 auto; margin-top:2px;}
.foot-office span{display:flex; flex-direction:column; line-height:1.4;}
.foot-office b{color:var(--cream); font-weight:700;}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:26px; font-size:13.5px; color:rgba(250,245,236,.42); flex-wrap:wrap; gap:12px;}
.foot-legal{display:flex; gap:22px;}
.foot-legal a:hover{color:var(--coral-light);}

/* ════════ responsive ════════ */
@media (max-width:1080px){
  .wrap, .nav-in{padding:0 32px;}
  .nav-links{display:none;}
  .blog-grid, .related-grid{grid-template-columns:1fr 1fr;}
  .blog-feat{grid-template-columns:1fr;}
  .blog-feat-art{min-height:220px;}
  .post-grid{grid-template-columns:1fr; gap:0; max-width:720px;}
  .post-rail{position:static; margin-bottom:8px;}
  .toc{margin-top:30px;}
  .foot-top{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .wrap, .nav-in{padding:0 22px;}
  .blog-hero h1{font-size:40px;}
  .post-head h1{font-size:33px;}
  .post-body .lead{font-size:18px;}
  .post-body h2{font-size:24px;}
  .blog-grid, .related-grid{grid-template-columns:1fr;}
  /* Tarjeta destacada del blog — formato más limpio en móvil */
  .blog-feat-art{min-height:196px; padding:30px;}
  .blog-feat-body{padding:30px 26px 32px;}
  .blog-feat-tags{margin-bottom:14px;}
  .blog-feat-body h2{font-size:27px; line-height:1.14; margin-bottom:12px;}
  .blog-feat-body p{font-size:15px; margin-bottom:18px;}
  .blog-feat-body .meta{margin-bottom:20px; font-size:13px;}
  .blog-feat-read{background:var(--coral); color:#fff; padding:13px 22px; border-radius:999px; justify-content:center; align-self:stretch;}
  .end-cta{padding:28px 24px;}
  .foot-top{grid-template-columns:1fr;}
}