/*
Theme Name: El México Bárbaro
Theme URI: https://elmexicobarbaro.com/
Author: El México Bárbaro
Description: Tema editorial propio. Portada, tres pilares, archivo, lecturas y colecciones. Usar con EMB Importador.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: el-mexico-barbaro
*/
:root{--ink:#183a31;--muted:#627067;--paper:#f4f0e6;--line:#d5cebf;--accent:#bd4e30;--light:#e8e1d1;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:default}button:hover,.btn:hover{filter:brightness(1.13)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.edition{padding:9px 5%;display:flex;justify-content:space-between;background:var(--ink);color:#e8e4d7;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;gap:15px}.header{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:22px}.brand{text-decoration:none;font-weight:900;font-size:18px;letter-spacing:-.6px;line-height:1.05;white-space:nowrap}.brand span{font-size:29px;letter-spacing:1px;display:block}.nav{display:flex;gap:25px;align-items:center}.nav a{text-decoration:none;font-size:12px;line-height:1.4}.nav a[aria-current=page]{color:var(--accent)}.tools{display:flex;gap:18px;align-items:center}.iconbtn{background:none;border:0;color:var(--ink);font-size:12px;padding:9px 0}.mobilemenu{display:none}.wrapper{max-width:1600px;margin:auto}.section{padding:64px 5%}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:70px 10% 45px}.hero h1{font:normal clamp(50px,5.5vw,84px)/1.02 var(--serif);letter-spacing:-3px;margin:28px 0}.hero h1 em{font-weight:normal;color:var(--accent)}h1,h2,h3,p{overflow-wrap:break-word}h2{font:normal 43px/1.12 var(--serif);letter-spacing:-1px;margin:12px 0 20px}h3{font:normal 27px/1.15 var(--serif);letter-spacing:-.4px}p{line-height:1.75}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:540px}.hero-art{background:var(--ink);position:relative;overflow:hidden;display:flex;align-items:center}.hero-art:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 65% 40%,transparent 0 25px,#c0c5a51a 26px 27px,transparent 28px 48px)}.hero-art img{width:100%;position:relative}.art-kicker{position:absolute;top:28px;left:30px;color:#e8e1c9;z-index:1;font-size:10px;letter-spacing:2.5px}.caption{position:absolute;bottom:20px;left:30px;right:25px;color:#d4d8bb;font:11px/1.5 var(--serif)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:26px 0}.btn{border:1px solid var(--ink);background:var(--ink);color:white;padding:14px 19px;font-size:12px;display:inline-flex;text-decoration:none;align-items:center;justify-content:center;gap:10px;line-height:1.5}.btn.outline{background:transparent;color:var(--ink)}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.textlink{font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.fine{font-size:11px;line-height:1.7;color:var(--muted)}.strip{padding:17px 5%;display:flex;gap:20px;justify-content:space-between;border-block:1px solid var(--line);font:12px var(--serif);letter-spacing:.4px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-title h2{margin-bottom:0}.section-title p{max-width:470px;font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.card{border-bottom:1px solid var(--line);padding-bottom:22px;min-width:0}.card-image{display:block;overflow:hidden;background:var(--light);aspect-ratio:1.65}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-image:hover img{transform:scale(1.035)}.card .meta{margin-top:20px}.meta{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;line-height:1.7}.card h3{margin:12px 0}.card h3 a{text-decoration:none}.card p{font-size:13px;color:var(--muted);margin:12px 0}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.save{border:1px solid var(--line);background:transparent;padding:8px 11px;color:var(--ink);font-size:11px;white-space:nowrap}.save[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pillargrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillar{padding:32px 28px 26px 0;border-bottom:1px solid var(--line);text-decoration:none}.pillar+.pillar{border-left:1px solid var(--line);padding-left:28px}.pillar .number{font:40px var(--serif);color:var(--accent)}.pillar h3{font-size:31px;margin:20px 0 15px}.pillar p{font-size:13px;color:var(--muted)}.band{background:var(--ink);color:var(--paper)}.band p,.band .fine{color:#bdc8bb}.band .eyebrow{color:#dd9d70}.duo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.archivelist{border-top:1px solid #ffffff40}.archiveitem{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;border-bottom:1px solid #ffffff40;text-decoration:none}.archiveitem span:first-child{font:24px var(--serif)}.archiveitem small{font-size:10px;letter-spacing:1.4px}.cover{max-width:320px;min-height:370px;margin:auto;border:1px solid #c7bca4;background:#ddd2b7;box-shadow:13px 15px 0 #102d25;color:var(--ink);padding:30px 30px 20px;transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:space-between}.cover h3{font-size:43px;line-height:1;letter-spacing:-1px;margin:22px 0}.cover .coverlines{height:110px;background:repeating-linear-gradient(0deg,transparent 0 23px,#183a3155 24px 25px),repeating-linear-gradient(90deg,transparent 0 45px,#183a3122 46px 47px);position:relative}.cover .coverlines:after{content:'1325 — 1987';position:absolute;top:40px;left:5px;font:26px var(--serif)}.pagehead{padding:58px 5% 35px;max-width:1100px}.pagehead h1{font:normal clamp(42px,5vw,68px)/1.07 var(--serif);letter-spacing:-2px;margin:20px 0}.breadcrumb{font-size:11px;display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);margin-bottom:35px}.breadcrumb a{text-decoration:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;align-items:center}.chip{border:1px solid var(--line);padding:10px 15px;border-radius:30px;background:transparent;font-size:12px;color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters label{font-size:11px;margin-left:auto}.filters select{background:transparent;border:1px solid var(--line);padding:10px;max-width:100%;color:var(--ink)}.resultsummary{font-size:11px;color:var(--muted);margin:12px 0 25px}.empty{border:1px solid var(--line);padding:35px;line-height:1.7;grid-column:1/-1}.articlehead{max-width:980px;margin:auto;padding:50px 5% 34px}.articlehead h1{font:normal clamp(42px,5vw,66px)/1.07 var(--serif);letter-spacing:-2px;margin:24px 0}.articlehead .lead{max-width:800px}.author{border-top:1px solid var(--line);padding-top:18px;font-size:11px;line-height:1.8;margin:25px 0 0;display:flex;justify-content:space-between;gap:20px}.articleart{margin:0 5%;height:370px;overflow:hidden;background:var(--light)}.articleart img{width:100%;height:100%;object-fit:contain}.figurecaption{margin:12px 5%;font-size:10px;color:var(--muted)}.reading{display:grid;grid-template-columns:220px minmax(0,720px);gap:70px;max-width:1100px;margin:55px auto 70px;padding:0 5%}.toc{font-size:12px;position:sticky;top:25px;align-self:start}.toc a{display:block;line-height:1.6;margin:15px 0;text-decoration:none;color:var(--muted)}.prose{font:18px/1.85 var(--serif);min-width:0}.prose h2{font:normal 31px/1.2 var(--serif);margin:34px 0 18px}.prose p{line-height:1.85}.prose p:first-child{margin-top:0}.prose sup a{color:var(--accent);font:11px Arial;text-decoration:none}.question{font:italic 25px/1.5 var(--serif);border-left:2px solid var(--accent);padding-left:25px;margin-bottom:35px}.takeaway{background:var(--light);padding:25px;margin:35px 0}.takeaway p{margin-bottom:0;font-size:19px}.sources{border-top:1px solid var(--line);font:13px/1.8 Arial;margin-top:35px}.sources li{padding:10px 0}.sources a{overflow-wrap:anywhere}.sources small{display:block;color:var(--muted)}.readcontrols{display:flex;gap:8px;margin:22px 0}.readcontrols button{background:transparent;border:1px solid var(--line);padding:8px;color:var(--ink);font-size:11px}.progress{height:3px;background:var(--accent);position:fixed;top:0;left:0;width:0;z-index:10}.medium{max-width:1050px;margin:auto}.essay{max-width:760px;font-size:16px}.essay h2{font-size:32px;margin-top:38px}.essay p{color:#465b50}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font:23px var(--serif);line-height:1.4}.faq p{font-size:14px;max-width:680px}.products{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product{border:1px solid var(--line);padding:30px}.product h3{font-size:34px}.product p{font-size:14px;color:var(--muted)}.product .price{font:33px var(--serif);color:var(--ink)}.pill{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:9px;letter-spacing:1px;display:inline-block;text-transform:uppercase}.timeline{display:flex;gap:5px;flex-wrap:wrap;margin:25px 0}.timebtn{background:none;color:inherit;border:1px solid #ffffff45;padding:13px 20px;font:22px var(--serif)}.timebtn[aria-pressed=true]{background:var(--paper);color:var(--ink)}.timedetail{min-height:180px;border-top:1px solid #ffffff40;padding-top:23px}.timedetail h3{font-size:31px;margin:0 0 18px}.labintro{background:var(--light);padding:25px}.tablewrap{overflow-x:auto;margin:30px 0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.65;min-width:120px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat{border:1px solid var(--line);padding:24px}.stat strong{font:38px var(--serif);display:block}.stat span{font-size:12px}.footer{padding:45px 5% 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer p{font-size:12px;color:var(--muted);max-width:350px}.footerlinks a{display:block;text-decoration:none;font-size:12px;margin-bottom:15px}.footnote{border-top:1px solid var(--line);padding:22px 5%;font-size:10px;line-height:1.7;color:var(--muted);display:flex;justify-content:space-between;gap:20px}dialog{border:0;color:var(--ink);background:var(--paper);width:90%;max-width:760px;padding:32px;max-height:88vh;overflow:auto}dialog::backdrop{background:#102d25c9;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:25px}.dialoghead h2{font-size:32px;margin:0}.close{background:transparent;border:1px solid var(--line);padding:9px 13px;color:var(--ink)}.searchinput{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);font:24px var(--serif);padding:20px 0;margin:15px 0;color:var(--ink)}.searchresult{display:block;text-decoration:none;padding:17px 0;border-bottom:1px solid var(--line)}.searchresult strong{display:block;font:22px var(--serif);margin-bottom:8px}.searchresult span{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;padding:15px 22px;background:var(--ink);color:var(--paper);font-size:12px;z-index:100;box-shadow:0 4px 20px #0002}.hidden{display:none!important}.note{padding:18px 22px;background:var(--light);font-size:12px;line-height:1.8}.lab-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.lab-controls label{font-size:13px;line-height:1.8}.lab-controls select{display:block;padding:10px;background:transparent;color:var(--ink);border:1px solid var(--line)}@media(min-width:1100px){.grid.featured .card:first-child{grid-column:span 1}.hero-copy{padding-top:78px}}@media(max-width:1050px){.nav{gap:13px}.nav a{font-size:11px}.tools{gap:12px}.header{gap:15px}.reading{gap:35px;grid-template-columns:190px minmax(0,1fr)}}@media(max-width:780px){.edition{letter-spacing:1px;font-size:9px}.edition span:last-child{display:none}.header{flex-wrap:wrap;padding:20px 6%}.brand{font-size:16px}.brand span{font-size:26px}.mobilemenu{display:block}.nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:10px}.nav.open{display:flex}.nav a{padding:12px 0;font-size:14px}.tools{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 30px}.hero h1{font-size:59px;letter-spacing:-2.6px}.hero-art{min-height:350px}.art-kicker{font-size:9px}.caption{font-size:10px}.strip{font-size:10px;flex-direction:column;gap:10px;padding:16px 6%}.section{padding:42px 6%}.section-title{display:block}.section-title h2{font-size:35px}.section-title .textlink{display:inline-block;margin-top:18px}.grid{grid-template-columns:1fr 1fr;gap:25px 18px}.card h3{font-size:24px}.card p{font-size:12px}.card-bottom{align-items:start;flex-wrap:wrap}.pillargrid,.duo,.products{grid-template-columns:1fr}.pillar+.pillar{border-left:0;padding-left:0}.pillar{padding:26px 0}.pillar h3{margin:12px 0}.duo{gap:35px}h2{font-size:35px}.pagehead{padding:38px 6% 20px}.pagehead h1{font-size:47px;letter-spacing:-1.5px}.articlehead{padding:35px 6% 25px}.articlehead h1{font-size:44px;letter-spacing:-1.4px}.author{flex-direction:column;gap:10px}.articleart{height:260px}.reading{display:block;margin-top:30px;padding:0 6%}.toc{position:static;border-block:1px solid var(--line);padding:18px 0;margin-bottom:30px}.toc a{display:inline-block;margin:8px 16px 8px 0;font-size:11px}.prose{font-size:18px}.prose h2{font-size:29px}.filters label{margin-left:0;width:100%;margin-top:10px}.filters select{margin-left:10px}.footer{grid-template-columns:1fr 1fr;padding:35px 6%}.footer>div:first-child{grid-column:1/-1}.footnote{flex-direction:column;padding:20px 6%}.stats{gap:10px}.stat{padding:16px 12px}.stat strong{font-size:29px}.stat span{font-size:10px}.cover{max-width:285px}.tablewrap td,.tablewrap th{min-width:150px}.essay{font-size:15px}.breadcrumb{margin-bottom:25px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card-image{aspect-ratio:1.7}.card h3{font-size:29px}.card p{font-size:14px}.tools{gap:15px}.iconbtn{font-size:11px}.hero .actions{align-items:stretch;flex-direction:column}.hero .btn{align-self:start}.hero-art{min-height:330px}.articlehead h1{font-size:40px}.pagehead h1{font-size:43px}.question{font-size:23px}.footer{gap:22px}.product{padding:24px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:15px}.stat span{font-size:12px}.stat strong{font-size:30px}.timebtn{padding:11px 15px}.searchinput{font-size:21px}dialog{padding:24px}.readcontrols{flex-wrap:wrap}}
@media print{.edition,.header,.footer,.footnote,.toc,.actions,.readcontrols,.save,.progress,dialog,.related{display:none!important}.reading{display:block;padding:0;margin:20px auto}.articlehead{padding:0}.articleart{height:180px}.prose{font-size:12pt}.sources{font-size:9pt}body{background:white;color:black}.section{padding:20px 0}.question{font-size:16pt}}
@media(max-width:480px){.hero .actions .textlink{align-self:flex-start}}

body{padding:0} .wp-block-html{margin:0} .screen-reader-text{position:absolute;left:-9999px} body.admin-bar .progress{top:32px}
