/* YMX Journal - sistema Yates Mexico (navy + crema + ambar). ASCII only. */
#ymxj{--ink-deep:#08131c;--navy-deep:#0c1a26;--navy:#152637;--navy-2:#1d3349;--paper:#f8f5ee;--cream:#f5f1e8;--cream-deep:#efeae0;--gold:#e8ab36;--gold-soft:#f3c459;--gold-deep:#c8902a;--muted:#5a6b7a;--faint:#8b97a3;--line:rgba(21,38,55,.12);--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,4.5vw,56px);
  background:var(--cream);color:var(--navy);font-family:"Gabarito",system-ui,sans-serif;font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
#ymxj *,#ymxj *::before,#ymxj *::after{box-sizing:border-box}
#ymxj img{max-width:100%;height:auto;display:block}
#ymxj a{color:inherit}
#ymxj ::selection{background:var(--gold);color:var(--navy)}
#ymxj .j-wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
#ymxj .j-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 10.5px/1.2 "Gabarito",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
#ymxj .j-eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex:none}
#ymxj .j-eyebrow a{text-decoration:none;color:inherit}
#ymxj .j-h1{font:400 clamp(54px,8vw,120px)/.94 "Fraunces",Georgia,serif;letter-spacing:-.04em;margin:0 0 22px;color:inherit}
#ymxj .j-h2{font:400 clamp(36px,4.6vw,64px)/1.05 "Fraunces",Georgia,serif;letter-spacing:-.03em;margin:0 0 20px}
#ymxj em{font-style:italic;font-weight:300;color:var(--gold-deep)}
#ymxj .j-lead{font-size:18px;color:var(--muted);max-width:620px;margin:0 0 28px}
#ymxj .j-meta{font-size:13px;letter-spacing:.04em;color:var(--faint);margin:0;font-variant-numeric:tabular-nums}

