/* fab.css
   Botón flotante de acciones (.fab-opt) y su animación.
   (Extraído de index.html; contenido sin cambios.) */
.fab-opt {
  display:flex; align-items:center; gap:10px;
  border:none; border-radius:24px; padding:8px 14px;
  font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700;
  cursor:pointer; letter-spacing:.5px; box-shadow:0 3px 10px rgba(0,0,0,.35);
  white-space:nowrap; transition:transform .15s ease, opacity .15s ease;
  animation:fabIn .2s ease;
}
/* Botones flotantes sobre fotos: el de ajuste solo aparece en modo edición,
   el de zoom solo en modo ver. Ninguno aparece en impresión/PDF. */
body.modo-ver .photo-adjust-btn { display:none !important; }
body.modo-ver .photo-zoom-btn   { display:flex !important; }
/* En modo "ver" (visualización) las observaciones NO son editables: ocultar el lápiz. */
body.modo-ver #obs-edit-btn { display:none !important; }
/* IMPORTANTE: @media print debe ir DESPUÉS para ganar la cascada y ocultar el zoom-btn
   incluso cuando body tiene la clase modo-ver. El .rend-modo-toggle también se oculta
   en PDF (no es información relevante en la impresión). */
@media print {
  .photo-adjust-btn, .photo-zoom-btn, .rend-modo-toggle,
  body.modo-ver .photo-adjust-btn, body.modo-ver .photo-zoom-btn { display:none !important; }
}
.fab-opt:hover { transform:scale(1.05); }
.fab-opt-label { order:1; }
.fab-opt-icon {
  order:2; width:26px; height:26px; border-radius:50%;
  background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center;
  font-size:14px;
}
@keyframes fabIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
#fab-main.open { transform:rotate(45deg); }