/* === JORGE DENGO — MARCA PERSONAL v4 === */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap');

/* ── BASE ── */
body{font-family:'Source Sans 3',system-ui,sans-serif!important;color:#1E293B!important;background:#F8FAFC!important;}
h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',Georgia,serif!important;}

/* ── HOME: OCULTAR ELEMENTOS DEL TEMA ── */
.home .site-header,.home #masthead{display:none!important;}
.home .entry-header,.home .entry-title,.home .page-header{display:none!important;}
.home #secondary,.home .widget-area,.home .sidebar{display:none!important;}
.home .post-navigation,.home .page-title-wrap,.home .banner-area{display:none!important;}

/* ── HOME: BREAKOUT FULL WIDTH ─────────────────────────────
   La técnica correcta: breakout desde .entry-content hacia arriba
   Esto evita el problema de translateX mal calculado */
.home .row{max-width:100%!important;width:100%!important;padding:0!important;}
.home .large-8.columns,.home .large-12.columns,.home .columns{
  width:100%!important;max-width:100%!important;float:none!important;padding:0!important;}
.home #primary,.home .content-area{width:100%!important;max-width:100%!important;float:none!important;padding:0!important;}
.home .site-main,.home #main{max-width:100%!important;width:100%!important;overflow:visible!important;}
.home article,.home .hentry{max-width:100%!important;width:100%!important;overflow:visible!important;}
.home .entry-content,.home .page-content{
  max-width:100%!important;width:100%!important;overflow:visible!important;padding:0!important;margin:0!important;}
.home .site-content{overflow-x:hidden!important;}

/* ── HEADER (otras páginas) ── */
#masthead,.site-header,header.site-header{
  background:rgba(248,250,252,0.97)!important;border-bottom:1px solid #E2E8F0!important;
  box-shadow:none!important;padding:18px 0!important;}
.site-title{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:2rem!important;
  font-weight:500!important;letter-spacing:0.02em!important;margin:0!important;}