/* portada del Journal (estilo editorial) */
#ymxj.ymxj-archive{padding-bottom:clamp(56px,9vh,110px)}
#ymxj .j-admin{margin:28px 0 0;background:#3d5468;color:var(--paper);padding:16px 20px;font-size:12px;line-height:1.5}
#ymxj .j-admin p{margin:0 0 6px}
#ymxj .j-admin-k{font:800 9.5px/1.4 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,245,238,.78)}
#ymxj .j-admin ul{list-style:none;margin:6px 0 8px;padding:0}
#ymxj .j-admin li{margin:0 0 3px}
#ymxj .j-admin li span{opacity:.6;font-size:11px}
#ymxj .j-admin a{color:var(--paper);text-underline-offset:3px}
#ymxj .j-admin-links{margin:0!important}
#ymxj .j-mast{padding-top:clamp(64px,11vh,130px)}
#ymxj .j-mast-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}
#ymxj .j-title{font:400 clamp(72px,11vw,168px)/.86 "Fraunces",Georgia,serif;letter-spacing:-.045em;margin:0;color:var(--navy-deep)}
#ymxj .j-title span{color:var(--gold-deep)}
#ymxj .j-intro{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px;margin:0 0 10px}
#ymxj .j-rule{border:0;border-top:1px solid var(--navy);margin:clamp(28px,4vh,44px) 0 0}
#ymxj .j-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:22px 0 0;padding:0}
#ymxj .j-facts div{margin:0}
#ymxj .j-facts dt{font:800 9.5px/1.3 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}
#ymxj .j-facts dd{margin:0;font:400 18px/1.2 "Fraunces",Georgia,serif;color:var(--navy);font-variant-numeric:tabular-nums}
#ymxj .j-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:28px 0 4px}
#ymxj .j-chips::-webkit-scrollbar{display:none}
#ymxj .j-chips a{flex:none;text-decoration:none;font:600 12.5px/1 "Gabarito",sans-serif;padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:var(--navy);transition:background .35s var(--ease),color .35s var(--ease)}
#ymxj .j-chips a:hover{background:var(--cream-deep)}
#ymxj .j-chips a.is-on{background:var(--navy);color:var(--paper);border-color:var(--navy)}
#ymxj .j-k{font:800 9.5px/1.4 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 14px}
#ymxj .j-cap{position:absolute;left:0;right:0;bottom:0;background:rgba(8,19,28,.86);color:rgba(248,245,238,.88);font:700 9px/1.4 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:9px 14px}
#ymxj .j-more{white-space:nowrap;font:800 10px/1 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
#ymxj .j-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:auto 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
#ymxj .j-ex{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 18px}
/* nota destacada */
#ymxj .j-feat{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:clamp(48px,8vh,80px)}
#ymxj .j-lead-fig,#ymxj .j-card-fig{position:relative;display:block;overflow:hidden;background:var(--cream-deep)}
#ymxj .j-lead-fig{min-height:clamp(320px,38vw,520px)}
#ymxj .j-lead-fig img,#ymxj .j-card-fig img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .9s var(--ease)}
#ymxj .j-lead-fig:hover img,#ymxj .j-card:hover .j-card-fig img{transform:scale(1.03)}
#ymxj .j-lead-body{background:var(--navy-deep);color:var(--paper);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column}
#ymxj .j-lead-body .j-k{color:var(--gold)}
#ymxj .j-lead-title{font:400 clamp(30px,3vw,46px)/1.12 "Fraunces",Georgia,serif;letter-spacing:-.025em;margin:0 0 20px}
#ymxj .j-lead-title a{text-decoration:none;color:var(--paper)}
#ymxj .j-lead-title em,#ymxj .j-lead-body em{color:var(--gold)}
#ymxj .j-lead-body .j-ex{color:rgba(248,245,238,.72);max-width:440px}
#ymxj .j-lead-body .j-foot{border-top-color:rgba(248,245,238,.14);color:rgba(248,245,238,.55)}
#ymxj .j-lead-body .j-more{color:var(--paper)}
/* mas del journal */
#ymxj .j-more-sec{margin-top:clamp(56px,9vh,100px)}
#ymxj .j-sec-head{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--navy);padding-top:22px;margin-bottom:30px}
#ymxj .j-sec-head span{font-size:9.5px;letter-spacing:.2em;color:var(--faint)}
#ymxj .j-sec-head h2{font:400 clamp(26px,2.6vw,36px)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:0}
#ymxj .j-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#ymxj .j-card{background:var(--paper);display:flex;flex-direction:column}
#ymxj .j-card-fig{aspect-ratio:4/3}
#ymxj .j-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
#ymxj .j-card-body .j-k{margin-bottom:10px}
#ymxj .j-card-title{font:400 clamp(20px,1.7vw,24px)/1.2 "Fraunces",Georgia,serif;letter-spacing:-.015em;margin:0 0 12px}
#ymxj .j-card-title a{text-decoration:none}
#ymxj .j-pages{display:flex;gap:8px;justify-content:center;margin-top:36px}
#ymxj .j-pages .page-numbers{padding:10px 16px;border-radius:999px;text-decoration:none;background:var(--cream-deep);font-size:13px}
#ymxj .j-pages .current{background:var(--navy);color:var(--paper)}
#ymxj .j-empty-sec{padding-top:clamp(56px,9vh,100px)}
#ymxj .j-empty{text-align:center;color:var(--muted);font:300 italic 26px/1.3 "Fraunces",serif;margin:0;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* puertas y pregunta */
#ymxj .j-doors{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:clamp(56px,9vh,100px)}
#ymxj .j-door{display:flex;flex-direction:column;gap:10px;padding:clamp(28px,4vw,48px);text-decoration:none;background:var(--paper);color:var(--navy);transition:transform .5s var(--ease)}
#ymxj .j-door:hover{transform:translateY(-3px)}
#ymxj .j-door strong{font:400 clamp(26px,2.6vw,38px)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.025em}
#ymxj .j-door-t{font-size:14px;color:var(--muted);max-width:420px}
#ymxj .j-door .j-more{align-self:flex-start;margin-top:14px}
#ymxj .j-door.is-navy{background:var(--navy);color:var(--paper)}
#ymxj .j-door.is-navy .j-k{color:var(--gold)}
#ymxj .j-door.is-navy .j-door-t{color:rgba(248,245,238,.72)}
#ymxj .j-ask{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(40px,6vh,64px);padding-top:28px;border-top:1px solid var(--line)}
#ymxj .j-ask h2{font:400 clamp(22px,2.2vw,30px)/1.2 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:0 0 6px}
#ymxj .j-ask p{margin:0;color:var(--muted);font-size:14px}

