/* CSS propio de la portada `home-vueltadegallina` — era un <style> en views/home-vueltadegallina.ejs hasta el 23-sep-2026. */
.vg-wrap{max-width:1240px;margin:0 auto;padding:0 24px 28px}

    .vg-cinta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;border-bottom:2px solid var(--ink);padding:8px 0 7px;
      font:500 11px/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
    .vg-cinta .vg-hoy{color:var(--ink);font-weight:600}
    .vg-cinta .vg-sitio{background:var(--franja);color:var(--franja-ink);font-family:var(--display);font-weight:600;letter-spacing:.12em;padding:3px 7px}
    .vg-cinta .vg-act{margin-left:auto;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}

    .vg-parrilla{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:14px}
    .vg-parrilla > *{min-width:0}
    .vg-ap{grid-column:span 2;padding-right:20px}
    .vg-col{padding-left:19px;border-left:1px solid var(--hairline-2)}
    .vg-col + .vg-col{padding-right:0}

    .vg-franja{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--franja);color:var(--franja-ink);
      font:600 10.5px/1 var(--display);letter-spacing:.15em;text-transform:uppercase;padding:6px 8px}
    .vg-franja em{font:500 9.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.72);white-space:nowrap}
    .vg-franja--ink{background:var(--franja-alt)}
    .vg-franja--ink em{color:#E0A5A5}

    .vg-ap h1{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.1vw,41px);line-height:1.02;letter-spacing:-.045em;
      color:var(--ink);margin:11px 0 0;text-wrap:balance}
    .vg-ap h1 a{color:inherit}
    .vg-ap h1 a:hover{color:var(--accent)}
    .vg-ap-dek{font:400 14.5px/1.5 var(--sans);color:var(--ink-2);margin:9px 0 0;max-width:64ch}
    .vg-ap-cuerpo{display:grid;grid-template-columns:1fr 152px;gap:18px;align-items:start;margin-top:12px;
      border-top:1px solid var(--hairline);padding-top:11px}
    .vg-ap-texto{columns:2;column-gap:22px;column-rule:1px solid var(--hairline);font:400 13.5px/1.55 var(--sans);color:var(--ink-2)}
    .vg-ap-texto p{margin:0 0 .7em;max-width:52ch;break-inside:avoid}
    .vg-ap-foto{display:block;width:152px;aspect-ratio:4/3;overflow:hidden;background:var(--paper-3)}
    .vg-ap-foto img{width:100%;height:100%;object-fit:cover}
    .vg-ph{width:100%;height:100%;background:repeating-linear-gradient(135deg,#EDEBE7 0 7px,#E3E0DB 7px 14px)}
    .vg-ap-pie{font:500 10px/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);margin-top:6px}
    .vg-ap-firma{font:500 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
      border-top:1px solid var(--hairline);margin-top:11px;padding-top:6px;font-variant-numeric:tabular-nums}

    .vg-claves{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:12px;border-top:2px solid var(--ink);padding-top:2px}

    .vg-filas{list-style:none;margin:0;padding:0}
    .vg-filas li{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--hairline);padding:6px 0}
    .vg-filas li:last-child{border-bottom:0}
    .vg-filas li > a{flex:1;min-width:0}
    .vg-filas h3,.vg-filas h4{margin:0;font-family:var(--display);font-weight:500;font-size:13.5px;line-height:1.26;letter-spacing:-.016em;color:var(--ink)}
    .vg-filas a:hover h3,.vg-filas a:hover h4{color:var(--accent)}
    .vg-filas time{font:500 10px/1.5 var(--sans);letter-spacing:.06em;color:var(--muted-2);white-space:nowrap;font-variant-numeric:tabular-nums}
    .vg-filas .vg-cat{display:block;font:600 9.5px/1 var(--display);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}

    .vg-ult{list-style:none;margin:0;padding:0}
    .vg-ult li{display:grid;grid-template-columns:42px 1fr;gap:10px;border-bottom:1px dotted var(--hairline-2);padding:7px 0}
    .vg-ult li:last-child{border-bottom:0}
    .vg-ult .vg-h{font-family:var(--display);font-weight:700;font-size:12.5px;line-height:1.3;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
    .vg-ult h3{margin:0;font-family:var(--display);font-weight:500;font-size:13px;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}
    .vg-ult a:hover h3{color:var(--accent)}

    .vg-secciones{display:grid;grid-template-columns:repeat(var(--sec-cols,4),1fr);gap:20px;margin-top:24px;border-top:2px solid var(--ink);padding-top:14px}
    .vg-bloque{min-width:0}
    .vg-bloque .vg-filas{margin-top:2px}

    .vg-tira{margin-top:24px;border-top:2px solid var(--ink);padding-top:14px}
    .vg-tira-cols{columns:4;column-gap:22px;column-rule:1px solid var(--hairline);margin-top:4px}
    .vg-tira-cols li{break-inside:avoid}

    .vg-cierre{margin-top:26px;border-top:2px solid var(--ink);padding-top:14px}
    .vg-cierre .prd-x44{margin-top:12px}
    .vg-pauta{margin:22px 0 0}
    .vg-empty{padding:56px 0;text-align:center}

    @media(max-width:1024px){
      .vg-parrilla{grid-template-columns:repeat(2,1fr);row-gap:22px}
      .vg-ap{grid-column:span 2;padding-right:0}
      .vg-col{padding-left:0;border-left:0;border-top:2px solid var(--ink);padding-top:12px}
      .vg-col + .vg-col{padding-left:19px;border-left:1px solid var(--hairline-2)}
      .vg-secciones{grid-template-columns:repeat(2,1fr);row-gap:18px}
      .vg-tira-cols{columns:2}
    }
    @media(max-width:720px){
      .vg-wrap{padding:0 14px 22px}
      .vg-cinta .vg-act{margin-left:0}

      .vg-parrilla{grid-template-columns:1fr;row-gap:18px}
      .vg-ap{grid-column:auto}
      .vg-ap-cuerpo{grid-template-columns:1fr;gap:12px}
      .vg-ap-texto{columns:1;column-rule:0}
      .vg-ap-foto{width:100%;aspect-ratio:16/9;max-width:420px}
      .vg-claves{grid-template-columns:1fr;gap:0}
      .vg-col + .vg-col{padding-left:0;border-left:0}
      .vg-secciones{grid-template-columns:1fr}
      .vg-tira-cols{columns:1;column-rule:0}
    }