/*
Theme Name: Pliego ZM
Description: Tema propio de Zine's Mate: la revista se lee como un folio doblado en ocho paneles.
Author: Redacción Zine's Mate
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: pliego-zm
Update URI: false
*/
:root{--paper:#F1F1F4;--sheet:#FCFCFD;--white:#fff;--ink:#15151A;--soft:#4A4A55;--fold:#A3A3AE;--line:#D4D4DC;--c:#FFD400;--on:#15151A}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-underline-offset:3px}
a:hover{text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2B4BFF;outline-offset:2px}
.zp-sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zp-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:100}
.zp-skip:focus{left:8px;top:8px}
.zp-t{font-family:"Alfa Slab One",Georgia,serif;font-weight:400;line-height:1.12}
.zp-m{font-family:"Special Elite","Courier New",monospace;font-weight:400}
.zp-wrap{max-width:1360px;margin:0 auto;padding:0 48px}
.zp-k1{--c:#FF5A1F;--on:#15151A}.zp-k2{--c:#FFD400;--on:#15151A}.zp-k3{--c:#12B5E5;--on:#15151A}.zp-k4{--c:#FF4FA3;--on:#15151A}.zp-k5{--c:#B39BFF;--on:#15151A}.zp-k6{--c:#2B4BFF;--on:#fff}.zp-k7{--c:#D91E36;--on:#fff}
.zp-chip{display:inline-block;font:400 12px/1.2 "Special Elite",monospace;padding:4px 8px;text-transform:uppercase;letter-spacing:.05em;background:var(--c);color:var(--on);text-decoration:none}
/* cabecera */
.zp-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.zp-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.zp-logo b{font-family:"Alfa Slab One",Georgia,serif;font-weight:400;font-size:28px;line-height:1}
.zp-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.zp-right>a{font:400 14px "Special Elite",monospace}
.zp-search{display:flex}
.zp-search input{font:400 16px "Atkinson Hyperlegible",sans-serif;padding:10px 12px;border:2px solid var(--ink);border-right:0;background:var(--sheet);width:200px;min-height:44px;color:var(--ink);border-radius:0}
.zp-search button{font:400 14px "Special Elite",monospace;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:0 14px;min-height:44px;cursor:pointer;border-radius:0}
.zp-nav{background:var(--ink);border-top:3px solid var(--ink)}
.zp-nav .zp-wrap{display:flex;flex-wrap:wrap;padding:0 32px}
.zp-nl{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--paper);padding:12px 16px;text-decoration:none;min-height:44px}
.zp-nl i{width:12px;height:12px;background:var(--c);outline:1px solid var(--paper);display:inline-block}
.zp-nl:hover{text-decoration:underline}
.zp-nl[aria-current]{background:var(--c);color:var(--on)}
.zp-nl[aria-current] i{background:var(--on);outline:0}
.zp-bc{font:400 13px "Special Elite",monospace;padding-top:22px;padding-bottom:6px}
.zp-bc a{color:var(--ink)}
/* portada: el folio */
.zp-intro{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;padding-top:36px;padding-bottom:16px}
.zp-intro h1{margin:0;font-size:22px}
.zp-intro span{font:400 13px "Special Elite",monospace;color:var(--soft)}
.zp-sheet{position:relative;background:var(--sheet);box-shadow:0 18px 40px -18px rgba(21,21,26,.4),0 2px 0 var(--ink);border-left:2px dashed var(--fold);border-top:2px dashed var(--fold)}
.zp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.zp-p{position:relative;min-width:0;padding:22px 22px 26px;border-right:2px dashed var(--fold);border-bottom:2px dashed var(--fold);background:var(--sheet)}
.zp-p:nth-child(odd){background:var(--white)}
.zp-n{font:400 11px "Special Elite",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);display:block;margin-bottom:8px}
.zp-sec{display:inline-block;margin:0 0 8px;padding:6px 10px;font-size:22px;background:var(--c);color:var(--on)}
.zp-sec a{color:var(--on);text-decoration:none}
.zp-sec a:hover{text-decoration:underline}
.zp-sec.zp-dark{background:var(--ink);color:var(--paper)}
.zp-staple{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none}
.zp-staple i{display:block;width:30px;height:4px;background:#8C8C97;border-radius:2px}
.zp-scissors{font:400 12px "Special Elite",monospace;color:var(--soft);text-align:center;margin:14px 0 0}
.zp-ph{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,var(--c),var(--ink));border-bottom:5px solid var(--c)}
.zp-ph img{width:100%;height:100%;object-fit:cover}
.zp-ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--paper) 24%,transparent 26%);background-size:7px 7px;opacity:.13;pointer-events:none}
.zp-cover .zp-ph{height:230px;margin-bottom:16px}
.zp-tape{position:absolute;left:30px;top:56px;width:78px;height:22px;background:rgba(255,90,31,.6);transform:rotate(-6deg);pointer-events:none}
.zp-cover h2{margin:0 0 10px;font-size:26px}
.zp-cover h2 a,.zp-it b a,.zp-card h2 a,.zp-rel h3 a{text-decoration:none}
.zp-cover h2 a:hover,.zp-it b a:hover,.zp-card h2 a:hover,.zp-rel h3 a:hover{text-decoration:underline}
.zp-cover p{margin:0 0 14px;font-size:16px;line-height:1.5}
.zp-meta{font:400 12px "Special Elite",monospace;color:var(--soft)}
.zp-it{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:flex-start}
.zp-it:first-of-type{border-top:0}
.zp-it .zp-ph{width:64px;height:64px;flex:none;border-bottom-width:3px}
.zp-it b{display:block;font-size:15px;line-height:1.3;margin-bottom:2px}
.zp-it p{margin:4px 0 0;font-size:14px;line-height:1.45}
.zp-more{font:400 13px "Special Elite",monospace;display:inline-block;padding:6px 0}
.zp-p .zp-ph.zp-wide{height:120px;margin:6px 0 8px}
/* categorías y búsquedas */
.zp-ch{background:var(--c);color:var(--on);border:2px dashed var(--ink);padding:36px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:end;margin-top:12px}
.zp-ch h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1}
.zp-ch p{margin:0 0 10px;font-size:18px;line-height:1.5}
.zp-ch .zp-n{color:var(--on);opacity:.85}
.zp-cards{margin-top:28px;border-left:2px dashed var(--fold);border-top:2px dashed var(--fold);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.zp-card{display:flex;gap:20px;padding:22px;background:var(--white);border-right:2px dashed var(--fold);border-bottom:2px dashed var(--fold);min-width:0}
.zp-card .zp-ph{width:200px;height:220px;flex:none}
.zp-card h2{margin:6px 0 10px;font-size:22px}
.zp-card p{margin:0 0 10px;font-size:16px;line-height:1.5}
.zp-card .zp-more{text-decoration:underline}
.zp-pag{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px 0 8px;font:400 15px "Special Elite",monospace}
.zp-pag a,.zp-pag span{border:2px solid var(--ink);padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink)}
.zp-pag .current{background:var(--ink);color:var(--paper)}
/* entrada */
.zp-art{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start;padding-top:10px}
.zp-side{flex:0 0 190px;display:flex;flex-direction:column;gap:14px;border-right:2px dashed var(--fold);padding-right:24px}
.zp-side .zp-n{margin:0}
.zp-sh{display:block;font:400 13px "Special Elite",monospace;color:var(--ink);border:2px solid var(--ink);padding:10px 12px;min-height:44px;background:var(--sheet);text-decoration:none;cursor:pointer;text-align:left;width:100%}
.zp-sh:hover{background:var(--c)}
.zp-main{flex:1 1 600px;min-width:0;max-width:760px}
.zp-main h1{margin:0 0 18px;font-size:clamp(30px,4.2vw,46px);line-height:1.08}
.zp-lead{margin:0 0 24px;font-size:21px;line-height:1.5;color:#33333D}
.zp-hero{position:relative;margin:0 0 34px}
.zp-hero .zp-ph{height:auto;aspect-ratio:16/9}
.zp-hero .zp-ta,.zp-hero .zp-tb{position:absolute;top:-8px;width:92px;height:24px;background:rgba(255,212,0,.67);pointer-events:none}
.zp-hero .zp-ta{left:-14px;transform:rotate(-8deg)}
.zp-hero .zp-tb{right:-14px;transform:rotate(7deg)}
.zp-body{font-size:19px;line-height:1.7}
.zp-body p{margin:0 0 20px}
.zp-body h2{font-family:"Alfa Slab One",Georgia,serif;font-weight:400;font-size:28px;line-height:1.15;margin:40px 0 14px;padding-left:14px;border-left:10px solid var(--c)}
.zp-body h3{font-family:"Alfa Slab One",Georgia,serif;font-weight:400;font-size:22px;margin:30px 0 10px}
.zp-body ul,.zp-body ol{margin:0 0 20px;padding-left:26px}
.zp-body li{margin-bottom:8px}
.zp-body img{margin:24px 0}
.zp-body table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:16px;display:block;overflow-x:auto}
.zp-body th,.zp-body td{border:2px solid var(--ink);padding:8px 12px;text-align:left}
.zp-body blockquote{margin:0 0 24px;padding:14px 20px;background:var(--c);color:var(--on);font-size:21px}
.zp-sign{font:400 15px "Special Elite",monospace;margin-top:34px;border-top:2px dashed var(--fold);padding-top:14px}
.zp-next{font:400 16px "Special Elite",monospace;background:var(--c);color:var(--on);padding:12px 16px;margin:0 0 24px}
.zp-next a{color:var(--on)}
.zp-relw{margin-top:56px}
.zp-relw h2{margin:0 0 16px;font-size:26px}
.zp-rels{border-left:2px dashed var(--fold);border-top:2px dashed var(--fold);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.zp-rel{background:var(--white);border-right:2px dashed var(--fold);border-bottom:2px dashed var(--fold);padding:18px;min-width:0}
.zp-rel .zp-ph{height:130px;margin-bottom:12px}
.zp-rel h3{margin:6px 0 0;font-size:18px;line-height:1.3;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700}
/* páginas */
.zp-page{max-width:800px;padding-top:10px}
.zp-page h1{margin:0 0 24px;font-size:clamp(34px,5vw,56px);line-height:1.04}
.zp-page .zp-body h2{border-left-color:var(--c)}
.zp-two{display:flex;gap:48px;flex-wrap:wrap;align-items:stretch;padding-top:10px}
.zp-two>div{flex:1 1 380px;min-width:0;position:relative}
.zp-two h1{margin:10px 0 20px;font-size:clamp(38px,5.4vw,60px);line-height:1.02}
.zp-two .zp-ph{height:100%;min-height:300px}
.zp-two .zp-lead{font-size:21px;color:var(--ink)}
.zp-steps{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:0 56px}
.zp-step{display:grid;grid-template-columns:78px minmax(0,1fr);gap:20px;padding:28px 0;border-top:2px dashed var(--fold)}
.zp-step>b{font:400 60px/1 "Alfa Slab One",Georgia,serif;color:var(--c);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}
.zp-step h2{font:400 26px/1.15 "Alfa Slab One",Georgia,serif;margin:0 0 10px}
.zp-step p{margin:0;font-size:18px;line-height:1.65}
.zp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.zp-pair .zp-ph{height:240px}
.zp-contact{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;align-items:start;margin-top:10px}
.zp-form{position:relative;background:var(--white);border:2px dashed var(--fold);padding:36px;display:flex;flex-direction:column;gap:20px}
.zp-form .zp-tp{position:absolute;left:30px;top:-12px;width:100px;height:26px;background:rgba(255,90,31,.67);transform:rotate(-4deg)}
.zp-form label{display:block;font:400 14px "Special Elite",monospace;margin-bottom:6px}
.zp-form input[type=text],.zp-form input[type=email],.zp-form textarea{width:100%;font:400 18px "Atkinson Hyperlegible",sans-serif;padding:12px;border:2px solid var(--ink);background:var(--sheet);color:var(--ink);min-height:48px;border-radius:0}
.zp-form .zp-ck2{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.4 "Atkinson Hyperlegible",sans-serif}
.zp-form .zp-ck2 input{width:22px;height:22px;margin:2px 0 0;flex:none}
.zp-send{align-self:flex-start;background:var(--ink);color:var(--paper);border:0;padding:14px 28px;font:400 18px "Alfa Slab One",Georgia,serif;min-height:48px;box-shadow:6px 6px 0 #FF5A1F;cursor:pointer;border-radius:0}
.zp-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.zp-note{background:#FFD400;padding:14px 18px;font:400 16px "Special Elite",monospace;margin:0 0 20px}
.zp-aside{display:flex;flex-direction:column;gap:24px}
.zp-yel{background:#FFD400;padding:24px;transform:rotate(1.2deg);box-shadow:0 10px 18px -10px rgba(21,21,26,.55)}
.zp-yel a{font:400 24px/1.2 "Alfa Slab One",Georgia,serif;word-break:break-all}
.zp-box{background:var(--sheet);border:2px solid var(--ink);padding:24px}
.zp-box h2{margin:0 0 12px;font:400 22px "Alfa Slab One",Georgia,serif}
.zp-box p{margin:0;font-size:17px;line-height:1.6}
.zp-aside .zp-ph{height:200px}
/* pie */
.zp-foot{background:var(--ink);color:var(--paper);margin-top:56px;padding:36px 0}
.zp-foot .zp-wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.zp-foot a{color:var(--paper)}
.zp-foot b{font:400 24px "Alfa Slab One",Georgia,serif;display:block}
.zp-foot small{font:400 13px "Special Elite",monospace;color:#C9C9D3;display:block;margin-top:6px}
.zp-fl{display:flex;gap:20px;flex-wrap:wrap;font:400 14px "Special Elite",monospace}
.zp-fl a{padding:8px 0}
/* aviso de cookies */
.zp-ckb{position:fixed;left:16px;bottom:16px;max-width:380px;background:#FFD400;border:3px solid var(--ink);padding:18px;box-shadow:8px 8px 0 var(--ink);z-index:90}
.zp-ckb[hidden]{display:none}
.zp-ckb b{font:400 19px "Alfa Slab One",Georgia,serif;display:block;margin-bottom:6px}
.zp-ckb p{margin:0 0 12px;font-size:15px;line-height:1.45}
.zp-ckb div{display:flex;gap:10px}
.zp-ckb button{font:400 15px "Special Elite",monospace;border:2px solid var(--ink);padding:10px 18px;min-height:44px;cursor:pointer;border-radius:0}
.zp-ckb .zp-y{background:var(--ink);color:var(--paper)}
.zp-ckb .zp-x{background:transparent;color:var(--ink)}
@media (max-width:1100px){.zp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-staple{display:none}.zp-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.zp-wrap{padding:0 16px}.zp-top{padding-top:12px;padding-bottom:12px}.zp-logo b{font-size:22px}.zp-nav .zp-wrap{padding:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.zp-nl{white-space:nowrap;padding:12px 14px;font-size:14px}.zp-search input{width:150px}.zp-ch{grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:14px}.zp-card{flex-direction:column;padding:16px}.zp-card .zp-ph{width:100%;height:190px}.zp-side{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:2px dashed var(--fold);padding:0 0 14px}.zp-side .zp-sh{width:auto}.zp-rels{grid-template-columns:minmax(0,1fr)}.zp-steps,.zp-pair{grid-template-columns:minmax(0,1fr)}.zp-steps{grid-template-rows:none;grid-auto-flow:row}.zp-contact{grid-template-columns:minmax(0,1fr);gap:28px}.zp-form{padding:24px 16px}.zp-body{font-size:18px}.zp-body h2{font-size:24px}.zp-step{grid-template-columns:56px minmax(0,1fr)}.zp-step>b{font-size:44px}.zp-ckb{left:8px;right:8px;max-width:none;bottom:8px}}
@media (max-width:620px){.zp-grid{grid-template-columns:minmax(0,1fr)}.zp-sheet{border-left:0}.zp-p{border-right:0}.zp-hero .zp-ta{left:-4px}.zp-hero .zp-tb{right:-4px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}