.topbar { height:64px; background:#3f51b5; color:#fff; position:fixed; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:0 18px; z-index:50; }
.topbar-back {  color: white; text-decoration: none; font-weight: bold; }
.topbar-logout { color: white; text-decoration: none; font-weight: bold;  display: inline-block;  padding: 5px;  border: 1px solid #ccc;  border-radius: 2px; background-color: #3366f0;  }
.sidebar { width:260px; position:fixed; left:0; top:64px; bottom:0; overflow:auto; background:#fafafa; border-right:1px solid #eee; }
/* .content { margin-left:260px; padding:90px 24px 40px; } */
 .content { margin-left:260px; padding: 70px 20px 20px; }
@media (max-width: 768px) {
  .content {
    margin-left: 0; /* en móviles, pantalla completa */
  }
}

@media(max-width:900px){ .sidebar{transform:translateX(-100%);} .content{margin-left:0;padding-top:80px;} }
 /* .fab { position:fixed; right:18px; bottom:18px; background:#f50057; color:#fff; width:56px;height:56px;border-radius:50%; display:flex;align-items:center; place-items: center; justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2); } */ 
.fab-cont {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #f50057; /* rosa */
  color: white;
  font-size: 24px;
  border: none;
  cursor: pointer;
  display: flex;
  line-height: 56px;
  align-items: center;
  justify-content: center;
  text-decoration: none; /* quita subrayado si es <a> */
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);
  transition: background 0.3s, transform 0.1s;
}

.fab-cont:hover {
  background-color:  #b40013;
  transform: scale(1.05);
}

    .boton-enlace {
      display: inline-block; /* Permite establecer ancho, alto y relleno */
      padding: 10px 20px;    /* Espacio interno alrededor del texto */
      background-color: #4CAF50; /* Color de fondo del botón */
      color: white;            /* Color del texto */
      text-align: center;      /* Centra el texto */
      text-decoration: none;   /* Elimina el subrayado del enlace */
      border: none;            /* Elimina el borde por defecto del enlace */
      border-radius: 5px;      /* Bordes redondeados */
      cursor: pointer;         /* Cambia el cursor a una mano al pasar sobre él */
      font-size: 16px;         /* Tamaño del texto */
    }

    .boton-enlace:hover {
      background-color: #45a049; /* Color de fondo al pasar el cursor */
    }