.container-panel-admin { padding: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-width: 900px; margin: 20px auto; }
        .welcome-message { text-align: center; margin-bottom: 30px; font-size: 1.1em; color: #555; }
        .admin-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        .option-card { background-color: #e9e9e9; padding: 20px; border-radius: 6px; text-align: center; transition: background-color 0.3s ease; }
        .option-card:hover { background-color: #dcdcdc; }
        .option-card a { text-decoration: none; color: #333; font-weight: bold; font-size: 1.2em; display: block; padding: 10px; }
        .logout-link { text-align: right; margin-bottom: 20px; }
        .logout-link a { margin-left: 15px; text-decoration: none; color: #dc3545; font-weight: bold; }
        .logout-link a:hover { text-decoration: underline; }
        
        .top-links { text-align: right; margin-bottom: 20px; }
        .top-links a { margin-left: 15px; text-decoration: none; color: #007bff; font-weight: bold; }
        .top-links a:hover { text-decoration: underline; }
        
        
        
       /* Estilos responsivos */
        @media screen and (max-width: 768px) { 
        .top-links {
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px;
                margin-bottom: 20px;
            }
            .top-links a {
                margin-left: 0;
                padding: 5px 10px;
                border-radius: 4px;
                background-color: #f0f8ff;
                width: 80%;
                box-sizing: border-box;
            }
            .top-links a:hover {
                background-color: #e0f2ff;
                text-decoration: none;
            }
            
            .logout-link {
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px;
                margin-bottom: 20px;
            }
            .logout-link a {
                margin-left: 0;
                padding: 5px 10px;
                border-radius: 4px;
                background-color: #f0f8ff;
                width: 80%;
                box-sizing: border-box;
            }
            .logout-link a:hover {
                background-color: #e0f2ff;
                text-decoration: none;
            }
        }