/*
Theme Name: WatchDog Post Revolución
Theme URI: https://www.watchdog.click/
Author: FactoriaDigital
Author URI: https://factoriadigital.store/
Description: Tema editorial encajonado, simétrico y vanguardista para WatchDog. Magazine post revolucionario con Hero Portada, secciones por categorías existentes, imagotipos, extractos, widgets publicitarios y arquitectura SEO.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: watchdog-postrevolucion
Tags: news, blog, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar
*/

:root{
  --wd-ink:#15110f;
  --wd-coal:#211915;
  --wd-paper:#f4ead6;
  --wd-paper-2:#fff8e9;
  --wd-red:#c91f1a;
  --wd-red-dark:#86120f;
  --wd-gold:#d6a236;
  --wd-green:#144f3e;
  --wd-blue:#103a5c;
  --wd-orange:#e56c25;
  --wd-gray:#6f665d;
  --wd-line:rgba(33,25,21,.16);
  --wd-shadow:0 18px 45px rgba(22,15,10,.18);
  --wd-radius:18px;
  --wd-container:min(1320px, calc(100vw - 32px));
  --wd-font-title: Impact, Haettenschweiler, 'Arial Narrow Bold', 'Roboto Condensed', 'Oswald', sans-serif;
  --wd-font-body: Georgia, 'Times New Roman', serif;
  --wd-font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--wd-ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(201,31,26,.16), transparent 36%),
    radial-gradient(circle at 94% 12%, rgba(214,162,54,.18), transparent 30%),
    linear-gradient(135deg, #eee0c1 0%, #fff8e9 48%, #ead7ad 100%);
  font-family:var(--wd-font-body);
  line-height:1.62;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(90deg, rgba(21,17,15,.05) 1px, transparent 1px),linear-gradient(rgba(21,17,15,.04) 1px, transparent 1px);
  background-size:22px 22px;
  z-index:-1;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--wd-red)}
img{max-width:100%;height:auto;display:block}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:10px;left:10px;background:#fff;color:#000;padding:10px;z-index:9999;width:auto;height:auto;clip:auto}

.wd-shell{width:var(--wd-container);margin-inline:auto}
.wd-site-frame{
  width:var(--wd-container);
  margin:18px auto 28px;
  background:rgba(255,248,233,.94);
  border:2px solid var(--wd-ink);
  box-shadow:12px 12px 0 rgba(33,25,21,.18), var(--wd-shadow);
  overflow:hidden;
}

