/* SC al Día — modo app instalada (patch-pwa-premium). Solo aplica con html.pwa-sa
   (display-mode standalone, iPhone navigator.standalone o ?standalone=1 de prueba).
   El sitio en el navegador no cambia. */
:root{--pwa-accent:#e60012;--pwa-tab-h:58px;--pwa-safe-b:env(safe-area-inset-bottom,0px);--pwa-safe-t:env(safe-area-inset-top,0px)}

/* ---------- Splash de arranque (solo 1.ª pantalla de la sesión, nunca bloquea) ---------- */
html.pwa-splash::after{content:"";position:fixed;inset:0;z-index:2147483600;pointer-events:none;
  background:#fff url(/pwa/logo-splash.png) no-repeat 50% 46%/64vw auto;
  animation:pwa-splash-out .32s ease .55s forwards}
@media (min-width:600px){html.pwa-splash::after{background-size:min(64vw,420px) auto}}
html.pwa-splash::before{content:"";position:fixed;left:50%;top:calc(46% + 13vw);width:44px;height:3px;margin-left:-22px;z-index:2147483601;
  pointer-events:none;border-radius:3px;background:linear-gradient(90deg,transparent,var(--pwa-accent),transparent) 0 0/200% 100%;
  animation:pwa-splash-bar .9s linear infinite,pwa-splash-out .32s ease .55s forwards}
@keyframes pwa-splash-out{to{opacity:0;visibility:hidden}}
@keyframes pwa-splash-bar{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){html.pwa-splash::after,html.pwa-splash::before{animation:pwa-splash-out .01s linear .3s forwards}}

/* ---------- Sensación de app ---------- */
html.pwa-sa{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
html.pwa-sa body{overscroll-behavior-x:none;padding-bottom:calc(var(--pwa-tab-h) + var(--pwa-safe-b))}
html.pwa-sa .site-header,html.pwa-sa .portal-category-rail,html.pwa-sa .pwa-tabbar,html.pwa-sa .cat-pill,html.pwa-sa button{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.pwa-sa a,html.pwa-sa button{touch-action:manipulation}

/* Cabecera compacta: sin la franja de fecha/clima (el clima va en la barra de abajo) */
html.pwa-sa .site-header-meta{display:none!important}
html.pwa-sa .site-header{padding-top:var(--pwa-safe-t);background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 1px 0 rgba(15,23,42,.06)!important;border-bottom-color:transparent!important}
html.pwa-sa .site-header-logo-row{min-height:52px;padding-top:4px;padding-bottom:4px}
html.pwa-sa .site-header .site-logo__completo{height:1.7rem!important}
html.pwa-sa #btn-menu{height:38px;border-radius:12px}

/* Pie más liviano dentro de la app */
html.pwa-sa .site-footer__col-secciones,html.pwa-sa .site-footer__tagline{display:none!important}

/* Elementos fijos abajo: por encima de la barra de pestañas */
html.pwa-sa #scroll-top-btn{bottom:calc(var(--pwa-tab-h) + 14px)!important;margin-bottom:var(--pwa-safe-b)!important}
html.pwa-sa #toast-refresh{bottom:calc(var(--pwa-tab-h) + var(--pwa-safe-b) + 14px)!important}
html.pwa-sa .sp--barra-abajo{bottom:calc(var(--pwa-tab-h) + var(--pwa-safe-b))!important}html.pwa-sa .sp--esquina{bottom:calc(var(--pwa-tab-h) + var(--pwa-safe-b) + 12px)!important}
html.pwa-sa .scpwa{display:none!important}

/* ---------- Barra de pestañas ---------- */
.pwa-tabbar{display:none}
html.pwa-sa .pwa-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;
  height:calc(var(--pwa-tab-h) + var(--pwa-safe-b));padding:0 6px var(--pwa-safe-b);
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
  border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px rgba(15,23,42,.06);
  font:600 10.5px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em}
.pwa-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:#64748b;text-decoration:none;position:relative;border-radius:14px;margin:5px 2px;transition:color .15s ease,transform .12s ease}
.pwa-tabbar a:active{transform:scale(.94)}
.pwa-tabbar a>svg{width:23px;height:23px;margin:3.5px 0}.pwa-tabbar svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pwa-tabbar a[aria-current=page]{color:var(--pwa-accent)}
.pwa-tabbar a[aria-current=page]::before{content:"";position:absolute;top:-5px;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:var(--pwa-accent)}
.pwa-tabbar a[aria-current=page] svg{stroke-width:2.3}
.pwa-tabbar .pwa-tab-enviar span.ic{display:flex;align-items:center;justify-content:center;width:40px;height:30px;border-radius:12px;background:var(--pwa-accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--pwa-accent) 35%,transparent)}
.pwa-tabbar .pwa-tab-enviar span.ic svg{width:20px;height:20px}

/* Modo oscuro del sitio */
html.pwa-sa[data-theme=dark] .site-header{background:rgba(15,23,42,.9)!important}
html.pwa-sa[data-theme=dark] .pwa-tabbar{background:rgba(15,23,42,.94);border-top-color:rgba(255,255,255,.08)}
html.pwa-sa[data-theme=dark] .pwa-tabbar a{color:#94a3b8}
html.pwa-sa[data-theme=dark] .pwa-tabbar a[aria-current=page]{color:#5eead4}

/* ---------- Transiciones entre páginas (Chrome 126+, Safari 18.2+) ---------- */
@media (display-mode:standalone){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:pwa-vt-out .16s ease both}
  ::view-transition-new(root){animation:pwa-vt-in .22s ease both}
  .pwa-tabbar{view-transition-name:pwa-tabbar}
  .site-header{view-transition-name:pwa-header}
}
@keyframes pwa-vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes pwa-vt-in{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Barra de carga al tocar un enlace */
.pwa-progress{position:fixed;top:0;left:0;height:2.5px;width:0;z-index:2147483000;background:var(--pwa-accent);
  box-shadow:0 0 8px var(--pwa-accent);transition:width 8s cubic-bezier(.1,.7,.2,1),opacity .2s;pointer-events:none}
.pwa-progress.on{width:85%}