/*
Theme Name: What US News - Cabecera con anfitriones
Template: whatusnews-dark
Version: 1.3.2
Author: Flaluma Technologies
Description: Cabecera con anfitriones y navegación lateral accesible.
Text Domain: whatusnews
*/
.site-header.wun-host-header{position:relative;display:flex;align-items:center;min-height:134px;padding:0 30px;gap:28px;background:linear-gradient(105deg,#0a1218 25%,#111e29 65%,#0a1218);overflow:visible}
.wun-host-header>.brand{flex:0 0 185px}.wun-host-header>.nav-tools{margin-left:auto;gap:10px;flex-shrink:0}
.wun-hosts{position:relative;display:flex;align-items:center;gap:13px;flex:1;min-width:0;max-width:660px;margin:auto}
.wun-hosts-photo{position:relative;display:block;align-self:stretch;flex:0 0 205px;height:134px;pointer-events:none}
.wun-hosts-photo img{position:absolute;width:355px;height:auto;max-width:none;right:0;bottom:-1px;clip-path:polygon(44.1% 100%,44.3% 83%,44.3% 72%,46% 59%,47% 54%,51% 49%,54% 46%,55% 41%,54.2% 34%,54.5% 28%,55.5% 22%,57% 17%,60% 13%,64% 12%,66% 13%,68% 15%,69.5% 20%,69.5% 26%,69% 33%,67.7% 40%,67.7% 43%,69% 45%,72% 40%,75% 36%,76% 31%,75.5% 24%,76% 18%,77% 13%,79% 10%,82% 9%,85% 10%,87% 14%,87.5% 20%,87.5% 26%,88.1% 30%,87% 36%,87.2% 39%,90% 43%,94% 49%,97% 55%,100% 60%,100% 100%);filter:drop-shadow(0 -2px 8px #0003);mask-image:linear-gradient(#000 85%,transparent 100%)}
.wun-hosts-copy{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:340px;padding:14px 0}.wun-hosts-kicker{color:var(--gold);font-size:9px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}
.wun-hosts-copy strong{font-size:clamp(15px,1.45vw,21px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#f3f1e9}.wun-hosts-copy strong span{color:var(--gold);font-weight:400;padding:0 3px}.wun-hosts-copy small{font-size:12px;line-height:1.45;color:#b8c2ca;max-width:300px}.wun-hosts:hover strong{color:var(--gold)}
.wun-menu-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid #52606b;border-radius:6px;background:#ffffff04;color:#f5f2e9;padding:12px 14px;line-height:1;font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.wun-menu-toggle:hover{border-color:var(--gold);background:#d6ad6210}.wun-menu-toggle svg{width:21px;height:21px;display:block}.wun-hosts-mobile{display:none}
.wun-menu-backdrop{position:fixed;inset:0;background:#02070cd9;backdrop-filter:blur(5px);z-index:100000}
.wun-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);padding:30px 36px;background:linear-gradient(155deg,#162936,#0b131a 65%);border-left:1px solid #3d4b55;z-index:100001;overflow-y:auto;box-shadow:-30px 0 90px #0005}
.wun-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid #ffffff18}.wun-drawer-brand{font-size:15px;font-weight:800;letter-spacing:.12em;color:#f4f0e7}.wun-drawer-brand span{color:var(--gold)}
.wun-menu-close{display:flex;align-items:center;gap:8px;color:#bdc8ce;background:none;border:1px solid #465560;border-radius:5px;padding:8px;font-size:11px}.wun-menu-close svg{width:18px;height:18px}
.wun-drawer h2{font:400 36px/1.15 Georgia,serif;letter-spacing:-.03em;margin:10px 0 26px}.wun-drawer nav ul{padding:0;margin:0;list-style:none;counter-reset:wun-menu}.wun-drawer nav li{border-top:1px solid #ffffff13;counter-increment:wun-menu}.wun-drawer nav a{display:flex;align-items:center;gap:18px;padding:17px 0;font-size:21px;font-weight:500;line-height:1.3}.wun-drawer nav li>a:before{content:counter(wun-menu,decimal-leading-zero);font-size:10px;letter-spacing:.1em;color:#8296a5}.wun-drawer nav li>a:after{content:'↗';margin-left:auto;color:var(--gold);font-size:18px}.wun-drawer nav a:hover{color:var(--gold)}
.wun-drawer-note{border-top:1px solid #ffffff20;margin-top:30px;padding-top:24px}.wun-drawer-note strong{display:block;font-size:13px;color:var(--gold);margin-bottom:8px}.wun-drawer-note p{font-size:13px;color:#adbdc8;line-height:1.6}.wun-drawer-note a{font-size:12px;text-decoration:underline;text-underline-offset:4px}body.wun-menu-open{overflow:hidden}
@media(min-width:761px) and (max-width:1100px){.site-header.wun-host-header{gap:12px;padding:0 20px}.wun-host-header>.brand{flex-basis:145px}.wun-host-header>.brand img{width:145px}.wun-hosts{gap:7px}.wun-hosts-photo{flex-basis:150px}.wun-hosts-photo img{width:285px}.wun-hosts-copy strong{font-size:16px}.wun-hosts-copy small{font-size:11px}.wun-menu-toggle{padding:12px}.wun-menu-label{display:none}}
@media(max-width:760px){.site-header.wun-host-header{min-height:102px;flex-wrap:wrap;padding:12px 18px;gap:0}.wun-host-header>.brand{flex-basis:135px}.wun-host-header>.wun-hosts{display:none}.wun-host-header>.nav-tools{margin-left:auto;gap:4px}.wun-menu-toggle{padding:10px;border-color:#3c4b56}.wun-menu-label{display:none}.wun-hosts-mobile{display:block;flex-basis:100%;font-size:10px;line-height:1.5;color:var(--gold);margin-top:5px}.wun-drawer{padding:24px}.wun-drawer-top{margin-bottom:24px}.wun-drawer h2{font-size:32px}.wun-drawer nav a{font-size:21px;padding:15px 0}.wun-drawer .wun-hosts{display:flex;gap:8px;margin:26px 0 0;align-items:center}.wun-drawer .wun-hosts-photo{flex-basis:135px;height:120px}.wun-drawer .wun-hosts-photo img{width:250px}.wun-drawer .wun-hosts-copy strong{font-size:14px}.wun-drawer .wun-hosts-copy small{font-size:11px}.wun-drawer-note{margin-top:8px}}
@media(min-width:761px){.wun-drawer .wun-hosts{display:none}}
@media(prefers-reduced-motion:no-preference){.wun-drawer:not([hidden]){animation:wun-drawer-in .22s ease-out}.wun-menu-backdrop:not([hidden]){animation:wun-backdrop-in .2s ease-out}@keyframes wun-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes wun-backdrop-in{from{opacity:0}to{opacity:1}}}
/* Centered masthead and compact reading navigation. */
.utility{position:relative;justify-content:center;min-height:58px;align-items:center}.utility span:last-child{display:none}
.site-header.wun-host-header{display:grid;grid-template-columns:minmax(0,1fr) 185px minmax(0,1fr);gap:22px;min-height:150px;padding:0 26px}
.wun-host-header>.brand{grid-column:2;grid-row:1;justify-self:center}.wun-host-header>.wun-hosts{grid-column:1;grid-row:1;margin:0;gap:8px;width:100%}.wun-host-header>.nav-tools{grid-column:3;grid-row:1;justify-self:end;margin:0}
.wun-host-header .wun-hosts-photo{flex-basis:175px;height:150px}.wun-host-header .wun-hosts-photo img{width:330px}.wun-host-header .wun-hosts-copy strong{font-size:16px}.wun-host-header .wun-hosts-copy small{font-size:10px;max-width:185px}.wun-host-header .wun-hosts-kicker{font-size:8px;letter-spacing:.12em}
.wun-hosts-photo img{clip-path:polygon(48.5% 100%,48.8% 95%,46% 91%,44.5% 88%,44.3% 85%,44.4% 80%,45.1% 73%,46% 66%,47% 62.5%,47.3% 57%,48% 54%,49% 52.5%,51% 50%,53.8% 47.8%,56% 43.5%,57.2% 43.8%,57.5% 40%,56.8% 36%,55.8% 35%,55% 32%,54.9% 29%,54.7% 26%,54.9% 24%,56% 22.7%,56.8% 19.5%,58.2% 17%,60% 14.6%,62% 12.8%,64% 12.2%,65.2% 13.2%,65.6% 15.5%,67% 16.7%,68.3% 19%,68.8% 22%,68.8% 25%,68.1% 28%,68.2% 31%,67.7% 35%,66.7% 38.2%,65% 42%,64.9% 45.5%,66.2% 47.6%,67.9% 49.6%,68.4% 46.6%,69.5% 44.7%,72% 41.7%,74% 38.4%,75.6% 35%,76.6% 31.8%,76.4% 29.2%,75.7% 27%,75.5% 24%,75.8% 22%,76.5% 21.3%,76.6% 17%,77.2% 13.5%,78.6% 11%,80.5% 9.5%,82.7% 9.2%,84.5% 10%,86% 12%,87% 15.3%,87.3% 19.8%,87.4% 23.4%,87.7% 26%,87.4% 30%,86.8% 34.2%,86.5% 36.8%,89% 38.8%,92.3% 40.6%,94.2% 44%,95.6% 49.2%,96.7% 54.4%,98.4% 56.6%,100% 60%,100% 100%)}
.wun-scroll-nav{display:none}.wun-host-header.is-sticky{position:fixed;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 60px);max-width:1260px;min-height:76px;height:76px;display:flex;flex-wrap:nowrap;gap:28px;border-radius:0 0 10px 10px;z-index:9990;box-shadow:0 12px 35px #0006;background:#0b141cf5;backdrop-filter:blur(14px)}
.admin-bar .wun-host-header.is-sticky{top:32px}.wun-host-header.is-sticky>.wun-hosts,.wun-host-header.is-sticky>.wun-hosts-mobile{display:none}.wun-host-header.is-sticky>.brand{flex:0 0 120px}.wun-host-header.is-sticky>.brand img{width:120px;max-height:64px}.wun-host-header.is-sticky>.nav-tools{margin-left:auto}.is-sticky .wun-scroll-nav{display:block;margin-left:auto}.wun-scroll-nav ul{display:flex;gap:26px;align-items:center;list-style:none;padding:0;margin:0}.wun-scroll-nav a{display:block;padding:16px 0;font-size:13px;font-weight:600}.wun-scroll-nav .current-menu-item>a{color:var(--gold)}
.wun-header-sticky .search-panel{position:fixed;top:76px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);max-width:1260px;z-index:9989;box-shadow:0 15px 25px #0005}.admin-bar.wun-header-sticky .search-panel{top:108px}
@media(min-width:1001px){.is-sticky .wun-menu-toggle{display:none}}
@media(min-width:761px) and (max-width:1100px){.site-header.wun-host-header{grid-template-columns:minmax(0,1fr) 155px minmax(0,1fr);gap:12px;padding:0 18px}.wun-host-header .wun-hosts-photo{flex-basis:135px}.wun-host-header .wun-hosts-photo img{width:265px}.wun-host-header .wun-hosts-copy strong{font-size:13px}.wun-host-header .wun-hosts-copy small{display:none}.wun-scroll-nav ul{gap:16px}}
@media(max-width:1000px){.is-sticky .wun-scroll-nav{display:none}}
@media(max-width:760px){.utility{min-height:42px}.site-header.wun-host-header{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:4px;min-height:117px;padding:8px 10px 6px}.wun-host-header>.brand img{width:110px;max-height:70px}.wun-host-header>.wun-hosts{display:flex;align-self:end}.wun-host-header .wun-hosts-photo{flex:0 0 100%;height:78px}.wun-host-header .wun-hosts-photo img{width:180px;right:-4px}.wun-host-header .wun-hosts-copy{display:none}.wun-host-header>.nav-tools{gap:0}.wun-menu-toggle{padding:8px}.wun-host-header .icon-button{padding:6px}.wun-hosts-mobile{grid-column:1/-1;grid-row:2;text-align:center;margin-top:0;font-size:9px}.wun-host-header.is-sticky{width:calc(100% - 36px);min-height:66px;height:66px;padding:4px 12px;gap:12px}.admin-bar .wun-host-header.is-sticky{top:46px}.wun-header-sticky .search-panel{top:66px;width:calc(100% - 36px)}.admin-bar.wun-header-sticky .search-panel{top:112px}}
@media(max-width:600px){.admin-bar .wun-host-header.is-sticky{top:0}.admin-bar.wun-header-sticky .search-panel{top:66px}}
/* Keep category labels legible over their gold background. */
a.badge:hover,a.badge:focus-visible{background:#e9c98f;color:#15191c;text-decoration:underline;text-underline-offset:3px}
.socials a{display:inline-flex;align-items:center;gap:8px}.socials .wun-social-icon{display:block;width:18px;height:18px;flex:0 0 18px}.socials a:hover,.socials a:focus-visible{border-color:var(--gold);background:#d6ad6210;color:#efd29c}

.wun-archive-note{font:12px/1.6 Arial,sans-serif;color:#bac7cf;border-left:2px solid var(--gold);padding:8px 14px;margin-top:18px}.hero-copy>.eyebrow{display:block;margin-bottom:14px}

/* Vector indicators keep the same appearance on iOS and desktop. */
.wun-link-icon,.wun-drawer nav li>a:after{display:inline-block;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url(icons/arrow.svg) center/contain no-repeat;mask:url(icons/arrow.svg) center/contain no-repeat;vertical-align:middle}
.wun-link-external{-webkit-mask-image:url(icons/external.svg);mask-image:url(icons/external.svg)}
.wun-drawer nav li>a:after{content:"";font-size:0;position:static}
.section-heading>a{display:inline-flex;align-items:center;gap:7px}
.channel-card .play{display:none}
.channel-card .yt-mark{font-size:0;line-height:0;padding:0;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:0;background:transparent;color:inherit;border:0}
.channel-card .yt-mark:before{content:"";display:block;width:42px;height:42px;background:url(icons/youtube.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.channel-card .channel-name{align-items:flex-start;position:relative;gap:13px}
.channel-card .channel-name>div{min-width:0}
.socials a{min-height:44px}.socials .wun-link-icon{width:14px;height:14px;flex-basis:14px;opacity:.75}
@media(max-width:760px){.channel-card{padding:20px}.channel-card h3{font-size:22px;line-height:1.2}.section-heading>a{flex-shrink:0}.channel-card .channel-name{margin-top:130px}}