/* Portal ficticio «El Ventanal» + takeover Brand Day (billboard + skys en wallpaper) + barra de simulación */
@font-face{font-family:'PNews';src:url(/brandday/fonts/newsreader.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'PUI';src:url(/brandday/fonts/inter.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'PMast';src:url(/brandday/fonts/caslon_display.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url(/assets/fonts/jost-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Jost';src:url(/assets/fonts/jost-500.woff2) format('woff2');font-weight:500 700;font-display:swap}
@font-face{font-family:'Arrows';src:url(/assets/fonts/manrope-mono.woff2) format('woff2');font-weight:100 900;unicode-range:U+2190-2193}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{background:#EFEDE9;font-family:'PUI',system-ui,-apple-system,'Segoe UI',sans-serif;color:#141414;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #CDAA70;outline-offset:2px}

/* ---------------------------------------------------------------- pantalla / scroll */
#screen{position:relative;background:#EFEDE9}
#scroller{position:relative;overflow-x:hidden;overflow-x:clip}
.skylayer{position:sticky;top:0;height:0;z-index:3}
.slot{display:block;background:#0E3F48;overflow:hidden}
.slot iframe{display:block;border:0;width:100%;height:100%}
.sky{position:absolute;top:0;width:450px;height:1000px}
.sky.izq{left:calc(50% - 945px)}
.sky.der{left:calc(50% + 495px)}
.col{position:relative;width:990px;margin:0 auto;background:#fff;min-height:100vh;z-index:2}
.bb{width:990px;height:250px}
.d #scroller{padding-bottom:96px} /* aire bajo el pie para la barra flotante */

/* simulación de ancho (transform: scale) */
.sim,.sim body{height:100%;overflow:hidden;background:#111618}
.sim #screen{position:fixed;left:0;top:0;transform-origin:0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(205,170,112,.35),0 30px 90px rgba(0,0,0,.55)}
.sim #scroller{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:0}
.simlabel{display:none}
.sim .simlabel{display:block;position:fixed;left:0;right:0;top:8px;text-align:center;font:400 12.5px/1.3 'Jost','PUI',sans-serif;letter-spacing:.02em;color:rgba(243,238,229,.82);padding:0 12px;z-index:30}
.sim .simlabel b{font-weight:500;color:#CDAA70}

/* ---------------------------------------------------------------- portal (escritorio, columna de 990) */
.portal{background:#fff}
.util{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #E7E4DE;font:400 12px/1 'PUI';color:#6B6B6B}
.util .r{display:flex;align-items:center;gap:16px}
.util .sus{background:#141414;color:#fff;font-weight:600;padding:7px 12px;border-radius:2px}
.mast{height:92px;display:flex;align-items:center;justify-content:center;position:relative}
.logo{font:400 54px/1 'PMast',Georgia,serif;letter-spacing:-.5px;color:#111}
.mast .l,.mast .rr{position:absolute;top:50%;transform:translateY(-50%);font:600 12px/1 'PUI';color:#333;display:flex;align-items:center;gap:8px;letter-spacing:.02em}
.mast .l{left:24px}.mast .rr{right:24px}
.burg{display:block;width:16px;height:11px;border-top:2px solid #222;border-bottom:2px solid #222;position:relative}
.burg:after{content:'';position:absolute;left:0;right:0;top:2.5px;height:2px;background:#222}
.lupa{display:block;width:13px;height:13px;border:2px solid #222;border-radius:50%;position:relative}
.lupa:after{content:'';position:absolute;width:6px;height:2px;background:#222;right:-6px;bottom:-3px;transform:rotate(45deg)}
.nav{height:42px;display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid #141414;border-bottom:1px solid #E7E4DE;font:600 13.5px/1 'PUI';color:#1d1d1d;white-space:nowrap}
.ticker{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);height:40px;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid #E7E4DE;font:400 14px/1 'PNews',Georgia,serif;color:#222;white-space:nowrap;overflow:hidden}
.ticker span{flex:none}
.ticker b{font:700 11px/1 'PUI';letter-spacing:.08em;color:#B4231B;flex:none}
.ticker .sep{color:#bbb}
.notice-m{display:none}
.main{display:grid;grid-template-columns:618px 300px;gap:24px;padding:22px 24px 0}
.ph{position:relative;overflow:hidden;background:#ddd}
.ph i{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.7)} /* fotos reales, apagadas para no competir con los anuncios */
.ph:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.ar-lead{height:348px}.ar-side{height:170px}.ar-card{height:170px}.ar-wide{height:300px}
.p1 i{background-image:url(/brandday/img/p1.webp)}.p2 i{background-image:url(/brandday/img/p2.webp)}.p5 i{background-image:url(/brandday/img/p5.webp)}.p6 i{background-image:url(/brandday/img/p6.webp)}.p7 i{background-image:url(/brandday/img/p7.webp)}
.p8 i{background-image:url(/brandday/img/p8.webp)}.p9 i{background-image:url(/brandday/img/p9.webp)}.p10 i{background-image:url(/brandday/img/p10.webp)}.p11 i{background-image:url(/brandday/img/p11.webp)}.p12 i{background-image:url(/brandday/img/p12.webp)}.p13 i{background-image:url(/brandday/img/p13.webp)}.p14 i{background-image:url(/brandday/img/p14.webp)}
.kick{font:700 11px/1 'PUI';letter-spacing:.08em;color:#B4231B;margin:14px 0 8px}
h1.t{font:600 33px/1.13 'PNews',Georgia,serif;letter-spacing:-.3px;color:#111}
.e{font:400 17px/1.45 'PNews',Georgia,serif;color:#444;margin-top:10px}
.e2{font:400 15px/1.4 'PNews',Georgia,serif;color:#555;margin-top:6px}
.by{font:400 12px/1 'PUI';color:#8a8a8a;margin-top:12px}
.h2{font:600 19px/1.22 'PNews',Georgia,serif;color:#141414}
.h3{font:600 17px/1.25 'PNews',Georgia,serif;color:#141414}
.h3.it{font-style:italic;font-weight:500}
.h1b{font:600 27px/1.15 'PNews',Georgia,serif;color:#111;letter-spacing:-.2px}
.boxh{font:800 12px/1 'PUI';letter-spacing:.1em;padding-top:10px;border-top:3px solid #141414;margin:22px 0 6px}
.rank{list-style:none}
.rank li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #EAE7E1}
.rank li span{font:300 30px/.9 'PNews',Georgia,serif;color:#B9B3A9;min-width:22px}
.rank li p{font:600 15.5px/1.3 'PNews',Georgia,serif;color:#1b1b1b}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 24px 0}
.blk{padding:34px 24px 0}
.blk-h{display:flex;align-items:baseline;justify-content:space-between;border-top:3px solid #141414;padding-top:10px;margin-bottom:16px;font:800 13px/1 'PUI';letter-spacing:.1em;text-transform:uppercase}
.blk-h em{font:600 12px/1 'PUI';font-style:normal;letter-spacing:.02em;text-transform:none;color:#B4231B}
.eco{display:grid;grid-template-columns:repeat(3,1fr) 220px;gap:20px}
.mkt{background:#F6F4F0;padding:0 14px 12px}
.mkt .boxh{margin-top:0;border-top-width:3px}
.mkt dl div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid #E7E3DC;font:400 12.5px/1.2 'PUI'}
.mkt dt{color:#444}.mkt dd{font-weight:600;font-variant-numeric:tabular-nums;color:#141414;text-align:right}
.mkt b{display:block;font-weight:600;font-size:11.5px}.up{color:#1E7A46}.dn{color:#B4231B}
.spark{display:block;width:100%;height:46px;margin-top:10px}
.spark polyline{fill:none;stroke:#1E7A46;stroke-width:2}
.mkt-n{font:400 10.5px/1 'PUI';color:#999;margin-top:6px}
.opi{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.opi article{border-left:1px solid #E7E4DE;padding-left:16px}
.opi article:first-child{border-left:0;padding-left:0}
.av{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#E9E5DE;font:600 14px/1 'PUI';color:#6a645b;margin-bottom:10px}
.au{font:700 11px/1 'PUI';letter-spacing:.06em;text-transform:uppercase;color:#555;margin-bottom:6px}
.cul{display:grid;grid-template-columns:618px 300px;gap:24px}
.cul-main{display:flex;flex-direction:column;gap:18px}
.list{list-style:none}
.list li{padding:12px 0;border-bottom:1px solid #EAE7E1}
.list li .kick{margin-top:0}
.cul-main .list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cul-main .list li{border-bottom:0;border-top:1px solid #EAE7E1}
.adwrap{display:flex;flex-direction:column;align-items:center;gap:6px}
.adlabel{font:500 10px/1 'PUI';letter-spacing:.12em;text-transform:uppercase;color:#9a958d}
.roba{width:300px;height:600px}
.adwrap--m{display:none}
.agenda{list-style:none;font:400 14px/1.4 'PNews',Georgia,serif;color:#333}
.agenda li{padding:9px 0;border-bottom:1px solid #EAE7E1}
.agenda b{font:700 11px/1 'PUI';letter-spacing:.06em;text-transform:uppercase;color:#B4231B;margin-right:6px}
.blk--video{background:#141414;color:#fff;margin:34px 0 0;padding:26px 24px 30px}
.blk--video .blk-h{border-top-color:#fff;color:#fff}
.blk--video .blk-h em{color:#ff8a7a}
.blk--video .h3{color:#fff}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vids .ph{margin-bottom:10px}
.play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92)}
.play:after{content:'';position:absolute;left:15px;top:11px;border-left:12px solid #141414;border-top:8px solid transparent;border-bottom:8px solid transparent}
.dur{position:absolute;right:10px;bottom:12px;font:600 11px/1 'PUI';color:#fff;background:rgba(0,0,0,.6);padding:4px 6px;border-radius:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.two>div{min-width:0}
.news{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 24px 0;padding:22px 24px;background:#F6F4F0;border-top:3px solid #141414}
.news-h{font:600 22px/1.2 'PNews',Georgia,serif}
.news p{font:400 14px/1.4 'PUI';color:#555;margin-top:4px}
.news-f{display:flex;flex:none;border:1px solid #cfcac2;background:#fff;font:400 13px/1 'PUI'}
.news-f span{padding:12px 14px;color:#999;min-width:180px}
.news-f b{background:#141414;color:#fff;padding:12px 16px;font-weight:600}
.pfoot{margin-top:40px;padding:28px 24px 36px;border-top:1px solid #141414;text-align:center}
.logo--s{font-size:34px}
.pf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:14px 0 10px;font:500 12.5px/1 'PUI';color:#444}
.pf-legal{font:400 12px/1.5 'PUI';color:#777;max-width:620px;margin:0 auto}

/* ---------------------------------------------------------------- móvil (< 1024 px y sin simulación) */
.msticky{display:none}
.m body{background:#fff}
.m .skylayer,.m .bb{display:none}
.m .col{width:auto;min-height:0}
.m #scroller{padding-top:calc(44px + env(safe-area-inset-top,0px));padding-bottom:calc(113px + env(safe-area-inset-bottom,0px))} /* = alto del 320 × 100 fijo */
.m.msticky-off #scroller{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.m .hide-m{display:none}
.m .util{padding:0 16px;font-size:11.5px}
.m .mast{height:64px}
.m .logo{font-size:38px}
.m .mast .l{left:16px}.m .mast .rr{right:16px}
.m .nav{justify-content:flex-start;overflow-x:auto;padding:0 16px;gap:20px;scrollbar-width:none;font-size:13px}
.m .nav::-webkit-scrollbar{display:none}
.m .ticker{padding:0 16px;font-size:13.5px}
.m .notice-m{display:block;margin:14px 16px 0;padding:10px 12px;border:1px solid #E2DED6;background:#FAF8F4;font:400 12.5px/1.45 'PUI';color:#555}
.m .notice-m em{font-style:italic}
.linkbtn{font:600 12.5px/1.45 'PUI';color:#0E3F48;text-decoration:underline;text-underline-offset:2px;padding:0}
.m .main{grid-template-columns:minmax(0,1fr);padding:16px 16px 0;gap:26px}
.m .ar-lead{height:auto;aspect-ratio:16/10}
.m .ar-side,.m .ar-card,.m .ar-wide{height:auto;aspect-ratio:16/9}
.m h1.t{font-size:26px}
.m .e{font-size:16px}
.m .cards{grid-template-columns:minmax(0,1fr);padding:22px 16px 0;gap:24px}
.m .adwrap--m{display:flex;padding:30px 0 4px;margin:26px 0 0;background:#F6F4F0}
.m .adwrap--d{display:none}
.m .blk{padding:28px 16px 0}
.m .eco{grid-template-columns:minmax(0,1fr);gap:22px}
.m .opi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}
.m .opi article{border-left:0;padding-left:0}
.m .cul{grid-template-columns:minmax(0,1fr)}
.m .cul-main .list{grid-template-columns:minmax(0,1fr);gap:0}
.m .cul-main .list li{border-top:0;border-bottom:1px solid #EAE7E1}
.m .h1b{font-size:23px}
.m .blk--video{padding:22px 16px 26px}
.m .vids{grid-template-columns:minmax(0,1fr)}
.m .two{grid-template-columns:minmax(0,1fr);gap:0}
.m .news{margin:28px 16px 0;flex-direction:column;align-items:stretch}
.m .news-f span{flex:1;min-width:0}
.m .msticky{display:flex;justify-content:center;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #E2DED6;box-shadow:0 -6px 18px -6px rgba(0,0,0,.14);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))}
.m .msticky.is-closed{display:none}
.movil{width:320px;height:100px}
.msticky-x{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#F4F2EE;border:1px solid #DDD8CF;font:500 14px/20px 'PUI';color:#444;text-align:center}
.msticky-x::before{content:'';position:absolute;inset:-10px} /* área táctil de 42 px */
@media (max-width:359px){.m .msticky .movil{transform:scale(.9);transform-origin:50% 100%;margin-top:-10px}}

/* ---------------------------------------------------------------- barra de la simulación */
.bdbar{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;width:990px;max-width:100vw;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#08262C;color:#F3EEE5;border-top:1px solid rgba(205,170,112,.6);box-shadow:0 -14px 30px -16px rgba(0,0,0,.4);font:400 13px/1 'Jost','Arrows','PUI',sans-serif;white-space:nowrap}
.bar-back{margin-right:auto}
.bar-min{margin-left:auto}
.d .bar-t{display:none}
.sim .bdbar{width:auto;min-width:min(990px,100vw)}
.bar-t{display:flex;align-items:center;gap:9px;padding:0 8px;font-size:12.5px;font-weight:400;letter-spacing:.01em;color:rgba(243,238,229,.92)}
.bar-t i{display:block;width:22px;height:1.5px;background:#CDAA70;position:relative}
.bar-t i:before{content:'';position:absolute;left:-3px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:#CDAA70}
.bar-b{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;color:#F3EEE5;text-decoration:none;font:500 13px/1 'Jost','Arrows','PUI',sans-serif;border:1px solid transparent;transition:background-color .2s,border-color .2s}
.bar-b:hover{background:rgba(205,170,112,.16)}
#replay{border-color:rgba(205,170,112,.75)}
.bar-b svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bar-seg{display:flex;align-items:center;gap:2px;padding-left:6px;margin-left:2px;border-left:1px solid rgba(243,238,229,.18)}
.bar-k{color:rgba(243,238,229,.7);padding:0 6px 0 4px}
.bar-seg button{height:32px;padding:0 8px;font:500 13px/1 'Jost','PUI',sans-serif;color:#F3EEE5;border:1px solid transparent;font-variant-numeric:tabular-nums}
.bar-seg button:hover{background:rgba(205,170,112,.16)}
.bar-seg button[aria-pressed="true"]{background:#CDAA70;color:#08262C}
.bar-min{width:36px;padding:0;justify-content:center;border-left:1px solid rgba(243,238,229,.18)}
.lbl-s{display:none}
.bar-open{position:fixed;z-index:50;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:rgba(8,38,44,.94);color:#F3EEE5;border:1px solid rgba(205,170,112,.5);font:500 13px/1 'Jost','Arrows','PUI',sans-serif;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.bar-open i{display:block;width:16px;height:1.5px;background:#CDAA70}
@media (max-width:760px){.bdbar{flex-wrap:wrap}.lbl-l{display:none}.lbl-s{display:inline}.bar-k{display:none}}
/* en móvil la barra va arriba, compacta (abajo está el 320 × 100) */
.m .bdbar{top:0;bottom:auto;left:0;right:0;transform:none;max-width:none;width:auto;min-width:0;flex-wrap:nowrap;justify-content:space-between;height:calc(44px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0;border:0;border-bottom:1px solid rgba(205,170,112,.5);box-shadow:none}
.m .bar-t{display:flex;margin-right:auto;font-size:11.5px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;min-width:0}
.m .bar-t i{display:none}
.m .bar-seg,.m .bar-min{display:none}
.m .bar-back{margin-right:0}
.m .bar-b{height:32px;padding:0 8px;font-size:12.5px}
.m .lbl-l{display:none}.m .lbl-s{display:inline}
.m .bar-open{display:none}
.m .bar-t .full{display:none}
.m #replay .lbl-s{display:none}
.nojs{position:fixed;left:16px;right:16px;top:16px;z-index:60;background:#08262C;color:#F3EEE5;padding:12px 16px;font:400 14px/1.4 'PUI'}