/* Home landing, page heroes (Personajes) and shared kicker labels. */
.se-public { --sl-gold: #d9bc84; --sl-gold-2: #f3dba8; --sl-card: #16161c; --sl-line: #ffffff12; }
.se-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .18em; color: var(--sl-gold); }

.se-page-hero { position: relative; isolation: isolate; overflow: hidden; padding: 92px 0 60px; border-bottom: 1px solid #d9bc8422; }
.se-page-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0d0d11 30%, #0d0d11c4 58%, #0d0d1150), var(--hero-art) right center / cover no-repeat; }
.se-page-hero h1 { margin: 14px 0 16px; font: 400 clamp(34px, 4.6vw, 60px)/1.12 Cinzel, Georgia, serif; color: #f6ead3; letter-spacing: -.02em; }
.se-page-hero h1 span { color: var(--sl-gold-2); }
.se-page-hero p { max-width: 58ch; margin: 0 0 28px; font-size: 18px; line-height: 1.7; color: #c9c2b6; }
.se-page-jump { display: flex; flex-wrap: wrap; gap: 10px; }
.se-page-jump a { padding: 11px 18px; border-radius: 999px; background: #121217cc; border: 1px solid #d9bc8440; color: #efe4cf; font-size: 15px; font-weight: 600; text-decoration: none; }
.se-page-jump a:hover { border-color: var(--sl-gold); background: #d9bc841c; }
.se-public.se-page-characters main > .section { padding: 88px 0; }
.se-public.se-page-characters main > .section + .section { border-top: 1px solid #ffffff0d; }

/* Inicio (home-landing.php): fondo de humo dorado con chispas, portada con barra de plataformas, barra de secciones
   fija y las secciones Era 1, Servidor, Contenido, Motor, Caracteristicas, Creadores, Preguntas, Noticias y cierre. */
.se-public.se-page-home { background: #0b0a0d; }
.hm-page { --gold: #f0b54a; --gold-2: #ffd27a; --line: #ffffff14; --mute: #a8a090; --text: #f6efe2; position: relative; isolation: isolate; overflow: clip;
  background: linear-gradient(#0b0a0d14, #0b0a0d14), url('../img/south-era-smoke-v1.webp') center -420px / 1920px auto repeat, #0b0a0d; }
.hm-backdrop { position: absolute; top: 0; left: 0; right: 0; height: 1100px; z-index: -2; background: url('../img/south-era-hero-v1.webp') 70% 14% / cover no-repeat; -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 100%), linear-gradient(90deg, transparent 4%, #000 46%, #000 92%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(180deg, #000 45%, transparent 100%), linear-gradient(90deg, transparent 4%, #000 46%, #000 92%, transparent 100%); mask-composite: intersect; }
.hm-backdrop::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #0b0a0d40, transparent 30%); }
.hm-embers { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .8;
  background-image: radial-gradient(1.6px 1.6px at 12% 18%, #ffcf73, transparent), radial-gradient(1.2px 1.2px at 64% 42%, #ffcf73cc, transparent), radial-gradient(2px 2px at 82% 74%, #f0b54aaa, transparent), radial-gradient(1.4px 1.4px at 36% 66%, #ffd27acc, transparent), radial-gradient(1.2px 1.2px at 92% 12%, #ffcf73aa, transparent), radial-gradient(1.8px 1.8px at 24% 88%, #f0b54acc, transparent);
  background-size: 700px 700px; animation: hm-embers 40s linear infinite; }
@keyframes hm-embers { to { background-position: 60px -700px; } }
@media (prefers-reduced-motion: reduce) { .hm-embers { animation: none; } }
.hm-hero, .hm-page .wrap { --wrap: min(1180px, calc(100% - 32px)); }

/* Portada: una sola pieza centrada (titulo, datos, estado y botones); las plataformas se abren con JUGAR AHORA */
.hm-subnav { position: sticky; top: var(--hm-top, 76px); z-index: 120; border-bottom: 1px solid var(--line); background: #110f14f2; backdrop-filter: blur(10px); }
.hm-subnav .wrap { display: flex; justify-content: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.hm-subnav a { position: relative; flex: none; padding: 16px 18px; color: #cfc6b5; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.hm-subnav a:hover { color: #fff; }
.hm-subnav a.is-active { color: #fff7ea; }
.hm-subnav a.is-active::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #ffd27a, #e9a02f); }
.hm-hero { position: relative; display: grid; align-items: center; min-height: max(640px, calc(100svh - var(--hm-top, 76px) - 52px)); padding: 60px 0 80px; text-align: center; }
.hm-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(38% 46% at 50% 50%, #0b0a0db3, #0b0a0d4d 60%, transparent 85%); }
.hm-hero-inner { display: grid; justify-items: center; gap: 18px; }
.hm-title { display: grid; justify-items: center; margin: 0; line-height: .9; }
.hm-title-top { position: relative; font-size: clamp(36px, 5vw, 64px); font-weight: 900; letter-spacing: .02em; color: #fff7ea; text-shadow: 0 6px 30px #000c; }
.hm-title-top sup { position: absolute; left: 100%; top: -.1em; margin-left: 6px; font-size: .36em; font-weight: 900; color: #fff7ea; }
.hm-title-big { font-size: clamp(64px, 11vw, 150px); font-weight: 900; letter-spacing: -.01em; background: linear-gradient(180deg, #ffe08f 10%, #f5a524 55%, #c76a0a 95%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 6px 0 #6b3a0566) drop-shadow(0 14px 30px #000c); }
.hm-lead { max-width: 54ch; margin: 2px 0 4px; font-size: 18px; line-height: 1.6; color: #ece3d2; text-shadow: 0 2px 12px #000; }
.hm-chips { display: inline-flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 4px 6px; list-style: none; border-radius: 16px; border: 1px solid #ffffff26; background: #0d0c10b3; backdrop-filter: blur(8px); }
.hm-chips li { display: flex; align-items: center; gap: 8px; padding: 9px 18px; font-size: 16px; font-weight: 700; color: #f6efe2; }
.hm-chips li + li { border-left: 1px solid #ffffff1f; }
.hm-chips svg { width: 18px; height: 18px; color: #f5a524; }
.hm-status { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 16px; border: 1px solid #ffffff26; background: #0d0c10b3; backdrop-filter: blur(8px); font-size: 14px; font-weight: 900; letter-spacing: .1em; color: #f6efe2; }
.hm-status > span { display: flex; align-items: center; gap: 10px; padding: 12px 22px; }
.hm-status > span + span { border-left: 1px solid #ffffff1f; color: #cfc6b5; }
.hm-status b { font-size: 20px; letter-spacing: .02em; color: #ffb547; }
.hm-status i { width: 9px; height: 9px; border-radius: 50%; background: #8a8478; }
.hm-status.is-up i { background: #49e07a; box-shadow: 0 0 0 4px #49e07a33, 0 0 12px #49e07a; animation: hm-pulse 2s ease-in-out infinite; }
.hm-status.is-down i { background: #e0564c; }
@keyframes hm-pulse { 50% { box-shadow: 0 0 0 7px #49e07a1a, 0 0 18px #49e07a; } }
.hm-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.hm-actions.is-center { justify-content: center; }
.hm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; border: 1px solid #ffffff4d; background: #121217b3; color: #efe4cf; font: inherit; font-size: 16px; font-weight: 800; text-decoration: none; cursor: pointer; backdrop-filter: blur(6px); transition: transform .15s, border-color .15s, background .15s, box-shadow .15s; }
.hm-btn:hover { border-color: #ffd27a; background: #d9bc841f; transform: translateY(-2px); }
.hm-btn svg { width: 18px; height: 18px; }
.hm-btn.is-main { border-color: #ffd98a; background: linear-gradient(180deg, #ffc44d, #f08a12); color: #2b1503; box-shadow: 0 10px 30px #f08a1259, inset 0 1px 0 #fff5; letter-spacing: .08em; }
.hm-btn.is-main:hover { box-shadow: 0 14px 38px #f08a1280; }
.hm-btn.is-big { min-width: 240px; min-height: 60px; font-size: 17px; }
.hm-btn.is-small { min-height: 36px; padding: 0 14px; font-size: 13px; border-color: #f0b54a80; color: #ffcf73; }
.hm-platforms { display: grid; justify-items: center; gap: 10px; margin-top: 6px; padding: 16px; border-radius: 20px; border: 1px solid #d9bc8440; background: #0d0c10e6; backdrop-filter: blur(10px); box-shadow: 0 20px 50px #000b; animation: hm-pop .2s ease-out; }
.hm-platforms[hidden] { display: none; }
.hm-platforms > span { font-size: 12px; font-weight: 900; letter-spacing: .16em; color: #d9bc84; }
.hm-platforms > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
@keyframes hm-pop { from { opacity: 0; transform: translateY(-6px); } }
.hm-trailer { width: min(960px, calc(100% - 32px)); padding: 0; border: 1px solid #d9bc8459; border-radius: 16px; background: #000; overflow: hidden; }
.hm-trailer::backdrop { background: #000c; }
.hm-trailer video { display: block; width: 100%; }
.hm-trailer button { position: absolute; top: 8px; right: 10px; z-index: 1; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #000a; color: #fff; font-size: 22px; cursor: pointer; }

/* Titulos de seccion */
.hm-block { position: relative; padding: 100px 0 0; scroll-margin-top: 140px; }
.hm-title-block { width: min(820px, calc(100% - 32px)); margin: 0 auto 44px; text-align: center; }
.hm-rule { position: relative; display: block; width: 300px; max-width: 80%; height: 22px; margin: 0 auto 16px; background: linear-gradient(90deg, transparent, #d9bc8466 40%, transparent 40%, transparent 60%, #d9bc8466 60%, transparent) center / 100% 1px no-repeat; }
.hm-rule::before { content: ''; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; border: 2px solid #f0b54a; transform: translate(-50%, -50%) rotate(45deg); box-shadow: 0 0 12px #f0b54a66; }
.hm-title-block h2 { margin: 0 0 14px; font-size: clamp(30px, 4.4vw, 54px); font-weight: 900; line-height: 1.05; letter-spacing: .01em; color: #fff7ea; }
.hm-title-block p { margin: 0 auto; max-width: 60ch; font-size: 17px; line-height: 1.6; color: #d2cbbf; }
.hm-kicker { display: inline-block; font-size: 12px; font-weight: 900; letter-spacing: .2em; color: var(--gold); }
.hm-link { font-size: 15px; font-weight: 800; color: var(--gold-2); text-decoration: none; }
.hm-link:hover { text-decoration: underline; }

/* Era 1 */
.hm-era { display: grid; grid-template-columns: 290px minmax(0, 1fr); min-height: 460px; border-radius: 22px; border: 1px solid #d9bc8433; background: #0e0d11e6; overflow: hidden; box-shadow: 0 30px 80px #0009; }
.hm-era-list { display: grid; align-content: start; border-right: 1px solid var(--line); }
.hm-era-list button { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 18px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: #d8cfbe; font: inherit; font-size: 15px; font-weight: 700; text-align: left; cursor: pointer; transition: background .15s, color .15s; }
.hm-era-list button:hover { background: #ffffff08; color: #fff; }
.hm-era-list button.is-active { background: linear-gradient(90deg, #2a2218, #15131a); color: #ffcf73; box-shadow: inset 3px 0 0 #f0b54a; }
.hm-era-list img { flex: none; width: 36px; height: 36px; object-fit: contain; border-radius: 8px; filter: drop-shadow(0 2px 4px #000c); }
.hm-era-stage { position: relative; }
.hm-era-slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.hm-era-slide[hidden] { display: none; }
.hm-era-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 40px 44px; background: linear-gradient(90deg, #0e0d11 55%, #0e0d1100); }
.hm-era-icon { width: 56px; height: 56px; object-fit: contain; filter: drop-shadow(0 6px 12px #000c); }
.hm-era-copy h3 { margin: 0; font-size: clamp(28px, 3.2vw, 44px); font-weight: 900; line-height: 1.05; color: #fff7ea; }
.hm-era-copy p { margin: 0 0 6px; max-width: 40ch; font-size: 16px; line-height: 1.65; color: #d2cbbf; }
.hm-era-media { order: 2; position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(60% 60% at 50% 50%, #f0b54a26, transparent 70%); }
.hm-era-image, .hm-era-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hm-era-roster { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; width: 86%; }
.hm-era-roster img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 14px; border: 1px solid #d9bc8466; box-shadow: 0 10px 24px #000c; }
.hm-era-roster img:nth-child(odd) { transform: translateY(-10px); }
.hm-era-renders { display: flex; align-items: flex-end; justify-content: center; gap: 4%; width: 90%; }
.hm-era-renders img { width: 30%; max-width: 220px; object-fit: contain; filter: drop-shadow(0 18px 24px #000d); animation: sh-float 6s ease-in-out infinite; }
.hm-era-renders.is-n5 img { width: 18%; }
.hm-era-renders img:nth-child(2) { width: 38%; animation-delay: -2s; }
.hm-era-renders.is-n5 img:nth-child(2) { width: 18%; }
.hm-era-renders img:nth-child(3) { animation-delay: -4s; }
@keyframes sh-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Servidor (mosaico) */
.hm-bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 230px; gap: 14px; }
.hm-tile { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 22px 24px; border-radius: 20px; border: 1px solid #d9bc8433; background: linear-gradient(180deg, #221c15, #120f12); color: inherit; text-decoration: none; transition: transform .2s, border-color .2s; }
.hm-tile:hover { border-color: #f0b54a; transform: translateY(-3px); }
.hm-tile::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, #0c0b0f 6%, #0c0b0f99 45%, #0c0b0f22), var(--tile-art, none) center / cover no-repeat; transition: transform .5s; }
.hm-tile:hover::before { transform: scale(1.05); }
.hm-tile-title { font-size: 26px; font-weight: 900; line-height: 1.05; letter-spacing: .01em; text-transform: uppercase; color: #ffb547; text-shadow: 0 4px 16px #000c; }
.hm-tile-title span { color: #fff7ea; }
.hm-tile.is-info { grid-column: span 2; grid-row: span 2; padding: 30px; }
.hm-tile.is-info::before { background: radial-gradient(60% 70% at 85% 40%, #f0b54a26, transparent 70%), linear-gradient(90deg, #120f12 38%, #120f1299 62%, #120f1200), var(--tile-art, none) 80% 20% / cover no-repeat; }
.hm-tile.is-info .hm-tile-title { font-size: 40px; }
.hm-tile.is-info p { max-width: 36ch; margin: 0; font-size: 15px; line-height: 1.6; color: #d2cbbf; }
.hm-watermark { position: absolute; top: 24px; left: 34%; z-index: -1; font-size: 120px; font-weight: 900; line-height: 1; color: #f0b54a14; }
.hm-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 170px)); gap: 0 26px; margin: 0 auto 18px 0; }
.hm-stats div { padding: 14px 0; border-top: 1px solid #ffffff1a; }
.hm-stats dt { font-size: 38px; font-weight: 900; line-height: 1; background: linear-gradient(180deg, #ffd27a, #e9a02f); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hm-stats dd { margin: 4px 0 0; font-size: 12px; font-weight: 900; letter-spacing: .06em; color: #f6efe2; }
.hm-tile.is-render { justify-content: space-between; }
.hm-tile.is-render img { align-self: center; width: auto; height: 62%; max-width: 80%; object-fit: contain; filter: drop-shadow(0 16px 22px #000d); transition: transform .3s; }
.hm-tile.is-render:hover img { transform: scale(1.08) rotate(-3deg); }
.hm-tile.is-render::before { background: radial-gradient(55% 55% at 50% 40%, #f0b54a2e, transparent 70%), linear-gradient(180deg, #221c15, #120f12); }
.hm-tile.is-wide { grid-column: span 2; }
.hm-tile.is-small .hm-tile-title { font-size: 20px; }

/* Contenido (video con tarjetas) */
.hm-content { padding-bottom: 60px; }
.hm-content-bg { position: absolute; inset: 40px 0 0; z-index: -1; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 80%, transparent); mask-image: linear-gradient(180deg, transparent, #000 18%, #000 80%, transparent); }
.hm-content-bg img, .hm-content-bg video { width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.hm-float { position: relative; height: 520px; }
.hm-float-card { position: absolute; display: flex; align-items: center; gap: 14px; width: 330px; padding: 10px 18px 10px 10px; border-radius: 16px; border: 1px solid #ffffff26; background: #15131ae6; backdrop-filter: blur(8px); box-shadow: 0 16px 40px #000a; animation: sh-float 7s ease-in-out infinite; }
.hm-float-card img { flex: none; width: 74px; height: 58px; object-fit: contain; border-radius: 10px; background: radial-gradient(circle, #f0b54a2e, #0d0c10 70%); }
.hm-float-card strong { display: block; margin-top: 2px; font-size: 15px; line-height: 1.3; color: #fff7ea; }
.hm-float-n { position: absolute; top: 8px; left: 14px; font-size: 11px; font-weight: 900; color: #fff; text-shadow: 0 1px 4px #000; }
.hm-float-card.is-p1 { right: 0; top: 2%; }
.hm-float-card.is-p2 { right: 5%; top: 37%; animation-delay: -1s; }
.hm-float-card.is-p3 { right: 0; top: 72%; animation-delay: -2s; }
.hm-float-card.is-p4 { left: 0; top: 72%; animation-delay: -3s; }
.hm-float-card.is-p5 { left: 5%; top: 37%; animation-delay: -4s; }
.hm-float-card.is-p6 { left: 0; top: 2%; animation-delay: -5s; }
.hm-float-card img.is-tall { object-fit: cover; object-position: center 12%; }

/* Motor */
.hm-engine { display: grid; gap: 14px; }
.hm-compare img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hm-compare img.is-before { clip-path: inset(0 calc(100% - var(--split)) 0 0); }
.hm-compare input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.hm-compare i { position: absolute; top: 0; bottom: 0; left: var(--split); width: 2px; background: #f0b54a; pointer-events: none; }
.hm-compare i::after { content: '‹ ›'; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 34px; height: 34px; transform: translate(-50%, -50%); border-radius: 50%; background: #f0b54a; color: #2b1a04; font-weight: 900; font-size: 14px; }
.hm-engine-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hm-engine-points div { position: relative; padding: 26px 22px; border-radius: 18px; border: 1px solid var(--line); background: linear-gradient(180deg, #1c1a21e6, #121116e6); }
.hm-engine-points span { position: absolute; top: 16px; right: 18px; font-size: 28px; font-weight: 900; color: #ffffff12; }
.hm-engine-points strong { display: block; margin-bottom: 8px; font-size: 22px; font-weight: 900; color: #ffb547; }
.hm-engine-points p { margin: 0; font-size: 15px; line-height: 1.6; color: #cfc6b5; }

/* Caracteristicas */
.hm-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hm-features article { position: relative; overflow: hidden; padding: 26px 22px 24px; border-radius: 18px; border: 1px solid var(--line); background: radial-gradient(80% 60% at 100% 0%, #f0b54a14, transparent 70%), linear-gradient(180deg, #1c1a21e6, #121116e6); transition: border-color .15s, transform .15s; }
.hm-features article:hover { border-color: #d9bc8466; transform: translateY(-3px); }
.hm-feature-icon { display: inline-grid; place-items: center; width: 46px; height: 46px; margin-bottom: 16px; border-radius: 12px; background: #f0b54a1f; color: #ffcf73; }
.hm-feature-icon svg { width: 26px; height: 26px; }
.hm-features h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #fff7ea; }
.hm-features p { margin: 0; font-size: 14px; line-height: 1.6; color: #b9b1a3; }

/* Creadores */
.hm-creators-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 46px; }
.hm-creators-art { position: relative; min-height: 440px; border-radius: 24px; overflow: hidden; border: 1px solid #d9bc8433; background: linear-gradient(0deg, #0b0a0dcc, #0b0a0d33), var(--cr-art, none) center / cover no-repeat, #15131a; box-shadow: 0 30px 80px #000a; }
.hm-live { position: absolute; top: 22px; left: 22px; padding: 4px 12px; border-radius: 8px; background: #e0352b; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.hm-creators-screen { position: absolute; right: 26px; top: 50%; width: min(330px, 70%); transform: translateY(-50%) perspective(900px) rotateY(-10deg); padding: 20px; border-radius: 16px; border: 1px solid #d9bc8459; background: #0d0c10e6; box-shadow: 0 20px 50px #000c; }
.hm-creators-screen span { font-size: 11px; font-weight: 900; letter-spacing: .14em; color: #d9bc84; }
.hm-creators-screen strong { display: block; margin: 6px 0 14px; font-size: 28px; font-weight: 900; color: #fff7ea; }
.hm-creators-roster { display: flex; gap: 6px; }
.hm-creators-roster img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #d9bc8480; object-fit: cover; }
.hm-creators-toast { position: absolute; left: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 14px; border: 1px solid #ffffff26; background: #0d0c10e6; font-size: 14px; color: #f6efe2; }
.hm-creators-toast i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #e9a02f; color: #2b1a04; font-style: normal; font-weight: 900; font-size: 13px; }
.hm-creators-copy h2 { margin: 12px 0 18px; font-size: clamp(44px, 6vw, 82px); font-weight: 900; line-height: .95; color: #fff7ea; }
.hm-creators-copy h2 span { display: block; }
.hm-creators-copy h2 .is-gold { background: linear-gradient(180deg, #ffd27a, #e9a02f); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hm-creators-copy > p { margin: 0 0 24px; max-width: 46ch; font-size: 17px; line-height: 1.6; color: #e2d9c8; }
.hm-creators-copy dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 28px; border-top: 1px solid #ffffff1f; border-bottom: 1px solid #ffffff1f; }
.hm-creators-copy dl div { padding: 16px 16px 16px 0; }
.hm-creators-copy dl div + div { padding-left: 16px; border-left: 1px solid #ffffff1f; }
.hm-creators-copy dt { font-size: 26px; font-weight: 900; color: #ffcf73; }
.hm-creators-copy dd { margin: 4px 0 0; font-size: 13px; line-height: 1.4; color: #cfc6b5; }
.hm-creators-copy small { display: block; margin-top: 12px; font-size: 13px; color: #a8a090; }

/* Preguntas (estilos .faq compartidos con Recargar en south-era-shop.css) */
#preguntas .faq { margin-top: 0; }

/* Noticias */

/* Cierre */
.hm-final { padding: 110px 0 120px; text-align: center; }
.hm-final::before { content: ''; position: absolute; inset: 40px 0 0; z-index: -1; background: radial-gradient(50% 70% at 50% 40%, #f0b54a1f, transparent 70%); }
.hm-final h2 { margin: 12px 0; font: 400 clamp(34px, 4.6vw, 60px)/1.12 Cinzel, Georgia, serif; color: #f8ecd5; }
.hm-final p { max-width: 52ch; margin: 0 auto 30px; font-size: 18px; line-height: 1.6; color: #d0c9bd; }
.hm-socials { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hm-socials a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; border: 1px solid #ffffff24; background: #0c0c10aa; color: #efe4cf; text-decoration: none; }
.hm-socials a:hover { border-color: #d9bc84; }

@media (max-width: 1080px) {
  .hm-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-features, .hm-engine-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-float { height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .hm-float-card { position: static; width: auto; animation: none; }
  .hm-creators-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .hm-era { grid-template-columns: 1fr; }
  .hm-era-list { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .hm-era-list button { border-bottom: 0; border-right: 1px solid var(--line); }
  .hm-era-stage { min-height: 520px; }
  .hm-era-slide { grid-template-columns: 1fr; grid-template-rows: 260px auto; }
  .hm-era-media { order: 0; }
  .hm-era-copy { background: none; padding: 26px 22px; }

}
@media (max-width: 650px) {
  .hm-hero { min-height: 0; padding-top: 70px; }
  .hm-hero-inner { padding-bottom: 34px; }
  .hm-lead, .hm-final p { font-size: 16px; }
  .hm-block { padding-top: 70px; }
  .hm-bento, .hm-features, .hm-engine-points, .hm-float { grid-template-columns: 1fr; }
  .hm-tile.is-info, .hm-tile.is-wide { grid-column: auto; grid-row: auto; }
  .hm-bento { grid-auto-rows: minmax(200px, auto); }
  .hm-tile.is-info .hm-tile-title { font-size: 30px; }
  .hm-actions .hm-btn { width: 100%; }
  .hm-creators-copy dl { grid-template-columns: 1fr; }
  .hm-creators-copy dl div + div { padding-left: 0; border-left: 0; border-top: 1px solid #ffffff1f; }
  .hm-creators-art { min-height: 360px; }
}

@media (max-width: 650px) {
  .se-page-hero { padding: 56px 0 40px; }
  .se-page-hero p { font-size: 16px; }
  .se-public.se-page-characters main > .section { padding: 56px 0; }
}

/* Botones de plataforma (panel JUGAR AHORA de la portada, home-play-bar.php) */
.pb-pf { display: flex; align-items: center; gap: 12px; min-width: 190px; padding: 12px 16px; border-radius: 14px; border: 1px solid #ffffff1f; background: #ffffff08; color: #f6efe2; text-align: left; text-decoration: none; transition: background .15s, transform .15s, border-color .15s; }
a.pb-pf:hover { background: #ffffff14; border-color: #ffd27a; transform: translateY(-2px); }
.pb-pf svg { flex: none; width: 30px; height: 30px; }
.pb-pf strong { display: block; font-size: 15px; }
.pb-pf small { display: block; font-size: 12px; color: #a8a090; }
.pb-pf.is-browser { border-color: #f0b54a80; background: #f0b54a1c; }
.pb-pf.is-windows svg { color: #3aa0ff; }
.pb-pf.is-android svg { color: #3ddc84; }
.pb-pf.is-soon { opacity: .45; }
@media (max-width: 560px) { .pb-pf { min-width: 0; width: 100%; } .hm-chips li { padding: 8px 12px; font-size: 14px; } .hm-status > span { padding: 10px 14px; } .hm-btn.is-big { width: 100%; } }
.hm-content-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #0b0a0d 0%, #0b0a0dcc 18%, #0b0a0d33 45%, #0b0a0d66 100%); }
.hm-content-bg { isolation: isolate; }
.hm-content .hm-title-block h2, .hm-content .hm-title-block p { text-shadow: 0 2px 10px #000, 0 0 28px #000; }
.hm-content .hm-title-block p { color: #f6efe2; }

/* Tarjetas con video de "Por que jugar": miniatura con boton de reproducir; la activa queda en dorado. */
button.hm-float-card { font: inherit; color: inherit; text-align: left; cursor: pointer; }
.hm-float-card.is-clip:hover, .hm-float-card.is-active { border-color: #f0b54a; box-shadow: 0 0 0 1px #f0b54a, 0 16px 40px #000a; }
.hm-float-thumb { position: relative; flex: none; width: 112px; height: 64px; overflow: hidden; border-radius: 10px; background: #0d0c10; }
.hm-float-thumb video { width: 100%; height: 100%; object-fit: cover; }
.hm-float-thumb i { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-35%, -50%); border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #ffc44d; filter: drop-shadow(0 2px 4px #000); }
.hm-float-card.is-active .hm-float-thumb i { opacity: 0; }
.hm-float-text strong { display: block; margin-top: 2px; font-size: 15px; line-height: 1.3; color: #fff7ea; }

/* Motor: panel 2 x 2 (video que se abre en el reproductor y comparaciones antes/despues) */
.hm-engine-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 20px; border: 1px solid #d9bc8433; background: #0e0d11e6; overflow: hidden; margin-bottom: 14px; }
.hm-engine-cell { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 22px; padding: 22px; border-bottom: 1px solid var(--line); }
.hm-engine-cell:nth-child(odd) { border-right: 1px solid var(--line); }
.hm-engine-cell.is-first { box-shadow: inset 3px 0 0 #f0b54a; background: linear-gradient(90deg, #2a221866, transparent 60%); }
.hm-engine-media { position: relative; display: block; aspect-ratio: 16 / 9; width: 100%; padding: 0; overflow: hidden; border-radius: 12px; border: 1px solid #ffffff26; background: #0d0c10; }
.hm-engine-media.is-video { cursor: pointer; border-color: #f0b54a80; }
.hm-engine-media.is-video img, .hm-engine-media.is-video video { width: 100%; height: 100%; object-fit: cover; }
.hm-engine-media.is-video i { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; transform: translate(-50%, -50%); border-radius: 50%; background: #ffc44d; box-shadow: 0 6px 20px #000a; transition: transform .15s; }
.hm-engine-media.is-video i::after { content: ''; position: absolute; left: 21px; top: 16px; border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent #2b1503; }
.hm-engine-media.is-video:hover i { transform: translate(-50%, -50%) scale(1.08); }
.hm-engine-copy strong { display: block; margin-top: 4px; font-size: 20px; font-weight: 900; color: #ffb547; text-transform: uppercase; }
.hm-engine-copy p { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: #d2cbbf; }
@media (max-width: 860px) { .hm-engine-grid { grid-template-columns: 1fr; } .hm-engine-cell { grid-template-columns: 1fr; } .hm-engine-cell:nth-child(odd) { border-right: 0; } }

/* Caracteristicas con fondo (captura, arte o modelo HD difuminado) y la tarjeta JUGAR AHORA al final */
.hm-features article { isolation: isolate; min-height: 230px; }
.hm-features article.has-art::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--feature-art) center top / cover no-repeat; opacity: .5; -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 62%); mask-image: linear-gradient(180deg, #000 0%, transparent 62%); transition: transform .5s, opacity .3s; }
.hm-features article.has-art:hover::before { transform: scale(1.05); opacity: .65; }
.hm-feature-bg { position: absolute; right: -14px; top: -10px; z-index: -1; width: 62%; height: 78%; object-fit: contain; object-position: right top; opacity: .38; filter: drop-shadow(0 10px 20px #000); -webkit-mask-image: linear-gradient(200deg, #000 30%, transparent 85%); mask-image: linear-gradient(200deg, #000 30%, transparent 85%); transition: opacity .2s, transform .3s; }
.hm-features article:hover .hm-feature-bg { opacity: .55; transform: scale(1.04); }
.hm-feature-bg.is-roster { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; width: 58%; height: auto; }
.hm-feature-bg.is-roster img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.hm-feature-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; min-height: 230px; padding: 24px 22px; border-radius: 18px; border: 1px solid #f0b54a99; background: radial-gradient(80% 70% at 85% 30%, #f0b54a33, transparent 70%), linear-gradient(180deg, #2a2117, #121116); color: inherit; font: inherit; text-align: left; cursor: pointer; transition: transform .15s, box-shadow .15s; }
.hm-feature-cta:hover { transform: translateY(-3px); box-shadow: 0 16px 40px #f0b54a26; }
.hm-feature-cta-art { position: absolute; right: -6px; bottom: 0; z-index: -1; height: 96%; object-fit: contain; opacity: .9; filter: drop-shadow(0 10px 20px #000); -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.hm-feature-cta strong { font-size: 32px; font-weight: 900; line-height: 1; color: #fff7ea; }
.hm-feature-cta small { max-width: 18ch; font-size: 13px; font-weight: 700; color: #f6efe2; }
.hm-feature-slide { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 5px 16px 5px 5px; border-radius: 999px; border: 1px solid #ffffff33; background: #0d0c10cc; }
.hm-feature-slide i { display: grid; place-items: center; width: 74px; height: 38px; border-radius: 999px; background: linear-gradient(180deg, #ffc44d, #f08a12); color: #2b1503; font-style: normal; font-weight: 900; font-size: 18px; transition: transform .25s; }
.hm-feature-cta:hover .hm-feature-slide i { transform: translateX(10px); }
.hm-feature-slide b { color: #ffc44d; letter-spacing: .1em; }

/* Menu de arriba, barra de secciones y pie con el mismo humo dorado de la pagina (todas las paginas) */
.se-public .topbar { background: linear-gradient(180deg, #0b0a0de6, #0b0a0dd1), url('../img/south-era-smoke-v1.webp') center 38% / 1920px auto repeat !important; border-bottom: 1px solid #d9bc842e !important; box-shadow: 0 8px 30px #0008; }
.hm-subnav { background: linear-gradient(180deg, #0b0a0dc7, #0b0a0de0), url('../img/south-era-smoke-v1.webp') center 45% / 1920px auto repeat; border-bottom: 1px solid #d9bc8433; box-shadow: 0 10px 30px #0007; }
.hm-subnav::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, #f0b54a99, transparent); }
.se-public .footer.se-footer { position: relative; padding: 60px 0 26px; border-top: 1px solid #d9bc8433; background: linear-gradient(180deg, #0b0a0db3, #0b0a0de6), url('../img/south-era-smoke-v1.webp') center bottom / 1920px auto repeat; }
.se-footer::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, #f0b54a99, transparent); }
.se-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 14px; }
.se-footer-box { display: grid; align-content: start; gap: 10px; padding: 22px 24px; border-radius: 18px; border: 1px solid #ffffff17; background: #0d0c10b3; backdrop-filter: blur(6px); }
.se-footer-box > span { font-size: 12px; font-weight: 900; letter-spacing: .18em; color: #f0b54a; }
.se-footer-box a { color: #ddd3c1; font-size: 15px; text-decoration: none; }
.se-footer-box a:hover { color: #ffcf73; }
.se-footer-box.is-brand strong { font: 400 26px Cinzel, Georgia, serif; letter-spacing: .06em; color: #f8eedb; }
.se-footer-box.is-brand small { font-size: 13px; color: #d9bc84; }
.se-footer-box.is-brand p { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: #a8a090; }
.se-footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.se-footer-socials a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid #ffffff24; background: #0c0c10aa; font-size: 14px; }
.se-footer-socials a:hover { border-color: #d9bc84; }
.se-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 22px; padding-top: 16px; border-top: 1px solid #ffffff12; }
.se-footer-bottom small { font-size: 12px; color: #8f887c; }
@media (max-width: 900px) { .se-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .se-footer-grid { grid-template-columns: 1fr; } }

/* Miniaturas redondas y parejas (lista de la Era 1 y titulo de cada novedad) */
.hm-ico { display: grid; place-items: center; flex: none; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; border: 1px solid #d9bc8466; background: radial-gradient(circle at 50% 35%, #3a2c18, #121116 75%); box-shadow: 0 3px 10px #000a; }
.hm-ico img { width: 82%; height: 82%; object-fit: contain; border-radius: 0; filter: drop-shadow(0 2px 3px #000c); }
.hm-ico.is-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; filter: none; }
.hm-ico.is-big { width: 64px; height: 64px; border-width: 2px; border-color: #f0b54a99; }
.hm-era-list button.is-active .hm-ico { border-color: #f0b54a; box-shadow: 0 0 0 2px #f0b54a33, 0 3px 10px #000a; }
/* Paneles un poco mas claros sobre el humo */
.hm-era { background: radial-gradient(70% 90% at 75% 50%, #f0b54a14, transparent 70%), #15121ad9; }
.hm-era-copy { background: linear-gradient(90deg, #15121a 55%, #15121a00); }
.hm-tile, .hm-features article, .hm-engine-points div, .faq-item, .faq-cats, .faq-help { background-color: #17141bd9; }
/* Por que jugar: el fondo cambia de escena con un fundido */
.hm-content-scene { transition: opacity .35s; }
.hm-content-scene.is-fading { opacity: 0; }
.hm-content-video[hidden] { display: none; }
.hm-content-bg video, .hm-content-bg img { position: absolute; inset: 0; }
.hm-float-thumb img { width: 100%; height: 100%; object-fit: contain; background: radial-gradient(circle, #f0b54a2e, #0d0c10 70%); }
.hm-float-thumb img.is-tall { object-fit: cover; object-position: center 15%; }
.hm-float-thumb i { width: 30px; height: 30px; border-width: 0; border-radius: 50%; background: #ffc44de6; transform: translate(-50%, -50%); }
.hm-float-thumb i::after { content: ''; position: absolute; left: 11px; top: 8px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #2b1503; }

/* Vitrina de la Era 1 con varias imagenes completas (los 10 orbes de elementos) */
.hm-era-gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 10px; width: 88%; }
.hm-era-gallery img { width: 100%; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 10px 16px #000c); animation: sh-float 6s ease-in-out infinite; }
.hm-era-gallery img:nth-child(odd) { animation-delay: -3s; }
.hm-era-gallery img:nth-child(n+6) { transform: translateY(0); }

/* Encabezado como la referencia: franja de aviso, tarjeta del servidor, menu en mayusculas */
.se-strip { position: relative; z-index: 201; border-bottom: 1px solid #ffffff12; background: #070609; font-size: 13px; color: #cfc6b5; }
.se-strip-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 34px; }
.se-strip-msg { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; color: #f6efe2; }
.se-strip-msg i { width: 8px; height: 8px; border-radius: 50%; background: #49e07a; box-shadow: 0 0 8px #49e07a; }
.se-strip-side.is-right { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
.se-strip-time { color: #a8a090; }
.se-strip-time b { color: #f6efe2; font-weight: 800; }
.se-strip-lang { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; border: 1px solid #ffffff1f; font-weight: 800; color: #f6efe2; }
.se-strip-lang svg { width: 15px; height: 15px; }
.se-strip-lang a { padding: 0 4px; border-radius: 6px; color: #8f887c; text-decoration: none; }
.se-strip-lang a:hover { color: #ffcf73; }
.se-strip-lang a.is-on { color: #ffcf73; }
.se-public .topbar .se-nav-link, .se-public .topbar .se-nav-group-toggle { font-size: 14px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase; color: #e8dfcf !important; }
.se-public .topbar .se-nav-link:hover, .se-public .topbar .se-nav-group-toggle:hover { color: #ffcf73 !important; }
.se-public .topbar .se-nav-link.active, .se-public .topbar .se-nav-group-toggle.active { color: #ffb547 !important; }
.se-srv-card { display: grid; align-content: center; gap: 2px; min-width: 150px; margin-left: 14px; padding: 8px 16px; border-radius: 12px; border: 1px solid #d9bc8440; background: linear-gradient(135deg, #2a2117e6, #15121ae6), url('../img/south-era-hero-v1.webp') 70% 20% / cover; text-decoration: none; box-shadow: inset 0 1px 0 #ffffff14; }
.se-srv-card strong { font-size: 15px; font-weight: 900; letter-spacing: .04em; color: #fff7ea; }
.se-srv-card small { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #d2cbbf; }
.se-srv-card small i { width: 7px; height: 7px; border-radius: 50%; background: #49e07a; box-shadow: 0 0 6px #49e07a; }
.se-srv-card:hover { border-color: #f0b54a; }
.hm-subnav { background: linear-gradient(180deg, #2a1f14d9, #120f12f0), url('../img/south-era-smoke-v1.webp') center 45% / 1920px auto repeat; }
.hm-subnav .wrap { justify-content: space-between; gap: 6px; }
.hm-subnav a { padding: 18px 14px; font-size: 16px; letter-spacing: .04em; color: #e8dfcf; }
@media (max-width: 1200px) { .se-srv-card { display: none; } .hm-subnav .wrap { justify-content: flex-start; } .hm-subnav a { font-size: 14px; } }
@media (max-width: 760px) { .se-strip-inner { grid-template-columns: 1fr; justify-items: center; padding: 4px 0; } .se-strip-side { display: none; } }
.se-brand-row { display: flex; align-items: center; gap: 16px; min-width: 0; }
.se-brand-row .se-srv-card { margin-left: 0; }
.se-public .topbar > .wrap, .se-strip > .wrap { width: min(1380px, calc(100% - 48px)); }
.se-public .topbar .se-nav-link, .se-public .topbar .se-nav-group-toggle { letter-spacing: .06em !important; }
@media (max-width: 1400px) { .se-srv-card { display: none; } }

/* Todas las paginas: el mismo humo dorado de fondo (el inicio lo dibuja en .hm-page) */
.se-public { background: linear-gradient(#0b0a0d33, #0b0a0d33), url('../img/south-era-smoke-v1.webp') center top / 1920px auto repeat, #0b0a0d !important; }
.se-public .scene { background: linear-gradient(#0b0a0d33, #0b0a0d33), url('../img/south-era-smoke-v1.webp') center -420px / max(1920px, 100%) auto repeat !important; }
.shp, .rc { background: radial-gradient(1000px 500px at 50% -10%, #3a2a1226, transparent 70%) !important; }

/* Novedades: pestañas (Era 1 + publicaciones del panel por categoria) sobre el panel de la lista */
.hm-groups { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 22px; }
.hm-groups button { display: inline-flex; align-items: center; gap: 9px; padding: 11px 22px; border: 1px solid #ffffff33; border-radius: 999px; background: #121217b3; color: #efe4cf; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: transform .15s, border-color .15s; }
.hm-groups button:hover { transform: translateY(-2px); border-color: #f0b54a; }
.hm-groups button.is-active { border-color: #ffd98a; background: linear-gradient(180deg, #ffc44d, #f08a12); color: #2b1503; box-shadow: 0 10px 26px #f08a1240; }
.hm-groups button > span { min-width: 22px; padding: 1px 7px; border-radius: 999px; background: #ffffff1f; font-size: 12px; text-align: center; }
.hm-groups button.is-active > span { background: #2b150326; }
.hm-groups-ico { width: 18px; height: 18px; }
.hm-era[hidden] { display: none; }
.hm-groups-demo { margin: -8px 0 18px; text-align: center; font-size: 13px; color: #a8a090; }
.hm-ico.is-glyph { color: #ffcf73; }
.hm-ico.is-glyph svg { width: 54%; height: 54%; }
.hm-post-name { display: grid; gap: 2px; min-width: 0; text-align: left; line-height: 1.3; }
.hm-post-name small { font-size: 12px; font-weight: 700; color: #a8a090; }
.hm-era-list button.is-active .hm-post-name small { color: #d9bc84; }
.hm-era-all { display: block; padding: 16px 18px; font-size: 14px; font-weight: 800; color: var(--gold-2); text-decoration: none; }
.hm-era-all:hover { color: #fff; }
/* Publicaciones: la imagen o el video se ven completos (sin recorte); el espacio sobrante lo llena la misma imagen difuminada */
.hm-era-media.is-whole { background: #08070a; }
.hm-era-media.is-whole .hm-era-image, .hm-era-media.is-whole .hm-era-video { inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); object-fit: contain; filter: drop-shadow(0 12px 30px #000c); }
.hm-post-bg { position: absolute; inset: -30px; width: calc(100% + 60px); height: calc(100% + 60px); object-fit: cover; filter: blur(30px) brightness(.32) saturate(1.1); }
.hm-post-play { position: absolute; z-index: 1; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; border: 2px solid #ffd98a; background: #0e0d11b3; color: #ffcf73; box-shadow: 0 0 30px #f0b54a55; transition: transform .15s; }
.hm-post-play:hover { transform: scale(1.08); }
.hm-post-play svg { width: 32px; height: 32px; margin-left: 4px; }
@media (max-width: 760px) { .hm-groups { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; } .hm-groups button { flex: none; } }
/* "Comunidad" del pie: el id #redes traia el relleno de una seccion vieja (50-68px arriba/abajo, 0 a los lados) */
.se-public .se-footer-box#redes { padding: 22px 24px; }