/*
Theme Name: Dos Tintas
Theme URI: https://www.lgbtimontevideo2016.org/
Description: Tema editorial a dos tintas para LGBTMontevideo2016.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
Update URI: false
Text Domain: dostintas-lm
*/
:root{--p:#F3F5FB;--i:#15173C;--r:#FF3D9A;--b:#2450E8;--y:#FFD21F;--o:#FF6B2C;--v:#7B3FE4;--s:#62B8FF;--w:1240px;--d:'Dela Gothic One',Impact,sans-serif;--m:'Space Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--p);color:var(--i);font:400 17px/1.6 'Hanken Grotesk',system-ui,-apple-system,Segoe UI,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,blockquote,figure{margin:0}
:focus-visible{outline:3px solid var(--b);outline-offset:3px}
.dtn-s1{--c:var(--r);--t:var(--i)}.dtn-s2{--c:var(--y);--t:var(--i)}.dtn-s3{--c:var(--b);--t:var(--p)}.dtn-s4{--c:var(--o);--t:var(--i)}.dtn-s5{--c:var(--v);--t:var(--p)}.dtn-s6{--c:var(--s);--t:var(--i)}.dtn-s0{--c:var(--y);--t:var(--i)}
.dtn-skip{position:absolute;left:-999px;top:0;background:var(--i);color:var(--p);padding:10px 14px;z-index:99}.dtn-skip:focus{left:8px;top:8px}
.dtn-d{font-family:var(--d);font-weight:400;letter-spacing:-.025em;line-height:.98}
.dtn-m{font:400 12px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.dtn-wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.dtn-strip{background:var(--i);color:var(--p);padding:7px 20px;overflow:hidden;white-space:nowrap}
.dtn-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;max-width:var(--w);margin:0 auto;padding:18px 20px;position:relative}
.dtn-logo{display:flex;align-items:center;gap:10px}
.dtn-logo svg{flex:none}
.dtn-logo b{font:400 17px/1 var(--d);letter-spacing:-.02em}
.dtn-mt{position:absolute;opacity:0;pointer-events:none}
.dtn-burger{display:none;min-height:48px;min-width:48px;padding:0 14px;align-items:center;background:var(--i);color:var(--p);cursor:pointer}
.dtn-mt:focus-visible+.dtn-burger{outline:3px solid var(--b);outline-offset:3px}
.dtn-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.dtn-nav li{position:relative}
.dtn-nav a{display:inline-block;padding:9px 10px;font-weight:800;font-size:15px;box-shadow:inset 0 -6px 0 var(--c,transparent)}
.dtn-nav a:hover,.dtn-nav .current-menu-item>a{background:var(--c,var(--y));color:var(--t,var(--i))}
.dtn-nav .menu-item-has-children>a{background:var(--i);color:var(--p);box-shadow:none;margin-left:6px}
.dtn-nav .menu-item-has-children>a::after{content:" ▾"}
.dtn-nav .sub-menu{display:none;position:absolute;right:0;top:100%;min-width:260px;background:var(--i);padding:8px;z-index:20;flex-direction:column;align-items:stretch;gap:4px}
.dtn-nav .menu-item-has-children:hover>.sub-menu,.dtn-nav .menu-item-has-children:focus-within>.sub-menu{display:flex}
.dtn-nav .sub-menu a{display:block;background:transparent;color:var(--p);box-shadow:none;margin:0;padding:12px;font-family:var(--d);font-weight:400;font-size:16px}
.dtn-nav .sub-menu a:hover{background:var(--y);color:var(--i)}
.dtn-nav .sub-menu a::after{content:none}
.dtn-crumbs{max-width:var(--w);margin:0 auto;padding:0 20px 16px;font:400 12px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.dtn-crumbs a:hover{text-decoration:underline}
.dtn-ph{display:block;width:100%;height:100%;background:radial-gradient(rgba(21,23,60,.5) 22%,transparent 24%) 0 0/8px 8px,var(--c,var(--y))}
.dtn-media{display:block;position:relative;overflow:hidden;background:var(--c,var(--y))}
.dtn-media img{width:100%;height:100%;object-fit:cover}
.dtn-media::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(21,23,60,.35) 22%,transparent 24%) 0 0/8px 8px;mix-blend-mode:multiply;pointer-events:none}
.dtn-r32{aspect-ratio:3/2}.dtn-r169{aspect-ratio:16/9}.dtn-r43{aspect-ratio:4/3}
.dtn-tag{display:inline-block;background:var(--i);color:var(--p);padding:4px 9px;font:400 12px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.dtn-tag:hover{background:var(--c);color:var(--t)}
.dtn-hero{max-width:var(--w);margin:0 auto;padding:10px 20px 54px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.dtn-hero__txt{grid-column:span 7}
.dtn-big{font:400 clamp(110px,22vw,290px)/.9 var(--d);letter-spacing:-.04em;color:var(--b);position:relative;margin:4px 0 0 -6px}
.dtn-big::after{content:attr(data-t);position:absolute;left:.035em;top:.03em;color:var(--r);mix-blend-mode:multiply}
.dtn-sub{font:400 clamp(24px,3.4vw,44px)/.98 var(--d);margin-top:8px}
.dtn-sub i{font-style:normal;color:var(--r)}
.dtn-lead{max-width:460px;margin-top:18px;font-size:19px}
.dtn-cover{grid-column:span 5;position:relative;padding-top:10px;transform:rotate(1.4deg)}
.dtn-cover .dtn-media{height:380px}
.dtn-cover h2{font:400 clamp(24px,2.6vw,34px)/1.04 var(--d);margin-top:14px}
.dtn-cover .dtn-tag{position:absolute;left:0;top:10px;z-index:2}
.dtn-sec{max-width:var(--w);margin:0 auto;padding:0 20px 54px}
.dtn-st{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:4px solid var(--i);padding-top:12px;margin-bottom:26px}
.dtn-st h2{font:400 clamp(28px,3.4vw,40px)/1 var(--d)}
.dtn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.dtn-card .dtn-media{height:auto;aspect-ratio:3/2}
.dtn-card h3{font-size:22px;line-height:1.2;font-weight:800;margin-top:12px}
.dtn-card h3 a:hover{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--c)}
.dtn-card .dtn-tag{position:absolute;left:0;bottom:0;z-index:2}
.dtn-card .dtn-m{margin-top:8px;display:block}
.dtn-bands{margin:0 0 54px}
.dtn-bands h2{font:400 clamp(28px,3.4vw,40px)/1 var(--d);padding:0 20px 18px;max-width:var(--w);margin:0 auto}
.dtn-band{display:flex;align-items:center;gap:26px;padding:20px 20px;background:var(--c);color:var(--t);border-top:4px solid var(--i)}
.dtn-band:last-child{border-bottom:4px solid var(--i)}
.dtn-band>*{max-width:none}
.dtn-band__in{display:flex;align-items:center;gap:26px;width:100%;max-width:var(--w);margin:0 auto}
.dtn-band__n{font:400 clamp(30px,4.4vw,56px)/1 var(--d);width:1.6em;flex:none}
.dtn-band__t{font:400 clamp(22px,3.4vw,44px)/1 var(--d);flex:1}
.dtn-band__d{max-width:330px}
.dtn-band:hover .dtn-band__t{text-decoration:underline;text-decoration-thickness:4px}
.dtn-two{max-width:var(--w);margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px}
.dtn-list a{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--i)}
.dtn-list a span:first-child{width:92px;flex:none;padding-top:5px}
.dtn-list a span:last-child{font-weight:800;font-size:19px;line-height:1.3}
.dtn-list a:hover span:last-child{text-decoration:underline}
.dtn-venn{position:relative;height:200px;margin-top:16px}
.dtn-venn i{position:absolute;top:0;width:190px;height:190px;border-radius:50%;mix-blend-mode:multiply}
.dtn-venn i:nth-child(1){left:14px;background:var(--r)}.dtn-venn i:nth-child(2){left:112px;background:var(--b)}
.dtn-venn span{position:absolute;left:330px;top:30px;font:400 34px/1 var(--d)}
.dtn-pb{display:block;position:relative;min-height:280px;border-top:4px solid var(--i);padding-top:12px}
.dtn-foot{background:var(--i);color:var(--p);padding:34px 20px}
.dtn-foot__in{max-width:var(--w);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px}
.dtn-foot b{font:400 24px/1 var(--d)}
.dtn-foot p{margin-top:10px;font-size:15px;max-width:360px}
.dtn-foot ul{list-style:none;padding:0;margin:0;display:flex;gap:6px 22px;flex-wrap:wrap}
.dtn-foot a{display:inline-block;padding:8px 0;font:400 12px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.dtn-foot a:hover{text-decoration:underline}
/* categoría */
.dtn-ch{background:var(--c);color:var(--t);padding:36px 20px;position:relative;overflow:hidden}
.dtn-ch::before{content:"";position:absolute;right:-40px;top:-40px;width:420px;height:420px;background:radial-gradient(var(--r) 28%,transparent 30%) 0 0/16px 16px;opacity:.85;pointer-events:none}
.dtn-ch__in{max-width:var(--w);margin:0 auto;display:flex;align-items:flex-end;gap:28px;position:relative;flex-wrap:wrap}
.dtn-ch__n{font:400 clamp(60px,9vw,120px)/.9 var(--d)}
.dtn-ch h1{font:400 clamp(36px,6.2vw,84px)/.98 var(--d)}
.dtn-ch p{margin-top:14px;font-size:19px;max-width:560px}
.dtn-lay{max-width:var(--w);margin:0 auto;padding:30px 20px 24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start}
.dtn-lay>.dtn-l{grid-column:span 9;min-width:0}.dtn-lay>aside{grid-column:span 3}
.dtn-it{display:grid;grid-template-columns:70px minmax(0,1fr) 230px;gap:24px;padding:22px 0;border-top:1px solid var(--i);align-items:start}
.dtn-it:first-child{border-top:4px solid var(--i)}
.dtn-it__n{font:400 40px/1 var(--d);color:var(--c)}
.dtn-it.dtn-s3 .dtn-it__n,.dtn-it.dtn-s5 .dtn-it__n{color:var(--c)}
.dtn-it h2{font:400 clamp(22px,2.6vw,30px)/1.06 var(--d)}
.dtn-it h2 a:hover{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--c)}
.dtn-it p{margin-top:10px}
.dtn-it .dtn-media{aspect-ratio:3/2}
.dtn-pg{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.dtn-pg a,.dtn-pg span{min-width:48px;min-height:48px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--i);font:400 18px/1 var(--d)}
.dtn-pg .current{background:var(--i);color:var(--p)}
.dtn-aside{border-top:4px solid var(--i);padding-top:12px}
.dtn-aside a{display:block;margin-top:6px;padding:10px 12px;font-weight:800;background:var(--c);color:var(--t)}
.dtn-aside a:hover{text-decoration:underline}
.dtn-aside .dtn-m{margin-bottom:8px}
/* entrada */
.dtn-eh{max-width:var(--w);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.dtn-eh__t{grid-column:span 9}
.dtn-eh h1{font:400 clamp(30px,5vw,66px)/1.02 var(--d);margin-top:16px;text-shadow:4px 3px 0 var(--r)}
.dtn-eh .dtn-ext{font-size:clamp(18px,2vw,22px);margin-top:18px;max-width:760px;font-weight:500}
.dtn-eh__m{grid-column:span 3;align-self:end;border-top:4px solid var(--i);padding-top:10px}
.dtn-eh__m p+p{margin-top:6px}
.dtn-hi{max-width:var(--w);margin:0 auto;padding:30px 20px}
.dtn-hi .dtn-media{aspect-ratio:21/9}
.dtn-body{max-width:var(--w);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.dtn-toc{grid-column:span 3;position:sticky;top:20px;border-top:4px solid var(--i);padding-top:12px}
.dtn-toc a{display:block;margin-top:8px;font-weight:800;line-height:1.3}
.dtn-toc a:hover{text-decoration:underline}
.dtn-tx{grid-column:span 7;font-size:19px;min-width:0}
.dtn-body--nt .dtn-tx{grid-column:4 / span 7}
.dtn-tx>*{margin-bottom:20px}
.dtn-tx>p:first-of-type::first-letter{float:left;font:400 92px/.8 var(--d);margin:6px 12px 0 0;color:var(--r)}
.dtn-tx h2{font:400 clamp(26px,3.2vw,34px)/1.05 var(--d);margin:40px 0 16px}
.dtn-tx h3{font:400 clamp(21px,2.4vw,26px)/1.1 var(--d);margin:30px 0 12px}
.dtn-tx a{font-weight:700;box-shadow:inset 0 -6px 0 var(--y)}
.dtn-tx a:hover{background:var(--y)}
.dtn-tx ul,.dtn-tx ol{padding-left:1.3em}
.dtn-tx li{margin-bottom:6px}
.dtn-tx blockquote{padding:18px 22px;background:var(--y);transform:rotate(-.8deg);font:400 clamp(20px,2.4vw,26px)/1.12 var(--d)}
.dtn-tx blockquote p{margin:0}
.dtn-tx table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.dtn-tx th,.dtn-tx td{border:2px solid var(--i);padding:8px 10px;text-align:left}
.dtn-tx th{background:var(--y)}
.dtn-tx img{height:auto}
.dtn-tx figure img{width:100%}
.dtn-tx figcaption{font:400 12px/1.4 var(--m);margin-top:6px}
.dtn-aparte{border-left:0!important;background:var(--p);padding:14px 16px!important;border:2px solid var(--i);font-size:17px}
.dtn-aparte a{box-shadow:inset 0 -6px 0 var(--s)}
.dtn-share{margin-top:34px;padding-top:16px;border-top:4px solid var(--i)}
.dtn-share ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.dtn-share a,.dtn-share button{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:2px solid var(--i);background:transparent;color:var(--i);cursor:pointer;font:400 12px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.dtn-share li:nth-child(1) a{background:var(--i);color:var(--p)}.dtn-share li:nth-child(2) a{background:var(--b);color:var(--p);border-color:var(--b)}
.dtn-share a:hover,.dtn-share button:hover{background:var(--y);color:var(--i);border-color:var(--i)}
.dtn-more{max-width:var(--w);margin:0 auto;padding:54px 20px}
.dtn-more h2{font:400 clamp(26px,3.4vw,36px)/1 var(--d);border-top:4px solid var(--i);padding-top:12px;margin-bottom:24px}
/* páginas */
.dtn-pg1{max-width:var(--w);margin:0 auto;padding:10px 20px 60px}
.dtn-pg1 h1{font:400 clamp(36px,7vw,92px)/.98 var(--d);text-shadow:5px 4px 0 var(--r)}
.dtn-pg1 .dtn-ext{font-size:21px;margin-top:20px;max-width:640px;font-weight:500}
.dtn-two2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start;margin-top:36px}
.dtn-two2>.a{grid-column:span 5}.dtn-two2>.b{grid-column:span 7}
.dtn-circles{position:relative;height:380px}
.dtn-circles i{position:absolute;top:20px;width:min(300px,62%);aspect-ratio:1;border-radius:50%;mix-blend-mode:multiply}
.dtn-circles i:nth-child(1){left:0;background:var(--r)}.dtn-circles i:nth-child(2){left:34%;background:var(--b)}
.dtn-h2{font:400 clamp(26px,3.4vw,40px)/1.02 var(--d);border-top:4px solid var(--i);padding-top:12px;margin:34px 0 14px}
.dtn-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.dtn-three div{padding:18px;font-weight:700}
.dtn-three b{display:block;font:400 32px/1 var(--d);margin-bottom:8px}
.dtn-cta{background:var(--i);color:var(--p);padding:46px 20px}
.dtn-cta__in{max-width:var(--w);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}
.dtn-cta h2{font:400 clamp(28px,4vw,44px)/1 var(--d);max-width:700px}
.dtn-btn{display:inline-flex;align-items:center;min-height:56px;padding:0 30px;background:var(--y);color:var(--i);font:400 24px/1 var(--d);border:0;cursor:pointer}
.dtn-btn:hover{background:var(--p)}
.dtn-form{background:#fff;border:3px solid var(--i);padding:30px;position:relative}
.dtn-form::before{content:"";position:absolute;right:-16px;top:-16px;width:54px;height:54px;border-radius:50%;background:var(--r);mix-blend-mode:multiply}
.dtn-form label{display:block;margin:16px 0 6px;font-weight:800}
.dtn-form input:not([type=checkbox]),.dtn-form select,.dtn-form textarea{width:100%;min-height:48px;padding:10px 12px;border:2px solid var(--i);background:#fff;color:var(--i);font:500 17px 'Hanken Grotesk',sans-serif;border-radius:0}
.dtn-form .dtn-chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px}
.dtn-form .dtn-chk input{width:24px;min-height:24px;flex:none;margin-top:3px}
.dtn-form .dtn-btn{background:var(--i);color:var(--p);margin-top:22px}
.dtn-form .dtn-btn:hover{background:var(--b)}
.dtn-hp{position:absolute;left:-9999px}
.dtn-ok,.dtn-ko{padding:14px 16px;font-weight:800;margin-bottom:16px;border:3px solid var(--i)}
.dtn-ok{background:var(--y)}.dtn-ko{background:var(--r)}
.dtn-mail{display:inline-block;font:400 clamp(18px,2.4vw,26px)/1.1 var(--d);margin-top:8px;padding:10px 14px;background:var(--y);word-break:break-all}
.dtn-flag{height:300px;display:flex;flex-direction:column;border:3px solid var(--i);transform:rotate(-2deg)}
.dtn-flag i{flex:1}
.dtn-guide{max-width:var(--w);margin:0 auto;padding:10px 20px 50px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start}
.dtn-guide .dtn-tx{grid-column:span 9}
.dtn-guide .dtn-toc{grid-column:span 3}
.dtn-next{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding:24px 28px;background:var(--v);color:var(--p);font:400 clamp(22px,3vw,32px)/1.05 var(--d)}
.dtn-next:hover{background:var(--i)}
.dtn-tx .dtn-next{box-shadow:none;font-weight:400}.dtn-tx .dtn-next:hover{background:var(--i)}
/* cookies */
#dtn-ck{position:fixed;left:16px;bottom:16px;z-index:60;max-width:420px;background:var(--y);border:3px solid var(--i);padding:16px 18px;color:var(--i)}
#dtn-ck[hidden]{display:none}
#dtn-ck b{font:400 22px/1 var(--d)}
#dtn-ck p{margin:8px 0 12px;font-size:15px;line-height:1.45}
#dtn-ck a{font-weight:800;text-decoration:underline}
#dtn-ck button{min-height:46px;padding:0 20px;font:800 15px 'Hanken Grotesk',sans-serif;cursor:pointer;border:2px solid var(--i);margin-right:8px}
#dtn-ck button:first-of-type{background:var(--i);color:var(--p)}
#dtn-ck button:last-of-type{background:transparent;color:var(--i)}
.dtn-404{max-width:var(--w);margin:0 auto;padding:30px 20px 80px}
.dtn-404 h1{font:400 clamp(70px,16vw,200px)/.9 var(--d);color:var(--b);text-shadow:6px 5px 0 var(--r)}
.dtn-sf{display:flex;gap:8px;margin-top:22px;max-width:520px}
.dtn-sf input{flex:1;min-height:48px;padding:0 12px;border:2px solid var(--i);background:#fff;font:500 17px 'Hanken Grotesk',sans-serif;color:var(--i)}
.dtn-sf button{min-height:48px;padding:0 20px;background:var(--i);color:var(--p);border:0;font:400 16px var(--d);cursor:pointer}
@media (max-width:900px){
.dtn-burger{display:inline-flex}
.dtn-nav{display:none;width:100%}
.dtn-mt:checked~.dtn-nav{display:block}
.dtn-nav ul{flex-direction:column;align-items:stretch;gap:6px}
.dtn-nav a{display:block;padding:13px 12px}
.dtn-nav .sub-menu{display:flex;position:static;padding:4px 0 4px 14px;background:transparent;min-width:0}
.dtn-nav .sub-menu a{color:var(--i);background:var(--y)}
.dtn-nav .menu-item-has-children>a{margin-left:0}
.dtn-hero,.dtn-eh,.dtn-body,.dtn-lay,.dtn-guide,.dtn-two2{display:block}
.dtn-hero__txt,.dtn-cover{display:block}
.dtn-cover{margin-top:24px}
.dtn-cover .dtn-media{height:260px}
.dtn-grid{grid-template-columns:1fr}
.dtn-two{grid-template-columns:1fr}
.dtn-toc{display:none}
.dtn-tx{font-size:18px}
.dtn-lay>aside{margin-top:36px}
.dtn-it{grid-template-columns:44px minmax(0,1fr)}
.dtn-it .dtn-media{grid-column:2;margin-top:6px}
.dtn-band__d,.dtn-band__arr{display:none}
.dtn-band__in{gap:14px}
.dtn-eh__m{margin-top:18px}
.dtn-three{grid-template-columns:1fr}
.dtn-two2>.b{margin-top:30px}
.dtn-circles{height:280px}
.dtn-venn span{left:240px;top:20px;font-size:26px}
.dtn-venn i{width:150px;height:150px}.dtn-venn i:nth-child(2){left:86px}
}
@media (max-width:520px){#dtn-ck{left:8px;right:8px;bottom:8px;max-width:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.dtn-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}