/* Blog styles */
body{padding-top:0}
#navbar{top:0!important}

.blog-article{max-width:100%;font-family:'Plus Jakarta Sans',sans-serif}
.blog-hero{padding:8rem 2rem 4rem;color:white;text-align:center}
.bh-inner{max-width:800px;margin:0 auto}
.bh-tag{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.blog-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3rem);color:#fff;margin-bottom:1.25rem;line-height:1.2}
.bh-sub{color:rgba(255,255,255,0.6);font-size:1rem;font-weight:300;line-height:1.7;margin-bottom:1.5rem}
.bh-meta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:0.75rem;color:rgba(255,255,255,0.4)}

.blog-body{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}
.blog-content h2{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--navy);margin:2.5rem 0 1rem;border-bottom:2px solid var(--gold);padding-bottom:0.5rem;display:inline-block}
.blog-content p{font-size:0.93rem;color:var(--gray);line-height:1.8;margin-bottom:1.25rem}
.blog-intro{background:var(--off);border-left:4px solid var(--gold);padding:1.5rem;border-radius:0 var(--r) var(--r) 0;margin-bottom:2rem}
.blog-intro p{margin:0;font-size:0.95rem;color:var(--navy);font-weight:400}

.blog-toc{background:var(--navy);border-radius:var(--r);padding:1.5rem;margin-bottom:2.5rem}
.toc-title{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:600}
.blog-toc ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.blog-toc a{color:rgba(255,255,255,0.6);font-size:0.85rem;transition:var(--tr)}.blog-toc a:hover{color:var(--gold)}

.comparison-box{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}
.cb-col{background:var(--off);border-radius:var(--r);padding:1.5rem}
.cb-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--navy);margin-bottom:1rem}
.cb-col ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.cb-col li{font-size:0.83rem;color:var(--gray);line-height:1.5}

.blog-tip{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--r);padding:1rem 1.25rem;margin:1.5rem 0;font-size:0.85rem;color:#15803d;line-height:1.6}
.blog-warning{background:#fff8e6;border:1px solid #fde68a;border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.5rem 0}
.blog-warning h4{color:#92400e;font-size:0.95rem;margin-bottom:0.75rem}
.blog-warning ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.blog-warning li{font-size:0.83rem;color:#92400e;padding-left:0.5rem;line-height:1.5}

.cowork-card{background:#fff;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin:1.5rem 0;box-shadow:var(--shadow)}
.cc-header{background:var(--navy);padding:1.25rem 1.5rem}
.cc-name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--gold)}
.cc-locations{font-size:0.75rem;color:rgba(255,255,255,0.5);margin-top:0.25rem}
.cc-rating{font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:0.35rem}
.cc-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem}
.cc-col h4{color:var(--navy);font-size:0.9rem;margin-bottom:0.5rem}
.cc-col p{font-size:0.83rem;color:var(--gray);line-height:1.65}
.cc-prices{background:var(--off);border-radius:var(--r);padding:1.1rem}
.cp-title{font-size:0.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:0.75rem}
.cp-item{display:flex;justify-content:space-between;align-items:center;padding:0.4rem 0;border-bottom:1px solid var(--border);font-size:0.82rem;color:var(--gray)}
.cp-item strong{color:var(--navy);font-weight:600}
.cc-tip{font-size:0.75rem;color:var(--gray);background:rgba(200,169,110,0.08);border:1px solid rgba(200,169,110,0.2);border-radius:6px;padding:0.6rem 0.75rem;margin-top:0.75rem;line-height:1.5}

.budget-table{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin:1.5rem 0}
.bt-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:0;font-size:0.82rem}
.bt-row>div{padding:0.75rem 1rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
.bt-row>div:last-child{border-right:none}
.bt-row.header{background:var(--navy);color:rgba(255,255,255,0.6);font-size:0.72rem;font-weight:600;letter-spacing:0.5px}
.bt-row.total{background:var(--off);font-weight:500}
.bt-row:last-child>div{border-bottom:none}

.blog-cta-box{background:var(--navy);border-radius:var(--r2);padding:2rem;text-align:center;margin:2.5rem 0}
.blog-cta-box h4{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:1.3rem;margin-bottom:0.75rem}
.blog-cta-box p{color:rgba(255,255,255,0.55);font-size:0.88rem;margin-bottom:1.5rem;line-height:1.65}

/* Sidebar */
.blog-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}
.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;box-shadow:var(--shadow)}
.sidebar-card.warning-card{background:#fff8e6;border-color:#fde68a}
.sc-title{font-size:0.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray);margin-bottom:0.75rem;font-weight:600}
.sc-winner{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--navy);margin-bottom:0.25rem}
.sc-price{font-size:1.5rem;font-family:'Cormorant Garamond',serif;color:var(--gold);margin-bottom:1rem}
.sc-features{list-style:none;display:flex;flex-direction:column;gap:0.4rem}
.sc-features li{font-size:0.8rem;color:var(--gray)}
.sc-data-list{display:flex;flex-direction:column;gap:0.5rem}
.sdl-item{display:flex;justify-content:space-between;font-size:0.8rem;padding:0.35rem 0;border-bottom:1px solid var(--border)}
.sdl-item span:first-child{color:var(--gray)}.sdl-item span:last-child{color:var(--navy);font-weight:500}

