.pwa-instalar{position:fixed;right:16px;bottom:max(30px,env(safe-area-inset-bottom));z-index:35;border:1px solid #494b51;border-radius:999px;background:#19191c;color:#f4f4f1;padding:10px 16px;font:600 13px system-ui;box-shadow:0 5px 22px #0007;cursor:pointer}
.pwa-instalar:hover{border-color:#e7401f}
.pwa-instalar[hidden],.pwa-estado[hidden]{display:none!important}
.pwa-estado{position:fixed;z-index:1000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));box-sizing:border-box;padding:14px 18px;border:1px solid #73572f;border-radius:12px;background:#241d14;color:#fff0da;font:14px/1.5 system-ui;box-shadow:0 6px 30px #0008}
.pwa-estado button{margin:8px 8px 0 0;border:1px solid #72747c;border-radius:7px;padding:9px 12px;background:#19191c;color:#fff;font:600 13px system-ui;cursor:pointer}
.pwa-dialogo{box-sizing:border-box;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:30px;border:1px solid #3a3b41;border-radius:20px;background:#121214;color:#f4f4f1;font:15px/1.6 system-ui;box-shadow:0 24px 80px #0008}
.pwa-dialogo::backdrop{background:#000b;backdrop-filter:blur(5px)}
.pwa-dialogo img{display:block;width:88px;height:88px;margin-bottom:20px;border-radius:20px}
.pwa-dialogo h2{font-size:25px;line-height:1.15;margin:0 0 12px}.pwa-dialogo p{color:#a4a6ad}.pwa-dialogo ol{padding-left:22px}.pwa-dialogo li{padding:5px 0}
.pwa-dialogo button,.pwa-reintentar{display:block;border:0;border-radius:9px;background:#e7401f;color:#fff;padding:13px 18px;font:700 15px system-ui;cursor:pointer;text-align:center;text-decoration:none}
.pwa-dialogo button{width:100%;margin-top:24px}
.pwa-offline{margin:0;min-height:100dvh;background:#0a0a0b;color:#f4f4f1;display:grid;place-items:center;font:16px/1.6 system-ui;padding:24px;box-sizing:border-box}
.pwa-offline main{max-width:440px;width:100%;box-sizing:border-box;background:#121214;border:1px solid #2c2d32;border-top:3px solid #e7401f;border-radius:16px;padding:32px}
.pwa-offline img{width:220px;max-width:100%;height:auto}.pwa-offline small{display:block;color:#e7401f;letter-spacing:2px;font-size:11px;font-weight:700;margin-top:32px}.pwa-offline h1{font-size:30px;line-height:1.15;margin:10px 0 16px}.pwa-offline p{color:#a4a6ad}.pwa-offline .pwa-reintentar{margin-top:28px}
@media(display-mode:standalone){.pwa-instalar{display:none}}
@media(max-width:600px){.pwa-instalar{right:12px;bottom:max(28px,env(safe-area-inset-bottom));padding:9px 13px}.pwa-offline main{padding:26px}}

/* El fondo puede ocupar toda la pantalla; los controles respetan las barras de iOS.
   La cabecera conserva su espacio superior también al desplazarse (position:sticky). */
:root{--seguro-arriba:env(safe-area-inset-top,0px);--seguro-abajo:env(safe-area-inset-bottom,0px);--seguro-izquierda:env(safe-area-inset-left,0px);--seguro-derecha:env(safe-area-inset-right,0px)}
@media screen{
  body{box-sizing:border-box;min-height:100dvh;padding-left:var(--seguro-izquierda);padding-right:var(--seguro-derecha);padding-bottom:var(--seguro-abajo)}
  .cabeza{padding-top:var(--seguro-arriba)}
  .pwa-acceso,.pwa-orden,.pwa-pantalla{padding-top:var(--seguro-arriba)}
  .pwa-pantalla{height:100dvh}
  .pwa-pantalla>.creditos-fotos{right:calc(16px + var(--seguro-derecha));bottom:var(--seguro-abajo)}
  .velo{padding-left:var(--seguro-izquierda);padding-right:var(--seguro-derecha)}
  .panel .top{padding-top:calc(18px + var(--seguro-arriba))}
  .panel .cerrar{top:calc(14px + var(--seguro-arriba))}
  .panel .dentro{padding-bottom:calc(40px + var(--seguro-abajo))}
  .brindis{bottom:calc(26px + var(--seguro-abajo));max-width:calc(100% - 32px - var(--seguro-izquierda) - var(--seguro-derecha))}
  .pwa-instalar{right:calc(16px + var(--seguro-derecha));bottom:calc(16px + var(--seguro-abajo))}
  .pwa-estado{bottom:calc(16px + var(--seguro-abajo));width:min(560px,calc(100% - 32px - var(--seguro-izquierda) - var(--seguro-derecha)))}
  .pwa-dialogo,.carro-ampliado{inset:var(--seguro-arriba) var(--seguro-derecha) var(--seguro-abajo) var(--seguro-izquierda);max-height:calc(100dvh - 32px - var(--seguro-arriba) - var(--seguro-abajo))}
  .pwa-dialogo{width:min(430px,calc(100vw - 32px - var(--seguro-izquierda) - var(--seguro-derecha)))}
  .carro-ampliado{width:min(760px,calc(100vw - 32px - var(--seguro-izquierda) - var(--seguro-derecha)))}
  .pwa-pantalla .capa{padding:calc(16px + var(--seguro-arriba)) calc(16px + var(--seguro-derecha)) calc(16px + var(--seguro-abajo)) calc(16px + var(--seguro-izquierda))}
  .pwa-pantalla .ficha{max-height:calc(100dvh - 32px - var(--seguro-arriba) - var(--seguro-abajo));overflow:auto}
  .pwa-offline{padding:calc(24px + var(--seguro-arriba)) calc(24px + var(--seguro-derecha)) calc(24px + var(--seguro-abajo)) calc(24px + var(--seguro-izquierda))}
}
@media screen and (max-width:700px){.cabeza .fila,.cabeza .yo{flex-wrap:wrap}.cabeza .yo{gap:10px}}
@media screen and (max-width:400px){.cochera{grid-template-columns:minmax(0,1fr)}}