/* AI Briefing Daily - hoja de estilo unica (modo claro). Colores solo desde estas variables. Sin recursos externos. */
@font-face{font-family:"Pixelify Sans";src:url(/assets/fonts/pixelify-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#fff;--surf:#F4F6F9;--bd:#E1E5EC;--ink:#0E1116;--tx:#1B2028;--mut:#5B6573;--yel:#F5E616;--ult:#2F3CFF;
--hd:"Barlow",Bahnschrift,"Segoe UI",system-ui,Arial,sans-serif;--pf:"Pixelify Sans","Barlow",monospace;--bodyf:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.65 var(--bodyf)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.sr{position:absolute;left:-9999px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:var(--yel);color:var(--ink);padding:8px 12px;z-index:9}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
main{display:block;padding-bottom:8px}
.px,.chip,.lg,.lg-in,.lg-box{clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}
.lg-in,.lg-box{clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px),0 3px,3px 3px)}
/* logo H (barra con caja AI) */
.logo{text-decoration:none;display:inline-block}
.lg{display:inline-block;background:var(--ink);padding:3px;vertical-align:middle}
.lg-in{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 16px 6px 6px}
.lg-box{display:flex;width:52px;height:34px;background:var(--ink);align-items:center;justify-content:center}
.lg-box svg{width:32px;height:21px;fill:var(--yel)}
.lg-name{font:700 23px/1 var(--hd);color:var(--ink);letter-spacing:.2px}
.lg.inv{background:#fff}.lg.inv .lg-in{background:var(--ink)}.lg.inv .lg-box{background:var(--yel)}.lg.inv .lg-box svg{fill:var(--ink)}.lg.inv .lg-name{color:#fff}
/* cabecera */
.site-h .wrap{display:flex;align-items:center;gap:24px;min-height:76px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.main-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.main-nav a{font:500 18px/1 var(--pf);color:var(--ink);padding:10px 12px;text-decoration:none;letter-spacing:.3px}
.main-nav a:hover{box-shadow:inset 0 -4px 0 var(--surf)}
.main-nav a.on{box-shadow:inset 0 -4px 0 var(--yel)}
.langs{display:flex;gap:10px;font:500 15px/1 var(--pf)}
.langs a{text-decoration:none;color:var(--mut)}.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--yel)}
/* chips, etiquetas */
.chip{display:inline-block;background:var(--yel);color:var(--ink);font:700 14px/1 var(--pf);letter-spacing:.8px;text-transform:uppercase;padding:7px 12px;text-decoration:none}
.tags{margin:6px 0 22px}.tag{display:inline-block;border:2px solid var(--ink);color:var(--ink);font:500 14px/1 var(--pf);padding:5px 10px;margin:0 6px 6px 0;text-decoration:none;background:#fff}
/* titulares */
h1{font:700 52px/1.06 var(--hd);letter-spacing:-.8px;color:var(--ink);margin:14px 0 18px}
h2{font:700 30px/1.15 var(--hd);color:var(--ink);margin:30px 0 12px}
h3{font:700 20px/1.25 var(--hd);color:var(--ink);margin:0 0 6px}
.nb{white-space:nowrap}
.cur{display:inline-block;width:.42em;height:.86em;background:var(--yel);outline:3px solid var(--ink);margin-left:10px;vertical-align:-2px}
.tagline,.intro{color:var(--mut)}
/* noticia */
.story{display:grid;grid-template-columns:56px minmax(0,700px) 300px;column-gap:36px;justify-content:center;padding-top:18px}
.story.solo{grid-template-columns:56px minmax(0,700px) 56px}
.story>.chip,.story>h1,.story>.essentials,.story>.meta{grid-column:2}
.story>.chip{grid-row:1}.story>h1{grid-row:2}.story>.essentials{grid-row:3}.story>.points{grid-row:4}.story>.meta{grid-row:5}
.story>.chip{justify-self:start}
.story-grid{display:contents}
.rail{grid-column:1;grid-row:6}
.story-main{grid-column:2;grid-row:6;min-width:0}
.side{grid-column:3;grid-row:6}
.rail .share{position:sticky;top:20px;flex-direction:column;margin:0;gap:8px;width:44px}
.rail .share a{display:block;width:44px;padding:10px 0;text-align:center;font:700 14px/1 var(--pf)}
.meta .share{display:none}
.essentials{border-left:6px solid var(--yel);background:var(--surf);padding:14px 20px;margin:0 0 18px}
.essentials small{display:block;font:700 14px/1.2 var(--pf);letter-spacing:1px;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.essentials p{margin:0;font-size:20px;line-height:1.5}
.star{width:15px;height:15px;fill:currentColor;vertical-align:-2px;shape-rendering:crispEdges}
.meta{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font:600 16px/1.4 var(--hd);color:var(--mut);margin:0 0 22px;padding:12px 0;border-top:4px solid transparent;border-image:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 8px) 4}
.meta a{color:var(--ink);font-weight:700;text-decoration:none}
.share{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.share a{border:2px solid var(--ink);color:var(--ink);font:700 13px/1 var(--pf);padding:6px 10px;text-decoration:none}
.share a:hover{background:var(--yel)}
.story-main p,.story-main li{font-size:19px;line-height:1.7}
.story-main p{margin:0 0 18px}
.story-main>h2:before{content:"";display:inline-block;width:14px;height:14px;background:var(--yel);outline:3px solid var(--ink);margin-right:12px;vertical-align:2px}
.story-main ul{padding-left:24px;margin:0 0 18px}
.story-main a{color:var(--ult);text-decoration:underline;text-underline-offset:3px}
blockquote{position:relative;margin:26px 0;border:2px solid var(--ink);background:var(--surf);padding:20px 24px 20px 76px}
blockquote:before{content:"\201C";position:absolute;left:16px;top:-4px;font:700 90px/1 var(--pf);color:var(--yel);-webkit-text-stroke:2px var(--ink)}
blockquote p{margin:0;font:600 25px/1.3 var(--hd);color:var(--ink)}
.hero{margin:0 0 22px;border:2px solid var(--ink)}
.hero figcaption{font:600 14px/1.4 var(--hd);color:var(--mut);padding:8px 12px;border-top:2px solid var(--ink);background:#fff}
.source{font:600 15px/1.4 var(--hd);color:var(--mut)}
.author-box{display:flex;gap:16px;align-items:center;border:2px solid var(--ink);padding:16px 18px;margin:22px 0}
.author-box h2{font:700 16px/1.2 var(--pf);letter-spacing:1px;text-transform:uppercase;margin:0 0 4px}
.author-box p{margin:0;font-size:15px;line-height:1.5;color:var(--mut)}
.author-box a{color:var(--ink);font-weight:700}
.av{flex:none;width:52px;height:52px;background:var(--ink);color:var(--yel);font:700 22px/52px var(--pf);text-align:center;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}
.tbl{overflow-x:auto;margin:0 0 20px;border:2px solid var(--ink)}
.tbl table{border-collapse:collapse;width:100%;font:600 16px/1.35 var(--hd)}
.tbl th{background:var(--ink);color:#fff;text-align:left;padding:10px 12px;font:700 14px/1.2 var(--pf);letter-spacing:.3px}
.tbl td{padding:10px 12px;border-top:1px solid var(--bd);color:var(--ink)}
.tbl tr:nth-child(even) td{background:var(--surf)}
/* barra lateral */
.latest-box h2{font:700 16px/1.2 var(--pf);letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;padding-bottom:8px;border-bottom:4px solid transparent;border-image:repeating-linear-gradient(90deg,var(--yel) 0 8px,var(--ink) 8px 12px) 4}
.latest-box ol{list-style:none;margin:0;padding:0}
.latest-box li{border-bottom:1px solid var(--bd)}
.latest-box a{display:flex;gap:12px;padding:12px 0;text-decoration:none;font:600 18px/1.25 var(--hd);color:var(--ink)}
.latest-box a:hover .tx{text-decoration:underline}
.num{flex:none;background:var(--yel);color:var(--ink);font:700 20px/30px var(--pf);min-width:36px;height:30px;text-align:center}
.tx small{display:block;font:600 14px/1.3 var(--hd);color:var(--mut);margin-top:3px}
/* relacionadas, tarjetas, portada, listas */
.related h2{font:700 24px/1.2 var(--pf);margin:28px 0 12px}
.related h2:before{content:"";display:inline-block;width:14px;height:14px;background:var(--yel);outline:3px solid var(--ink);margin-right:10px}
.rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{margin:0 0 20px}
.card a{text-decoration:none;color:var(--ink)}
.card img{border:2px solid var(--ink);margin-bottom:8px}
.card h2,.card h3{font:700 20px/1.25 var(--hd);margin:0 0 6px}
.card a:hover h2,.card a:hover h3{text-decoration:underline}
.card .meta{margin:0 0 6px;padding:0;border:0;font-size:13px}
.card p{margin:0;font-size:16px;color:var(--mut);line-height:1.5}
.top{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:20px}
.pager{display:flex;gap:16px;align-items:center;font:500 16px/1 var(--pf);margin:20px 0}
.pager a{border:2px solid var(--ink);padding:8px 12px;text-decoration:none;color:var(--ink)}
main>h1{margin-top:28px}
/* anuncios (apagados hasta la aprobacion) */
.ad{background:var(--surf);border:1px dashed #C5CCD8;color:#8892A2;text-align:center;margin:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ad small{font:500 12px/1 var(--pf);color:#6c7686}
/* pie */
.dither{height:16px;margin-top:40px;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0 0/8px 8px;-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000)}
.site-f{background:var(--ink);color:#b9c0cc;padding:28px 0;font-size:14px}
.site-f .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.site-f nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.site-f a{color:#fff;text-decoration:none;font:500 15px/1 var(--pf)}
.site-f .logo{order:2}.site-f p{order:3;flex-basis:100%;margin:0;font-size:13px;color:#9aa3b0}
.site-f .langs{order:4;flex-basis:100%}.site-f .langs a{color:#b9c0cc}.site-f .langs a[aria-current]{color:#fff}
@media (max-width:900px){
 h1{font-size:38px}.story,.story.solo{display:block}.story-grid{display:block}.rail{display:none}.meta .share{display:flex}.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{grid-template-columns:1fr}
 .share{margin-left:0}.main-nav a{font-size:16px;padding:8px 8px}
}
@media (max-width:700px){.main-nav{flex-basis:100%;order:3}.langs{margin-left:auto}}
@media (max-width:520px){h1{font-size:32px}.rel-grid{grid-template-columns:1fr}.lg-name{font-size:19px}.story-main p,.story-main li{font-size:18px}}
@media (prefers-reduced-motion:no-preference){.cur{animation:blink 1.1s steps(1) infinite}}
@keyframes blink{50%{opacity:0}}
/* ===== portada, tarjetas, listas, paginas de lectura (2026-11-02) ===== */
.tagline{font:500 18px/1.4 var(--pf);color:var(--mut);margin:22px 0 14px}
.card a{display:block;text-decoration:none;color:var(--ink)}
.card img{border:0;margin:0}
.thumb{border:2px solid var(--ink);background:var(--surf);aspect-ratio:1200/630;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.ph{background:var(--ink);display:flex;align-items:center;justify-content:center;gap:40px}
.thumb.ph .star{width:64px;height:64px;color:var(--yel)}
.thumb.ph .star:last-child{width:34px;height:34px}
.card-body{padding:12px 0 0}
.kicker{display:inline-block;background:var(--yel);color:var(--ink);font:700 12px/1 var(--pf);letter-spacing:.8px;text-transform:uppercase;padding:5px 8px;margin-bottom:8px}
.card h2,.card h3{margin:0 0 6px}
.card a:hover h2,.card a:hover h3{text-decoration:underline;text-underline-offset:3px}
.card .sum{margin:0 0 8px;font-size:16px;color:var(--mut);line-height:1.5}
.card .meta{margin:0;padding:0;border:0;font:600 13px/1.3 var(--hd);color:var(--mut);display:block}
.hero-home{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px;margin:0 0 8px}
.hero-home.solo{grid-template-columns:minmax(0,1fr)}
.card.big h2{font:700 42px/1.06 var(--hd);letter-spacing:-.6px;margin:0 0 10px}
.card.big .sum{font-size:19px;color:var(--tx)}
.heads{display:flex;flex-direction:column}
.card.compact{border-top:1px solid var(--bd);padding:16px 0;margin:0}
.card.compact:first-child{border-top:0;padding-top:0}
.card.compact h3{font-size:20px}
.card.compact .thumb{display:none}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.block{margin:40px 0 0}
.block-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;margin-bottom:20px;border-bottom:4px solid transparent;border-image:repeating-linear-gradient(90deg,var(--yel) 0 8px,var(--ink) 8px 12px) 4}
.block-h h2{font:700 26px/1.1 var(--pf);margin:0;color:var(--ink)}
.more{font:500 15px/1 var(--pf);text-decoration:none;color:var(--ink);border:2px solid var(--ink);padding:7px 11px;white-space:nowrap}
.more:hover{background:var(--yel)}
.empty{font:500 18px/1.5 var(--pf);color:var(--mut);padding:40px 0}
/* listas (secciones, ultimas, etiquetas, autor) */
.list-wrap{max-width:880px;margin:0 auto}
.list-wrap h1{margin:30px 0 8px;font-size:46px}
.list-wrap .intro{font-size:19px;margin:0 0 10px}
.card.row{border-top:1px solid var(--bd);padding-top:22px;margin:22px 0 0}
.card.row a{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.card.row.noimg a{display:block}
.card.row .card-body{padding:0}
.card.row h3{font-size:24px}
/* paginas de lectura (about, privacy, 404...) */
.prose{max-width:780px;margin:0 auto;padding:6px 0 24px}
.prose h1{margin-top:30px}
.prose h2{font-size:26px;margin:30px 0 10px}
.prose p,.prose li{font-size:18px;line-height:1.7}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 18px}
.prose a{color:var(--ult);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
 .hero-home{grid-template-columns:minmax(0,1fr)}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.card.big h2{font-size:32px}
 .card.row a{grid-template-columns:200px minmax(0,1fr)}.list-wrap h1{font-size:36px}
}
@media (max-width:560px){
 .grid3{grid-template-columns:minmax(0,1fr)}.card.row a{display:block}.card.row .card-body{padding-top:12px}.card.big h2{font-size:28px}
}

.qimg{margin:22px 0}
.qimg img{width:100%;max-width:640px;height:auto;display:block}
.qimg figcaption{font:600 14px/1.4 var(--hd);color:var(--mut);margin-top:8px}

/* ===== piezas visuales: datos destacados, notas, embeds, puntos clave, compartir (2026-11-02) ===== */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px;margin:24px 0}
.stat{background:var(--yel);border:3px solid var(--ink);padding:14px 16px 12px;display:flex;flex-direction:column;gap:4px;
 clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px),0 6px,6px 6px)}
.stat b{font:700 32px/1 var(--hd);letter-spacing:-.5px;color:var(--ink)}
.stat span{font:600 15px/1.3 var(--hd);color:var(--ink)}
.callout{margin:26px 0;padding:18px 22px;background:var(--ult);color:#fff;border:3px solid var(--ink)}
.callout p{margin:0!important;font:600 21px/1.4 var(--hd)!important;color:#fff}
.callout a{color:var(--yel)!important}
.points{border:2px solid var(--ink);margin:0 0 20px;background:#fff}
.points summary{cursor:pointer;list-style:none;padding:14px 18px;font:700 16px/1.2 var(--pf);letter-spacing:.8px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.points summary::-webkit-details-marker{display:none}
.points summary:after{content:"+";background:var(--yel);border:2px solid var(--ink);width:26px;height:26px;text-align:center;line-height:22px;font:700 20px/22px var(--pf)}
.points[open] summary:after{content:"\2212"}
.points ul{margin:0;padding:4px 20px 16px 38px}
.points li{font-size:18px;line-height:1.55;margin:0 0 6px}
.story>.points{grid-column:2}
/* embeds con clic para cargar */
.embed{margin:26px 0;border:2px solid var(--ink);background:var(--surf);position:relative}
.embed .embed-btn{display:block;width:100%;border:0;padding:0;margin:0;background:none;cursor:pointer;font:inherit;text-align:left}
.embed.yt .embed-btn{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.embed.yt .embed-btn img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.embed .play{position:absolute;left:50%;top:50%;width:76px;height:54px;margin:-27px 0 0 -38px;background:var(--yel);border:3px solid var(--ink)}
.embed .play:after{content:"";position:absolute;left:30px;top:12px;border-left:20px solid var(--ink);border-top:13px solid transparent;border-bottom:13px solid transparent}
.embed .card-btn{display:flex;align-items:center;gap:14px;padding:26px 22px;background:var(--ink);color:#fff}
.embed .eb-k{background:var(--yel);color:var(--ink);font:700 22px/1 var(--pf);padding:12px 12px}
.embed .eb-t{font:700 22px/1.2 var(--hd);flex:1}
.embed .eb-a{font:700 14px/1 var(--pf);letter-spacing:.6px;text-transform:uppercase;border:2px solid var(--yel);color:var(--yel);padding:9px 12px}
.embed .embed-btn:hover .eb-a{background:var(--yel);color:var(--ink)}
.embed iframe{display:block;width:100%;border:0;background:#fff}
.embed.yt iframe{aspect-ratio:16/9;height:auto}
.embed .embed-src{margin:0;padding:8px 14px;font:600 14px/1.3 var(--hd);color:var(--mut);background:#fff;border-top:2px solid var(--ink)}
.embed .embed-src a{color:var(--ink);text-decoration:underline}
.embed figcaption{padding:8px 14px 10px;font:600 14px/1.4 var(--hd);color:var(--mut);background:#fff}
.story-main .embed .embed-src a,.story-main .embed figcaption{color:inherit}
/* botones de compartir y copiar (aparecen solo si el navegador los soporta) */
.meta .share button,.meta button.js-share,.meta button.js-copy{border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 13px/1 var(--pf);padding:6px 10px;cursor:pointer}
.share button:hover{background:var(--yel)}
.share button[hidden]{display:none}
@media (min-width:901px){.meta .share{display:flex}.rail .share{display:flex}}

/* ===== embeds directos (sin tarjeta previa) ===== */
.embed{border:0!important;background:none!important;margin:26px auto!important}
.embed.xp{max-width:550px}.embed.ig{max-width:540px}.embed.yt{max-width:100%}
.embed iframe.embed-frame{display:block;width:100%;border:0;background:transparent;color-scheme:light}
.embed.yt iframe.embed-frame{aspect-ratio:16/9;height:auto!important;border:2px solid var(--ink)}
.embed .embed-src{background:none!important;border:0!important;padding:6px 2px 0!important;font:600 13px/1.3 var(--hd);color:var(--mut)}
.embed figcaption{background:none!important;padding:2px 2px 0!important}

.embed.xp{max-width:550px}
.embed.xp .twitter-tweet{margin:0 auto!important}
.embed.xp blockquote.twitter-tweet{font:600 16px/1.4 var(--hd);padding:12px 14px;border:2px solid var(--ink);background:#fff;margin:0}
.embed.xp iframe{height:auto}
.embed blockquote:before{content:none!important}
.embed blockquote.twitter-tweet{position:static;padding:14px 16px!important}
.embed blockquote.twitter-tweet p,.embed blockquote.twitter-tweet a{font:600 16px/1.4 var(--hd)!important;color:var(--ink)}

/* codigo en linea (nombres de parametros, cabeceras) */
.prose code,.article-body code,main p code,main li code{font:600 .88em/1.2 Consolas,"Cascadia Mono",monospace;background:#F4F6F9;border:1px solid #dfe3ea;padding:.08em .38em;word-break:break-word}