.blog-footer-nav{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}
.btn-back-blog{color:var(--gray);font-size:0.88rem;transition:var(--tr)}.btn-back-blog:hover{color:var(--teal2)}

/* Data cards for articles */
.data-table{width:100%;border-collapse:collapse;font-size:0.83rem;margin:1.5rem 0}
.data-table th{background:var(--navy);color:rgba(255,255,255,0.6);padding:0.75rem 1rem;text-align:left;font-weight:500}
.data-table td{padding:0.65rem 1rem;border-bottom:1px solid var(--border);color:var(--gray)}
.data-table tr:hover td{background:var(--off)}
.data-table .check{color:var(--teal2);font-weight:700}.data-table .cross{color:#dc2626}

.highlight-box{background:var(--off);border-left:4px solid var(--teal2);padding:1.25rem 1.5rem;border-radius:0 var(--r) var(--r) 0;margin:1.5rem 0}
.highlight-box h4{color:var(--navy);margin-bottom:0.5rem}.highlight-box p{font-size:0.85rem;color:var(--gray);line-height:1.7;margin:0}

@media(max-width:900px){
  .blog-body{grid-template-columns:1fr}.blog-sidebar{position:static}
  .cc-body{grid-template-columns:1fr}.comparison-box{grid-template-columns:1fr}
  .bt-row{grid-template-columns:1fr 1fr}.bt-row>div:nth-child(3){display:none}.bt-row>div:nth-child(4){display:none}
}

/* ═══════════════════════════════════════════════════════════
   EXTENSIÓN BLOG.CSS — clases para artículos nuevos
   ═══════════════════════════════════════════════════════════ */

/* ── BLOG CONTENT ─────────────────────────────────────────── */
.blog-content{min-width:0}
.blog-content h2{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--navy);margin:2.5rem 0 1rem;border-bottom:2px solid var(--gold);padding-bottom:0.5rem;display:inline-block}
.blog-content h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--navy);margin:1.75rem 0 0.75rem}
.blog-content p{font-size:0.93rem;color:var(--gray);line-height:1.8;margin-bottom:1.25rem}

/* ── TOC ───────────────────────────────────────────────────── */
.toc{background:var(--navy);border:1px solid rgba(200,169,110,0.2);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}
.toc-title{font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:600}
.toc ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:0.4rem;margin:0}
.toc a{color:rgba(255,255,255,0.6);font-size:0.84rem;text-decoration:none;transition:color 0.2s}
.toc a:hover{color:var(--gold)}

/* ── CHECKLIST ─────────────────────────────────────────────── */
.checklist{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column;gap:0.75rem}
.checklist li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.88rem;color:var(--gray);line-height:1.7;padding:0.75rem 1rem;background:var(--off);border-radius:8px;border:1px solid var(--border)}
.checklist li::before{content:"✓";color:var(--teal);font-weight:700;flex-shrink:0;margin-top:1px}
.checklist li strong{color:var(--navy)}
.warning-checklist{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column;gap:0.75rem}
.warning-checklist li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.88rem;color:var(--gray);line-height:1.7;padding:0.75rem 1rem;background:rgba(220,38,38,0.04);border-radius:8px;border:1px solid rgba(220,38,38,0.15)}
.warning-checklist li::before{content:"⚠";color:#dc2626;font-weight:700;flex-shrink:0}

/* ── BLOG CTA BOX ──────────────────────────────────────────── */
.blog-cta-box{background:var(--navy);border-radius:14px;padding:2rem;text-align:center;margin:2.5rem 0}
.blog-cta-box h3{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:1.4rem;margin-bottom:0.75rem}
.blog-cta-box p{color:rgba(255,255,255,0.5);font-size:0.88rem;margin-bottom:1.25rem;line-height:1.65}
.blog-cta-btn{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--gold),var(--gold2,#b89660));color:var(--navy);padding:0.9rem 2rem;border-radius:10px;font-weight:700;font-size:0.92rem;text-decoration:none;transition:all 0.2s}
.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,169,110,0.3)}

