/*
Theme Name: Granito DS
Theme URI: https://diariodelasierra.es/
Description: Tema propio de Diario de la sierra.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: granito-ds
Update URI: false
*/
@font-face{font-family:'Alfa Slab One';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/alfa-400.woff2) format('woff2')}
@font-face{font-family:'Noticia Text';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/noticia-400.woff2) format('woff2')}
@font-face{font-family:'Noticia Text';font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/noticia-700.woff2) format('woff2')}
@font-face{font-family:'Noticia Text';font-weight:400;font-style:italic;font-display:swap;src:url(assets/fonts/noticia-400i.woff2) format('woff2')}
:root{--vino:#4A0E2B;--vino2:#350A1F;--rosa:#FFEFF3;--papel:#FFF5F7;--hielo:#9FD8FF;--cielo:#CDE9FF;--ink:#2B0A1B;--ciruela:#6B2D47;--tenue:#E2B8C6;--azul:#0B5FA5;--err:#A3001F;--errd:#FFB4A8;
--slab:'Alfa Slab One',Georgia,'Times New Roman',serif;--txt:'Noticia Text',Georgia,serif;--gut:clamp(16px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--vino);color:var(--rosa);font:400 18px/1.6 var(--txt)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--hielo);outline-offset:3px}
.grn-w{max-width:1120px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.grn-sk{position:absolute;left:-999px;top:0;background:var(--hielo);color:var(--ink);padding:12px 16px;z-index:100}
.grn-sk:focus{left:0}
.grn-meta{display:block;font-size:14px;font-weight:700;color:var(--tenue)}
/* cabecera */
.grn-hd{background:var(--vino)}
.grn-hd .grn-w{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:18px;padding-bottom:18px}
.grn-brand{display:flex;align-items:center;gap:12px;font:400 24px/1 var(--slab);text-decoration:none}
.grn-logo{width:44px;height:44px;background:var(--hielo);color:var(--vino);display:grid;place-items:center;font:400 22px/1 var(--slab)}
.grn-nav{margin-left:auto}
.grn-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px;font-weight:700;font-size:15px}
.grn-nav a{display:inline-block;padding:10px 0;text-decoration:none}
.grn-nav a:hover,.grn-nav [aria-current]>a,.grn-nav .current-menu-item>a{text-decoration:underline;text-decoration-thickness:2px}
.grn-nav li{position:relative}
.grn-nav .sub-menu{display:none;position:absolute;left:0;top:100%;z-index:20;min-width:220px;background:var(--vino2);padding:10px 16px;list-style:none;margin:0}
.grn-nav li:hover>.sub-menu,.grn-nav li:focus-within>.sub-menu{display:block}
.grn-nav .sub-menu a{display:block;padding:8px 0}
.grn-mb{display:none;margin-left:auto;font:700 15px var(--txt);min-height:44px;padding:8px 18px;border:0;background:var(--hielo);color:var(--ink);cursor:pointer}
@media(max-width:820px){.grn-mb{display:block}.grn-nav{display:none;width:100%;margin-left:0}.grn-nav.on{display:block}.grn-nav ul{flex-direction:column;gap:0}.grn-nav a{padding:12px 0;min-height:44px}.grn-nav .sub-menu{display:block;position:static;background:transparent;padding:0 0 0 16px}}
/* portada */
.grn-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:end;padding-top:40px;padding-bottom:56px}
.grn-hero h1{font:400 clamp(32px,5.6vw,68px)/1.04 var(--slab);margin:8px 0 16px;text-wrap:balance}
.grn-hero h1 a,.grn-ult h3 a,.grn-mn h3 a,.grn-bd li h3 a,.grn-ls h2 a,.grn-rel h3 a{text-decoration:none}
.grn-hero h1 a:hover,.grn-ult h3 a:hover,.grn-mn h3 a:hover,.grn-bd li h3 a:hover,.grn-ls h2 a:hover,.grn-rel h3 a:hover{text-decoration:underline}
.grn-hero p{font-size:20px;max-width:44ch;margin:0}
.grn-ph{aspect-ratio:4/5;background:var(--vino2);overflow:hidden;min-width:0}
.grn-ph img{width:100%;height:100%;object-fit:cover}
.grn-ult{padding-top:8px;padding-bottom:64px}
.grn-ult h2{font:400 18px/1 var(--slab);color:var(--hielo);margin:0 0 18px}
.grn-ult ul{list-style:none;margin:0;padding:0}
.grn-ult li{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:8px 24px;padding:20px 0;align-items:baseline;content-visibility:auto;contain-intrinsic-size:auto 90px}
.grn-ult h3{font:400 clamp(22px,3.2vw,36px)/1.15 var(--slab);margin:0}
.grn-bd{padding-top:48px;padding-bottom:48px}
.grn-bd.k{background:var(--rosa);color:var(--vino)}.grn-bd.k .grn-meta{color:var(--ciruela)}.grn-bd.k a:focus-visible{outline-color:var(--azul)}
.grn-bd.c{background:var(--cielo);color:var(--vino)}.grn-bd.c .grn-meta{color:var(--ciruela)}.grn-bd.c a:focus-visible{outline-color:var(--azul)}
.grn-bd{content-visibility:auto;contain-intrinsic-size:auto 560px}
.grn-bd h2{font:400 clamp(30px,5vw,52px)/1 var(--slab);margin:0 0 24px}
.grn-bd h2 a{text-decoration:none}.grn-bd h2 a:hover{text-decoration:underline}
.grn-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,56px)}
.grn-mn .grn-ph{aspect-ratio:16/9;margin-bottom:16px}
.grn-bd.k .grn-ph,.grn-bd.c .grn-ph{background:var(--vino)}
.grn-mn h3{font:400 clamp(22px,3vw,32px)/1.15 var(--slab);margin:4px 0 8px}
.grn-mn p{margin:0;max-width:46ch}
.grn-bd ul{list-style:none;margin:0;padding:0;display:grid;gap:20px;align-content:start}
.grn-bd li h3{font:400 20px/1.25 var(--slab);margin:2px 0 0}
/* listados */
.grn-cat{padding-top:28px;padding-bottom:24px}
.grn-cat h1{font:400 clamp(44px,9vw,104px)/.95 var(--slab);margin:10px 0 16px;overflow-wrap:anywhere}
.grn-cat .d{max-width:50ch;font-size:19px;margin:0 0 24px}
.grn-ls{list-style:none;margin:0;padding:0 0 32px}
.grn-ls li{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:8px 28px;padding:22px 0;align-items:start;content-visibility:auto;contain-intrinsic-size:auto 200px}
.grn-ls .grn-ph{aspect-ratio:3/2}
.grn-ls h2{font:400 clamp(22px,3vw,32px)/1.15 var(--slab);margin:4px 0 8px}
.grn-ls p{margin:0;max-width:56ch}
.grn-pag{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:64px}
.grn-pag a,.grn-pag span{min-width:44px;min-height:44px;display:inline-grid;place-items:center;padding:6px 14px;font-weight:700;text-decoration:none;background:var(--vino2)}
.grn-pag .current{background:var(--hielo);color:var(--ink)}
.grn-crumb{font-size:14px;color:var(--tenue)}
.grn-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 8px}
.grn-crumb li+li::before{content:"/";margin-right:8px}
/* entrada */
.grn-ah{padding-top:28px;padding-bottom:40px}
.grn-ah h1{font:400 clamp(30px,5.4vw,64px)/1.05 var(--slab);margin:12px 0 18px;max-width:20ch;text-wrap:balance;overflow-wrap:anywhere}
.grn-ah .lede{font-size:21px;max-width:46ch;margin:0 0 18px}
.grn-dest{padding-bottom:32px}.grn-dest .grn-ph{aspect-ratio:21/9}
.grn-sheet{background:var(--papel);color:var(--ink)}
.grn-sheet .grn-w{display:grid;grid-template-columns:minmax(0,210px) minmax(0,66ch) minmax(0,1fr);gap:clamp(20px,4vw,56px);padding-top:40px;padding-bottom:56px}
.grn-sheet a{color:var(--azul)}.grn-sheet a:focus-visible{outline-color:var(--azul)}
.grn-toc{position:sticky;top:16px;align-self:start;font-size:15px;line-height:1.4}
.grn-toc b{font:400 15px var(--slab);display:block;margin-bottom:10px}
.grn-toc a{display:block;padding:7px 0;text-decoration:none;color:var(--ink)}.grn-toc a:hover{text-decoration:underline}
.grn-body{font-size:19px;line-height:1.7;min-width:0}
.grn-body h2{font:400 clamp(24px,3vw,30px)/1.15 var(--slab);margin:36px 0 12px}
.grn-body h3{font:400 22px/1.2 var(--slab);margin:28px 0 10px}
.grn-body p,.grn-body ul,.grn-body ol{margin:0 0 18px}
.grn-body img{margin:24px 0}
.grn-body figure{margin:24px 0}.grn-body figcaption{font-size:15px;color:var(--ciruela)}
.grn-body table{border-collapse:collapse;min-width:100%}
.grn-body td,.grn-body th{padding:8px 12px;border:1px solid var(--tenue)}
.grn-body blockquote{margin:24px 0;padding:0 0 0 20px;font-style:italic;box-shadow:inset 4px 0 0 var(--vino)}
.grn-enl{font-style:italic}
.grn-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.grn-btn{font:700 16px var(--txt);min-height:44px;padding:10px 20px;border:0;background:var(--vino);color:var(--rosa);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.grn-btn:hover{background:var(--vino2)}
.grn-btn.h{background:var(--hielo);color:var(--ink)}.grn-btn.h:hover{background:var(--cielo)}
.grn-btn.o{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.grn-sheet .grn-share .grn-btn{color:var(--rosa)}
.grn-rel{padding-top:44px;padding-bottom:44px}
.grn-rel h2{font:400 26px var(--slab);margin:0 0 20px}
.grn-rel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grn-rel h3{font:400 22px/1.2 var(--slab);margin:4px 0 0}
/* páginas */
.grn-pg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.grn-pg>*{padding:clamp(24px,5vw,64px) var(--gut)}
.grn-pg h1{font:400 clamp(36px,6vw,72px)/1 var(--slab);margin:12px 0 20px;overflow-wrap:anywhere}
.grn-pg p{font-size:19px;max-width:48ch}
.grn-pg .l{background:var(--vino)}
.grn-pg .r{background:var(--cielo);color:var(--vino)}
.grn-pg .r a:focus-visible{outline-color:var(--azul)}
.grn-pg .r .grn-ph{aspect-ratio:4/3;margin-bottom:20px;background:var(--vino)}
.grn-pg dl{margin:24px 0 0;display:grid;gap:18px}.grn-pg dt{font:400 20px var(--slab)}.grn-pg dd{margin:4px 0 0;max-width:44ch}
.grn-leg{background:var(--papel);color:var(--ink)}
.grn-leg .grn-w{padding-top:36px;padding-bottom:64px;max-width:820px}
.grn-leg h1{font:400 clamp(32px,5vw,56px)/1.05 var(--slab);margin:12px 0 24px}
.grn-leg .grn-crumb{color:var(--ciruela)}
.grn-leg a{color:var(--azul)}.grn-leg a:focus-visible{outline-color:var(--azul)}
.grn-leg .grn-body{font-size:18px}
.grn-mail{font:400 clamp(20px,3vw,30px)/1.2 var(--slab);overflow-wrap:anywhere}
form.grn-f{display:grid;gap:16px;max-width:460px}
.grn-f label{font-weight:700;display:block;margin-bottom:6px}
.grn-f input,.grn-f select,.grn-f textarea{width:100%;font:400 17px var(--txt);padding:12px;border:2px solid var(--vino);background:#fff;color:var(--ink);border-radius:0;min-height:44px}
.grn-f textarea{min-height:150px}
.grn-f .hp{position:absolute;left:-9999px}
.grn-msg{padding:14px 16px;font-weight:700;background:var(--vino);color:var(--rosa);max-width:460px;margin-bottom:16px}
.grn-msg.e{background:var(--err);color:#fff}
/* 404 y buscador */
.grn-nf{padding-top:56px;padding-bottom:80px}
.grn-nf h1{font:400 clamp(44px,9vw,104px)/.95 var(--slab);margin:0 0 20px}
.grn-nf p{font-size:20px;max-width:46ch}
.grn-sf{display:flex;flex-wrap:wrap;gap:8px;max-width:520px;margin-top:24px}
.grn-sf input{flex:1 1 220px;min-height:44px;font:400 17px var(--txt);padding:10px 12px;border:2px solid var(--hielo);background:var(--vino2);color:var(--rosa);border-radius:0}
/* pie */
.grn-ft{background:var(--vino2);color:var(--rosa);font-size:16px}
.grn-ft .grn-w{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding-top:40px;padding-bottom:40px}
.grn-ft b{font:400 20px var(--slab);display:block;margin-bottom:8px}
.grn-ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.grn-ft a{display:inline-block;padding:6px 0}
/* cookies */
#grn-ck{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--hielo);color:var(--ink);padding:16px var(--gut);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;font-size:15px;line-height:1.45}
#grn-ck[hidden]{display:none}
#grn-ck p{margin:0;max-width:70ch}
#grn-ck a{color:var(--ink)}
#grn-ck .b{display:flex;gap:8px}
#grn-ck .grn-btn{background:var(--vino);color:var(--rosa)}
#grn-ck .grn-btn.o{background:transparent;color:var(--ink)}
#grn-ck a:focus-visible,#grn-ck button:focus-visible{outline-color:var(--ink)}
@media(max-width:760px){.grn-hero,.grn-row,.grn-ft .grn-w,.grn-pg,.grn-rel ul,.grn-sheet .grn-w{grid-template-columns:minmax(0,1fr)}.grn-ult li,.grn-ls li{grid-template-columns:minmax(0,1fr)}.grn-toc{position:static}.grn-hero .grn-ph{aspect-ratio:16/10}.grn-hero h1{font-size:34px}}
@media (prefers-reduced-motion:no-preference){main{animation:grn-in .2s ease-out}@keyframes grn-in{from{opacity:.6}to{opacity:1}}}

/* v1.0.1: ajustes de revisión */
.grn-hero h1{font:400 clamp(32px,5.6vw,68px)/1.04 var(--slab);margin:8px 0 16px;text-wrap:balance;overflow-wrap:anywhere}
.grn-f :focus-visible,.grn-share button:focus-visible,.grn-share a:focus-visible,.grn-sheet .grn-btn:focus-visible,.grn-pg .r :focus-visible{outline-color:var(--azul)}
.grn-crumb a{display:inline-block;padding:4px 0}
.grn-body{overflow-wrap:anywhere}
.grn-body .grn-tw{overflow-x:auto;max-width:100%}
.grn-ft a{padding:10px 0}
.grn-btn:active{transform:translateY(1px)}
#grn-ck .grn-btn:hover{background:var(--vino2)}#grn-ck .grn-btn.o:hover{background:rgba(43,10,27,.12)}
#grn-main:focus{outline:none}
.grn-live{position:absolute;left:-9999px}
@media(max-width:760px){.grn-hero h1{font-size:34px}}