:root{--yellow:#f2c230;--orange:#f28c28;--red:#d62828;--ink:#050505;--paper:#0a0a09;--muted:#bcb7ad;--line:#3b352b;--card:#151410;--cream:#fff2d6;--radius:18px}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--cream);font-family:"Barlow Condensed",Arial,sans-serif;font-size:18px;line-height:1.55}

.site-header{height:88px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(5,5,5,.94);backdrop-filter:blur(16px);z-index:20}
.header-branding{display:flex;align-items:center;gap:clamp(14px,2vw,28px);min-width:0}
.brand{display:flex;gap:15px;align-items:center;color:inherit;text-decoration:none}
.header-datetime{display:flex;flex-direction:column;gap:1px;padding-left:clamp(14px,2vw,28px);border-left:1px solid rgba(242,140,40,.34);font-family:Manrope,Arial,sans-serif;font-style:normal;white-space:nowrap}
.header-date{color:var(--muted);font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.1em}
.header-time{color:var(--yellow);font-size:15px;font-weight:800;line-height:1.25;letter-spacing:.06em}
.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(145deg,var(--yellow),var(--orange));color:var(--ink);border:2px solid var(--yellow);border-radius:50%;font-family:"Roboto Slab",serif;font-weight:900;letter-spacing:-2px;box-shadow:0 0 0 3px var(--ink),0 0 0 4px var(--yellow)}
.brand strong,.brand small{display:block}
.brand strong{font-family:"Roboto Slab",serif;font-size:17px;line-height:1.2;text-transform:uppercase}
.brand small{font-size:13px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.site-header nav{display:flex;gap:28px}
.site-header nav a{color:var(--cream);text-decoration:none;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.site-header nav a:hover{color:var(--yellow)}

main{max-width:1440px;margin:auto;padding:0 clamp(24px,5vw,76px)}
.intro{padding:48px 0 32px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
.eyebrow,.date{font-family:"Barlow Condensed",sans-serif;letter-spacing:.13em;font-size:14px;font-weight:700}
.intro h1{font-family:"Roboto Slab",serif;font-size:clamp(44px,5.4vw,74px);line-height:.96;letter-spacing:-.045em;margin:12px 0 0;max-width:760px;text-transform:uppercase}
.intro h1 em{font-style:normal;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
.intro-copy{padding-bottom:8px}
.intro-copy>p{font-size:19px;line-height:1.45;margin:0 0 16px;max-width:540px}
.verification{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}
.verification i{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(242,194,48,.16)}

.topics{display:flex;gap:8px;overflow:auto;padding:12px 0 28px;scrollbar-width:none}
.topic{white-space:nowrap;border:1px solid var(--line);color:var(--cream);background:transparent;padding:10px 15px;border-radius:999px;font:700 15px "Barlow Condensed";letter-spacing:.04em;cursor:pointer}
.topic:hover,.topic.active{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}

.lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.story{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:44% 56%;min-height:430px;transition:.25s ease}
.story:hover{transform:translateY(-3px);border-color:#66572e;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.story-lead{grid-column:1/-1;grid-template-columns:55% 45%;min-height:570px}
.story-image{position:relative;min-height:100%;background:#24221d;overflow:hidden}
.story-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sprite-panel{background-image:linear-gradient(to top,rgba(5,7,12,.82),transparent 44%),var(--story-visual);background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat;background-color:#080b12}
.sprite-1{--story-visual:url("assets/edition-2026-09-15-panel-0.png")}.sprite-2{--story-visual:url("assets/edition-2026-09-15-panel-1.png")}.sprite-3{--story-visual:url("assets/edition-2026-09-15-panel-2.png")}.sprite-4{--story-visual:url("assets/edition-2026-09-15-panel-3.png")}
.sprite-5{--story-visual:url("assets/edition-2026-09-15-panel-4.png")}.sprite-6{--story-visual:url("assets/edition-2026-09-15-panel-5.png")}.sprite-7{--story-visual:url("assets/edition-2026-09-15-panel-6.png")}.sprite-8{--story-visual:url("assets/edition-2026-09-15-panel-7.png")}
.sprite-9{--story-visual:url("assets/edition-2026-09-15-management-ai.png")}
.dark-image{background:#080808;padding:18%;display:grid;place-items:center}
.dark-image img{filter:invert(1);object-fit:contain}
.number,.tag{position:absolute;top:18px;background:var(--yellow);color:var(--ink);font:800 13px "Barlow Condensed";letter-spacing:.06em;padding:7px 9px}
.number{left:18px}
.tag{right:18px}
.story-body{padding:clamp(26px,3vw,48px);display:flex;flex-direction:column}
.date{color:var(--orange);margin:0 0 15px}
.story h2{font-family:"Roboto Slab",serif;font-size:clamp(26px,2.4vw,42px);line-height:1.08;letter-spacing:-.025em;margin:0 0 20px}
.story:not(.story-lead) h2{font-size:29px}
.story-body>p:not(.date){color:#d3cec3;margin:0 0 20px}
.story aside{border-left:3px solid var(--orange);padding:8px 0 8px 15px;font-size:16px;margin:0 0 24px}
.story aside b{display:block;color:var(--cream);margin-bottom:3px}
.source,.sources a{color:var(--yellow);font-size:15px;font-weight:800;text-decoration:none;margin-top:auto;border-bottom:1px solid var(--yellow);width:max-content;max-width:100%}
.source span{margin-left:5px}
.sources{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto}
.story[hidden]{display:none}

.archive,.method{padding:100px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.section-heading h2,.method h2{font-family:"Roboto Slab",serif;font-size:clamp(38px,5vw,68px);letter-spacing:-.04em;line-height:1;margin:8px 0;text-transform:uppercase}
.archive-disclaimer{max-width:780px;margin:-10px 0 32px;color:var(--muted);font-size:15px;line-height:1.55;border-left:2px solid rgba(242,140,40,.55);padding-left:14px}
.archive-links{padding:28px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:16px;line-height:2.15}
.archive-links a{color:var(--yellow);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(242,194,48,.38);white-space:nowrap}
.archive-row{display:grid;grid-template-columns:180px 1fr 30px;gap:30px;align-items:center;padding:26px 4px;border-top:1px solid var(--line);color:inherit}
.archive-row:last-child{border-bottom:1px solid var(--line)}
.archive-date{font:600 14px "Barlow Condensed"}
.archive-date b{font:900 38px "Roboto Slab";margin-right:8px;color:var(--yellow)}
.archive-row strong,.archive-row small{display:block}
.archive-row strong{font-size:20px}
.archive-row small{font-size:15px;color:var(--muted);margin-top:4px}
.archive-row i{font-size:25px;font-style:normal;color:var(--yellow)}

.method{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}
.method ol{list-style:none;padding:0;margin:0}
.method li{display:grid;grid-template-columns:52px 1fr;gap:18px;border-top:1px solid var(--line);padding:20px 0}
.method li>span{font:700 14px "Barlow Condensed";color:var(--orange)}
.method li p{margin:0;color:var(--muted)}
.method li b{display:block;color:var(--cream);font-size:19px}

footer{background:#020202;color:var(--cream);display:flex;align-items:center;gap:14px;padding:48px clamp(24px,5vw,76px);border-top:2px solid var(--yellow)}
.brand-mark.small{width:42px;height:42px;color:var(--ink)}
footer p{line-height:1.25;margin:0;font-weight:700}
footer p span{font-size:13px;color:#aaa;font-weight:500}
.footer-note{margin-left:auto!important;font-size:14px!important;color:#aaa}

@media(max-width:900px){.site-header nav{display:none}
.intro{grid-template-columns:1fr;padding:40px 0 26px;gap:22px}
.intro h1{font-size:clamp(42px,12vw,64px)}
.lead-grid{grid-template-columns:1fr}
.story,.story-lead{grid-column:auto;grid-template-columns:1fr;min-height:0}
.story-image,.story-lead .story-image{height:290px}
.story-lead .story-image{height:380px}
.method{grid-template-columns:1fr;gap:35px}
.archive-row{grid-template-columns:118px 1fr 20px}
.archive-date b{font-size:30px}
.footer-note{display:none}
}

@media(max-width:520px){.site-header{height:76px}
.header-branding{gap:10px;width:100%;justify-content:space-between}
.header-datetime{padding-left:11px;align-items:flex-end;text-align:right}
.header-date{font-size:10px;letter-spacing:.05em}
.header-time{font-size:12px;letter-spacing:.03em}
.brand small{display:none}
.intro{padding-top:32px}
.intro-copy>p{font-size:18px}
.story-image,.story-lead .story-image{height:255px}
.story-body{padding:25px 22px}
.story:not(.story-lead) h2,.story h2{font-size:27px}
.archive,.method{padding:72px 0}
.archive-row{grid-template-columns:1fr 20px;gap:12px}
.archive-date{grid-column:1/-1}
.archive-row strong{font-size:18px}
footer{padding:36px 24px}
}


/* Profundidad visual compartida con el ecosistema EB */
body{font-family:Manrope,Arial,sans-serif;background-color:#050504;background-image:radial-gradient(ellipse 70% 42% at 86% 10%,rgba(228,86,30,.12),transparent 68%),radial-gradient(ellipse 55% 35% at 10% 42%,rgba(242,140,40,.07),transparent 72%),linear-gradient(115deg,#030303 0%,#0b0805 48%,#050403 100%);background-attachment:fixed}

body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(242,194,48,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(242,194,48,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 88%)}

.site-header{background:rgba(4,4,3,.82);border-bottom-color:rgba(242,140,40,.3)}

.brand strong{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.02em}

.intro{position:relative}
.intro::after{content:"";position:absolute;right:2%;top:12%;width:38%;height:72%;border:1px solid rgba(242,140,40,.13);border-radius:48% 52% 42% 58%;filter:blur(.2px);transform:rotate(-8deg);pointer-events:none}

.intro h1{font-family:Manrope,Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.06em}
.intro h1 em{font-weight:600}

.story{position:relative;background:linear-gradient(145deg,rgba(24,20,15,.94),rgba(9,8,6,.97));border-color:rgba(242,140,40,.27);box-shadow:inset 0 1px 0 rgba(255,242,214,.035),0 24px 70px rgba(0,0,0,.2)}

.story::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(242,194,48,.025),transparent 26%,transparent 74%,rgba(228,86,30,.025))}

.story:hover{border-color:rgba(242,194,48,.48);box-shadow:inset 0 1px 0 rgba(255,242,214,.05),0 24px 70px rgba(0,0,0,.42),0 0 42px rgba(228,86,30,.05)}

.story h2,.section-heading h2,.method h2{font-family:Manrope,Arial,sans-serif}
.section-heading h2,.method h2{text-transform:none;font-weight:500}

.story-body{position:relative;z-index:1}
.number,.tag{background:linear-gradient(100deg,var(--deep-orange,#e4561e),var(--yellow));box-shadow:0 8px 26px rgba(228,86,30,.16)}

.topics{border-bottom:1px solid rgba(242,140,40,.16)}
.topic{font-family:Manrope,Arial,sans-serif;font-size:13px}
.topic:hover,.topic.active{background:linear-gradient(100deg,var(--deep-orange,#e4561e),var(--yellow));box-shadow:0 8px 28px rgba(228,86,30,.12)}

.archive-row{border-color:rgba(242,140,40,.2)}
.archive-row:last-child{border-bottom-color:rgba(242,140,40,.2)}
.method{border-top-color:rgba(242,140,40,.22)}
.method li{border-top-color:rgba(242,140,40,.2)}

footer{background:rgba(2,2,2,.9);border-top:1px solid rgba(242,140,40,.38)}

@media(max-width:900px){.intro::after{width:70%;height:46%;top:8%;opacity:.55}
.intro h1{letter-spacing:-.05em}
}

.brand-logo{display:block;width:clamp(250px,24vw,340px);height:76px;object-fit:contain;object-position:left center}
.footer-logo{display:block;width:300px;height:auto}
@media(max-width:520px){.brand-logo{width:clamp(205px,58vw,245px);height:64px}
.footer-logo{width:235px}
}

.archive-hero{padding:70px 0 48px;border-bottom:1px solid rgba(242,140,40,.22)}
.archive-hero h1{font-size:clamp(44px,7vw,88px);letter-spacing:-.06em;line-height:1;margin:18px 0}
.archive-hero>p:last-child{color:var(--muted);font-size:20px}
.back-link{color:var(--yellow);font-weight:800;text-decoration:none}
.edition-list{padding:30px 0 100px}
.edition-story{max-width:980px;padding:46px 0;border-bottom:1px solid rgba(242,140,40,.22)}
.edition-story>span,.archive-notice>span{color:var(--orange);font:700 14px "Barlow Condensed";letter-spacing:.12em}
.edition-story h2,.archive-notice h2{font-size:clamp(28px,4vw,48px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 18px}
.edition-story>p{color:#d3cec3;max-width:820px}
.edition-story aside{border-left:3px solid var(--orange);padding:7px 0 7px 16px;margin:24px 0;max-width:820px}
.edition-story aside b{display:block}
.archive-notice{max-width:820px;margin:48px 0 110px;padding:38px;border:1px solid rgba(242,140,40,.28);border-radius:var(--radius);background:linear-gradient(145deg,rgba(24,20,15,.94),rgba(9,8,6,.97))}
.archive-notice p{color:var(--muted);margin-bottom:26px}
.innovation{margin:110px 0 10px;display:grid;grid-template-columns:.78fr 1.22fr;min-height:480px;border:1px solid rgba(242,140,40,.3);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,rgba(25,18,10,.97),rgba(6,6,5,.98));box-shadow:0 30px 90px rgba(0,0,0,.28)}
.innovation-visual{position:relative;display:grid;place-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(242,140,40,.2),transparent 32%),linear-gradient(145deg,rgba(228,86,30,.07),rgba(242,194,48,.015));border-right:1px solid rgba(242,140,40,.22)}
.innovation-visual::before{content:"";position:absolute;inset:12%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(242,194,48,.06) 23px 24px)}
.innovation-stat{position:relative;font:500 clamp(72px,10vw,136px)/.8 Manrope;color:var(--cream);letter-spacing:-.08em}
.innovation-stat small{font-size:.35em;color:var(--yellow)}
.innovation-visual p{position:relative;color:var(--muted);font-size:14px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(242,140,40,.34);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.orbit-one{width:76%;height:34%}.orbit-two{width:48%;height:72%;transform:translate(-50%,-50%) rotate(32deg)}
.innovation-copy{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start}
.innovation-status{font:700 12px Manrope;color:var(--ink);background:linear-gradient(90deg,var(--orange),var(--yellow));padding:7px 10px;border-radius:999px;margin:12px 0 22px}
.innovation h2{font-size:clamp(34px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}
.innovation-copy>p:not(.eyebrow){color:#d3cec3;max-width:760px}
.innovation-apps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.innovation-apps b{width:100%;font-size:14px;color:var(--muted);margin-bottom:3px}.innovation-apps span{font-size:13px;border:1px solid rgba(242,140,40,.25);border-radius:999px;padding:7px 10px;color:var(--cream)}
@media(max-width:800px){.innovation{grid-template-columns:1fr;margin-top:80px}.innovation-visual{min-height:310px;border-right:0;border-bottom:1px solid rgba(242,140,40,.22)}}
.story-image[class*="visual-"]{display:grid;place-items:center;background-color:#090806;background-image:radial-gradient(circle at 68% 28%,rgba(242,140,40,.22),transparent 28%),linear-gradient(135deg,rgba(242,194,48,.05),rgba(228,86,30,.08));isolation:isolate}.story-image[class*="visual-"]::before{content:"";position:absolute;inset:10%;border:1px solid rgba(242,140,40,.18);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 24px,rgba(242,194,48,.045) 25px 26px);transform:rotate(-12deg);z-index:-1}.visual-glyph{font:600 clamp(64px,8vw,124px)/.8 Manrope;color:var(--cream);letter-spacing:-.08em;text-align:center;text-shadow:0 0 55px rgba(242,140,40,.16)}.visual-glyph span{display:block;margin-top:20px;font:700 12px/1.2 Manrope;letter-spacing:.18em;color:var(--yellow)}.visual-cyber .visual-glyph{color:var(--orange)}.visual-market .visual-glyph{color:var(--yellow)}.visual-work .visual-glyph{font-size:clamp(90px,11vw,160px)}.visual-commerce .visual-glyph{color:var(--cream)}
footer a{color:var(--yellow);text-decoration:none;border-bottom:1px solid rgba(242,194,48,.45)}
.visual-note{position:absolute;left:18px;bottom:18px;font:700 10px Manrope;letter-spacing:.12em;color:var(--muted)}

/* Jerarquía editorial: la noticia domina y la ilustración acompaña */
.story{grid-template-columns:32% 68%;min-height:395px}
.story-lead{grid-template-columns:38% 62%;min-height:520px}
.story-body{padding:clamp(28px,2.6vw,42px)}
.story:not(.story-lead) h2{font-size:clamp(28px,2.15vw,35px);line-height:1.06;margin-bottom:18px}
.story-body>p:not(.date){font-size:17px;line-height:1.62;color:#ddd7cc;margin-bottom:18px}
.story aside{background:linear-gradient(90deg,rgba(242,140,40,.11),rgba(242,140,40,.025));border-left:3px solid var(--orange);border-radius:0 10px 10px 0;padding:12px 14px 12px 16px;font-size:15px;line-height:1.5;margin-bottom:20px}
.story aside b{font-size:13px;letter-spacing:.09em;margin-bottom:5px}
.story-image[class*="visual-"]::before{inset:17%}
.visual-glyph{font-size:clamp(42px,4.7vw,76px);letter-spacing:-.065em}
.story-lead .visual-glyph{font-size:clamp(60px,6vw,96px)}
.visual-work .visual-glyph{font-size:clamp(54px,5.4vw,86px)}
.visual-glyph span{margin-top:16px;font-size:11px;letter-spacing:.16em}
.story:not(.story-lead) .tag{left:18px;right:auto;top:58px;max-width:calc(100% - 36px);font-size:11px;line-height:1.15}
.story:not(.story-lead) .visual-note{font-size:9px;letter-spacing:.09em}

/* Keep editorial labels readable inside the narrow image rail. */
.story:not(.story-lead) .visual-glyph{box-sizing:border-box;width:100%;padding:60px 18px 42px;font-size:clamp(24px,2.3vw,36px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}
.story:not(.story-lead) .visual-glyph span{font-size:clamp(10px,.9vw,12px);line-height:1.35;letter-spacing:.08em;overflow-wrap:normal}
.story-image.has-editorial-image{background:#15110b}
.story-image.has-editorial-image::before{display:none}
.story-image.has-editorial-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-image.has-editorial-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 28%,transparent 65%,rgba(0,0,0,.75));pointer-events:none}
.story-image.has-editorial-image .number,.story-image.has-editorial-image .tag,.story-image.has-editorial-image .visual-note{z-index:1}
.story-image.has-editorial-image .visual-note{max-width:calc(100% - 36px);line-height:1.35;color:#fff2d6;text-shadow:0 1px 4px #000}

@media(max-width:900px){
  .story,.story-lead{grid-template-columns:1fr;min-height:0}
  .story-image,.story-lead .story-image{height:235px}
  .story-lead .story-image{height:290px}
  .story:not(.story-lead) .tag{left:auto;right:18px;top:18px;max-width:60%}
}

@media(max-width:520px){
  .story-image,.story-lead .story-image{height:210px}
  .story-lead .story-image{height:250px}
  .story-body{padding:25px 22px 28px}
  .story-body>p:not(.date){font-size:16px;line-height:1.58}
  .story aside{font-size:15px}
}
.legal-content{max-width:900px;padding:30px 0 110px}.legal-content article{padding:28px 0;border-bottom:1px solid rgba(242,140,40,.2)}.legal-content h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.035em;margin:0 0 10px}.legal-content p{color:#d3cec3;margin:0;max-width:820px}.legal-note{margin:42px 0 28px;padding:26px;border:1px solid rgba(242,140,40,.3);border-radius:var(--radius);background:linear-gradient(145deg,rgba(24,20,15,.94),rgba(9,8,6,.97))}.legal-note b{color:var(--yellow)}.legal-note p{margin-top:8px}.legal-reference a{color:var(--yellow)}

.agenda-weekly{margin:90px 0 10px;padding:clamp(24px,4vw,48px);border:1px solid rgba(242,194,48,.28);border-radius:26px;background:linear-gradient(135deg,#16120d,#0b0b0a)}
.agenda-weekly .section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}
.agenda-weekly h2{margin:5px 0 0;font-size:clamp(32px,4.5vw,56px);letter-spacing:-.05em;line-height:1.05}
.agenda-range{flex-shrink:0;color:var(--yellow);font:700 13px Manrope,sans-serif;letter-spacing:.08em}
.agenda-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.agenda-card{min-width:0;padding:26px;border-radius:18px;border:1px solid rgba(242,140,40,.25);background:rgba(255,255,255,.035)}
.agenda-card[hidden],.agenda-empty[hidden]{display:none}
.agenda-card-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--yellow);font:700 12px Manrope,sans-serif;letter-spacing:.07em}
.agenda-mode{border:1px solid rgba(242,194,48,.45);border-radius:999px;padding:6px 9px;color:var(--cream)}
.agenda-card h3{font-size:clamp(23px,2.5vw,33px);line-height:1.15;margin:22px 0 12px}.agenda-card p{color:#d3cec3;margin:0 0 24px}.agenda-card a{color:var(--yellow);font-weight:700;overflow-wrap:anywhere}.agenda-note,.agenda-empty{color:var(--muted);font-size:13px;margin:22px 0 0}
@media(max-width:700px){.agenda-weekly{margin-top:65px}.agenda-weekly .section-heading{display:block}.agenda-range{margin:12px 0 0}.agenda-grid{grid-template-columns:1fr}.agenda-card{padding:20px}}

.footer-instagram{margin-left:24px;color:var(--yellow);font:700 14px Manrope,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.footer-instagram:hover,.footer-instagram:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.footer-instagram{margin-left:auto}}
@media(max-width:520px){footer{flex-wrap:wrap}.footer-instagram{margin-left:0;width:100%}}

/* Enlace social en la cabecera, como en la marca EB Skate & Sound */
.site-header nav{margin-left:auto;gap:clamp(14px,2vw,28px)}
.header-instagram{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:clamp(16px,2vw,28px);padding-left:clamp(14px,2vw,26px);box-sizing:content-box;border-left:1px solid rgba(242,194,48,.35);color:var(--yellow);text-decoration:none}
.header-instagram svg{width:42px;height:42px;padding:10px;border:1px solid rgba(242,194,48,.45);border-radius:50%;transition:background .2s,border-color .2s}
.header-instagram:hover svg,.header-instagram:focus-visible svg{background:rgba(242,194,48,.12);border-color:var(--yellow)}
.header-instagram:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:14px}}
@media(max-width:900px){.header-instagram{margin-left:auto}}
@media(max-width:520px){.header-branding{width:auto;gap:6px}.brand-logo{width:clamp(150px,43vw,205px)}.header-datetime{padding-left:7px}.header-date{font-size:10px}.header-time{font-size:12px}.header-instagram{width:38px;height:38px;margin-left:8px;padding-left:8px}.header-instagram svg{width:38px;height:38px;padding:9px}}

@media(max-width:1000px){.site-header nav{display:none}}
@media(max-width:390px){.header-datetime{display:none}.brand-logo{width:190px}}

/* Categorías editoriales: la portada conserva su selección diaria. */
.topic-library{margin:86px 0 0;scroll-margin-top:28px}
.topic-library>.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:22px}
.topic-library>.section-heading h2{font-size:clamp(34px,4.5vw,56px);letter-spacing:-.05em;line-height:1.06;margin:6px 0 0}
.topic-library>.section-heading>p{color:var(--muted);max-width:450px;margin:0 0 6px;font-size:15px}
.section-jump{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 35px}
.section-jump a{color:var(--cream);font:700 14px Manrope,Arial,sans-serif;text-decoration:none;border:1px solid rgba(242,194,48,.4);border-radius:999px;padding:10px 15px}
.section-jump a:hover,.section-jump a:focus-visible{border-color:var(--yellow);color:var(--yellow);outline-offset:3px}
.topic-group{padding:30px 0 38px;border-top:1px solid rgba(242,194,48,.3);scroll-margin-top:24px}
.topic-group-heading span,.topic-meta{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.07em;color:var(--yellow)}
.topic-group-heading h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;margin:7px 0 23px}
.topic-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topic-news{min-width:0;padding:26px;border:1px solid rgba(242,140,40,.25);border-radius:18px;background:linear-gradient(145deg,#19150f,#100f0d);scroll-margin-top:20px}
.topic-news h4{font-size:clamp(21px,2.1vw,28px);line-height:1.22;letter-spacing:-.025em;margin:13px 0}
.topic-news p{font-size:16px;line-height:1.6;color:#d5d0c7;margin:0 0 14px}
.topic-news .topic-meta{color:var(--yellow);font-size:12px;line-height:1.4;margin:0}
.topic-news .topic-key{border-left:3px solid var(--yellow);padding-left:12px}.topic-key b{color:var(--yellow);margin-right:7px}
.topic-news-extra>a,.topic-more{color:var(--yellow);font:700 14px Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.topic-news-link{display:block;text-decoration:none;color:var(--cream);transition:border-color .2s,transform .2s}
.topic-news-link:hover,.topic-news-link:focus-visible{border-color:var(--yellow);transform:translateY(-2px)}
.topic-news-link h4{max-width:610px}

/* Escucha opcional: botones visibles y cómodos en portada y archivo. */
.listen-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-3px 0 19px;font-family:Manrope,Arial,sans-serif}
.listen-controls button{min-height:40px;padding:8px 14px;border:1px solid var(--yellow);border-radius:999px;background:rgba(242,194,48,.1);color:var(--yellow);font:700 14px/1.25 Manrope,Arial,sans-serif;cursor:pointer}
.listen-controls button:hover,.listen-controls button:focus-visible{background:var(--yellow);color:var(--ink);outline-offset:3px}
.listen-controls .listen-stop{border-color:var(--line);color:var(--cream);background:transparent}
.listen-controls .listen-stop:hover,.listen-controls .listen-stop:focus-visible{border-color:var(--cream);background:var(--cream);color:var(--ink)}
.listen-controls button[hidden]{display:none}
.topic-news .listen-controls{margin:0 0 14px}
.edition-story .listen-controls{margin:0 0 18px}
.listen-option{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font:700 13px/1.3 Manrope,Arial,sans-serif}
.listen-option[hidden]{display:none}
.listen-option select{max-width:180px;min-height:40px;padding:7px 27px 7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--cream);font:700 14px Manrope,Arial,sans-serif;cursor:pointer}
.listen-option select:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
@media(max-width:700px){.topic-library{margin-top:62px}.topic-library>.section-heading{display:block}.topic-library>.section-heading>p{margin-top:12px}.topic-group-grid{grid-template-columns:1fr}.topic-news{padding:20px}.section-jump a{font-size:14px}}

.audio-app-entry{display:flex;align-items:center;gap:18px;padding:20px 24px;margin:0 0 18px;border:1px solid rgba(242,194,48,.55);border-radius:17px;background:linear-gradient(110deg,#221b10,#15130f);color:var(--cream);text-decoration:none;transition:border-color .2s,transform .2s}
.audio-app-entry:hover,.audio-app-entry:focus-visible{border-color:var(--yellow);transform:translateY(-2px)}
.audio-app-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:19px}
.audio-app-entry span:nth-child(2){display:grid;gap:2px;min-width:0}.audio-app-entry strong{font:800 19px Manrope,Arial,sans-serif}.audio-app-entry small{font:600 14px Manrope,Arial,sans-serif;color:var(--muted)}.audio-app-entry>b{margin-left:auto;color:var(--yellow);font:800 15px Manrope,Arial,sans-serif;white-space:nowrap}
@media(max-width:600px){.audio-app-entry{padding:15px;gap:12px}.audio-app-icon{width:42px;height:42px}.audio-app-entry strong{font-size:16px}.audio-app-entry small{font-size:12px;line-height:1.35}.audio-app-entry>b{display:none}}