/* ── EXPERT CALLOUT ────────────────────────────────────────── */
.expert-callout{background:rgba(26,122,110,0.06);border:1px solid rgba(26,122,110,0.2);border-radius:12px;padding:1.35rem;margin:1.5rem 0;display:flex;gap:1rem;align-items:flex-start}
.ec-icon{font-size:1.5rem;flex-shrink:0}
.ec-title{font-size:0.88rem;font-weight:600;color:var(--navy);margin-bottom:0.35rem}
.ec-text{font-size:0.83rem;color:var(--gray);line-height:1.7}

/* ── ERROR ITEM (artículo primera vez nómada) ──────────────── */
.error-item{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;border-radius:10px;margin-bottom:0.85rem;border:1px solid var(--border);background:var(--off)}
.error-item.critical{border-color:rgba(220,38,38,0.25);background:rgba(220,38,38,0.03)}
.ei-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--teal2);line-height:1;flex-shrink:0;width:36px}
.error-item.critical .ei-num{color:#dc2626}
.ei-content{flex:1}
.ei-title{font-size:0.92rem;font-weight:600;color:var(--navy);margin-bottom:0.3rem}
.ei-body{font-size:0.84rem;color:var(--gray);line-height:1.7}
.ei-fix{margin-top:0.5rem;font-size:0.8rem;color:var(--teal);background:rgba(26,122,110,0.07);border-radius:6px;padding:0.4rem 0.65rem;border-left:3px solid var(--teal2)}
.ei-fix::before{content:"→ Solución: ";font-weight:600}

/* ── MITO BOX (artículo impuestos) ───────────────────────────*/
.mito-box{background:rgba(220,38,38,0.05);border:1px solid rgba(220,38,38,0.2);border-radius:12px;padding:1.35rem;margin:1.25rem 0}
.mb-title{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:#dc2626;font-weight:600;margin-bottom:0.65rem}
.mb-body{font-size:0.86rem;color:var(--gray);line-height:1.75}

/* ── COUNTRY TAX (artículo impuestos) ───────────────────────── */
.country-tax{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:1.1rem;margin-bottom:0.75rem}
.ct-name{font-size:0.9rem;font-weight:600;color:var(--navy);margin-bottom:0.5rem}
.ct-body{font-size:0.82rem;color:var(--gray);line-height:1.65}

/* ── THERAPY OPTION (artículo salud mental) ─────────────────── */
.therapy-option{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:1.1rem;margin-bottom:0.75rem}
.to-name{font-size:0.9rem;font-weight:600;color:var(--navy);margin-bottom:0.25rem}
.to-price{font-size:0.72rem;color:var(--teal);margin-bottom:0.5rem;font-weight:500}
.to-body{font-size:0.81rem;color:var(--gray);line-height:1.6}

/* ── STRATEGY BOX ───────────────────────────────────────────── */
.strategy-box{background:rgba(26,122,110,0.05);border:1px solid rgba(26,122,110,0.2);border-radius:12px;padding:1.35rem;margin:1.5rem 0}
.sb-title{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:0.85rem}
.sb-step{display:flex;gap:0.85rem;padding:0.55rem 0;border-bottom:1px solid rgba(26,122,110,0.1);font-size:0.84rem;color:var(--gray)}
.sb-step:last-child{border-bottom:none}
.sb-num{color:var(--teal);font-weight:700;flex-shrink:0;width:20px}

/* ── SIGNAL GRID (artículo burnout) ─────────────────────────── */
.signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem;margin:1.25rem 0}
.signal-card{padding:1rem;border-radius:10px;background:rgba(220,38,38,0.04);border:1px solid rgba(220,38,38,0.12)}
.signal-title{font-size:0.82rem;font-weight:600;color:#dc2626;margin-bottom:0.35rem}
.signal-body{font-size:0.78rem;color:var(--gray);line-height:1.6}

/* ── EVAC TIMELINE (artículo Starlink) ──────────────────────── */
.evac-timeline{display:flex;flex-direction:column;gap:0.85rem;margin:1.25rem 0}
.et-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:var(--off);border:1px solid var(--border);border-radius:10px}
.et-time{font-size:0.72rem;font-weight:600;color:var(--teal2);background:rgba(26,122,110,0.1);padding:0.2rem 0.6rem;border-radius:50px;white-space:nowrap;flex-shrink:0;margin-top:2px}
.et-body{font-size:0.83rem;color:var(--gray);line-height:1.65}
.et-body strong{color:var(--navy)}

/* ── COVERAGE CALC BOX ──────────────────────────────────────── */
.coverage-calc{background:rgba(26,122,110,0.06);border:1px solid rgba(26,122,110,0.2);border-radius:12px;padding:1.35rem;margin:1.5rem 0}
.cc-title-small{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:0.85rem}
.cc-row{display:flex;justify-content:space-between;font-size:0.83rem;padding:0.35rem 0;border-bottom:1px solid rgba(26,122,110,0.1);color:var(--gray)}
.cc-row:last-child{border-bottom:none;font-weight:600;color:var(--navy)}
.cc-label{color:var(--gray)}
.cc-val{font-weight:500;color:var(--navy)}

/* ── BLOG INTRO ─────────────────────────────────────────────── */
.blog-intro{background:var(--off);border-left:4px solid var(--gold);padding:1.5rem;border-radius:0 12px 12px 0;margin-bottom:2rem}
.blog-intro p{margin:0;font-size:0.95rem;color:var(--navy);line-height:1.75}

/* ── SECTION TAG ─────────────────────────────────────────────── */
.section-tag{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:0.25rem 0.75rem;border-radius:50px;display:inline-block;margin-bottom:0.5rem}
.section-tag.teal{background:rgba(26,122,110,0.1);color:var(--teal2)}
.section-tag.gold{background:rgba(200,169,110,0.1);color:var(--gold)}

/* ── PARTO COST GRID ─────────────────────────────────────────── */
.parto-cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.75rem;margin:1.25rem 0}
.pc-card{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:1rem;text-align:center}
.pc-country{font-size:0.72rem;color:var(--gray);margin-bottom:0.25rem}
.pc-price{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--navy);font-weight:700}
.pc-note{font-size:0.68rem;color:var(--teal);margin-top:0.15rem}

