@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700;1,800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b10;--panel:#10151e;--line:#ffffff20;--blue:#3976ff;--text:#f5f7fb;--muted:#a5adba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8eb5ff;outline-offset:6px}header{height:100px;padding:0 6%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line);background:#080b10;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:3px;color:#a6b7d6}.monogram{font-size:38px;letter-spacing:-10px;color:var(--blue);padding-right:10px;font-style:italic}.monogram span{color:white;font-size:25px}header nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:700}header nav a{padding:38px 0;color:var(--muted);border-bottom:2px solid transparent}header nav a.active{color:white;border-color:var(--blue)}header nav a span{color:var(--blue)}.header-cta{border:1px solid #566175;padding:12px 18px;font-size:14px;font-weight:700}.header-cta span{margin-left:22px}.hero{min-height:650px;padding:88px 7% 35px;position:relative;isolation:isolate;background:linear-gradient(90deg,#080b10 0%,#080b10dd 35%,#080b1030 85%),linear-gradient(0deg,#080b10,transparent 55%),var(--hero-image,linear-gradient(120deg,#080b10,#173667));background-size:cover;background-position:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,#2464ff15);z-index:-1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#8cacff;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7.6vw,116px);line-height:.93;letter-spacing:-1px;text-transform:uppercase;margin:26px 0}h1 em{color:var(--blue);font-style:normal}p{line-height:1.8;color:var(--muted)}.hero p{max-width:455px;margin:24px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--blue);padding:17px 24px;font-size:14px;font-weight:800;border:1px solid var(--blue);cursor:pointer;color:white}.btn.secondary{background:#080b1070;border-color:#ffffff35}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:70px;padding-top:22px;color:#b4bdcc;font-size:12px;letter-spacing:2px}.hero-bottom span:last-child{color:white}.section{padding:70px 7%}.section.light{background:#f0f3f9;color:#10151e}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section-title h2,.page-head h1,.community h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1;text-transform:uppercase;letter-spacing:.1px;margin:12px 0 0}.text-link{font-size:14px;font-weight:700;white-space:nowrap}.text-link span{margin-left:20px;color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--panel);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;align-items:start;min-height:260px}.card:hover{border-color:#3976ff80}.badge{display:inline-block;color:#98b7ff;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:36px}.card h3{font-size:23px;line-height:1.3}.card p{font-size:14px;margin-bottom:25px}.card .text-link{margin-top:auto}.event{display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center;padding:28px 0;border-top:1px solid #10151e25}.event-date{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:600;line-height:1}.event-date small{font:700 12px Manrope,Arial;display:block;letter-spacing:2px;margin-top:8px;color:#526071}.event h3{margin-bottom:6px;font-size:21px}.event p{margin:0;color:#59616e;font-size:14px}.status{font-size:12px;border:1px solid #acb8ca;padding:9px 12px;white-space:nowrap}.community{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border:1px solid #ffffff25;background:linear-gradient(120deg,#152748,#0e1523);padding:45px}.community p{margin-top:22px}.community ol{padding-left:24px;margin:0}.community li{padding:16px 0 16px 12px;border-bottom:1px solid var(--line);font-size:15px}.community li::marker{color:#85aaff;font-weight:800}footer{margin:0 7%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>span{font-size:12px;margin:0}.muted{color:var(--muted)}.page-head{padding:65px 7% 10px}.page-head h1{font-size:80px;margin:20px 0}.page-head p{max-width:640px}.notice{padding:16px 20px;border-left:3px solid var(--blue);background:#16213a;font-size:14px;color:#bfcee7;line-height:1.7;margin:0 0 28px}.product-symbol{font-family:'Barlow Condensed',Impact,sans-serif;font-size:62px;font-weight:700;letter-spacing:3px;color:#82a9ff;width:100%;padding:20px 0 35px;border-bottom:1px solid var(--line);margin-bottom:25px}.product .badge{margin-bottom:15px}.disabled{display:block;width:100%;padding:14px;background:#1a2230;border:1px solid #334058;color:#a6b2c5;text-align:center;font-size:14px;margin-top:auto}@media(min-width:1600px){header,main,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:auto;min-height:90px;padding:20px 6%;flex-wrap:wrap;gap:20px}.header-cta{display:none}header nav{margin:0 0 0 auto;gap:18px}header nav a{padding:12px 0}.hero{padding:65px 6% 30px;min-height:620px}.hero-bottom{margin-top:55px}.grid{grid-template-columns:1fr}.section{padding:48px 6%}.community{grid-template-columns:1fr;gap:20px;padding:26px}.event{grid-template-columns:65px 1fr;gap:20px}.status{grid-column:2;justify-self:start}.section-title h2{font-size:38px}.section-title{align-items:center}.page-head{padding:45px 6% 0}.page-head h1{font-size:62px}footer{flex-wrap:wrap}footer p{display:none}}@media(max-width:460px){header nav{width:100%;justify-content:space-between}.hero h1{font-size:66px}.hero-bottom{font-size:10px;letter-spacing:1px}.section-title{align-items:start;flex-direction:column}.btn{padding:15px 20px;gap:20px}}
:root{--blue:#1238f5;--hero-image:url(/city.jpg)}.logo-window{display:block;position:relative;width:190px;height:84px;overflow:hidden}.logo-window img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}.hero{background-position:center,center,center 40%}.eyebrow{color:#9ab8ff}.light .eyebrow{color:#1238d8}@media(max-width:460px){.logo-window{height:65px;width:165px}.logo-window img{width:220px;height:220px}}

/* GreenWood: spacious editorial direction */
/* --header-h y --edge mantienen alineados el alto de la cabecera y la línea que
   la recorre, incluido el tramo que cruza la barra lateral. */
:root{--bg:#050609;--panel:#141519;--muted:#a6a8b0;--blue:#1238f5;--header-h:88px;--edge:#ffffff16}
header{height:var(--header-h);padding:0 5%;gap:32px;background:var(--bg);border-bottom:1px solid var(--edge)}header .logo-window{height:76px;width:160px}header .logo-window img{width:212px;height:212px}header nav{font-weight:500;gap:36px}header nav a{padding:32px 0}.header-cta{border:0;background:#fff;color:#111;border-radius:6px;padding:12px 18px;font-weight:600}
.hero-clean{margin:0 28px;min-height:620px;height:calc(100svh - 88px);overflow:hidden;background:url(/city.jpg) center 24%/cover no-repeat}.hero-clean:before{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{border-radius:6px;font-weight:600;padding:15px 22px;gap:26px}
.highlights{height:60px;display:flex;align-items:center;overflow:hidden;background:var(--bg);color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.highlight-scroll{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.highlight-track{display:flex;width:max-content;animation:highlights-slide var(--hl-duration,30s) linear infinite;will-change:transform}.highlight-group{display:flex;gap:12px;padding-right:12px;align-items:center}.highlight-pill{display:flex;gap:8px;align-items:center;white-space:nowrap;background:var(--panel);border:1px solid #ffffff14;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;line-height:1;color:#c5cad4;transition:color .2s,background .2s,border-color .2s}.highlight-pill svg{width:15px;height:15px;color:#8f9caf}.highlight-pill:hover{background:#1c2333;color:#a9c0ff;border-color:#506aab}.highlights:focus-within .highlight-track{animation-play-state:paused}@keyframes highlights-slide{to{transform:translateX(calc(-1 * var(--hl-shift,0px)))}}
.section{padding:90px 7%}.section-title{margin-bottom:38px}.section-title h2,.community h2,.page-head h1{font-family:Manrope,Arial,sans-serif;font-size:38px;font-weight:500;line-height:1.2;letter-spacing:-1.5px;text-transform:none}.eyebrow{font-size:10px;color:#8f9caf;font-weight:600;letter-spacing:2px}.eyebrow:before{display:none}.section-title .text-link{font-size:13px;font-weight:500}.card{padding:32px;border:1px solid #ffffff0b;border-radius:10px;background:#141519;min-height:280px}.card h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.badge{font-size:10px;letter-spacing:2px;color:#a3b5e7;font-weight:600;margin-bottom:40px}.card .text-link{font-size:13px;font-weight:500}.card p{font-size:14px}.section.light{background:#f1f2f4}.event h3{font-weight:500}.community{background:#111622;border-radius:12px;border:0;padding:55px}.community li{border-color:#ffffff10}.page-head{padding:75px 7% 0}.page-head h1{font-size:68px}.page-head+.section{padding-top:45px}.notice{background:#111827;border-radius:0 8px 8px 0}.product-symbol{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:48px;letter-spacing:-2px}.disabled{border-radius:6px}footer{padding:40px 0}footer .brand{font-size:14px;font-weight:600;letter-spacing:1px}
@media(max-width:900px){.section{padding:65px 6%}.community{padding:36px}header nav{gap:24px}}
@media(max-width:600px){header{height:auto;gap:5px;padding:10px 6% 0}header .logo-window{height:65px;width:150px}header nav{width:100%;justify-content:space-between;margin:0;gap:16px}header nav a{padding:17px 0}.hero-clean{background-position:57% 22%}.highlights{height:56px}.highlight-pill{padding:7px 12px;font-size:12px}.highlight-group{gap:10px;padding-right:10px}.section-title h2,.community h2{font-size:30px;letter-spacing:-1px}.section{padding:54px 6%}.card{padding:26px;min-height:250px}.page-head h1{font-size:48px}.community{padding:28px}}
@media(prefers-reduced-motion:reduce){.highlights{height:auto;padding:9px 0}.highlight-track{animation:none}.highlight-scroll{overflow-x:auto;scrollbar-width:thin;mask-image:none}}
/* Full-width layout: sections reach both viewport edges. */
header,main,footer{max-width:none;margin-left:0;margin-right:0}
.section,.page-head{padding-left:5%;padding-right:5%}
#comunidad{padding:0}
.community{border-radius:0;padding:80px 5%;width:100%}
footer{padding:40px 5%}
body.home-page header{position:absolute;inset:0 0 auto;background:#05060966;backdrop-filter:blur(14px);border-bottom:1px solid var(--edge)}
body.home-page .hero.hero-clean{height:100svh;min-height:700px;padding:0;margin-left:28px;margin-right:28px}
body.home-page #noticias{padding-top:36px;padding-left:28px;padding-right:28px}
body.home-page #noticias .section-title{margin-bottom:14px}
@media(min-width:901px){body.home-page .hero.hero-clean{margin-left:calc(64px + 28px);margin-right:28px}body.home-page #noticias{padding-left:calc(64px + 28px);padding-right:28px}}
@media(max-width:800px){.hero-clean,body.home-page .hero.hero-clean{height:calc(100svh - 135px);min-height:580px;margin-left:16px;margin-right:16px}body.home-page #noticias{padding-left:16px;padding-right:16px}.community{padding:54px 6%}.section,.page-head{padding-left:6%;padding-right:6%}footer{padding-left:6%;padding-right:6%}}
@media(max-width:600px){body.home-page header{position:relative;background:var(--bg);backdrop-filter:none}.hero-clean,body.home-page .hero.hero-clean{height:calc(100svh - 135px);min-height:570px;background-position:57% 22%}}
/* Consistent dark surfaces throughout the community site. */
.section.light{background:var(--bg);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.light .eyebrow{color:var(--muted)}
.event{border-top-color:var(--line)}
.event p,.event-date small{color:var(--muted)}
.status{border-color:#ffffff30;color:#bdc6d6}
.community{background:var(--panel)}
.notice{background:var(--panel)}
/* Tarjetas de noticias: portada a sangre con etiqueta y titular encima y enlace al pie.
   Las tarjetas de producto siguen usando .card, que no cambia. */
.news-card{display:flex}
.news-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:22px;width:100%;aspect-ratio:4/5;min-height:380px;padding:26px;border-radius:10px;overflow:hidden;background:#101218}
.news-cover:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--cover,none) center/cover no-repeat;transition:transform .6s ease}
.news-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#05070cd9,#05070c30 45%,#05070ca6)}
.news-cover:not(.is-blank):hover:before{transform:scale(1.05)}
.news-cover.is-blank{background:radial-gradient(120% 90% at 100% 0,#2b3a5c80,transparent 60%),linear-gradient(155deg,#1e2536,#101218 72%)}
.news-cover.is-blank:before{background:url(/icon.png) right -18px bottom -14px/118px no-repeat;opacity:.12}
.news-track .news-card:nth-child(2) .is-blank{background:radial-gradient(120% 90% at 100% 0,#312c4a80,transparent 60%),linear-gradient(155deg,#26243a,#101218 72%)}
.news-track .news-card:nth-child(3) .is-blank{background:radial-gradient(120% 90% at 100% 0,#1d3a5480,transparent 60%),linear-gradient(155deg,#17293c,#101218 72%)}
.news-top{display:flex;flex-direction:column;gap:14px}
.news-cover .badge{margin:0;color:#c3d2f7}
.news-cover h3{margin:0;font-family:'Barlow Condensed',Manrope,Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.08;letter-spacing:.4px;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px #00000073}
/* Botón rectangular con la flecha separada por una línea, como en la referencia. */
.news-cta{align-self:flex-start;display:inline-flex;align-items:stretch;border:1px solid #ffffff59;background:#05060966;backdrop-filter:blur(6px);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#fff;transition:background .2s,color .2s,border-color .2s}
.news-cta span{display:flex;align-items:center;padding:11px 15px}
.news-cta span+span{padding:11px 13px;border-left:1px solid #ffffff40;font-size:13px;letter-spacing:0;transition:border-color .2s}
.news-cover:hover .news-cta,.news-cover:focus-visible .news-cta{background:#fff;color:#050609;border-color:#fff}
.news-cover:hover .news-cta span+span,.news-cover:focus-visible .news-cta span+span{border-color:#05060933}
@media(max-width:600px){.news-cover{aspect-ratio:4/5;min-height:330px;padding:22px}.news-cover h3{font-size:25px}}

/* Panel de lectura de una noticia: entra desde la derecha sobre la página atenuada.
   El hueco de la barra de desplazamiento se reserva siempre para que la página no salte
   al bloquear el scroll con el panel abierto. */
html{scrollbar-gutter:stable}
body.panel-open{overflow:hidden}
.panel-backdrop{position:fixed;inset:0;z-index:60;background:#04060ad9;opacity:0;pointer-events:none;transition:opacity .3s ease}
.panel-backdrop.is-open{opacity:1;pointer-events:auto}
/* Cerrado queda fuera del viewport y con el atributo inert, así no recibe foco ni lectura. */
.news-panel{position:fixed;top:0;right:0;z-index:61;display:flex;flex-direction:column;width:min(100%,max(860px,56vw));height:100dvh;background:#fff;color:#101318;color-scheme:light;box-shadow:-30px 0 80px #00000080;transform:translateX(100%);transition:transform .38s cubic-bezier(.32,.72,.3,1)}
.news-panel.is-open{transform:none}
.news-panel a:focus-visible,.news-panel button:focus-visible{outline-color:var(--blue)}
.news-panel-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--header-h);padding:0 34px;border-bottom:1px solid #0000001a}
.panel-tools{display:flex;align-items:center;gap:20px}
.panel-tools .badge{margin:0;color:#5d6675}
.panel-close,.panel-copy{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid #00000024;border-radius:999px;background:#fff;color:#101318;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.panel-close:hover,.panel-copy:hover{background:#101318;border-color:#101318;color:#fff}
.news-panel-body{flex:1;overflow:auto;padding:44px 46px 60px}
.news-panel-body h2{margin:0;font-family:'Barlow Condensed',Manrope,Arial,sans-serif;font-size:54px;font-weight:800;font-style:italic;line-height:.98;letter-spacing:-.4px;text-transform:uppercase;color:#1a1a1a}
.panel-lede{margin:18px 0 0;font-size:17px;line-height:1.6;color:#3b424d}
.panel-text{margin-top:28px;padding-top:28px;border-top:1px solid #0000001a}
.panel-text p{margin:0 0 18px;font-size:15px;line-height:1.75;color:#4d5560}
.panel-text p:last-child{margin-bottom:0}
.panel-text h3{margin:40px 0 14px;font-family:'Barlow Condensed',Manrope,Arial,sans-serif;font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.2px;text-transform:uppercase;color:#1a1a1a}
.panel-text h3:first-child{margin-top:0}
.panel-video{margin:32px 0}
.panel-video video,.panel-video img{display:block;width:100%;max-width:100%;border-radius:10px;background:#0d1015}
.panel-video video{aspect-ratio:16/9}
.panel-video img{height:auto}
.panel-video .video-slot{display:flex;align-items:center;justify-content:center;gap:12px;aspect-ratio:16/9;border:1px dashed #00000029;border-radius:10px;background:#f4f5f7;color:#7b828d;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}
.panel-video .video-slot span{font-size:20px;letter-spacing:0}
.panel-video figcaption{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#7b828d}
@media(max-width:700px){.news-panel{width:100%}.news-panel-bar{padding:0 20px;gap:10px}.panel-tools .badge{display:none}.news-panel-body{padding:28px 22px 46px}.news-panel-body h2{font-size:38px}.panel-text h3{font-size:26px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.news-panel,.panel-backdrop{transition:none}}
/* Rail lateral de secciones: solo escritorio, el resto de la web ocupa el ancho restante. */
.rail{display:none}
@media(min-width:901px){
  /* La página llega al borde izquierdo y la barra flota encima: en su lugar son la
     cabecera, las secciones y el pie los que reservan los 64 px del carril. */
  header,footer,.section,.page-head,.community{padding-left:calc(64px + 5%)}
  .highlights{padding-left:64px}
  /* Sin fondo ni borde propios: solo el logo y los puntos sobre el fondo de la página. */
  .rail{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:0;top:0;bottom:0;width:64px;z-index:20}
  .rail-logo{position:absolute;top:0;left:0;display:block;width:100%;height:var(--header-h);overflow:hidden}
  .rail-logo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}
  .rail-logo:focus-visible{outline-offset:-4px}
  .rail-dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:12px}
  /* La sombra mantiene legibles los puntos cuando quedan sobre la imagen de portada. */
  .rail-link{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;filter:drop-shadow(0 1px 2px #00000073)}
  .rail-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #ffffff8c;background:#0000004d;transition:background .2s,border-color .2s,box-shadow .2s}
  .rail-link:hover .rail-dot{border-color:#fff;background:#ffffff40}
  .rail-link.is-active .rail-dot{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #ffffff1f}
  .rail-name{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:6px;background:#191c22;border:1px solid #ffffff1f;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s}
  .rail-link:hover .rail-name,.rail-link:focus-visible .rail-name{opacity:1}
  .rail-link:focus-visible{outline-offset:2px}
  header .brand{display:none}
  /* La cabecera cruza toda la anchura, así su borde inferior es la única línea continua. */
  body.home-page header{left:0;right:0}
}
/* Artículos de desarrollo: filas de dos columnas con el video a un lado y la explicación al
   otro, alternando el lado en cada fila. El panel se ensancha para que la interfaz del juego
   siga siendo legible dentro del video. */
.news-panel.is-wide{width:min(100%,max(1180px,72vw))}
.article-row{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:center;gap:40px;padding:46px 0;border-top:1px solid #0000001a}
.article-row .row-media{display:grid;gap:18px;min-width:0;max-width:100%;overflow:hidden;contain:inline-size}
.article-row:nth-of-type(even) .row-media{order:2}
.article-row .panel-video{margin:0;width:100%;min-width:0}
.article-row .row-text h3{margin:0 0 16px}
.article-row .row-text p:last-child{margin-bottom:0}
@media(max-width:900px){
  /* Una sola columna: título, explicación y después el video. */
  .article-row,.article-row:nth-of-type(even){grid-template-columns:1fr;gap:22px;padding:34px 0}
  .article-row .row-media,.article-row:nth-of-type(even) .row-media{order:2}
  .article-row .row-text h3{font-size:26px}
}
/* Carrusel de noticias: una sola fila de cuatro tarjetas. El resto se desliza a la derecha. */
.news-stage{position:relative}
.news-nav{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:2}
.news-arrow{width:42px;height:42px;border:1px solid #ffffff40;border-radius:8px;background:#05060966;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s}
.news-arrow:hover:not(:disabled),.news-arrow:focus-visible:not(:disabled){background:#fff;color:#050609;border-color:#fff}
.news-arrow:disabled{opacity:.28;cursor:default}
.news-carousel{container-type:inline-size;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}
.news-carousel::-webkit-scrollbar{display:none}
.news-track{display:flex;gap:22px;width:max-content}
.news-track .news-card{flex:0 0 calc((100cqi - 66px)/4);min-width:0;scroll-snap-align:start}
@media(max-width:1100px){.news-track .news-card{flex-basis:calc((100cqi - 22px)/2)}}
@media(max-width:700px){.news-track .news-card{flex-basis:100cqi}.news-cover{min-height:300px}}
.soon{display:flex;align-items:center;justify-content:center;min-height:320px;border:1px solid var(--edge);border-radius:12px;background:#111318}
.soon p{margin:0;font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-1.5px;color:#f5f7fb}
.section-title h2,.page-head h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-style:italic;line-height:.95;letter-spacing:-.3px;text-transform:uppercase}
.section-title h2{font-size:52px}
.page-head h1{font-size:72px}
@media(max-width:600px){.section-title h2{font-size:36px;letter-spacing:-.2px}.page-head h1{font-size:48px;letter-spacing:-.2px}}
/* Teléfono: cabecera en una fila, portada más baja para que se vea la escena,
   y las flechas debajo de la tarjeta en vez de tapar la foto. */
@media(max-width:700px){
  header,body.home-page header{position:relative;height:auto;min-height:0;padding:8px 16px;flex-wrap:nowrap;align-items:center;gap:12px;background:var(--bg);backdrop-filter:none}
  header .logo-window{height:48px;width:112px;flex:none}
  header .logo-window img{width:148px;height:148px}
  header nav{width:auto;margin:0 0 0 auto;gap:18px;justify-content:flex-end}
  header nav a{padding:8px 0;font-size:14px}
  .header-cta{display:none}
  .hero-clean,body.home-page .hero.hero-clean{height:42vh;min-height:220px;max-height:320px;margin:0;background-position:20% 46%}
  .highlights{height:52px}
  body.home-page #noticias{padding:22px 16px 36px}
  .section-title h2{font-size:32px}
  .news-stage{padding-bottom:54px}
  .news-nav{position:absolute;top:auto;bottom:0;left:auto;right:0;transform:none;flex-direction:row}
  .news-cover{min-height:0;aspect-ratio:3/4}
  footer{flex-direction:column;align-items:flex-start;gap:8px;padding:22px 16px}
  footer p{display:block}
  .page-head{padding:28px 16px 0}
  .page-head h1{font-size:46px}
  .page-head+.section{padding-top:20px}
  .soon{min-height:200px;margin:0 0 28px}
  .soon p{font-size:32px}
  .news-panel-bar{height:auto;min-height:60px;padding:10px 14px}
  .news-panel-body{padding:22px 16px 36px}
  .news-panel-body h2{font-size:34px}
}