.site-title a{color:#0F172A!important;text-decoration:none!important;}
.site-description{font-family:'Source Sans 3',system-ui,sans-serif!important;font-size:0.60rem!important;letter-spacing:0.18em!important;text-transform:uppercase!important;color:#94A3B8!important;margin:4px 0 0!important;text-align:center!important;display:block!important;}
.main-navigation a,.main-navigation ul li a{font-family:'Source Sans 3',system-ui,sans-serif!important;
  font-size:0.78rem!important;font-weight:600!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:#1E293B!important;}
.main-navigation a:hover{color:#B08D57!important;}

/* ── FOOTER ── */
.site-footer,#colophon{background:#0F172A!important;color:rgba(255,255,255,0.5)!important;border-top:none!important;}
.site-footer a,#colophon a{color:rgba(255,255,255,0.4)!important;}
.site-footer a:hover{color:#B08D57!important;}
/* ── CREDBAR WRAP FIX ── */
.jd-credbar{background:var(--jd-navy);padding:0;border-top:none!important;}
.jd-credbar-inner{max-width:var(--jd-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;}
.jd-cred-top-rule{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(176,141,87,.4),transparent);}
.jd-cred-bottom-rule{width:100%;height:1px;background:rgba(255,255,255,.05);}
.jd-cred-items{display:flex!important;align-items:center;justify-content:space-between!important;padding:1.5rem var(--jd-side)!important;flex-wrap:nowrap!important;gap:0!important;width:100%;}
.jd-cred-item{font-size:.59rem!important;font-weight:600;letter-spacing:.17em!important;text-transform:uppercase;color:rgba(255,255,255,.38);white-space:nowrap;padding:0!important;flex-shrink:0;transition:color .2s;}
.jd-cred-item:hover{color:rgba(255,255,255,.62)!important;}
.jd-cred-div{width:1px!important;height:11px;background:rgba(176,141,87,.28);flex-shrink:0;}
@media(max-width:900px){.jd-cred-items{flex-wrap:wrap!important;justify-content:center!important;gap:.5rem 1.5rem!important;}.jd-cred-div{display:none!important;}.jd-cred-item{font-size:.58rem!important;}}
/* ── DIFERENCIACIÓN v2 ── */
.jd-diff-bg{background:var(--jd-navy);}
.jd-diff-label{color:var(--jd-gold)!important;}
.jd-diff-label::before{background:var(--jd-gold)!important;}
.jd-diff-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3.5rem;align-items:start;}
.jd-diff-header-left{}
.jd-diff-title{font-family:var(--jd-serif);font-size:clamp(2.4rem,4vw,3.5rem);font-weight:400;color:#F8FAFC;line-height:1.1;letter-spacing:-.02em;margin:0;}
.jd-diff-title em{font-style:italic;color:var(--jd-gold);font-weight:300;}
.jd-diff-header-right{padding-top:.5rem;}
.jd-diff-lead{font-size:1.05rem;color:rgba(248,250,252,.62);line-height:1.78;font-weight:300;margin:0;}
.jd-diff-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);margin-top:3.5rem;}
.jd-diff-pillar{background:var(--jd-navy);padding:2.25rem 1.75rem;display:flex;gap:1.25rem;transition:background .2s;}
.jd-diff-pillar:hover{background:rgba(255,255,255,.03);}
.jd-diff-pillar-num{font-family:var(--jd-serif);font-size:1.8rem;font-weight:300;color:rgba(176,141,87,.35);line-height:1;flex-shrink:0;letter-spacing:-.02em;}
.jd-diff-pillar-body{}
.jd-diff-pillar-title{font-family:var(--jd-serif);font-size:1.15rem;font-weight:500;color:#F8FAFC;line-height:1.3;margin-bottom:.6rem;}
.jd-diff-pillar-text{font-size:.87rem;color:rgba(248,250,252,.52);line-height:1.72;font-weight:300;margin:0;}
.jd-diff-rule-bottom{margin:3rem 0 2.5rem;}
.jd-diff-closing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;}
.jd-diff-quote{font-family:var(--jd-serif);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:300;color:rgba(248,250,252,.72);font-style:italic;line-height:1.5;max-width:600px;padding-left:1.5rem;border-left:2px solid var(--jd-gold);margin:0;}
.jd-diff-cta{font-family:var(--jd-sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--jd-gold)!important;text-decoration:none!important;white-space:nowrap;transition:opacity .2s;}
.jd-diff-cta:hover{opacity:.7;}

/* ── PENSAMIENTO v2: editorial premium ── */
.jd-th-bg{background:var(--jd-ivory);}
.jd-th-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;flex-wrap:wrap;gap:1.5rem;}
.jd-th-blog-link{font-family:var(--jd-sans);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--jd-slate)!important;text-decoration:none!important;border-bottom:1px solid var(--jd-stone);padding-bottom:.2rem;white-space:nowrap;transition:color .2s,border-color .2s;}
.jd-th-blog-link:hover{color:var(--jd-gold)!important;border-color:var(--jd-gold);}
.jd-th-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1px;background:var(--jd-stone);border:1px solid var(--jd-stone);}
.jd-th-card{background:var(--jd-ivory);transition:background .2s;}
.jd-th-card:hover{background:#fff;}
.jd-th-card.featured{background:#fff;}
.jd-th-card-inner{padding:2.5rem 2.25rem;height:100%;display:flex;flex-direction:column;}
.jd-th-tag{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--jd-gold);margin-bottom:1rem;display:block;}
.jd-th-title{font-family:var(--jd-serif);font-size:1.32rem;font-weight:500;color:var(--jd-navy);line-height:1.22;margin-bottom:.9rem;flex:1;}
.jd-th-card.featured .jd-th-title{font-size:1.7rem;line-height:1.15;}
.jd-th-excerpt{font-size:.86rem;color:#475569;line-height:1.68;margin-bottom:1.5rem;font-weight:300;}
.jd-th-footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;}
.jd-th-meta{font-size:.65rem;color:var(--jd-muted);font-weight:500;letter-spacing:.04em;white-space:nowrap;}
.jd-th-link{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--jd-slate)!important;text-decoration:none!important;white-space:nowrap;transition:color .2s;}
.jd-th-link:hover{color:var(--jd-gold)!important;}