/* ── LIFE SCENARIO ───────────────────────────────────────────── */
.life-scenario{background:var(--navy);border-radius:14px;padding:1.5rem;color:#fff;margin:1.5rem 0}
.ls-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--gold);margin-bottom:1rem}
.ls-body{font-size:0.85rem;color:rgba(255,255,255,0.6);line-height:1.75}
.ls-body strong{color:rgba(255,255,255,0.9)}

/* ── MENTAL HEALTH TABLE ─────────────────────────────────────── */
.mental-table,.carencia-table,.dtv-table,.visa-table,.starlink-table,.age-price-table,.tax-table,.nomad-citizen-table{width:100%;border-collapse:collapse;font-size:0.82rem;margin:1rem 0}
.mental-table th,.carencia-table th,.dtv-table th,.visa-table th,.starlink-table th,.age-price-table th,.tax-table th,.nomad-citizen-table th{background:var(--navy);color:rgba(255,255,255,0.55);padding:0.65rem 0.85rem;text-align:left;font-weight:500;font-size:0.72rem;letter-spacing:0.5px}
.mental-table td,.carencia-table td,.dtv-table td,.visa-table td,.starlink-table td,.age-price-table td,.tax-table td,.nomad-citizen-table td{padding:0.65rem 0.85rem;border-bottom:1px solid var(--border);color:var(--gray);vertical-align:top}
.yes,.check{color:var(--teal);font-weight:600}
.no,.cross{color:#dc2626;font-weight:600}
.partial,.warn,.amber{color:#ca8a04;font-weight:600}
.hi{color:var(--navy);font-weight:700}
.red{color:#dc2626;font-weight:600}

/* ── HOSPITAL CARD ───────────────────────────────────────────── */
.hospital-card{background:var(--off);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:0.85rem}
.hc-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--navy);font-weight:600;margin-bottom:0.25rem}
.hc-location{font-size:0.72rem;color:var(--teal);margin-bottom:0.5rem}
.hc-body{font-size:0.83rem;color:var(--gray);line-height:1.65}
.hc-badge{display:inline-block;font-size:0.67rem;padding:0.18rem 0.6rem;border-radius:50px;font-weight:500;margin-right:0.4rem;margin-bottom:0.35rem}
.badge-green{background:rgba(26,122,110,0.12);color:var(--teal)}
.badge-amber{background:rgba(234,179,8,0.1);color:#92400e}
.badge-red{background:rgba(220,38,38,0.08);color:#dc2626}

/* ── COWORK CARD ─────────────────────────────────────────────── */
.cowork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.85rem;margin:1.25rem 0}
.cowork-card{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:1rem}
.cc-name{font-size:0.9rem;font-weight:600;color:var(--navy);margin-bottom:0.25rem}
.cc-location{font-size:0.7rem;color:var(--teal);margin-bottom:0.4rem}
.cc-fact{font-size:0.78rem;color:var(--gray);line-height:1.55;margin-bottom:0.2rem}

/* ── DIFF BOX ────────────────────────────────────────────────── */
.diff-box{background:var(--navy);border-radius:14px;padding:1.5rem;color:#fff;margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.diff-col h3{font-size:1rem;margin-bottom:0.75rem}
.diff-col p{font-size:0.82rem;color:rgba(255,255,255,0.55);line-height:1.7;margin:0}

/* ── REQUIREMENT BOX ─────────────────────────────────────────── */
.req-box{background:var(--navy);border-radius:14px;padding:1.5rem;color:#fff;margin:1.5rem 0}
.rb-title{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:1rem}
.rb-item{display:flex;gap:0.75rem;align-items:flex-start;padding:0.55rem 0;border-bottom:1px solid rgba(255,255,255,0.07);font-size:0.84rem;color:rgba(255,255,255,0.65)}
.rb-item:last-child{border-bottom:none}
.rb-check{color:var(--teal2);flex-shrink:0;font-weight:700}

/* ── CITY GRID ───────────────────────────────────────────────── */
.city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0.85rem;margin:1.25rem 0}
.city-card{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:1.1rem}

/* ── COUNTRY SECTION ─────────────────────────────────────────── */
.country-section{background:var(--off);border:1px solid var(--border);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem}
.cs-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.1rem;padding-bottom:0.85rem;border-bottom:1px solid var(--border)}
.cs-flag{font-size:1.5rem}
.cs-name{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--navy);font-weight:600}
.cs-subtitle{font-size:0.72rem;color:var(--gray);margin-top:2px}
.cs-body{font-size:0.84rem;color:var(--gray);line-height:1.72}
.cs-hospitals{margin-top:0.85rem;padding:0.85rem;background:rgba(26,122,110,0.05);border-radius:8px;font-size:0.8rem;color:var(--gray)}
.cs-hospitals strong{color:var(--navy);display:block;margin-bottom:0.35rem;font-size:0.72rem;letter-spacing:0.5px;text-transform:uppercase}

/* ── SPORTS GRID ─────────────────────────────────────────────── */
.sports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.5rem;margin:1rem 0}
.sport-tag{background:rgba(249,115,22,0.07);border:1px solid rgba(249,115,22,0.18);border-radius:50px;padding:0.3rem 0.75rem;font-size:0.75rem;color:#c2410c;text-align:center}

/* ── WN DISCLAIMER ───────────────────────────────────────────── */
.wn-disclaimer{background:rgba(249,115,22,0.05);border:1px solid rgba(249,115,22,0.2);border-radius:10px;padding:1.25rem;margin:2rem 0;font-size:0.78rem;color:var(--gray);line-height:1.7}
.wn-disclaimer strong{color:var(--navy)}

/* ── PREAPPROVAL BOX ─────────────────────────────────────────── */
.preapproval-box{background:rgba(220,38,38,0.05);border:1px solid rgba(220,38,38,0.18);border-radius:12px;padding:1.35rem;margin:1.5rem 0}
.pa-title{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:#dc2626;font-weight:600;margin-bottom:0.85rem}
.pa-step{display:flex;gap:0.75rem;padding:0.55rem 0;border-bottom:1px solid rgba(220,38,38,0.08);font-size:0.84rem;color:var(--gray)}
.pa-step:last-child{border-bottom:none}
.pa-num{color:#dc2626;font-weight:700;flex-shrink:0;width:20px}

/* ── AGE PRICE TABLE ─────────────────────────────────────────── */
.age-price-table .hi{color:var(--navy);font-weight:700}
.age-price-table .red{color:#dc2626}
.age-price-table .amber{color:#ca8a04}

@media(max-width:700px){
  .diff-box{grid-template-columns:1fr}
  .parto-cost-grid{grid-template-columns:1fr 1fr}
  .signal-grid{grid-template-columns:1fr}
  .city-grid{grid-template-columns:1fr}
  .cowork-grid{grid-template-columns:1fr}
}

/* ── CLASES ADICIONALES ──────────────────────────────────────── */
.green{color:var(--teal);font-weight:600}
.warning-checklist{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column;gap:0.75rem}
.warning-checklist li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.88rem;color:var(--gray);line-height:1.7;padding:0.75rem 1rem;background:rgba(220,38,38,0.04);border-radius:8px;border:1px solid rgba(220,38,38,0.15)}
.warning-checklist li::before{content:"⚠";color:#dc2626;font-weight:700;flex-shrink:0}

/* Cost grid (artículo Colombia/Perú/Chile) */
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin:1.25rem 0}
.cg-card{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:0.85rem;text-align:center}
.cg-label{font-size:0.7rem;color:var(--gray);margin-bottom:0.2rem}
.cg-price{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--navy);font-weight:700}

/* cc-title (sidebar cards) */
.cc-title{font-size:0.82rem;font-weight:600;color:var(--navy);margin-bottom:0.5rem}

@media(max-width:600px){.cost-grid{grid-template-columns:1fr 1fr}}

/* ── CLASES FALTANTES ARTÍCULOS ANTERIORES ───────────────────── */

/* warning-checklist — redefinición explícita para sobrescribir */
ul.warning-checklist li,
.warning-checklist > li{
  background:rgba(220,38,38,0.04)!important;
  border:1px solid rgba(220,38,38,0.15)!important;
}
ul.warning-checklist li::before,
.warning-checklist > li::before{content:"⚠"!important;color:#dc2626!important}

/* SafetyWing/Genki article specific */
.sc-note{font-size:0.75rem;color:var(--gray);margin-top:0.5rem;font-style:italic}
.sc-annual{font-size:0.78rem;color:var(--teal);font-weight:600}
.sc-btn{display:inline-block;background:var(--teal2);color:#fff;padding:0.5rem 1rem;border-radius:8px;font-size:0.82rem;font-weight:600;text-decoration:none;margin-top:0.5rem}
.pro{color:var(--teal);font-weight:600}
.con{color:#dc2626;font-weight:600}
.vb-col{flex:1}

/* rr-body (cómo reportar siniestro) */
.rr-body{font-size:0.84rem;color:var(--gray);line-height:1.65}

/* cc-col para coworkings */
.cc-col{flex:1}

/* age-field & age-hint (calculadora) */
.age-field{display:flex;flex-direction:column;gap:0.35rem}
.age-hint{font-size:0.72rem;color:var(--gray);font-style:italic}

/* ── AFFILIATE BAR — artículos del blog ── */
.affiliate-bar {
  background: linear-gradient(90deg, #060C1E, #0d2244, #060C1E);
  color: rgba(200,169,110,0.75);
  font-size: 0.72rem;
  padding: 0.55rem 1.5rem;
  text-align: center;
  letter-spacing: 0.3px;
  border-bottom: 1px solid rgba(200,169,110,0.1);
}

.affiliate-bar a {
  color: var(--gold, #C8A96E);
  text-decoration: none;
}

/* ══════════════════════════════════════════════
   NAV — Artículos del blog
   ══════════════════════════════════════════════ */
#navbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(6,12,30,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(200,169,110,0.12);
  height: 64px;
}

#navbar .nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

#navbar .logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  letter-spacing: -0.02em;
  flex-shrink: 0;
}

#navbar .logo span {
  color: #C8A96E;
}

#navbar .nav-links {
  display: flex;
  list-style: none;
  gap: 2rem;
  margin: 0;
  padding: 0;
}

#navbar .nav-links a {
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: color 0.2s;
}

#navbar .nav-links a:hover {
  color: #C8A96E;
}

#navbar .nav-actions {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-shrink: 0;
}

#navbar .btn-wa {
  background: #1A7A6E;
  color: #fff !important;
  padding: 0.45rem 1rem;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}

#navbar .btn-nav-cta {
  background: linear-gradient(135deg, #C8A96E, #b89450);
  color: #060C1E !important;
  padding: 0.45rem 1rem;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s;
}

/* Espacio para compensar el nav fijo */
body {
  padding-top: 64px;
}

@media (max-width: 768px) {
  #navbar .nav-links {
    display: none;
  }
  #navbar .nav-inner {
    padding: 0 1rem;
  }
}