/* nota */
#ymxj .j-cover{position:relative;background:var(--navy-deep);color:var(--paper);min-height:clamp(420px,72vh,760px);display:flex;align-items:flex-end;overflow:hidden}
#ymxj .j-cover:not(.has-img){min-height:0;padding-top:clamp(90px,14vh,150px)}
#ymxj .j-cover-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
#ymxj .j-cover.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,19,28,.86) 0%,rgba(8,19,28,.45) 45%,rgba(8,19,28,0) 75%)}
#ymxj .j-cover-cap{position:absolute;right:var(--pad);bottom:18px;z-index:2;font:700 9px/1.4 "Gabarito",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,245,238,.62);max-width:40%;text-align:right}
#ymxj .j-cover-txt{position:relative;z-index:1;width:100%;padding-bottom:clamp(36px,6vh,72px)}
#ymxj .j-cover .j-h1{max-width:15ch;font-size:clamp(46px,6.6vw,104px)}
#ymxj .j-cover .j-meta{color:rgba(248,245,238,.62)}
#ymxj .j-body{max-width:720px;margin:0 auto;padding:clamp(48px,8vh,96px) var(--pad)}
#ymxj .j-dek{font:300 clamp(22px,2.2vw,28px)/1.4 "Fraunces",Georgia,serif;letter-spacing:-.01em;color:var(--navy);margin:0 0 40px;padding-bottom:36px;border-bottom:1px solid var(--line)}
#ymxj .j-content{color:#2a3a48}
#ymxj .j-content>*{margin:0 0 1.3em}
#ymxj .j-content h2{font:400 clamp(28px,3vw,40px)/1.12 "Fraunces",Georgia,serif;letter-spacing:-.03em;color:var(--navy);margin:2em 0 .6em}
#ymxj .j-content h3{font:600 20px/1.3 "Gabarito",sans-serif;color:var(--navy);margin:1.8em 0 .5em}
#ymxj .j-content a{color:var(--navy);text-decoration-color:var(--gold);text-underline-offset:3px}
#ymxj .j-content ul,#ymxj .j-content ol{padding-left:1.2em}
#ymxj .j-content li{margin:0 0 .5em}
#ymxj .j-content li::marker{color:var(--gold-deep)}
#ymxj .j-content strong{color:var(--navy);font-weight:600}
#ymxj .j-content blockquote{margin:2em 0;padding:0 0 0 24px;border-left:2px solid var(--gold);font:300 italic clamp(22px,2.2vw,28px)/1.4 "Fraunces",Georgia,serif;color:var(--navy)}
#ymxj .j-content blockquote p{margin:0}
#ymxj .j-content figure{margin:2.2em 0}
#ymxj .j-content img{border-radius:14px}
#ymxj .j-content figcaption{font-size:13px;color:var(--faint);margin-top:10px}
#ymxj .j-content table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
#ymxj .j-content th,#ymxj .j-content td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}
#ymxj .j-content th{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
#ymxj .j-sign{margin:48px 0 0;font-size:13px;letter-spacing:.06em;color:var(--faint)}

/* cierre */
#ymxj .j-close{background:var(--ink-deep);color:var(--paper);padding:clamp(72px,11vh,130px) 0}
#ymxj .j-close .j-lead{color:rgba(248,245,238,.72)}
#ymxj .j-ctas{display:flex;gap:12px;flex-wrap:wrap}
#ymxj .j-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;text-decoration:none;font:700 14.5px/1 "Gabarito",sans-serif;letter-spacing:.02em;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:var(--navy);box-shadow:0 14px 30px -14px rgba(232,171,54,.55);transition:transform .35s var(--ease)}
#ymxj .j-btn:hover{transform:translateY(-2px)}
#ymxj .j-btn.ghost{background:transparent;color:var(--paper);border:1px solid rgba(248,245,238,.28);box-shadow:none}
#ymxj .j-btn:focus-visible,#ymxj a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* relacionadas */
#ymxj .j-related{padding-top:clamp(56px,9vh,100px);padding-bottom:clamp(56px,9vh,100px)}
#ymxj .j-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px)}
#ymxj .j-rel{text-decoration:none;display:flex;flex-direction:column;gap:12px}
#ymxj .j-rel figure{margin:0;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--cream-deep)}
#ymxj .j-rel figure img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .9s var(--ease)}
#ymxj .j-rel:hover figure img{transform:scale(1.04)}
#ymxj .j-rel .j-eyebrow{margin:6px 0 0}
#ymxj .j-rel h3{font:400 22px/1.2 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:0}

@media (max-width:900px){
  #ymxj .j-grid{grid-template-columns:1fr 1fr}
  #ymxj .j-feat{grid-template-columns:1fr}
  #ymxj .j-lead-fig{min-height:0;aspect-ratio:4/3}
  #ymxj .j-mast-grid{grid-template-columns:1fr}
  #ymxj .j-facts{grid-template-columns:repeat(3,1fr);row-gap:20px}
}
@media (max-width:640px){
  #ymxj{font-size:14px;line-height:1.6}
  #ymxj .j-h1,#ymxj .j-cover .j-h1{font-size:clamp(34px,8.6vw,52px);line-height:.98}
  #ymxj .j-h2{font-size:clamp(26px,6.8vw,36px)}
  #ymxj .j-eyebrow{font-size:9.5px;letter-spacing:.22em}
  #ymxj .j-lead{font-size:15px}
  #ymxj .j-grid{grid-template-columns:1fr;gap:16px}
  #ymxj .j-title{font-size:clamp(64px,19vw,96px)}
  #ymxj .j-facts{grid-template-columns:1fr 1fr}
  #ymxj .j-facts dd{font-size:16px}
  #ymxj .j-doors{grid-template-columns:1fr}
  #ymxj .j-ask{flex-direction:column;align-items:flex-start}
  #ymxj .j-rel-grid{grid-template-columns:1fr}
  #ymxj .j-cover{min-height:68vh}
  #ymxj .j-content{font-size:16px;line-height:1.7}
  #ymxj .j-btn{width:100%;min-height:46px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  #ymxj *{transition:none!important}
}