/* /tiras/ — el archivo de Glitch & Oli. Lo común está en base.css */
/* Lo común (cabecera, pie, arranque, botones) está en /css/base.css; aquí solo las tiras */
:root{ --bright:var(--text); --display:var(--font); }
.tiras{ max-width:940px; }
.slabel{ font-family:var(--mono); font-size:13px; letter-spacing:6px; color:var(--dim); text-transform:uppercase; margin:38px 0 16px; display:flex; align-items:center; gap:14px; }
.slabel::after{ content:""; flex:1; height:1px; background:rgba(160,174,192,.14); }
.card{ background:var(--panel); border:1px solid rgba(160,174,192,.12); border-radius:14px; overflow:hidden; margin-bottom:26px; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.card.today{ border-color:rgba(247,67,11,.45); box-shadow:0 20px 60px rgba(247,67,11,.10),0 18px 50px rgba(0,0,0,.4); }
.chead{ display:flex; align-items:center; justify-content:space-between; padding:20px 24px 14px; gap:12px; }
.cnum{ font-weight:700; font-size:30px; letter-spacing:-1px; }
.cnum b{ color:var(--primary); }
.cright{ display:flex; align-items:center; gap:12px; }
.cdate{ font-family:var(--mono); font-size:13px; letter-spacing:3px; color:var(--mid); text-transform:uppercase; }
.badge-today{ font-family:var(--mono); font-size:11px; letter-spacing:3px; color:var(--navy-deep); background:var(--primary); padding:4px 10px; border-radius:4px; font-weight:700; }
.cimg{ background:var(--paper); padding:14px; cursor:zoom-in; }
.cimg img{ width:100%; display:block; border-radius:4px; }
.cfoot{ padding:16px 24px 22px; }
.cfoot:empty{ display:none; }
.ctema{ font-weight:700; font-size:22px; letter-spacing:-.5px; line-height:1.15; padding:0 24px 16px; }
.cnota{ color:var(--mid); font-size:16px; line-height:1.5; }
.cnota + .cnews{ margin-top:10px; }
.clink{ font-family:var(--mono); font-size:11px; letter-spacing:2px; color:var(--mid); background:transparent; border:1px solid rgba(160,174,192,.3); border-radius:4px; padding:4px 8px; cursor:pointer; }
.clink:hover{ color:var(--primary); border-color:var(--primary); }
.cstack{ display:none; }
.cstack .cimg{ padding:10px 10px 0; }
.cstack .cimg:last-child{ padding-bottom:10px; }
.cnews{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-family:var(--mono); font-size:12px; letter-spacing:2px; color:var(--primary); text-transform:uppercase; text-decoration:none; }
.more{ display:block; width:100%; text-align:center; padding:20px; margin:8px 0 60px; background:transparent; border:1px dashed rgba(160,174,192,.3); border-radius:12px; color:var(--bright); font-family:var(--mono); letter-spacing:4px; font-size:14px; text-transform:uppercase; cursor:pointer; transition:border-color .2s,background .2s; }
.more:hover{ border-color:var(--primary); background:rgba(247,67,11,.06); }
.more span{ color:var(--primary); }
.rss svg{ fill:currentColor; }
.card{ scroll-margin-top:20px; }
.foot{ color:var(--dim); font-family:var(--mono); font-size:12px; letter-spacing:2px; padding:10px 0 0; }
/* Lightbox */
.lb{ position:fixed; inset:0; background:rgba(5,8,22,.94); z-index:100; display:none; align-items:center; justify-content:center; padding:30px; cursor:zoom-out; }
.lb.on{ display:flex; }
.lb img{ max-width:100%; max-height:88vh; object-fit:contain; border-radius:6px; box-shadow:0 20px 80px rgba(0,0,0,.6); }
.lb .lbclose{ position:absolute; top:24px; right:30px; color:var(--bright); font-family:var(--mono); font-size:22px; letter-spacing:2px; cursor:pointer; }
.lb .lbcap{ position:absolute; bottom:24px; left:0; right:0; text-align:center; font-family:var(--mono); font-size:13px; letter-spacing:3px; color:var(--mid); }
@media (max-width:640px){
  .cnum{ font-size:24px; } .ctema{ font-size:19px; padding:0 18px 14px; }
  .chead{ padding:16px 18px 12px; } .cfoot{ padding:14px 18px 18px; }
  .cdate{ font-size:11px; letter-spacing:2px; }
  .con-vinetas .cstrip{ display:none; }
  .con-vinetas .cstack{ display:block; }
  .lb img{ max-height:80vh; }
}