.custom-scrollbar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

.custom-scrollbar::-webkit-scrollbar {
    height: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

dialog::backdrop {
    background: rgba(17, 24, 39, 0.7);
    backdrop-filter: blur(4px);
}
dialog.open {
    animation: slideUp 0.3s ease-out forwards;
}
dialog.closed {
    animation: slideDown 0.3s ease-in forwards;
}

.logo-img {
  width: 70%;
  height: auto; 
  display: block;   
  margin: 0 auto; 
}

.logo-inicio-img {
  width: 60%;
  height: auto; 
  display: block;   
  margin: 0 auto;   
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes slideDown {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(20px) scale(0.95); }
}