/*
Theme Name: Viñeta
Description: Tema editorial para revista general: portada como página de cómic, paneles con borde de tinta, trama de puntos y un color por sección.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
Update URI: false
License: GPLv2 or later
Text Domain: vineta-wc
*/
:root{--ink:#14110F;--cy:#00A3E0;--mg:#E5006D;--ye:#FFD500;--vi:#7A3FF2;--or:#FF6A13;--hd:'Lilita One','Arial Rounded MT Bold','Trebuchet MS',sans-serif;--bd:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--bd);font-size:17px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid var(--vi);outline-offset:3px}
h1,h2,h3,h4,.vnt-hd{font-family:var(--hd);font-weight:400;line-height:1.06;margin:0}
.vnt-skip{position:absolute;left:-999px;top:8px;background:var(--ye);border:3px solid var(--ink);padding:10px 16px;z-index:99;font-family:var(--hd)}
.vnt-skip:focus{left:8px}
.vnt-wrap{max-width:1280px;margin:0 auto;padding:0 32px 64px}
.vnt-c-actualidad{--c:var(--cy);--f:var(--ink)}
.vnt-c-salud{--c:var(--mg);--f:#fff}
.vnt-c-cine{--c:var(--ye);--f:var(--ink)}
.vnt-c-viajes{--c:var(--vi);--f:#fff}
.vnt-c-hogar{--c:var(--or);--f:var(--ink)}
.vnt-c-x{--c:#fff;--f:var(--ink)}
.vnt-pn{position:relative;overflow:hidden;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.vnt-bg{background:var(--c,#fff);color:var(--f,var(--ink))}
.vnt-ht::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,17,15,.3) 1.3px,transparent 1.7px);background-size:9px 9px;opacity:.45;pointer-events:none}
.vnt-in{position:relative}
.vnt-tag{display:inline-block;border:2px solid var(--ink);padding:4px 12px;font-family:var(--hd);font-size:15px;letter-spacing:.04em;text-transform:uppercase;background:var(--c,#fff);color:var(--f,var(--ink));line-height:1.2;cursor:pointer}
.vnt-bg .vnt-tag{background:#fff;color:var(--ink)}
.vnt-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:14px 0;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.vnt-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 24px;padding:8px 0 26px}
.vnt-logo{display:flex;align-items:center;gap:14px}
.vnt-logo:hover{text-decoration:none}
.vnt-ballon{border:3px solid var(--ink);border-radius:50px 50px 50px 8px;box-shadow:5px 5px 0 var(--ink);padding:6px 22px 10px;font-family:var(--hd);font-size:42px;line-height:1}
.vnt-seal{width:60px;height:60px;border:3px solid var(--ink);border-radius:50%;background:var(--ye);display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-size:19px;transform:rotate(-8deg)}
.vnt-nav{display:flex;gap:14px;flex-wrap:wrap}
.vnt-nav a{display:inline-block;border:3px solid var(--ink);padding:8px 16px;font-family:var(--hd);font-size:17px;line-height:1.2;box-shadow:4px 4px 0 var(--ink);background:var(--c,#fff);color:var(--f,var(--ink))}
.vnt-nav a:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.vnt-nav a[aria-current]{box-shadow:none;transform:translate(4px,4px)}
.vnt-crumbs{font-weight:800;font-size:14px;padding:6px 0 22px}
.vnt-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px}
.vnt-crumbs li+li::before{content:"/";margin-right:10px}
.vnt-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.vnt-g>*{min-width:0}
.vnt-full{grid-column:1/-1}
.vnt-card{padding:22px;display:flex;flex-direction:column;gap:12px}
.vnt-card h2,.vnt-card h3{font-size:28px}
.vnt-card p{margin:0}
.vnt-meta{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-top:auto}
.vnt-ph{border:3px solid var(--ink);background:#fff;overflow:hidden}
.vnt-ph img{width:100%;height:100%;object-fit:cover}
.vnt-hero{min-height:560px;display:flex;flex-direction:column;justify-content:flex-end}
.vnt-hero .vnt-ph{position:absolute;top:22px;right:22px;width:260px;height:210px;z-index:2}
.vnt-hero .vnt-tag{position:absolute;top:22px;left:22px;z-index:2}
.vnt-ballon-t{position:relative;z-index:2;margin:0 28px 36px;background:#fff;color:var(--ink);border:3px solid var(--ink);padding:24px 28px;border-radius:28px 28px 28px 4px}
.vnt-ballon-t h1,.vnt-ballon-t h2{font-size:clamp(30px,4.4vw,54px)}
.vnt-ballon-t p{margin:14px 0 0;font-size:17px;max-width:60ch}
.vnt-sec{margin-top:56px}
.vnt-sec>.vnt-h{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.vnt-sec>.vnt-h h2{font-size:clamp(32px,4vw,44px)}
.vnt-sec>.vnt-h::after{content:"";flex:1;border-top:4px dashed var(--ink)}
.vnt-sec>.vnt-h h2{order:0}
.vnt-last{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.vnt-last li{padding:20px;display:flex;gap:16px;align-items:flex-start;position:relative;overflow:hidden;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.vnt-last b{font-family:var(--hd);font-weight:400;font-size:54px;line-height:.9;color:var(--c);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}
.vnt-last a{font-family:var(--hd);font-size:22px;line-height:1.1}
.vnt-idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.vnt-idx a{padding:24px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}
.vnt-idx a:hover{text-decoration:none}
.vnt-idx .vnt-hd{font-size:36px}
.vnt-idx small{font-weight:800;font-size:15px}
.vnt-title{padding:44px 40px;display:grid;gap:28px;align-items:center}
.vnt-title h1{font-size:clamp(54px,9vw,96px);color:var(--f);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}
.vnt-title .vnt-bl{background:#fff;color:var(--ink);border:3px solid var(--ink);padding:20px 24px;border-radius:26px 26px 4px 26px;font-size:18px}
.vnt-pag{margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.vnt-pag a,.vnt-pag span{font-family:var(--hd);font-size:20px;padding:10px 20px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;min-width:48px;text-align:center}
.vnt-pag .current{background:var(--ye)}
.vnt-art{display:grid;gap:36px;align-items:start}
.vnt-art-h{padding:36px}
.vnt-art-h .vnt-ballon-t{margin:18px 0 0;padding:24px 28px}
.vnt-art-h .vnt-ballon-t h1{font-size:clamp(32px,5vw,58px)}
.vnt-art-m{margin-top:18px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.vnt-feat{margin-top:34px;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.vnt-feat img{width:100%}
.vnt-tx{margin-top:36px;font-size:19px;line-height:1.7;max-width:68ch}
.vnt-tx>*{max-width:100%}
.vnt-tx p,.vnt-tx ul,.vnt-tx ol{margin:0 0 22px}
.vnt-tx h2{font-size:clamp(28px,3.6vw,36px);margin:42px 0 14px;padding-bottom:8px;border-bottom:6px solid var(--c,var(--cy))}
.vnt-tx h3{font-size:26px;margin:30px 0 12px}
.vnt-tx a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.vnt-tx img{border:3px solid var(--ink);margin:26px 0}
.vnt-tx blockquote{margin:30px 0;padding:22px 28px;border:3px solid var(--ink);border-radius:26px 26px 26px 4px;background:var(--ye);font-family:var(--hd);font-size:26px;line-height:1.2}
.vnt-tx blockquote p{margin:0}
.vnt-tx table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}
.vnt-tx th,.vnt-tx td{border:2px solid var(--ink);padding:8px 12px;text-align:left}
.vnt-also{margin:30px 0;padding:18px 22px;border:3px solid var(--ink);border-radius:22px 22px 22px 4px;background:var(--c,var(--ye));color:var(--f,var(--ink));font-family:var(--hd);font-size:22px;line-height:1.2}
.vnt-also a{text-decoration:underline;font-weight:400}
.vnt-share{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px;padding:18px 0;border-top:4px dashed var(--ink);border-bottom:4px dashed var(--ink)}
.vnt-share .vnt-hd{font-size:20px}
.vnt-share .vnt-tag{background:#fff;color:var(--ink);font:inherit;font-family:var(--hd);font-size:15px}
.vnt-share .vnt-tag:hover{background:var(--ye);text-decoration:none}
.vnt-rel{margin-top:40px}
.vnt-rel>h2{font-size:clamp(28px,3.6vw,36px);margin-bottom:20px}
.vnt-side{display:flex;flex-direction:column;gap:26px}
.vnt-side .vnt-pn{padding:20px}
.vnt-side ol{margin:12px 0 0;padding-left:22px;line-height:1.9;font-weight:700}
.vnt-hero2{padding:48px 44px;display:grid;gap:34px;align-items:center}
.vnt-hero2 h1{font-size:clamp(46px,7.5vw,84px)}
.vnt-three{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.vnt-three .vnt-pn{padding:26px}
.vnt-three b{font-family:var(--hd);font-weight:400;font-size:64px;line-height:1;display:block}
.vnt-three h3{font-size:28px;margin:6px 0 10px}
.vnt-two{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;margin-top:56px}
.vnt-two .vnt-pn{padding:30px}
.vnt-two h2{font-size:clamp(30px,4vw,40px)}
.vnt-cn{display:grid;gap:44px;align-items:start}
.vnt-cn h1{font-size:clamp(56px,9vw,92px)}
.vnt-form{padding:34px;display:flex;flex-direction:column;gap:20px}
.vnt-form label{display:block;font-weight:800;font-size:15px;margin-bottom:6px}
.vnt-form input[type=text],.vnt-form input[type=email],.vnt-form textarea,.vnt-sf input[type=search]{width:100%;border:3px solid var(--ink);padding:12px 14px;font:inherit;font-size:17px;background:#fff;color:var(--ink);border-radius:0}
.vnt-btn{align-self:flex-start;min-height:54px;padding:0 34px;border:3px solid var(--ink);background:var(--mg);color:#fff;box-shadow:5px 5px 0 var(--ink);font-family:var(--hd);font-size:22px;cursor:pointer}
.vnt-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.vnt-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.vnt-note{padding:16px 20px;border:3px solid var(--ink);background:#fff;font-weight:800}
.vnt-foot{margin-top:64px;background:var(--ink);color:#fff;border:3px solid var(--ink);padding:36px;display:grid;gap:32px}
.vnt-foot .vnt-hd{font-size:38px;color:var(--ye)}
.vnt-foot p{margin:10px 0 0;max-width:42ch;color:#ECEAF3}
.vnt-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vnt-foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vnt-sf{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.vnt-sf input[type=search]{flex:1;min-width:200px}
#vnt-ck{position:fixed;left:16px;bottom:16px;z-index:60;max-width:420px;background:var(--ye);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:16px 18px;border-radius:22px 22px 22px 4px}
#vnt-ck[hidden]{display:none}
#vnt-ck .vnt-hd{font-size:22px}
#vnt-ck p{margin:6px 0 12px;font-size:14px;line-height:1.45}
#vnt-ck a{text-decoration:underline}
#vnt-ck div{display:flex;gap:12px}
#vnt-ck button{flex:1;min-height:46px;border:3px solid var(--ink);font-family:var(--hd);font-size:17px;cursor:pointer;background:#fff;color:var(--ink)}
#vnt-ck button:first-child{background:var(--ink);color:#fff}
.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text,figcaption{font-size:14px;font-weight:700;margin-top:-14px;margin-bottom:22px}
.screen-reader-text{position:absolute;left:-9999px}
@media (min-width:700px){
.vnt-last{grid-template-columns:repeat(3,minmax(0,1fr))}
.vnt-idx{grid-template-columns:repeat(3,minmax(0,1fr))}
.vnt-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.vnt-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.vnt-foot{grid-template-columns:2fr 1fr 1fr}
}
@media (min-width:960px){
.vnt-g{grid-template-columns:repeat(12,minmax(0,1fr))}
.vnt-s8{grid-column:span 8}.vnt-s7{grid-column:span 7}.vnt-s5{grid-column:span 5}.vnt-s4{grid-column:span 4}.vnt-s3{grid-column:span 3}
.vnt-rows2{grid-row:span 2}
.vnt-idx{grid-template-columns:2fr 1.4fr 1fr 1.2fr 1fr}
.vnt-title{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.vnt-art{grid-template-columns:minmax(0,1fr) 300px}
.vnt-hero2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.vnt-cn{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.vnt-side{position:sticky;top:20px}
}
@media (max-width:959px){
.vnt-hero{min-height:0}
.vnt-hero .vnt-ph{position:relative;top:auto;right:auto;width:auto;height:190px;margin:64px 22px 22px}
.vnt-ballon-t{margin:0 16px 22px}
.vnt-wrap{padding:0 18px 40px}
.vnt-card h2,.vnt-card h3{font-size:24px}
.vnt-title{padding:30px 22px}
.vnt-nav{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:2px 6px 10px 2px}
.vnt-nav a{white-space:nowrap}
.vnt-g,.vnt-last,.vnt-idx{padding-right:6px}
}
@media (max-width:640px){
.vnt-g{grid-template-columns:minmax(0,1fr)}
body{font-size:16px}
.vnt-ballon{font-size:30px;padding:4px 16px 8px}
.vnt-seal{width:44px;height:44px;font-size:14px}
.vnt-form{padding:22px}
#vnt-ck{left:10px;right:10px;bottom:10px;max-width:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}