/* Páginas de sesión (base.html): mismo acabado que la portada mejorada. Papel limpio, sin ruido,
   manchas ni viñeta; superficies con borde fino y sombra suave. No toca la maquetación. */
body{background:#F6F3EC!important}
body::before,body::after{display:none!important;content:none!important}
.bg-orb{display:none!important}

/* ══ Sistema de la casa en las páginas de sesión (13-oct): filas en vez de tarjetas, sin sombras, logotipo ══ */
:root{--ink2:#2C2C31;--ink3:#4A4A51}
.topnav-brand,.brand,.logo{display:inline-flex!important;align-items:center;gap:10px;font-family:'Source Serif 4',serif!important;font-size:24px!important}
.topnav-brand::before{content:"";width:26px;height:26px;border-radius:6px;background:url(/static/img/monograma.svg) center/cover no-repeat}
.topnav-brand b{color:#141416!important;font-weight:400!important}
.stats{gap:0!important;border-top:2px solid #141416;border-bottom:1px solid rgba(20,20,22,.2)}
.stat{background:none!important;border:0!important;border-left:1px solid rgba(122,92,30,.16)!important;border-radius:0!important;box-shadow:none!important}
.stat:first-child{border-left:0!important}
.stat::before,.stat::after{display:none!important}
.stat-label{font:600 10.5px 'Geist Mono',monospace!important;letter-spacing:1.4px!important;color:#4A4A51!important}
.stat-val{font:400 52px/1 'Source Serif 4',serif!important;color:#141416!important;letter-spacing:-1.5px}
.act{border-radius:0!important;background:none!important;border:0!important;border-bottom:1.5px solid #B08D3E!important;box-shadow:none!important;padding:8px 2px!important;font:500 15px 'DM Sans',sans-serif!important}
.act-dot{display:none!important}
.reports{gap:0!important;border-top:2px solid #141416}
.rcard{background:none!important;border:0!important;border-bottom:1px solid rgba(122,92,30,.16)!important;border-radius:0!important;box-shadow:none!important;padding:16px 4px!important}
.rcard:hover{background:rgba(176,141,62,.05)!important;transform:none!important}
.rc-bar{display:block!important;width:3px!important;min-height:38px!important;border-radius:1px!important;opacity:.9}
.rc-type{font:600 10.5px 'Geist Mono',monospace!important;letter-spacing:1.2px!important}
.rc-title a{font:400 21px/1.2 'Source Serif 4',serif!important;color:#141416!important}
.rc-desc{font-size:14px!important;color:#4A4A51!important}
.tabs{border:0!important;border-bottom:1px solid rgba(20,20,22,.2)!important;border-radius:0!important;background:none!important}
.tab{border-radius:0!important;background:none!important;border:0!important;border-bottom:2px solid transparent!important;font:500 14px 'DM Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.tab.on{color:#141416!important;border-bottom-color:#141416!important}
.teaser-card,.pp-item{background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(20,20,22,.2)!important}
input[type=search],input[type=text],.search input{border-radius:2px!important;box-shadow:none!important}
.sec h2,.sec-title{font-weight:400!important}
/* panel: los nombres largos de fondo caben en dos líneas antes de cortar; etiquetas de suscripción que bajan de línea en móvil */
.rcard .rc-title{white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip!important;line-height:1.28!important}
.rcard .rc-title a{white-space:normal!important}
.rcard .rc-desc{white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:700px){.hero-badges{flex-wrap:wrap!important;row-gap:6px}.rcard{grid-template-columns:3px minmax(0,1fr) 28px!important;grid-template-areas:none!important}.rcard .rc-type{display:none!important}.rcard .rc-meta{grid-column:2;grid-row:2;justify-self:start}.rcard .rc-go{grid-column:3;grid-row:1}}
/* móvil: la barra con sesión no cabía en una fila («Mi cuenta» partido, «Salir» fuera). Los enlaces bajan a una segunda fila deslizable */
@media (max-width:600px){
  .topnav .topnav-inner{flex-wrap:wrap!important;row-gap:4px;height:auto!important;padding-top:10px!important;padding-bottom:8px!important}
  .topnav .nav-right{order:3;flex:1 0 100%;justify-content:flex-start!important;gap:18px!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:2px}
  .topnav .nav-right::-webkit-scrollbar{display:none}
  .topnav .nav-right .nav-link{white-space:nowrap;font-size:14px!important}
  .topnav .nav-right>span.mono{display:none!important}
}
/* pulsado: un hundimiento corto que confirma el toque, igual en toda la web; sin el destello azul de Android */
a,button,summary,[role=tab]{-webkit-tap-highlight-color:transparent}
a[class*=btn]:active,button:not([disabled]):active,.btn:active,.btn-primary:active,.btn-sec:active,.topnav-cta:active,.hero-cta:active,.pr-cta:active,.acc-btn:active,.cta:active,.pack-btn:active{transform:translateY(1px) scale(.985)!important;transition:transform .08s!important}