/*
Theme Name: Máquina
Theme URI: https://www.arrugaslapelicula.com/
Description: Tema editorial a medida para Arrugas.
Author: Redacción Arrugas
Version: 1.0.3
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: maquina-al
Update URI: false
*/
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/special-elite-400.woff2) format('woff2')}
@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/andika-400.woff2) format('woff2')}
@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/andika-700.woff2) format('woff2')}
:root{--ink:#232629;--bg:#E4E6E8;--sf:#F2F3F4;--mut:#4A5056;--bd:#7B8187;--err:#8F1D1D;--soft:#B9BEC4;--dis:'Special Elite','Courier New',monospace;--txt:Andika,Verdana,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 20px/1.7 var(--txt)}
img{max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--ink);color:var(--bg)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.mqn-ft :focus-visible,.mqn-ck :focus-visible{outline-color:var(--bg)}
.mqn-sr,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mqn-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:12px 18px;z-index:100}
.mqn-skip:focus{left:8px}
.mqn-site{container-type:inline-size;overflow:clip}
.mqn-hd{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:2.6cqw 6cqw 0;position:relative}
.mqn-brand{display:inline-flex;align-items:center;gap:10px;font:400 26px/1 var(--dis);text-decoration:none}
.mqn-brand svg{flex:none}
.mqn-menu{list-style:none;display:flex;flex-wrap:wrap;gap:4px 26px;font-size:17px}
.mqn-menu a{display:inline-block;padding:10px 0;text-decoration:none;border-bottom:2px solid transparent}
.mqn-menu a:hover,.mqn-menu .current-menu-item>a,.mqn-menu .current-menu-parent>a,.mqn-menu .current-menu-ancestor>a{border-color:var(--ink)}
.mqn-menu li{position:relative}
.mqn-menu .menu-item-has-children>a::after{content:" ▾";font-size:.8em}
.mqn-menu .sub-menu{display:none;list-style:none;position:absolute;left:-14px;top:100%;min-width:240px;background:var(--sf);padding:10px 14px;z-index:20;box-shadow:0 0 0 2px var(--ink)}
.mqn-menu li:hover>.sub-menu,.mqn-menu li:focus-within>.sub-menu{display:block}
.mqn-menu .sub-menu a{display:block;padding:9px 0}
.mqn-mb{display:none;font:700 16px var(--txt);min-height:44px;padding:0 18px;border:2px solid var(--ink);border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}
.mqn-wm{font:400 19.5cqw/.95 var(--dis);letter-spacing:-.04em;margin:7cqw 0 0 5.2cqw;white-space:nowrap}
.mqn-wm .l{opacity:0;animation:mqn-tp 1ms steps(1) forwards;animation-delay:calc(var(--i)*120ms + 250ms)}
.mqn-wm .cr{display:inline-block;width:.07em;height:.72em;background:var(--ink);margin-left:.04em;opacity:0;animation:mqn-bl .9s steps(1) 5 .2s forwards}
@keyframes mqn-tp{to{opacity:1}}
@keyframes mqn-bl{0%,50%{opacity:1}51%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.mqn-wm .l{opacity:1;animation:none}.mqn-wm .cr{display:none}html{scroll-behavior:auto}}
.mqn-sub{font-size:26px;line-height:1.4;max-width:26ch;margin:2.4cqw 0 0 6cqw}
.mqn-dest{display:grid;grid-template-columns:2fr 5fr 3.4fr;gap:3cqw;padding:9cqw 6cqw 0}
.mqn-dest.nofoto{grid-template-columns:2fr 7fr}
.mqn-meta{font-size:16px;color:var(--mut);line-height:1.5}
.mqn-k{font-weight:700}
.mqn-dest h2,.mqn-ph h1{font:400 clamp(30px,4.6cqw,64px)/1.12 var(--dis);letter-spacing:-.01em;margin-bottom:1.4rem;text-wrap:balance;overflow-wrap:anywhere}
.mqn-dest h2 a{text-decoration:none}
.mqn-dest p{max-width:58ch}
.mqn-go{display:inline-block;margin-top:1.2rem;font-weight:700;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px;min-height:44px;padding-top:6px}
.mqn-im{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(1) contrast(1.05);background:var(--soft)}
.mqn-fig{margin:0}
.mqn-fig figcaption{font-size:15px;color:var(--mut);margin-top:.6rem}
.mqn-dest .mqn-im{aspect-ratio:4/5}
.mqn-strip{padding:6cqw 6cqw 0}
.mqn-strip .mqn-im{aspect-ratio:16/6}
.mqn-h3{font:400 24px/1.2 var(--dis);padding:9cqw 6cqw 1.6cqw}
.mqn-rows{padding:0 6cqw;display:grid;gap:1.8rem}
.mqn-row{display:grid;grid-template-columns:2fr 6fr 2.4fr;gap:3cqw;align-items:baseline}
.mqn-row.nofoto{grid-template-columns:2fr 8.4fr}
.mqn-d{font-size:16px;color:var(--mut)}
.mqn-t{font:400 clamp(22px,2.4cqw,32px)/1.25 var(--dis);text-decoration:none;overflow-wrap:anywhere}
.mqn-t:hover{text-decoration:underline;text-underline-offset:.2em}
.mqn-c{display:block;font-size:16px;color:var(--mut);margin-top:.2rem}
.mqn-th{align-self:start}.mqn-th .mqn-im{aspect-ratio:3/2}
.mqn-secs{padding:2cqw 6cqw 0;display:grid;gap:7cqw}
.mqn-sec{max-width:62%;display:grid;gap:1rem}
.mqn-sec:nth-child(even){margin-left:32%}
.mqn-sec .mqn-im{aspect-ratio:3/2;max-width:340px}
.mqn-sec h3{font:400 clamp(34px,6cqw,84px)/1 var(--dis);letter-spacing:-.03em;margin-bottom:.4rem;overflow-wrap:anywhere}
.mqn-sec h3 a{text-decoration:none}
.mqn-sec h3 small{display:block;font:400 16px var(--txt);letter-spacing:0;color:var(--mut);margin-top:.5rem}
.mqn-sec ul{list-style:none;display:grid;gap:.7rem;margin:1rem 0}
.mqn-sec li a{font-size:21px}
.mqn-ft{background:var(--ink);color:var(--bg);margin-top:10cqw;padding:5cqw 6cqw 3cqw}
.mqn-fw{font:400 14cqw/.9 var(--dis);letter-spacing:-.04em}
.mqn-fg{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:3cqw;font-size:17px}
.mqn-ft a{color:var(--bg)}
.mqn-cp{color:var(--soft);font-size:15px;margin-top:1.5cqw}
.mqn-ck{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--sf);color:var(--ink);padding:18px max(16px,6vw);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5;box-shadow:0 -2px 0 var(--ink)}
.mqn-ck[hidden]{display:none}
.mqn-ck p{max-width:70ch}
.mqn-ck div{display:flex;gap:10px;flex-wrap:wrap}
.mqn-btn{font:700 17px var(--txt);min-height:44px;padding:0 22px;border:2px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--bg);cursor:pointer}
.mqn-btn.o{background:transparent;color:var(--ink)}
.mqn-crumb{font-size:16px;color:var(--mut);padding:3cqw 6cqw 0}
.mqn-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 .5em}
.mqn-crumb li+li::before{content:"/";margin-right:.5em}
.mqn-crumb a{color:var(--mut)}
.mqn-ph{padding:5cqw 6cqw 2cqw}
.mqn-ph .lead{font-size:22px;max-width:52ch;color:var(--mut)}
.mqn-hero{padding:2cqw 6cqw 0}.mqn-hero .mqn-im{aspect-ratio:16/7}
.mqn-art{display:grid;grid-template-columns:2fr 7fr;gap:3cqw;padding:3cqw 6cqw 0}
.mqn-side{font-size:16px;color:var(--mut);position:sticky;top:20px;align-self:start}
.mqn-side b{display:block;color:var(--ink);margin:1rem 0 .3rem}
.mqn-side ol{padding-left:1.1rem;display:grid;gap:.4rem}
.mqn-body{max-width:62ch;overflow-wrap:break-word}
.mqn-body p,.mqn-body ul,.mqn-body ol,.mqn-body figure,.mqn-body blockquote,.mqn-body table{margin-bottom:1.3rem}
.mqn-body ul,.mqn-body ol{padding-left:1.4rem}
.mqn-body li{margin-bottom:.4rem}
.mqn-body h2{font:400 30px/1.2 var(--dis);margin:2.4rem 0 1rem}
.mqn-body h3{font:400 24px/1.25 var(--dis);margin:1.8rem 0 .8rem}
.mqn-body a{text-decoration:underline;text-underline-offset:.2em}
.mqn-body img{height:auto;filter:grayscale(1)}
.mqn-body blockquote{border-left:4px solid var(--ink);padding-left:1.2rem;font-family:var(--dis)}
.mqn-body .mqn-enl{font-size:18px;color:var(--mut)}
.mqn-share{display:flex;flex-wrap:wrap;gap:10px;margin:2rem 0}
.mqn-share a,.mqn-share button{font:700 16px var(--txt);min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:4px;text-decoration:none;background:transparent;color:var(--ink);cursor:pointer}
.mqn-rel{padding:4cqw 6cqw 0}
.mqn-rel h3{font:400 24px var(--dis);margin-bottom:1rem}
.mqn-rel ul{list-style:none;display:grid;gap:.8rem}
.mqn-rel a{font:400 22px/1.3 var(--dis)}
.mqn-about{display:grid;grid-template-columns:5fr 4fr;gap:6cqw;padding:3cqw 6cqw 0;align-items:start}
.mqn-letter{font-family:var(--dis);font-size:21px;line-height:1.75;max-width:50ch}
.mqn-letter p{margin-bottom:1.2rem}
.mqn-form{display:grid;gap:1.4rem;max-width:520px}
.mqn-form label{font-weight:700;display:block;margin-bottom:.3rem;font-size:17px}
.mqn-form input,.mqn-form select,.mqn-form textarea{width:100%;font:400 19px var(--txt);color:var(--ink);background:var(--sf);border:0;border-bottom:3px solid var(--bd);padding:12px;min-height:48px;border-radius:2px 2px 0 0}
.mqn-form input:focus,.mqn-form textarea:focus,.mqn-form select:focus{outline:3px solid var(--ink);outline-offset:2px}
.mqn-form textarea{min-height:140px;resize:vertical}
.mqn-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.mqn-mail{font:400 clamp(20px,2.6cqw,36px)/1.2 var(--dis);overflow-wrap:anywhere;user-select:all}
.mqn-msg{padding:14px 16px;background:var(--sf);margin-bottom:1.4rem;max-width:520px;font-weight:700}
.mqn-msg.e{color:var(--err)}
.mqn-pag{padding:4cqw 6cqw 0;display:flex;gap:28px;flex-wrap:wrap}
.mqn-lnd .mqn-body{max-width:66ch}
.mqn-404{padding:5cqw 6cqw 0}
.mqn-sf{display:flex;gap:10px;flex-wrap:wrap;margin:1.4rem 0;max-width:520px}.mqn-sf input{flex:1;min-width:200px;font:400 19px var(--txt);background:var(--sf);border:0;border-bottom:3px solid var(--bd);padding:12px;min-height:48px}
.mqn-about.contacto{grid-template-columns:4fr 5fr}
.mqn-rel h2{font:400 24px var(--dis);margin-bottom:1rem}
html{scroll-padding-bottom:140px}
@container (max-width:760px){
.mqn-menu{display:none}
.mqn-hd{padding-top:5cqw}
.mqn-site{font-size:18px}
.mqn-nav.on{display:block;position:absolute;left:0;right:0;top:100%;background:var(--sf);padding:12px 6cqw 20px;z-index:30;box-shadow:0 2px 0 var(--ink)}
.mqn-nav.on .mqn-menu{display:grid;gap:0}
.mqn-nav.on .mqn-menu a{font:400 24px var(--dis);padding:12px 0}
.mqn-nav.on .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 0 14px;background:transparent}
.mqn-nav.on .sub-menu a{font:400 19px var(--txt)}
.mqn-mb{display:inline-block}
.mqn-wm{font-size:20.5cqw;margin-left:5cqw}
.mqn-sub{font-size:21px;margin-left:6cqw}
.mqn-dest,.mqn-row,.mqn-art,.mqn-about,.mqn-about.contacto,.mqn-dest.nofoto,.mqn-row.nofoto{grid-template-columns:1fr}
.mqn-dest{padding-top:12cqw;gap:1rem}
.mqn-dest h2,.mqn-ph h1{font-size:8.4cqw}
.mqn-row{gap:.2rem}
.mqn-t{font-size:7cqw}
.mqn-th .mqn-im{aspect-ratio:16/8}
.mqn-strip .mqn-im,.mqn-dest .mqn-im,.mqn-hero .mqn-im{aspect-ratio:3/2}
.mqn-sec{max-width:100%}.mqn-sec:nth-child(even){margin-left:0}
.mqn-sec h3{font-size:13cqw}.mqn-sec .mqn-im{max-width:100%}
.mqn-side{position:static}
.mqn-fw{font-size:19cqw}
.mqn-letter{font-size:18px}
.mqn-ck{padding:16px}
}
@media (max-width:480px){.mqn-brand{font-size:22px}}