/* gdo-tablon.css — extraído de inicio_tablon.php (desktop cache) · 2026-09-22 */
/* scoped v0.5 tablón */
.gdo-tablon-wrap { background:#050505; color:#f5f5f5; margin:0 0 2rem; padding:0.5rem 0 2rem; }

    :root {
      --bg: #050505;
      --bg-elev: #121212;
      --bg-card: #161616;
      --oro: #f2b038;
      --oro-dim: rgba(242, 176, 56, 0.18);
      --oro-line: rgba(242, 176, 56, 0.45);
      --texto: #f5f5f5;
      --muted: #9a9a9a;
      --crema: #f3ead7;
      --verde-wa: #25d366;
      --chip: #6b4cff;
      --safe-b: env(safe-area-inset-bottom, 0px);
      --nav-h: 64px;
      --phone-w: 720px;
    }
    * { box-sizing: border-box; }
    .stage-label {
      position: fixed;
      top: 10px;
      left: 12px;
      z-index: 50;
      font-size: 0.7rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #888;
      background: #111;
      border: 1px solid #333;
      padding: 0.35rem 0.55rem;
      border-radius: 6px;
    }
    .gdo-tablon {
      width: min(100%, var(--phone-w));
      min-height: 844px;
      background: var(--bg);
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 0 1px #2a2a2a;
      position: relative;
      padding-bottom: calc(var(--nav-h) + var(--safe-b) + 8px);
    }
    /* —— header —— */
    .topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.85rem 1rem 0.4rem;
    }
    .icon-btn {
      width: 36px; height: 36px;
      display: grid; place-items: center;
      color: var(--oro);
      background: transparent;
      border: 0;
      cursor: pointer;
      font-size: 1.25rem;
    }
    .brand {
      text-align: center;
      line-height: 1.15;
    }
    .brand strong {
      display: block;
      color: var(--oro);
      font-size: 0.95rem;
      font-weight: 800;
      letter-spacing: 0.02em;
    }
    .brand span {
      font-size: 0.65rem;
      color: var(--oro);
      opacity: 0.85;
      font-weight: 600;
    }
    .tabs {
      display: flex;
      gap: 0.85rem;
      padding: 0.35rem 1rem 0.55rem;
      overflow-x: auto;
      scrollbar-width: none;
      border-bottom: 1px solid #1f1f1f;
    }
    .tabs::-webkit-scrollbar { display: none; }
    .tabs a {
      flex: 0 0 auto;
      color: var(--muted);
      text-decoration: none;
      font-size: 0.78rem;
      font-weight: 600;
      padding-bottom: 0.4rem;
      border-bottom: 2px solid transparent;
    }
    .tabs a.active {
      color: var(--oro);
      border-bottom-color: var(--oro);
    }
    .search {
      margin: 0.65rem 1rem 0.85rem;
      display: flex;
      align-items: center;
      gap: 0.55rem;
      background: #1c1c1c;
      border: 1px solid #2a2a2a;
      border-radius: 999px;
      padding: 0.65rem 0.9rem;
      color: var(--muted);
      font-size: 0.88rem;
    }
    .search svg { flex: 0 0 auto; opacity: 0.7; }
    /* —— composer —— */
    .block { padding: 0 0 1rem; }
    .section-title {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      margin: 0 0 0.15rem;
      font-size: 1.05rem;
      font-weight: 800;
      letter-spacing: 0.01em;
    }
    .section-title .ico { color: var(--oro); }
    .lead {
      margin: 0 0 0.75rem;
      color: var(--muted);
      font-size: 0.82rem;
    }
    .composer {
      background: var(--bg-elev);
      border: 1px solid #2a2a2a;
      border-radius: 14px;
      padding: 0.75rem 0.85rem 0.55rem;
    }
    .composer-row {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      color: #cfcfcf;
      font-size: 0.9rem;
      font-weight: 500;
      padding-bottom: 0.7rem;
      border-bottom: 1px solid #262626;
    }
    .avatar {
      width: 34px; height: 34px;
      border-radius: 50%;
      background: #2a2a2a;
      display: grid; place-items: center;
      color: var(--oro);
      font-size: 1rem;
      flex: 0 0 auto;
    }
    .quick {
      display: flex;
      justify-content: space-around;
      padding: 0.55rem 0 0.15rem;
    }
    .quick button {
      background: none;
      border: 0;
      color: var(--oro);
      font: inherit;
      font-size: 0.78rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 0.35rem;
      cursor: pointer;
      padding: 0.35rem;
    }
    .quick .sep {
      width: 1px;
      background: #333;
      align-self: stretch;
      margin: 0.2rem 0;
    }
    /* —— chips —— */
    .chips {
      display: flex;
      gap: 0.45rem;
      padding: 0 1rem 0.9rem;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .chips::-webkit-scrollbar { display: none; }
    .chip {
      flex: 0 0 auto;
      border-radius: 999px;
      padding: 0.45rem 0.85rem;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      border: 1px solid var(--oro);
      background: transparent;
      color: #fff;
      cursor: pointer;
    }
    .chip.active {
      background: var(--oro);
      color: #111;
      border-color: var(--oro);
    }
    /* —— Ancho unificado (Hoy / composer / block / toolbar) —— */
    .gdo-tablon {
      --gdo-tablon-inner: 560px; /* CANON = --gdo-feed-max */
    }
    .gdo-tablon .hoy-block,
    .gdo-tablon > .block,
    .gdo-tablon .tablon-toolbar {
      width: 100%;
      max-width: min(var(--gdo-tablon-inner), 100%);
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box;
    }
    @media (max-width: 767px) {
      .gdo-tablon {
        --gdo-tablon-inner: 100%;
      }
      .gdo-tablon .hoy-block,
      .gdo-tablon > .block,
      .gdo-tablon .tablon-toolbar {
        max-width: calc(100% - 1.5rem);
      }
    }

    /* —— HOY EN ORO — estética ref Rodolfo (mock + ficha premium) —— */
    .hoy-block {
      margin: 0.35rem auto 0.85rem;
      padding: 0.75rem 0 0.85rem;
      background: #0a0a0a;
      border: 1px solid rgba(242,176,56,.42);
      border-radius: 18px;
      overflow: hidden;
    }
    .hoy-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0.85rem 0.65rem;
    }
    .hoy-head h2 {
      margin: 0;
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      color: #f5f5f5;
    }
    .hoy-head h2 .hoy-eye {
      width: 22px; height: 22px; border-radius: 50%;
      display: inline-grid; place-items: center;
      background: rgba(242,176,56,.18);
      border: 1px solid rgba(242,176,56,.55);
      color: var(--oro, #f2b038);
      font-size: 0.72rem;
    }
    .hoy-head .hoy-fecha {
      margin: 0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: #f2b038;
      white-space: nowrap;
    }
    .hoy-dots { display: flex; gap: 5px; align-items: center; }
    .hoy-dots button {
      width: 6px; height: 6px; border-radius: 50%;
      border: 0; padding: 0; cursor: pointer;
      background: #444;
      transition: background .15s ease, transform .15s ease, width .15s ease;
    }
    .hoy-dots button.on {
      background: var(--oro, #f2b038);
      width: 14px; border-radius: 999px;
    }
    .hoy-viewport {
      overflow: hidden;
      position: relative;
      padding: 0 0 0.15rem;
      touch-action: pan-y;
      cursor: grab;
    }
    .hoy-viewport.is-dragging { cursor: grabbing; }
    .hoy-scroller,
    .hoy-track {
      display: flex;
      gap: 0.4rem;
      padding: 0 0.55rem;
      will-change: transform;
      touch-action: pan-x;
      user-select: none;
      -webkit-user-select: none;
    }
    /* Fichas unificadas — mismo molde (hdr + body + footer) */
    .hoy-card {
      /* Móvil+tablet: 3 cards · desktop (1024+) pisa a 4 · Rodolfo 2026-09-22 */
      flex: 0 0 calc((100% - 0.8rem) / 3);
      max-width: none;
      min-height: 120px;
      height: 120px;
      box-sizing: border-box;
      border-radius: 13px;
      padding: 0;
      background: #efe4cf;
      color: #1a1a1a;
      border: 0;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
      /* Windows ClearType: antialiased global + rem minúsculo = barro */
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto;
      text-rendering: geometricPrecision;
      position: relative;
      touch-action: pan-x;
      cursor: pointer;
    }
    .hoy-card .ficha-hdr {
      position: relative;
      background: #2f2f2f;
      color: #fff;
      text-align: center;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      padding: 0.42rem 0.4rem 0.38rem 1.7rem;
      flex: 0 0 auto;
    }
    .hoy-card .ficha-badge {
      position: absolute;
      left: 0.3rem; top: 50%;
      transform: translateY(-50%);
      width: 20px; height: 20px;
      border-radius: 50%;
      border: 2px solid #f2b038;
      box-shadow: 0 2px 6px rgba(0,0,0,.35);
      display: grid; place-items: center;
      font-size: 0.62rem;
      font-weight: 900;
      line-height: 1;
    }
    .hoy-card.farmacia .ficha-badge { background: radial-gradient(circle at 35% 30%, #2d6b3a, #144a22); color: #7dffa0; }
    .hoy-card.clima .ficha-badge { background: radial-gradient(circle at 35% 30%, #3a5f8a, #1a3355); color: #9ecbff; }
    .hoy-card.evento .ficha-badge { background: radial-gradient(circle at 35% 30%, #8a6a1e, #5a4510); color: #f2b038; }
    .hoy-card.podcast .ficha-badge { background: radial-gradient(circle at 35% 30%, #5a3a7a, #2a1840); color: #d2b4ff; }
    .hoy-card.necrologicas .ficha-badge { background: radial-gradient(circle at 35% 30%, #4a5560, #1e242b); color: #d7dde3; }

    .hoy-card .ficha-body {
      flex: 1;
      margin: 0.28rem 0.32rem 0;
      background: #fff;
      border: 1px solid #d7ccb6;
      border-radius: 9px 9px 0 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0.32rem 0.4rem 0.28rem;
      min-height: 0;
      text-align: center;
      gap: 0.1rem;
      overflow: hidden;
    }
    .hoy-card .ficha-ico {
      font-size: 1.35rem;
      line-height: 1;
      margin-bottom: 0.05rem;
    }
    .hoy-card.farmacia .ficha-ico { color: #1a7a3a; font-size: 1.45rem; }
    .hoy-card .ficha-title {
      font-size: 0.92rem;
      font-weight: 700;
      line-height: 1.18;
      color: #111;
      letter-spacing: 0.01em;
      max-width: 100%;
    }
    .hoy-card.farmacia .ficha-title {
      text-transform: uppercase;
      color: #0f7a3a;
      font-size: 0.82rem;
    }
    .hoy-card .ficha-meta {
      font-size: 0.72rem;
      font-weight: 600;
      color: #444;
      line-height: 1.2;
      max-width: 100%;
    }
    .hoy-card .ficha-foot {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      margin: 0 0.32rem 0.32rem;
      padding: 0.28rem 0.28rem;
      border-radius: 0 0 9px 9px;
      font-size: 0.7rem;
      font-weight: 700;
      text-decoration: none;
      flex: 0 0 auto;
      color: #fff !important;
    }
    .hoy-card.farmacia .ficha-foot { background: #1f9d4d; }
    .hoy-card.clima .ficha-foot { background: #2a5080; }
    .hoy-card.evento .ficha-foot { background: #c99220; color: #1a1a1a !important; }
    .hoy-card.podcast .ficha-foot { background: #6b4cff; }
    .hoy-card.necrologicas .ficha-foot { background: #3d4650; }
    .hoy-card .ficha-foot .dot {
      width: 14px; height: 14px; border-radius: 50%;
      background: rgba(255,255,255,.95);
      display: inline-grid; place-items: center;
      font-size: 0.55rem; font-weight: 900;
      color: inherit;
    }
    .hoy-card.farmacia .ficha-foot .dot { color: #1f9d4d; }
    .hoy-card.clima .ficha-foot .dot { color: #2a5080; }
    .hoy-card.evento .ficha-foot .dot { color: #c99220; }
    .hoy-card.podcast .ficha-foot .dot { color: #6b4cff; }
    .hoy-card.necrologicas .ficha-foot .dot { color: #3d4650; }

    /* clima: compacto en ficha (detalle en modal) */
    .hoy-card.clima .ficha-temp {
      font-size: 1.28rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1;
      color: #111;
      display: flex; align-items: center; gap: 0.22rem;
      flex: 0 0 auto;
    }
    .hoy-card.clima .ficha-meta {
      font-size: 0.52rem;
      line-height: 1.15;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .hoy-card.clima .ficha-range {
      font-size: 0.58rem;
      font-weight: 800;
      color: #2a5080;
      line-height: 1.1;
      white-space: nowrap;
    }
    .hoy-card.clima .ficha-grid { display: none !important; }

    /* Modal único — fichas Hoy en Oro */
    .gdo-hoy-modal {
      position: fixed; inset: 0; z-index: 10050;
      display: flex; align-items: center; justify-content: center; padding: 1rem;
    }
    .gdo-hoy-modal[hidden] { display: none !important; }
    .gdo-hoy-modal:not([hidden]) { display: flex !important; }
    .gdo-hoy-modal-bg {
      position: absolute; inset: 0;
      background: rgba(0,0,0,.65);
    }
    .gdo-hoy-modal-sheet {
      position: relative; z-index: 1;
      width: min(100%, 440px);
      max-height: min(86vh, 720px);
      overflow: auto;
      background: #0c0c0c;
      color: #f5f5f5;
      border-radius: 18px;
      box-shadow: 0 12px 40px rgba(0,0,0,.45);
      padding: 0.75rem 0.55rem 1.1rem;
      font-family: var(--gdo-font, "Manrope", "Segoe UI", system-ui, sans-serif);
    }
    .gdo-hoy-modal-hdr {
      display: flex; align-items: center; justify-content: space-between;
      gap: 0.75rem; padding: 0 0.35rem 0.55rem;
    }
    .gdo-hoy-modal-hdr h3 {
      margin: 0; font-size: 0.88rem; font-weight: 800;
      color: var(--oro, #f2b038); letter-spacing: 0.03em;
    }
    .gdo-hoy-modal-x {
      width: 34px; height: 34px; border-radius: 50%;
      border: 1px solid #333; background: #1a1a1a; color: #f2b038;
      font-size: 1.15rem; cursor: pointer; flex: 0 0 auto;
      display: grid; place-items: center;
    }
    .gdo-hoy-panel[hidden] { display: none !important; }
    .gdo-hoy-panel-simple {
      padding: 0.75rem 0.85rem 1rem;
      background: var(--crema, #f3ead7);
      color: #1a1a1a;
      border-radius: 14px;
      margin: 0 0.35rem;
    }
    .gdo-hoy-panel-simple .k {
      font-size: 0.62rem; font-weight: 800; text-transform: uppercase;
      letter-spacing: 0.04em; color: #5a5a5a; margin-bottom: 0.4rem;
    }
    .gdo-hoy-panel-simple .v {
      font-size: 1.25rem; font-weight: 800; line-height: 1.25; margin: 0 0 0.45rem;
    }
    .gdo-hoy-panel-simple .s { font-size: 0.82rem; font-weight: 600; color: #333; margin: 0; }
    .gdo-clima-grid {
      list-style: none; margin: 0.75rem 0 0; padding: 0;
      display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem;
    }
    .gdo-clima-grid li {
      background: rgba(255,255,255,.55);
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 10px;
      padding: 0.45rem 0.55rem;
      display: flex; flex-direction: column; gap: 0.15rem;
    }
    .gdo-clima-grid span { font-size: 0.62rem; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: .03em; }
    .gdo-clima-grid strong { font-size: 0.88rem; font-weight: 800; color: #1a1a1a; }
    .gdo-clima-man {
      margin-top: 0.7rem; padding: 0.55rem 0.65rem;
      border-radius: 10px; background: #fff;
      border: 1px solid rgba(0,0,0,.06);
      display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.55rem;
    }
    .gdo-clima-man .k { margin: 0; }
    .gdo-clima-man strong { font-size: 0.92rem; }
    .gdo-clima-man span:last-child { font-size: 0.75rem; color: #555; font-weight: 600; }
    .gdo-clima-src { margin: 0.65rem 0 0; font-size: 0.62rem; color: #888; font-weight: 600; }
    .gdo-clima-rich .v { font-size: 1.55rem !important; }
    .gdo-clima-grid { grid-template-columns: 1fr 1fr 1fr !important; }
    @media (max-width: 380px) {
      .gdo-clima-grid { grid-template-columns: 1fr 1fr !important; }
    }
    .gdo-clima-days {
      display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem;
      margin-top: 0.7rem;
    }
    .gdo-clima-day {
      background: #fff; border: 1px solid rgba(0,0,0,.06);
      border-radius: 10px; padding: 0.5rem 0.55rem;
    }
    .gdo-clima-day .k { margin-bottom: 0.25rem; }
    .gdo-clima-day strong { display: block; font-size: 0.95rem; margin: 0.15rem 0; }
    .gdo-clima-day em { font-style: normal; font-size: 0.72rem; color: #555; font-weight: 600; }

    /* Calendario original dentro del modal */
    .gdo-hoy-modal .ft-box {
      margin: 0 0.15rem 0.25rem !important;
      max-width: none;
    }
    .hoy-card { cursor: pointer; }

    /* Móvil + tablet: 3 cards iguales · Rodolfo 2026-09-22 */
    @media (max-width: 1023px) {
      .hoy-scroller,
      .hoy-track {
        gap: 0.4rem;
        padding: 0 0.55rem;
      }
      .hoy-card {
        flex: 0 0 calc((100% - 0.8rem) / 3);
        max-width: none;
        min-height: 120px;
        height: 120px;
        border-radius: 11px;
      }
      .hoy-card .ficha-hdr {
        font-size: 0.58rem;
        padding: 0.34rem 0.28rem 0.3rem 1.45rem;
      }
      .hoy-card .ficha-badge {
        width: 17px; height: 17px;
        font-size: 0.52rem;
        left: 0.22rem;
      }
      .hoy-card .ficha-body {
        margin: 0.2rem 0.22rem 0;
        padding: 0.22rem 0.28rem 0.18rem;
      }
      .hoy-card .ficha-ico { font-size: 1.15rem; }
      .hoy-card .ficha-title { font-size: 0.8rem; line-height: 1.15; font-weight: 700; }
      .hoy-card .ficha-meta { font-size: 0.62rem; }
      .hoy-card .ficha-foot { font-size: 0.62rem; font-weight: 700; }
      .hoy-card.clima .ficha-temp { font-size: 1.12rem; }
      .hoy-card.clima .ficha-meta { font-size: 0.58rem; }
      .hoy-card.clima .ficha-range { font-size: 0.58rem; }
      .hoy-card .ficha-foot {
        font-size: 0.62rem;
        padding: 0.22rem 0.18rem;
        margin: 0 0.22rem 0.22rem;
      }
      .hoy-card .ficha-foot .dot { width: 13px; height: 13px; font-size: 0.58rem; }
    }

    /* Desktop: 4 cards Hoy en Oro en el ancho del feed · Rodolfo 2026-09-22 */
    @media (min-width: 1024px) {
      .hoy-scroller,
      .hoy-track {
        gap: 0.45rem;
        padding: 0 0.65rem;
      }
      .hoy-card {
        flex: 0 0 calc((100% - 1.35rem) / 4);
        max-width: none;
        min-height: 128px;
        height: 128px;
        border-radius: 12px;
      }
    }

    /* —— posts —— */
    .post {
      margin: 0 1rem 0.85rem;
      background: var(--bg-card);
      border: 1px solid #2a2a2a;
      border-radius: 14px;
      overflow: hidden;
    }
    .post-head {
      display: flex;
      align-items: flex-start;
      gap: 0.55rem;
      padding: 0.75rem 0.8rem 0.45rem;
    }
    .post-head .who { flex: 1; min-width: 0; }
    .post-head .name {
      font-size: 0.82rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 0.3rem;
    }
    .verified {
      color: var(--oro);
      font-size: 0.75rem;
    }
    .post-head .when {
      font-size: 0.68rem;
      color: var(--muted);
      margin-top: 0.1rem;
    }
    .tag {
      flex: 0 0 auto;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      background: var(--chip);
      color: #fff;
      padding: 0.28rem 0.5rem;
      border-radius: 6px;
    }
    .post h3 {
      margin: 0;
      padding: 0 0.8rem 0.55rem;
      font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
      font-size: 1.02rem;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: -0.01em;
      color: #e6e6e6;
      font-synthesis: none;
    }
    .post-media {
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      display: block;
      background: #222;
    }
    .post p.cap {
      margin: 0;
      padding: 0.65rem 0.8rem 0.35rem;
      font-size: 0.82rem;
      color: #d0d0d0;
      line-height: 1.45;
    }
    .actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.15rem 0.35rem;
      padding: 0.35rem 0.55rem 0.65rem;
    }
    .actions button {
      background: none;
      border: 0;
      color: var(--muted);
      font: inherit;
      font-size: 0.72rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      cursor: pointer;
      padding: 0.4rem 0.4rem;
    }
    .gdo-btn-guardar.is-saved { color: var(--oro, #f2b038); font-weight: 700; }
    .gdo-btn-like.is-liked { color: #ff6b8a; font-weight: 700; }
    .gdo-btn-compartir.is-copied { color: var(--oro, #f2b038); font-weight: 700; }
    .actions .agendar {
      margin-left: auto;
      background: var(--oro);
      color: #111;
      border-radius: 999px;
      padding: 0.4rem 0.75rem;
      font-weight: 800;
      font-size: 0.72rem;
    }
    /* —— resumen —— */
    .resumen {
      margin: 0 1rem 0.85rem;
      border: 1px solid var(--oro-line);
      background: var(--oro-dim);
      border-radius: 14px;
      padding: 0.75rem 0.85rem;
    }
    .resumen-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.55rem;
    }
    .resumen-head h2 {
      margin: 0;
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.03em;
      display: flex;
      align-items: center;
      gap: 0.35rem;
      color: var(--oro);
    }
    .resumen-head a {
      color: var(--oro);
      font-size: 0.7rem;
      font-weight: 700;
      text-decoration: none;
    }
    .resumen ol {
      margin: 0;
      padding: 0;
      list-style: none;
      counter-reset: r;
    }
    .resumen li {
      counter-increment: r;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0.45rem 0;
      border-top: 1px solid rgba(242,176,56,0.15);
      font-size: 0.82rem;
      font-weight: 600;
    }
    .resumen li::before {
      content: counter(r) ". ";
      color: var(--oro);
      font-weight: 800;
    }
    .resumen li span { flex: 1; }
    .resumen li::after {
      content: "›";
      color: var(--muted);
      font-size: 1.1rem;
    }
    /* —— temas —— */
    .temas { padding: 0.25rem 1rem 1.25rem; }
    .temas h2 {
      margin: 0 0 0.55rem;
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.03em;
      display: flex;
      align-items: center;
      gap: 0.35rem;
    }
    .tags-row {
      display: flex;
      gap: 0.45rem;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .tags-row::-webkit-scrollbar { display: none; }
    .hash {
      flex: 0 0 auto;
      border: 1px solid #333;
      background: #141414;
      color: var(--oro);
      border-radius: 999px;
      padding: 0.4rem 0.75rem;
      font-size: 0.75rem;
      font-weight: 700;
      text-decoration: none;
    }
    /* —— bottom nav —— */
    .bottom {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      height: calc(var(--nav-h) + var(--safe-b));
      padding-bottom: var(--safe-b);
      background: #0a0a0a;
      border-top: 1px solid #222;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
    }
    .bottom a, .bottom .fab-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.15rem;
      color: var(--muted);
      text-decoration: none;
      font-size: 0.58rem;
      font-weight: 600;
    }
    .bottom a.active { color: var(--oro); }
    .bottom svg { width: 22px; height: 22px; }
    .fab {
      width: 52px; height: 52px;
      border-radius: 50%;
      background: var(--oro);
      color: #111;
      display: grid; place-items: center;
      font-size: 1.75rem;
      font-weight: 700;
      margin-top: -18px;
      box-shadow: 0 6px 18px rgba(242,176,56,0.35);
      border: 3px solid #0a0a0a;
      text-decoration: none;
      line-height: 1;
    }
    @media (max-width: 430px) {
      body { padding: 0; background: var(--bg); }
      .gdo-tablon {
        width: 100%;
        min-height: 100vh;
        border-radius: 0;
        box-shadow: none;
      }
      .stage-label { display: none; }
    }
  

/* Windows: NO forzar antialiased (deja ClearType subpixel = sin serruchos) */
.gdo-tablon,
.gdo-tablon * {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: auto;
}
@supports (-moz-appearance: none) {
  .gdo-tablon { -moz-osx-font-smoothing: auto; }
}

.gdo-tablon {
  --gdo-font: "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-family: var(--gdo-font);
  font-synthesis: none;
  width:100%; max-width:100%; margin:0 auto; background:var(--bg); border-radius:0; box-shadow:none; min-height:auto; padding-bottom:1rem; /* ancho = site-shell */ }
.gdo-tablon-badge { text-align:center; font:600 0.7rem var(--gdo-font, "Manrope", "Segoe UI", sans-serif); letter-spacing:.06em; color:#f2b038; opacity:.85; margin:0.25rem 0 0.75rem; text-transform:uppercase; }
/* —— toggle vistas —— */
    /* vista: solo iconitos */

    /* Chips del tablón: PARA VOS · PODCAST · F.ORO · SIMPLE/LISTA (una sola fila) */
    .tablon-toolbar { margin: 0.55rem 0.5rem 0.65rem; }
    .tablon-toolbar .chips::-webkit-scrollbar { display: none; }
    .chips-vista {
      display: inline-flex !important;
      gap: 0.25rem;
      flex: 0 0 auto !important;
      flex-shrink: 0 !important;
      margin-left: auto !important;
    }
    .chip.chip-vista {
      width: 32px;
      min-width: 32px;
      height: 32px;
      padding: 0 !important;
      justify-content: center;
      font-size: 0.95rem;
      letter-spacing: 0;
    }
    .chip.chip-vista.active {
      color: #111 !important;
      background: var(--oro, #f2b038) !important;
      border-color: var(--oro, #f2b038) !important;
    }
    .chip-lugar {
      position: relative;
      flex: 0 0 auto;
      z-index: 20;
    }
    .chip-lugar-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      white-space: nowrap;
      max-width: 100%;
    }
    .chip-lugar-btn .cp-name {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 11rem;
    }
    .chip-lugar-btn .cp-chev {
      color: var(--oro, #f2b038);
      font-size: 0.7rem;
      line-height: 1;
    }
    .chip-lugar-btn.active .cp-chev { color: #111; }
    .chip-lugar-menu {
      position: fixed;
      top: 0;
      left: 0;
      min-width: 11rem;
      margin: 0;
      padding: 0.35rem 0;
      list-style: none;
      background: #141414;
      border: 1px solid #333;
      border-radius: 12px;
      box-shadow: 0 10px 28px rgba(0,0,0,.45);
      z-index: 9999;
    }
    .chip-lugar-menu[hidden] { display: none !important; }
    .chip-lugar-menu li {
      padding: 0.55rem 0.9rem;
      font: 700 0.72rem var(--gdo-font, "Manrope", "Segoe UI", sans-serif);
      letter-spacing: 0.02em;
      color: #f5f5f5;
      cursor: pointer;
      white-space: nowrap;
    }
    .chip-lugar-menu li:hover,
    .chip-lugar-menu li[aria-selected="true"] {
      background: rgba(242,176,56,.18);
      color: var(--oro, #f2b038);
    }

    /* Barra: alcance arriba · filtros+vista abajo (columna: evita que width:100% aplaste la vista) */
    .tablon-toolbar {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 0.45rem;
      margin: 0.55rem auto 0.65rem;
      padding: 0;
      flex-wrap: nowrap;
      overflow: visible;
      position: relative;
      z-index: 30;
      width: 100%;
      box-sizing: border-box;
    }
    .tablon-toolbar .chips {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 0.35rem;
      flex: 0 0 auto;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      margin: 0;
      padding: 0;
      overflow-x: auto;
      overflow-y: visible;
      box-sizing: border-box;
    }
    .tablon-toolbar .chips.chips-toolbar {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 0.35rem;
      width: 100%;
      overflow-x: auto;
      overflow-y: visible;
    }
    .tablon-toolbar .chips.chips-scope {
      margin-bottom: 0;
    }
    .vista-toggle,
    .tablon-toolbar .chips-vista {
      display: inline-flex !important;
      align-items: center;
      justify-content: flex-end;
      gap: 0.25rem;
      margin: 0 0 0 auto !important;
      padding: 0;
      flex: 0 0 auto !important;
      flex-shrink: 0 !important;
      position: relative;
      z-index: 2;
    }
    .vista-toggle button {
      height: 30px;
      min-width: 30px;
      padding: 0 0.45rem;
      border: 1px solid #333;
      border-radius: 8px;
      background: #161616;
      color: #888;
      font: 700 0.68rem var(--gdo-font, "Manrope", "Segoe UI", sans-serif);
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      position: relative;
      z-index: 2;
    }
    .vista-toggle .vt-ico { font-size: 0.85rem; }
    .vista-toggle .vt-label { display: inline; }
    .vista-toggle button.active {
      color: var(--oro, #fdc049);
      border-color: rgba(242,176,56,.55);
      background: #1c1c1c;
    }
    @media (max-width: 380px) {
      .vista-toggle .vt-label { display: none; }
      .vista-toggle button { padding: 0; width: 30px; justify-content: center; }
    }

    /* —— vista LISTA / compacta — estética card (no fila pobre) —— */
    .post .compact-when { display: none; }
    .gdo-tablon[data-vista-mode="compacta"] .post,
    .gdo-tablon.vista-compacta .post {
      display: grid !important;
      grid-template-columns: 128px minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      column-gap: 0.95rem;
      row-gap: 0.28rem;
      align-items: start;
      padding: 0.85rem !important;
      min-height: 0;
      margin: 0 0 0.7rem !important;
      background: linear-gradient(165deg, #161616 0%, #0e0e0e 100%) !important;
      border: 1px solid #2a2a2a !important;
      border-radius: 16px !important;
      box-shadow: 0 6px 18px rgba(0,0,0,.28);
      position: relative;
      overflow: hidden;
      transition: border-color .18s ease, transform .18s ease;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post::before,
    .gdo-tablon.vista-compacta .post::before {
      content: "";
      position: absolute;
      left: 0; top: 12px; bottom: 12px;
      width: 3px;
      border-radius: 0 3px 3px 0;
      background: var(--oro, #f2b038);
      opacity: .85;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post:active,
    .gdo-tablon.vista-compacta .post:active {
      border-color: rgba(242,176,56,.45) !important;
      transform: scale(0.992);
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-media,
    .gdo-tablon.vista-compacta .post-media {
      grid-column: 1;
      grid-row: 1 / span 3;
      width: 128px !important;
      height: 128px !important;
      max-width: 128px !important;
      aspect-ratio: 1 / 1 !important;
      object-fit: cover !important;
      border-radius: 12px !important;
      margin: 0 !important;
      box-shadow: 0 2px 10px rgba(0,0,0,.35);
      border: 1px solid rgba(255,255,255,.06);
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-video,
    .gdo-tablon.vista-compacta .post-video {
      grid-column: 1 / -1;
      margin: .35rem 0 0 !important;
      max-height: 160px;
      aspect-ratio: 16 / 9;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-head,
    .gdo-tablon.vista-compacta .post-head {
      grid-column: 2;
      grid-row: 1;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      gap: 0.45rem;
      margin: 0 !important;
      padding: 0.05rem 0 0 !important;
      min-width: 0;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-head .avatar,
    .gdo-tablon.vista-compacta .post-head .avatar { display: none !important; }
    .gdo-tablon[data-vista-mode="compacta"] .post-head .when,
    .gdo-tablon.vista-compacta .post-head .when { display: none !important; }
    .gdo-tablon[data-vista-mode="compacta"] .post-head .who,
    .gdo-tablon.vista-compacta .post-head .who {
      flex: 1 1 auto;
      min-width: 0;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-head .name,
    .gdo-tablon.vista-compacta .post-head .name {
      font-size: 0.72rem !important;
      color: #c9c9c9 !important;
      font-weight: 700 !important;
      letter-spacing: 0.01em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post-head .tag,
    .gdo-tablon.vista-compacta .post-head .tag {
      flex: 0 0 auto;
      font-size: 0.58rem !important;
      font-weight: 800 !important;
      letter-spacing: 0.05em !important;
      padding: 0.22rem 0.48rem !important;
      border-radius: 999px !important;
      background: rgba(242,176,56,.14) !important;
      color: var(--oro, #f2b038) !important;
      border: 1px solid rgba(242,176,56,.35);
    }
    .gdo-tablon[data-vista-mode="compacta"] .post h3,
    .gdo-tablon.vista-compacta .post h3 {
      grid-column: 2;
      grid-row: 2;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 1.02rem !important;
      font-weight: 800 !important;
      line-height: 1.28 !important;
      color: #f7f7f7 !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post .compact-when,
    .gdo-tablon.vista-compacta .post .compact-when {
      grid-column: 2;
      grid-row: 3;
      display: flex !important;
      align-items: center;
      gap: 0.35rem;
      width: auto;
      padding: 0 !important;
      margin: 0.1rem 0 0 !important;
      font-size: 0.68rem;
      font-weight: 600;
      color: #8a8a8a;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post .compact-when::before,
    .gdo-tablon.vista-compacta .post .compact-when::before {
      content: "·";
      color: var(--oro, #f2b038);
      font-weight: 900;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post .cap,
    .gdo-tablon[data-vista-mode="compacta"] .post .leer,
    .gdo-tablon.vista-compacta .post .cap,
    .gdo-tablon.vista-compacta .post .leer {
      display: none !important;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post .actions,
    .gdo-tablon.vista-compacta .post .actions {
      display: flex !important;
      grid-column: 1 / -1;
      grid-row: 4;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.15rem 0.2rem;
      margin: 0.35rem 0 0 !important;
      padding: 0.55rem 0.15rem 0.1rem !important;
      border-top: 1px solid #2a2a2a;
      width: 100%;
    }
    .gdo-tablon[data-vista-mode="compacta"] .post .actions button,
    .gdo-tablon.vista-compacta .post .actions button {
      font-size: 0.72rem !important;
      padding: 0.35rem 0.45rem !important;
      color: #bdbdbd !important;
    }
    /* feedback en la barra: se ve que el modo cambió */
    .gdo-tablon[data-vista-mode="compacta"] .tablon-toolbar,
    .gdo-tablon.vista-compacta .tablon-toolbar {
      border-bottom: 1px solid rgba(242,176,56,.35);
      padding-bottom: 0.35rem;
      margin-bottom: 0.55rem;
    }

    .post { cursor: pointer; }
    .post a.post-link { color: inherit; text-decoration: none; }
    .post a.post-link:hover h3 { color: var(--oro); }


    /* —— polish feed 0.5 —— */
    .gdo-tablon .lead { padding: 0; margin: 0.35rem auto 0.75rem; max-width: min(var(--gdo-tablon-inner, 560px), 100%); color: var(--muted); font-size: 0.88rem; }
    .gdo-tablon .composer { margin: 0 0 0.75rem; width: 100%; box-sizing: border-box; }
    .post { transition: border-color .15s ease, transform .12s ease; }
    .post:active { transform: scale(0.995); }
    .post .leer {
      display: none;
      margin: 0.35rem 1rem 0.2rem;
      color: var(--oro);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .gdo-tablon.vista-grande .post .leer { display: block; }
    .gdo-tablon.vista-compacta .post .cap,
    .gdo-tablon.vista-compacta .post .leer { display: none; }
    .feed-sentinel {
      text-align: center;
      color: var(--muted);
      font-size: 0.78rem;
      padding: 1.25rem 1rem 2rem;
    }
    .feed-sentinel.loading { color: var(--oro); }

    /* —— ciudad (multi-guía) —— */
    .ciudad-bar { padding: 0 1rem 0.5rem; }
    .ciudad-bar .lead { margin: 0.2rem 0 0.55rem; }
    .ciudad-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      background: #1a1a1a;
      border: 1px solid #333;
      color: #f5f5f5;
      border-radius: 999px;
      padding: 0.4rem 0.75rem;
      font: 700 0.82rem var(--gdo-font, "Manrope", "Segoe UI", sans-serif);
      cursor: pointer;
    }
    .ciudad-pill .cp-chev { color: var(--oro); font-size: 0.7rem; }
    .ciudad-hint {
      margin: 0.4rem 0 0;
      font-size: 0.72rem;
      color: var(--muted);
    }
    .chip { cursor: pointer; }
    .post[hidden] { display: none !important; }


/* —— Feed 3 columnas (tablet+desktop) · esqueleto —— */
.gdo-tablon.gdo-feed-skel {
  --gdo-font: "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --gdo-rail-left: 220px;
  --gdo-rail-right: 280px;
  --gdo-feed-max: 560px;
}
/* Rodolfo 2026-09-21: tablet = desktop (ambos menús); solo móvil pierde rails */
@media (min-width: 768px) {
  /* Desktop FB-like: laterales FIJOS, solo el feed central scrollea.
     overflow:hidden en .gdo-tablon (estilo phone) rompía position:sticky. */
  .gdo-tablon.gdo-feed-skel {
    display: grid !important;
    grid-template-columns: var(--gdo-rail-left) var(--gdo-feed-max) var(--gdo-rail-right);
    column-gap: 18px; /* entero: evita +1px por rem (560→561) */
    align-items: start;
    justify-content: center;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    overflow: visible !important; /* MUST: sticky rails */
    border-radius: 0 !important;
    min-height: 0 !important;
    padding-bottom: 2rem !important;
    width: 100% !important;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail-left { grid-column: 1; grid-row: 1; }
  .gdo-tablon.gdo-feed-skel > .gdo-feed-main {
    grid-column: 2; grid-row: 1; min-width: 0;
    width: var(--gdo-feed-max); min-width: var(--gdo-feed-max); max-width: var(--gdo-feed-max); box-sizing: border-box;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail-right { grid-column: 3; grid-row: 1; }
  /* Hoy mini-carrusel vuelve al feed (desktop); rail derecha queda como atajo */
  .gdo-tablon.gdo-feed-skel > .gdo-feed-main > .hoy-block {
    display: block !important;
    margin: 0 0 0.75rem;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail {
    position: sticky;
    top: 96px; /* bajo chrome sticky header+menú */
    align-self: start;
    max-height: calc(100vh - 104px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 3;
    scrollbar-width: none !important; /* Firefox — igual que Mac overlay */
    -ms-overflow-style: none !important; /* legacy Edge */
  }
  /* Izquierda: scrollea con rueda (Menú + cards). Barra oculta estilo Mac. Rodolfo 2026-09-21 */
  .gdo-tablon.gdo-feed-skel > .gdo-rail-left {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 104px);
    overscroll-behavior: contain;
    scrollbar-width: thin; /* Firefox: permite wheel + hint fino */
    scrollbar-color: rgba(242,176,56,.35) transparent;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail-right {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail::-webkit-scrollbar,
  .gdo-tablon.gdo-feed-skel > .gdo-rail-left::-webkit-scrollbar,
  .gdo-tablon.gdo-feed-skel > .gdo-rail-right::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
  }
  .gdo-rail-card {
    background: #121212;
    border: 1px solid #2a2a2a;
    border-radius: 14px;
    padding: 0.75rem 0.85rem;
    margin: 0 0 0.75rem;
  }
  /* Tipografía rails: pensada para Windows ClearType (evitar 800 + caps micro) */
  .gdo-tablon.gdo-feed-skel,
  .gdo-tablon.gdo-feed-skel .gdo-rail,
  .gdo-tablon.gdo-feed-skel .gdo-feed-main {
    font-family: var(--gdo-font, "Manrope", "Segoe UI", Roboto, Arial, sans-serif);
    font-synthesis: none;
          }
  .gdo-rail-card h3 {
    margin: 0 0 0.6rem;
    font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #f2b038;
  }
  .gdo-rail-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
  }
  .gdo-rail-nav a {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.52rem 0.55rem;
    border-radius: 10px;
    color: #d8d8d8;
    text-decoration: none;
    font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
  }
  .gdo-rail-nav a:hover { background: #1a1a1a; color: #f2b038; }
  .gdo-rail-nav .ico { width: 1.2rem; text-align: center; opacity: .9; }
  .gdo-rail-mini {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }
  .gdo-rail-mini a, .gdo-rail-mini button.gdo-rail-hoy-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    text-align: left;
    background: #0c0c0c;
    border: 1px solid #262626;
    border-radius: 12px;
    padding: 0.55rem 0.6rem;
    color: #d4d4d4;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
  }
  .gdo-rail-mini a:hover, .gdo-rail-mini button.gdo-rail-hoy-item:hover {
    border-color: rgba(242,176,56,.45);
  }
  .gdo-rail-mini .thumb {
    width: 40px; height: 40px; border-radius: 8px;
    object-fit: cover; background: #222; flex: 0 0 auto;
  }
  .gdo-rail-mini .meta { min-width: 0; }
  .gdo-rail-mini .meta strong {
    display: block;
    font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .gdo-rail-mini .meta span {
    display: block;
    font-size: 0.72rem;
    color: #9a9a9a;
    font-weight: 500;
    letter-spacing: 0;
  }
  .gdo-rail-note {
    margin: 0.35rem 0 0;
    font-size: 0.72rem;
    color: #777;
    font-weight: 500;
    letter-spacing: 0;
  }
  /* feed column: mismo ancho que Comercios/Avisos (100% del centro) */
  .gdo-tablon.gdo-feed-skel {
    --gdo-tablon-inner: 560px;
  }
  .gdo-tablon.gdo-feed-skel .gdo-feed-main .hoy-block,
  .gdo-tablon.gdo-feed-skel .gdo-feed-main > .block,
  .gdo-tablon.gdo-feed-skel .gdo-feed-main .tablon-toolbar,
  .gdo-tablon.gdo-feed-skel .gdo-feed-main > .post,
  .gdo-tablon.gdo-feed-skel .gdo-feed-main .post {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  .gdo-tablon.gdo-feed-skel .gdo-feed-main > .hoy-block {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
  }
}

/* —— Toolbar filtros acomodada —— */
@media (min-width: 768px) {
  .gdo-tablon.gdo-feed-skel .tablon-toolbar {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.45rem 0.55rem;
    margin: 0 0 0.75rem !important;
    padding: 0.55rem 0.65rem !important;
    background: #121212;
    border: 1px solid #2a2a2a;
    border-radius: 14px;
    box-sizing: border-box;
  }
  .gdo-tablon.gdo-feed-skel .tablon-toolbar .chips,
  .gdo-tablon.gdo-feed-skel .tablon-toolbar .chips-toolbar {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
  }
  .gdo-tablon.gdo-feed-skel .tablon-toolbar .chips-toolbar::-webkit-scrollbar { display: none; }
  .gdo-tablon.gdo-feed-skel .tablon-toolbar .chips-vista,
  .gdo-tablon.gdo-feed-skel .tablon-toolbar .vista-toggle {
    margin-left: auto !important;
    flex: 0 0 auto;
  }
}

/* —— Carrusel premium entre posts —— */
.gdo-premium-slot {
  margin: 0.65rem 0 0.85rem;
  padding: 0.7rem 0 0.55rem;
  background: linear-gradient(180deg, #14110a 0%, #0c0c0c 100%);
  border: 1px solid rgba(242,176,56,.28);
  border-radius: 16px;
  overflow: hidden;
}
.gdo-premium-slot .gdo-prem-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .5rem;
  padding: 0 .85rem .5rem;
}
.gdo-premium-slot .gdo-prem-head strong {
  font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .02em;
  text-transform: none;
  color: #f2b038;
}
.gdo-premium-slot .gdo-prem-head span {
  font: 600 .68rem/1.2 var(--gdo-font), system-ui, sans-serif;
  color: #888;
}
.gdo-premium-track {
  display: flex;
  gap: .65rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0 .85rem .65rem;
  scrollbar-width: none;
}

.gdo-premium-track::-webkit-scrollbar { display: none; }
.gdo-premium-slot .gdo-prem-head span.gdo-prem-vipnote { color: #f2b038; }

/* VIP: mismo espíritu que carrusel_vip_movil6 (banners anchos, no thumbs 168²) */
.gdo-premium-slot.is-vip {
  background: #121212;
  border-color: rgba(242,176,56,.32);
}
.gdo-premium-slot.is-vip .gdo-premium-track {
  gap: .35rem;
  padding-bottom: .55rem;
}
/* VIP live: sin doble línea dorada; alto libre para banners apaisados · Rodolfo 2026-09-21 */
.gdo-premium-slot--vip-live {
  padding: 0.55rem 0 0;
  overflow: hidden;
}
.gdo-premium-slot--vip-live .carrusel-vip-container {
  border-bottom: none !important;
  border-radius: 0 0 14px 14px;
  margin: 0;
  background: transparent;
  height: auto !important;
}
.gdo-premium-slot--vip-live .carrusel-vip-item img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  object-position: center;
}
.gdo-premium-slot--vip-live .gdo-prem-head {
  padding: 0 .85rem .35rem;
}
.gdo-premium-slot--vip-live .carrusel-vip-dots {
  display: none;
}

.gdo-prem-card {
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
  background: transparent;
  border: 0;
  border-radius: 12px;
}
@media (min-width: 600px) {
  .gdo-premium-slot.is-vip .gdo-prem-card {
    width: 33.333%;
    max-width: 33.333%;
    flex: 0 0 33.333%;
  }
}
@media (min-width: 1024px) {
  .gdo-premium-slot.is-vip .gdo-prem-card {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
  }
}
.gdo-premium-slot.is-vip .gdo-prem-card .pic,
.gdo-premium-slot.is-vip .gdo-prem-card .pic.pic-vip {
  width: 100%;
  height: 170px;
  aspect-ratio: auto;
  object-fit: contain;
  background: rgba(0,0,0,.4);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
}
.gdo-premium-slot.is-vip .gdo-prem-card .body {
  display: none; /* el banner VIP ya es la pieza; evita mini-texto recortado */
}
.gdo-premium-slot.is-vip .gdo-prem-card:hover {
  transform: none;
  border-color: transparent;
}

.gdo-prem-card {
  flex: 0 0 auto;
  width: min(168px, 58vw);
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 0; /* esquinas rectas dentro del slot redondeado */
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease;
}
.gdo-prem-card:hover {
  border-color: rgba(242,176,56,.55);
  transform: translateY(-1px);
}
.gdo-prem-card .pic {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #222;
  border-radius: 0;
}
.gdo-prem-card .pic-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #1a1a1a;
  font-size: 1.6rem;
}
.gdo-prem-card .body {
  padding: .55rem .6rem .65rem;
}
.gdo-prem-card .body strong {
  display: block;
  font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gdo-prem-card .body em {
  display: block;
  margin-top: .15rem;
  font-family: var(--gdo-font, "Manrope", "Segoe UI", Arial, sans-serif);
  font-size: .7rem;
  font-weight: 600;
  line-height: 1.2;
  color: #f2b038;
  font-style: normal;
  letter-spacing: 0.01em;
  text-transform: none;
}

@media (max-width: 767px) {
  .gdo-rail-left, .gdo-rail-right { display: none !important; }
  .gdo-feed-main { display: contents; } /* children participate as before */
}
/* Tablet: igual a desktop, un poco más angosto (ambos menús) · Rodolfo 2026-09-21 */
@media (min-width: 768px) and (max-width: 1023px) {
  .gdo-tablon.gdo-feed-skel {
    --gdo-rail-left: 168px;
    --gdo-rail-right: 200px;
    --gdo-feed-max: 480px;
    grid-template-columns: var(--gdo-rail-left) minmax(0, 1fr) var(--gdo-rail-right) !important;
    column-gap: 12px !important;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-rail-left,
  .gdo-tablon.gdo-feed-skel > .gdo-rail-right {
    display: block !important;
  }
  .gdo-tablon.gdo-feed-skel > .gdo-feed-main {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}