/* Experiencia móvil (BC_Mobile_UX). Todo aplica solo hasta 767px. */
.bc-bottom-nav{display:none}

@media(max-width:767px){
  /* Barra inferior fija */
  /* !important: el ancla de AdSense pone su propio padding en línea; este ya lo incluye */
  html body{padding-bottom:calc(60px + var(--bc-anchor-offset,0px) + env(safe-area-inset-bottom))!important}
  .bc-bottom-nav{position:fixed;z-index:999;right:0;bottom:var(--bc-anchor-offset,0px);left:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(60px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:rgba(23,25,29,.97);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -6px 20px rgba(0,0,0,.18);transition:bottom .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .bc-bottom-nav a,
  .bc-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;margin:0;padding:0;border:0;border-radius:0;background:none;color:rgba(255,255,255,.74);font:700 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .bc-bottom-nav a:hover,.bc-bottom-nav a:focus,
  .bc-bottom-nav button:hover,.bc-bottom-nav button:focus{background:none;color:#fff}
  .bc-bottom-nav .is-active{color:#fff}
  .bc-bottom-nav .is-active::before{content:"";position:absolute;top:0;left:50%;width:26px;height:3px;border-radius:0 0 3px 3px;background:#d90014;transform:translateX(-50%)}
  .bc-bottom-nav svg{display:block;width:22px;height:22px}
  #spw_3FAXIXYRMD1AO9XI4TTT2XCL3PGDQ4,#bc-tablas-live-2510{scroll-margin-top:84px}

  /* Header: la barra del lema (texto de 7,5px) no aporta en celular */
  html body #bc-header-dinamico-v1 .bc-header-utility{display:none}

  /* Home: accesos por sección arriba, como chips deslizables */
  html body #bc-home-dinamica-v1>.bc-home-shell{display:flex;flex-direction:column}
  html body #bc-home-dinamica-v1>.bc-home-shell>*{order:3}
  html body #bc-home-dinamica-v1>.bc-home-shell>.bc-home-ticker{order:1}
  html body #bc-home-dinamica-v1>.bc-home-shell>.bc-home-quick-nav{order:2;margin:10px 0 4px;scroll-snap-type:x proximity}
  html body #bc-home-dinamica-v1 .bc-home-quick-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;font-size:12px;scroll-snap-align:start}
  html body #bc-home-dinamica-v1 .bc-home-quick-nav .bc-home-quick-nav-tablas{border-color:#17191d;background:#17191d;color:#fff}

  /* Notas visuales que siguen a la tarjeta del partido: sin título ni marcador repetidos */
  html body.single-post .bc-visual-note .bc-hero{min-height:0}
  html body.single-post .bc-visual-note .bc-hero .bc-hero-title{display:none}
  html body.single-post .bc-visual-note .bc-hero p{font-size:15px;line-height:1.5}
  html body.single-post .bcgr-game~.bc-visual-note .bc-hero+.bc-section .bc-grid-4>.bc-stat:nth-child(-n+2){display:none}

  /* Legibilidad: nada por debajo de 11px en etiquetas, 13px en el menú */
  html body #bc-header-dinamico-v1 .bc-header-fixture-button{font-size:11px}
  html body #bc-header-dinamico-v1 .bc-header-menu>li>a,
  html body #bc-header-dinamico-v1 .bc-header-submenu-toggle,
  html body #bc-header-dinamico-v1 .bc-header-menu .sub-menu a{font-size:13px}
  html body #bc-home-dinamica-v1 .bc-home-fixture-label,
  html body #bc-home-dinamica-v1 .bc-home-ticker-label{font-size:11px}

  /* Archivos (Post Grid de Essential Addons): fotos con la misma proporción */
  html body .eael-grid-post .eael-entry-thumbnail img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
}

@media(max-width:410px){
  /* En pantallas chicas el botón de partidos del header es solo el punto: lo cubre la barra inferior */
  html body #bc-header-dinamico-v1 .bc-header-fixture-button{font-size:0}
}

@media print{.bc-bottom-nav{display:none!important}}