@media(max-width:1024px){
  .jd-diff-header{grid-template-columns:1fr;}
  .jd-diff-pillars{grid-template-columns:1fr;}
  .jd-th-grid{grid-template-columns:1fr;}
}.jd-name-signature{font-family:var(--jd-serif);font-size:1rem;font-weight:400;color:var(--jd-muted);letter-spacing:.06em;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--jd-stone);}.jd-cta-bg{background:var(--jd-navy);padding:8rem var(--jd-side);}.jd-cta-inner{max-width:680px;margin:0 auto;text-align:center;}.jd-cta-label{justify-content:center!important;color:var(--jd-gold)!important;}.jd-cta-label::before{background:var(--jd-gold)!important;display:none!important;}.jd-cta-title{font-family:var(--jd-serif);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;color:#F8FAFC;line-height:1.12;margin:0 0 1.5rem;letter-spacing:-.02em;}.jd-cta-sub{font-size:1rem;color:rgba(248,250,252,.58);max-width:520px;margin:0 auto 2.75rem;font-weight:300;line-height:1.75;}.jd-cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;}.jd-cta-bg .jd-btn-p{background:var(--jd-gold);border-color:var(--jd-gold);color:#0F172A!important;font-weight:700;}.jd-cta-bg .jd-btn-p:hover{background:#c9a96e;border-color:#c9a96e;}.jd-cta-bg .jd-btn-o{color:rgba(248,250,252,.55)!important;border-color:rgba(248,250,252,.2);}.jd-cta-bg .jd-btn-o:hover{color:#F8FAFC!important;border-color:rgba(248,250,252,.6);}.jd-cta-direct{font-size:.78rem;color:rgba(248,250,252,.3);letter-spacing:.02em;}.jd-cta-direct a{color:rgba(248,250,252,.45)!important;text-decoration:none!important;border-bottom:1px solid rgba(248,250,252,.15);transition:color .2s;}.jd-cta-direct a:hover{color:var(--jd-gold)!important;border-color:var(--jd-gold);}.jd-hero-sec{padding-top:6rem;}.jd-diff-bg .jd-section-inner{padding-top:0;}.jd-section{padding:6.5rem var(--jd-side);}@media(max-width:640px){.jd-cta-actions{flex-direction:column;align-items:center;}.jd-name-signature{font-size:.88rem;}}
/* ── R5: NOMBRE MÁS VISIBLE EN EL HERO ── */
.jd-name-signature {
  font-family: var(--jd-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: var(--jd-navy) !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--jd-stone) !important;
  display: block;
}

/* ── R5: CTA FINAL — REFINAMIENTO VISUAL ── */
.jd-cta-bg {
  background: var(--jd-navy) !important;
  padding: 9rem var(--jd-side) !important;
  text-align: center;
}
.jd-cta-inner { max-width: 700px; margin: 0 auto; }
.jd-cta-label {
  font-size: .68rem !important;
  font-weight: 600;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  color: var(--jd-gold) !important;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
}
.jd-cta-title {
  font-family: var(--jd-serif) !important;
  font-size: clamp(2.4rem, 4vw, 3.4rem) !important;
  font-weight: 400;
  color: #F8FAFC !important;
  line-height: 1.1 !important;
  max-width: 680px;
  margin: 0 auto 1.5rem !important;
  letter-spacing: -.02em !important;
}
.jd-cta-sub {
  font-size: 1rem !important;
  color: rgba(248,250,252,.52) !important;
  max-width: 520px;
  margin: 0 auto 3rem !important;
  font-weight: 300;
  line-height: 1.78;
}
.jd-cta-actions { margin-bottom: 2rem !important; }
.jd-cta-bg .jd-btn-p {
  background: var(--jd-gold) !important;
  border: 1px solid var(--jd-gold) !important;
  color: #0F172A !important;
  font-weight: 700 !important;
  padding: 1rem 2.5rem !important;
}
.jd-cta-bg .jd-btn-p:hover { background: #c9a96e !important; border-color: #c9a96e !important; }
.jd-cta-bg .jd-btn-o {
  color: rgba(248,250,252,.5) !important;
  border-bottom: 1px solid rgba(248,250,252,.2) !important;
  padding: .15rem 0;
}
.jd-cta-bg .jd-btn-o:hover { color: #F8FAFC !important; border-color: rgba(248,250,252,.55) !important; }
.jd-cta-direct {
  font-size: .78rem;
  color: rgba(248,250,252,.28);
  letter-spacing: .02em;
}
.jd-cta-direct a {
  color: rgba(248,250,252,.42) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(248,250,252,.14);
  transition: color .2s, border-color .2s;
}
.jd-cta-direct a:hover { color: var(--jd-gold) !important; border-color: var(--jd-gold) !important; }

/* ── R5: ESPACIADO Y RITMO GLOBAL ── */
.jd-hero-sec { padding-top: 6.5rem !important; }
.jd-section { padding: 6.5rem var(--jd-side) !important; }
.jd-diff-bg .jd-section-inner { padding: 0 !important; }
.jd-diff-bg { padding: 6.5rem var(--jd-side) !important; }
.jd-th-bg .jd-section-inner { padding: 0 !important; }
.jd-th-bg { padding: 6.5rem var(--jd-side) !important; }
.jd-sv-bg { padding: 6.5rem var(--jd-side) !important; }
.jd-sv-bg .jd-section-inner { padding: 0 !important; }

/* ── R5: BOTÓN PRIMARIO HERO – uniformidad ── */
.jd-btn-p {
  padding: .95rem 2.25rem !important;
  font-size: .77rem !important;
}

/* ── R5: TEXTO RESIDUAL OCULTO ── */
.jd-wrap + p,
.jd-wrap ~ p { display: none !important; }

/* ── R5: RESPONSIVE AJUSTES FINALES ── */
@media (max-width: 640px) {
  .jd-name-signature { font-size: 1.15rem !important; }
  .jd-cta-bg { padding: 6rem 1.5rem !important; }
  .jd-cta-actions { flex-direction: column; align-items: center; }
}

/* ── Ocultar título en About (page 105) ── */
.page-id-105 .entry-title { display: none !important; }


/* BLOG PAGE — header image + full-width 4 columns */

/* 1. Bigger logo, hide title/description */
body.blog .site-title,
body.blog .site-description {display:none!important}
body.blog .site-branding {
  width:100%!important;
  max-width:none!important
}
body.blog .site-branding::before {
  content:"";
  display:block;
  background:url(https://jorgedengo.com/wp-content/uploads/2026/04/fulllogo_transparent_nobuffer.png) left center/contain no-repeat;
  width:100%;
  max-width:700px;
  height:160px;
  margin:0
}

/* 2. Expand the blog content area to full viewport width */
body.blog #content .row {
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:20px!important;
  padding-right:20px!important
}
body.blog .large-12.columns {
  padding-left:0!important;
  padding-right:0!important
}

/* 3. 4 columns — no margin-right so Masonry counts correctly */
@media(min-width:769px){
  body.blog .masonry-brick{width:24.5%!important;margin-right:0!important;margin-bottom:0!important;padding:0 8px 16px!important;box-sizing:border-box!important}
}
@media(min-width:481px) and (max-width:768px){
  body.blog .masonry-brick{width:49.5%!important;margin-right:0!important;padding:0 6px 12px!important;box-sizing:border-box!important}
}
@media(max-width:480px){
  body.blog .masonry-brick{width:100%!important;margin-right:0!important;padding:0 0 12px!important;box-sizing:border-box!important}
}
/* Sobre mí ab-hero-title size reduction */
.page-id-105 .ab-hero-title { font-size: 0.62rem !important; letter-spacing: 0.14em !important; }