.wd-top-strip{
  background:var(--wd-ink);
  color:var(--wd-paper);
  font-family:var(--wd-font-ui);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.76rem;
  display:flex;
  justify-content:center;
  padding:8px 14px;
}
.wd-top-strip strong{color:var(--wd-gold)}
.wd-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(255,248,233,.96);
  backdrop-filter:saturate(150%) blur(12px);
  border-bottom:2px solid var(--wd-ink);
  transition:transform .28s ease;
}
.wd-header.is-hidden{transform:translateY(-100%)}
.admin-bar .wd-header{top:32px}
.wd-header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:22px;
  align-items:center;
  padding:16px 22px;
}
.wd-logo-link{display:flex;align-items:center;gap:14px;min-width:260px}
.wd-logo-img{width:82px;height:auto;filter:drop-shadow(4px 4px 0 rgba(201,31,26,.22))}
.wd-logo-text{display:flex;flex-direction:column;line-height:.85}
.wd-logo-word{
  font-family:var(--wd-font-title);
  font-size:clamp(2.25rem,5vw,5.2rem);
  letter-spacing:.015em;
  color:var(--wd-ink);
  text-transform:uppercase;
}
.wd-logo-kicker{
  font-family:var(--wd-font-ui);
  font-weight:900;
  letter-spacing:.22em;
  color:var(--wd-red);
  text-transform:uppercase;
  font-size:.78rem;
}
.wd-main-menu{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-family:var(--wd-font-ui);font-weight:850;text-transform:uppercase;font-size:.76rem;letter-spacing:.04em}
.wd-main-menu a{display:block;padding:9px 10px;border:1px solid transparent;border-radius:999px}
.wd-main-menu a:hover{border-color:var(--wd-ink);background:var(--wd-red);color:#fff}
.wd-search-trigger{font-family:var(--wd-font-ui);font-weight:900;text-transform:uppercase;border:2px solid var(--wd-ink);background:var(--wd-gold);padding:9px 12px;box-shadow:4px 4px 0 var(--wd-ink)}
.wd-search-trigger:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--wd-ink);color:var(--wd-ink)}
.wd-search-bar{display:none;border-top:1px solid var(--wd-line);padding:14px 22px;background:#fff3d2}
.wd-search-bar.is-open{display:block}
.wd-search-form{display:flex;gap:10px;max-width:760px;margin:auto}
.wd-search-form input[type="search"]{flex:1;border:2px solid var(--wd-ink);padding:12px 14px;font-family:var(--wd-font-ui);font-size:1rem;background:#fff}
.wd-search-form button,.search-submit{border:2px solid var(--wd-ink);background:var(--wd-red);color:#fff;padding:12px 16px;font-family:var(--wd-font-ui);font-weight:900;text-transform:uppercase}

.wd-breaking{
  display:grid;
  grid-template-columns:160px 1fr;
  border-bottom:2px solid var(--wd-ink);
  background:var(--wd-paper-2);
  font-family:var(--wd-font-ui);
}
.wd-breaking-label{background:var(--wd-red);color:#fff;padding:10px 16px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.wd-breaking-items{padding:10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}

.wd-section{padding:28px 22px;border-bottom:2px solid var(--wd-ink);position:relative;background:rgba(255,248,233,.88)}
.wd-section:nth-of-type(even){background:rgba(244,234,214,.92)}
.wd-section-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  margin-bottom:20px;
}
.wd-imagotipo{
  width:58px;height:58px;border:2px solid var(--wd-ink);background:var(--section-color,var(--wd-red));color:#fff;display:grid;place-items:center;border-radius:50%;font-family:var(--wd-font-title);font-size:1.6rem;box-shadow:5px 5px 0 var(--wd-ink);position:relative;overflow:hidden;
}
.wd-imagotipo:before,.wd-imagotipo:after{content:"";position:absolute;background:rgba(255,255,255,.28);transform:rotate(-35deg)}
.wd-imagotipo:before{width:90px;height:8px;top:14px;left:-18px}.wd-imagotipo:after{width:90px;height:8px;bottom:14px;left:-18px}
.wd-section-title{font-family:var(--wd-font-title);text-transform:uppercase;font-size:clamp(2rem,4vw,4.2rem);line-height:.9;margin:0;letter-spacing:.01em;color:var(--wd-ink)}
.wd-section-title span{color:var(--section-color,var(--wd-red))}
.wd-section-rule{height:8px;background:repeating-linear-gradient(90deg,var(--section-color,var(--wd-red)) 0 36px,var(--wd-ink) 36px 48px);border:2px solid var(--wd-ink)}
.wd-view-all{font-family:var(--wd-font-ui);font-weight:950;text-transform:uppercase;font-size:.76rem;border:2px solid var(--wd-ink);padding:8px 10px;background:#fff;box-shadow:3px 3px 0 var(--wd-ink)}
.wd-view-all:hover{background:var(--section-color,var(--wd-red));color:#fff}

.wd-hero{
  padding:26px 22px 30px;
  background:
    linear-gradient(90deg, rgba(21,17,15,.08) 25%, transparent 25%) 0 0/28px 28px,
    linear-gradient(135deg,#fff5da,#e9c96d 58%,#c91f1a 58%,#86120f);
  border-bottom:2px solid var(--wd-ink);
}
.wd-hero-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.wd-hero-kicker{font-family:var(--wd-font-ui);font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:var(--wd-ink);padding:8px 12px;display:inline-flex;border:2px solid var(--wd-ink);box-shadow:4px 4px 0 var(--wd-red)}
.wd-hero-title{font-family:var(--wd-font-title);font-size:clamp(3rem,8vw,8rem);line-height:.82;margin:10px 0 0;text-transform:uppercase;color:var(--wd-ink);text-shadow:4px 4px 0 rgba(255,255,255,.45)}
.wd-hero-slogan{font-family:var(--wd-font-ui);font-weight:950;text-transform:uppercase;letter-spacing:.04em;max-width:330px;background:rgba(255,248,233,.9);border:2px solid var(--wd-ink);padding:12px;box-shadow:5px 5px 0 var(--wd-ink)}
.wd-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:20px;align-items:stretch}
.wd-hero-side{display:grid;grid-template-columns:1fr;gap:14px}

.wd-card{position:relative;background:#fffaf0;border:2px solid var(--wd-ink);box-shadow:7px 7px 0 rgba(33,25,21,.16);overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.wd-card:hover{transform:translateY(-2px);box-shadow:9px 9px 0 rgba(201,31,26,.22)}
.wd-card-media{position:relative;overflow:hidden;background:var(--wd-ink)}
.wd-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;aspect-ratio:16/9}
.wd-card:hover .wd-card-media img{transform:scale(1.035)}
.wd-card-content{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.wd-card-cat{align-self:flex-start;font-family:var(--wd-font-ui);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;background:var(--section-color,var(--wd-red));color:#fff;padding:5px 8px;border:2px solid var(--wd-ink);box-shadow:3px 3px 0 var(--wd-ink)}
.wd-card-title{font-family:var(--wd-font-title);font-size:clamp(1.35rem,2.2vw,2.6rem);line-height:.98;margin:0;text-transform:uppercase;letter-spacing:.01em}
.wd-card-title a:hover{color:var(--wd-red)}
.wd-card-excerpt{font-size:.98rem;color:#3f352f;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wd-card-meta{font-family:var(--wd-font-ui);font-size:.72rem;text-transform:uppercase;font-weight:850;color:var(--wd-gray);letter-spacing:.04em;margin-top:auto}
.wd-card.is-small{display:grid;grid-template-columns:42% 1fr;min-height:150px}
.wd-card.is-small .wd-card-media img{aspect-ratio:4/3}
.wd-card.is-small .wd-card-content{padding:12px}
.wd-card.is-small .wd-card-title{font-size:1.2rem}
.wd-card.is-small .wd-card-excerpt{font-size:.85rem;-webkit-line-clamp:2}
.wd-card.is-mini .wd-card-title{font-size:1rem}
.wd-card.is-mini .wd-card-excerpt{display:none}
.wd-card-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--wd-ink),var(--wd-red));display:grid;place-items:center;color:#fff;font-family:var(--wd-font-title);font-size:clamp(2rem,6vw,6rem);letter-spacing:.04em;text-transform:uppercase;min-height:160px}
.wd-card.is-small .wd-card-placeholder{height:100%;min-height:140px;aspect-ratio:auto;font-size:2rem}

.wd-section-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;align-items:stretch}
.wd-section-side{display:grid;grid-template-columns:1fr;gap:14px}
.wd-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.wd-ad{margin:0;padding:24px 22px;border-bottom:2px solid var(--wd-ink);background:
  radial-gradient(circle at 12% 35%, rgba(255,255,255,.2), transparent 22%),
  linear-gradient(135deg,var(--wd-ink),#4a1b17 48%,var(--wd-red-dark));
  color:#fff;
}
.wd-ad-box{border:2px solid rgba(255,255,255,.8);min-height:118px;display:grid;place-items:center;text-align:center;padding:24px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px)}
.wd-ad-title{font-family:var(--wd-font-title);font-size:clamp(2rem,4vw,5rem);line-height:.9;text-transform:uppercase;letter-spacing:.02em;margin:0;text-shadow:4px 4px 0 rgba(0,0,0,.28)}
.wd-ad-sub{font-family:var(--wd-font-ui);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 0;color:#ffd36a}
.wd-ad a{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

.wd-content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:28px 22px;background:rgba(255,248,233,.94)}
.wd-main-only{grid-template-columns:1fr}.wd-main{min-width:0}.wd-sidebar{display:flex;flex-direction:column;gap:18px}
.widget{border:2px solid var(--wd-ink);background:#fffaf0;padding:18px;box-shadow:5px 5px 0 rgba(33,25,21,.14)}
.widget-title,.widget h2{font-family:var(--wd-font-title);text-transform:uppercase;line-height:.9;font-size:1.7rem;margin:0 0 12px;color:var(--wd-red)}
.widget ul{list-style:none;margin:0;padding:0}.widget li{border-top:1px solid var(--wd-line);padding:8px 0}.widget li:first-child{border-top:0}

.wd-page-header,.wd-archive-header{padding:32px 22px;border-bottom:2px solid var(--wd-ink);background:linear-gradient(135deg,#fff4d1,#f3d47d)}
.wd-page-title{font-family:var(--wd-font-title);font-size:clamp(2.5rem,6vw,6.5rem);line-height:.85;text-transform:uppercase;margin:0;color:var(--wd-ink)}
.wd-page-subtitle{font-family:var(--wd-font-ui);font-weight:850;max-width:780px;margin:14px 0 0;color:#3e322b}
.wd-page-content{font-size:1.09rem;background:#fffaf0;border:2px solid var(--wd-ink);padding:clamp(20px,4vw,42px);box-shadow:7px 7px 0 rgba(33,25,21,.14)}
.wd-page-content h2,.wd-page-content h3{font-family:var(--wd-font-title);text-transform:uppercase;line-height:.95;color:var(--wd-red);margin-top:1.35em}
.wd-page-content h2{font-size:2.3rem}.wd-page-content h3{font-size:1.6rem}.wd-page-content a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;color:var(--wd-red)}

.wd-article{background:#fffaf0;border:2px solid var(--wd-ink);box-shadow:8px 8px 0 rgba(33,25,21,.14);overflow:hidden}
.wd-article-head{padding:clamp(20px,4vw,46px);background:linear-gradient(135deg,#fff8e9,#f1d88f)}
.wd-article-title{font-family:var(--wd-font-title);font-size:clamp(2.5rem,7vw,6.8rem);line-height:.84;margin:0;text-transform:uppercase;letter-spacing:.01em}
.wd-article-excerpt{font-size:1.25rem;max-width:860px;margin:16px 0 0;color:#3d322d}
.wd-article-meta{font-family:var(--wd-font-ui);font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--wd-gray);font-size:.78rem;margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.wd-article-thumb img{width:100%;max-height:620px;object-fit:cover}.wd-article-body{padding:clamp(22px,4vw,52px);font-size:1.12rem}.wd-article-body p{margin:0 0 1.2em}.wd-article-body blockquote{border-left:8px solid var(--wd-red);margin:1.8em 0;padding:12px 18px;background:#fff1d0;font-size:1.25rem;font-style:italic}.wd-article-body img{border:2px solid var(--wd-ink)}
.wd-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.wd-tags a{font-family:var(--wd-font-ui);font-weight:850;font-size:.75rem;text-transform:uppercase;border:1px solid var(--wd-ink);padding:6px 8px;background:#fff}

.wd-author-box{display:grid;grid-template-columns:80px 1fr;gap:16px;border:2px solid var(--wd-ink);background:#fff1d0;padding:16px;margin-top:28px}.wd-author-avatar{width:80px;height:80px;border-radius:50%;background:var(--wd-red);display:grid;place-items:center;color:#fff;font-family:var(--wd-font-title);font-size:2rem;border:2px solid var(--wd-ink)}.wd-author-box h3{margin:0 0 5px;font-family:var(--wd-font-title);font-size:1.7rem;text-transform:uppercase;color:var(--wd-ink)}.wd-author-box p{margin:0;font-size:.95rem;color:#4c423b}

.wd-directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.wd-person{border:2px solid var(--wd-ink);background:#fff8e9;padding:18px;box-shadow:5px 5px 0 rgba(33,25,21,.13);position:relative;overflow:hidden}.wd-person:before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:rgba(201,31,26,.1);right:-24px;top:-22px}.wd-person h3{font-family:var(--wd-font-title);text-transform:uppercase;line-height:.95;font-size:1.8rem;margin:0}.wd-person-role{font-family:var(--wd-font-ui);font-weight:950;text-transform:uppercase;color:var(--wd-red);font-size:.78rem;letter-spacing:.06em;margin:6px 0 10px}.wd-person p{margin:0;color:#3f352f}

.wd-footer{border-top:2px solid var(--wd-ink);background:var(--wd-ink);color:var(--wd-paper)}
.wd-footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:28px 22px}.wd-footer h2,.wd-footer h3{font-family:var(--wd-font-title);text-transform:uppercase;line-height:.95;font-size:2rem;margin:0 0 12px;color:var(--wd-gold)}.wd-footer a{color:var(--wd-paper)}.wd-footer a:hover{color:var(--wd-gold)}.wd-footer-menu{list-style:none;margin:0;padding:0;columns:2;font-family:var(--wd-font-ui);font-weight:850;text-transform:uppercase;font-size:.78rem}.wd-footer-menu li{break-inside:avoid;margin:0 0 8px}.wd-footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:14px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--wd-font-ui);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.wd-footer-bottom a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

.wd-pagination{display:flex;gap:8px;justify-content:center;margin:28px 0}.wd-pagination .page-numbers{border:2px solid var(--wd-ink);background:#fff;padding:9px 12px;font-family:var(--wd-font-ui);font-weight:900}.wd-pagination .current{background:var(--wd-red);color:#fff}
.wd-backtop{position:fixed;right:22px;bottom:22px;z-index:50;border:2px solid var(--wd-ink);background:var(--wd-gold);font-family:var(--wd-font-ui);font-weight:950;text-transform:uppercase;padding:10px 12px;box-shadow:4px 4px 0 var(--wd-ink);display:none}.wd-backtop.is-visible{display:block}

@media (max-width:1100px){
  .wd-header-inner{grid-template-columns:1fr;justify-items:center}.wd-logo-link{min-width:auto}.wd-hero-grid,.wd-section-grid,.wd-content-wrap{grid-template-columns:1fr}.wd-latest-grid{grid-template-columns:repeat(2,1fr)}.wd-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .wd-site-frame,.wd-shell{width:calc(100vw - 16px);margin-top:8px}.wd-section,.wd-hero,.wd-page-header,.wd-archive-header,.wd-content-wrap{padding-left:14px;padding-right:14px}.wd-hero-head{display:block}.wd-hero-slogan{margin-top:14px}.wd-section-head{grid-template-columns:auto 1fr}.wd-section-rule{grid-column:1/-1}.wd-view-all{grid-column:1/-1;text-align:center}.wd-card.is-small{grid-template-columns:1fr}.wd-latest-grid,.wd-directory-grid,.wd-footer-main,.wd-sidebar{grid-template-columns:1fr}.wd-breaking{grid-template-columns:1fr}.wd-footer-bottom{display:block}.admin-bar .wd-header{top:0}.wd-logo-img{width:60px}.wd-main-menu{font-size:.7rem}.wd-search-form{flex-direction:column}.wd-page-content{padding:18px}.wd-author-box{grid-template-columns:1fr}.wd-card-title{font-size:1.55rem}
}