#dia-menu { margin:0 18px 16px; border:1px solid var(--borde); border-radius:12px; padding:10px; }
#dia-menu summary { cursor:pointer; min-height:44px; }
#dia-menu .acciones { margin-top:6px; }
#tu-dia { width:min(980px,100%); max-width:100%; max-height:95dvh; padding:18px; }
#tu-dia h2 { margin-bottom:8px; }
.dia-barra { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.dia-barra button { min-height:44px; padding:6px 12px; font-size:.85rem; }
#dia-fecha, #dia-mover select { font:inherit; max-width:100%; padding:10px; min-height:48px; }
#dia-privacidad, #dia-estado { font-size:.9rem; }
#dia-estado { white-space:pre-line; }
#dia-avisos { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
#dia-avisos[hidden] { display:none; }
#dia-avisos button { font:inherit; font-size:.85rem; min-height:44px; padding:8px 12px; text-align:left; }
#dia-aviso { max-width:min(540px,calc(100% - 24px)); max-height:85dvh; overflow:auto; }
#dia-aviso-fotos { overflow-wrap:anywhere; }
#dia-aviso-fotos li { margin:10px 0; }
#dia-pila { height:150px; position:relative; margin:24px auto 10px; width:140px; }
.dia-polaroid { padding:5px 5px 15px; background:#fff; border:1px solid #ddd1bc; border-radius:2px; }
#dia-pila .dia-polaroid { position:absolute; inset:0; width:140px; height:130px; object-fit:cover; }
#dia-columnas { display:flex; overflow-x:auto; gap:12px; padding:16px 8px; scroll-snap-type:x proximity; }
.dia-columna { flex:0 0 138px; background:#ece2cf; border-radius:10px; padding:8px; scroll-snap-align:start; }
.dia-columna[aria-current] { outline:2px solid #a3271c; outline-offset:2px; }
.dia-animando #dia-columnas { scroll-snap-type:none; overflow-x:hidden; }
.dia-columna h3 { font-size:.82rem; min-height:54px; margin:0 0 8px; }
.dia-columna .dia-fotos { display:grid; grid-template-columns:1fr 1fr; gap:5px; min-height:58px; }
.dia-columna .dia-fotos { max-height:250px; overflow-y:auto; }
.dia-animando #dia-elegir { display:none; }
.dia-animando #dia-estado { display:none; }
.dia-animando #dia-avisos { display:none; }
.dia-fotos button { min-height:58px; padding:3px; border:0; border-radius:2px; overflow:hidden; position:relative; }
.dia-alerta { position:absolute; right:2px; top:2px; background:#a3271c; color:white; border-radius:50%; width:24px; height:24px; font:bold 18px/24px Georgia; }
.dia-fotos img { width:100%; height:58px; display:block; object-fit:cover; }
.dia-fotos .dia-pendiente { visibility:hidden; }
.dia-vuelo { position:fixed; z-index:9; width:90px; height:80px; object-fit:cover; pointer-events:none; will-change:transform,opacity; }
#dia-contador { text-align:center; margin:4px 0; font-variant-numeric:tabular-nums; }
#dia-album { margin-top:20px; }
.dia-hoja { margin:0 0 16px; background:#fffdf7; border:1px solid var(--borde); }
.dia-hoja img { display:block; width:100%; height:auto; }
#dia-archivo button { display:flex; width:100%; text-align:left; margin-top:8px; }
#dia-mover { max-width:calc(100% - 24px); }
#dia-mover .acciones { gap:8px; }
#dia-imagen { width:100%; height:auto; }
#dia-exportar { max-width:100%; }
@media (min-width:820px) { #dia-menu { max-width:744px; margin:0 auto 16px; } }
@media print {
  @page { size:A4 portrait; margin:8mm; }
  body > :not(#tu-dia) { display:none !important; }
  #tu-dia { display:block !important; position:static; width:100%; max-width:none; height:auto; max-height:none; margin:0; padding:0; border:0; overflow:visible; }
  #tu-dia::backdrop { display:none; }
  #tu-dia > :not(#dia-album) { display:none !important; }
  #dia-album { margin:0; }
  .dia-hoja { border:0; margin:0; break-after:page; break-inside:avoid; }
  .dia-hoja:last-child { break-after:auto; }
  .dia-hoja img { width:100%; max-height:275mm; object-fit:contain; }
}
#dia-video-salida { display:block; width:100%; max-height:60vh; background:#000; }
#dia-video-salida[hidden] { display:none; }